/* Four journal choices; existing World settings supply the artwork. */
.journal-hub { padding:24px 14px 30px; color:#e6c579; }
.journal-hub>header { text-align:center; margin-bottom:18px; }
.journal-hub h1 { margin:5px 0; font:400 30px/1.2 'Cinzel',Georgia,serif; }
.journal-hub header p { margin:5px 0; font:16px/1.4 'EB Garamond',Georgia,serif; }
.journal-hub header p:first-child { font:10px/1.4 'Cinzel',Georgia,serif; letter-spacing:2px; text-transform:uppercase; }
.journal-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.journal-hub-card { position:relative; display:block; min-width:0; overflow:hidden; border:1px solid #866327; border-radius:4px; color:#f2ddad; text-decoration:none; background:#0b0603; }
.journal-hub-card img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center 30%; }
.journal-hub-card span { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 10px; font:12px/1.3 'Cinzel',Georgia,serif; }
.journal-hub-card b { font-weight:400; }
.journal-hub-card:focus-visible { outline:2px solid #f2cf78; outline-offset:3px; }
@media(min-width:800px) { .journal-hub { padding:32px; } .journal-hub-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .journal-hub h1 { font-size:38px; } .journal-hub-card span { font-size:15px; } }