.journal-shell { padding-bottom: 6rem; }
.journal-toolbar { display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }
.journal-search { display:flex; flex:1 1 18rem; max-width:31rem; overflow:hidden; border:1px solid rgba(241,242,236,.18); border-radius:100vw; background:rgba(255,255,255,.035); }
.journal-search input { min-width:0; flex:1; padding:.75rem 1rem; color:var(--paper); background:transparent; border:0; outline:0; font:inherit; }
.journal-search button { padding:0 1rem; color:var(--ink); background:var(--acid); border:0; font:.5rem var(--mono); letter-spacing:.06em; cursor:pointer; }
.journal-categories { display:flex; gap:.5rem; overflow:auto; padding-bottom:.3rem; }
.journal-categories a { flex:none; padding:.5rem .7rem; color:rgba(241,242,236,.68); border:1px solid rgba(241,242,236,.16); border-radius:100vw; font:.48rem var(--mono); letter-spacing:.06em; text-decoration:none; }
.journal-categories a.is-active, .journal-categories a:hover { color:#061011; background:var(--aqua); border-color:var(--aqua); }
.journal-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.journal-card { display:flex; min-height:22rem; flex-direction:column; overflow:hidden; background:rgba(255,255,255,.025); border:1px solid rgba(241,242,236,.12); border-radius:.75rem; }
.journal-card__image { width:100%; height:11rem; object-fit:cover; background:linear-gradient(135deg,rgba(141,243,230,.24),rgba(137,112,245,.25)); }
.journal-card__body { display:flex; flex:1; flex-direction:column; padding:1.1rem; }
.journal-kicker { margin:0 0 .8rem; color:var(--aqua); font:.49rem var(--mono); letter-spacing:.085em; }
.journal-card h2 { margin:0 0 .65rem; font-family:var(--display); font-size:1.7rem; letter-spacing:-.065em; line-height:.96; }
.journal-card h2 a { color:var(--paper); text-decoration:none; }
.journal-card p:not(.journal-kicker) { color:rgba(241,242,236,.66); font-size:.75rem; line-height:1.65; }
.journal-card__meta { margin-top:auto; padding-top:1rem; color:rgba(241,242,236,.5); font:.47rem var(--mono); letter-spacing:.05em; }
.journal-empty { grid-column:1/-1; padding:3rem 1rem; color:rgba(241,242,236,.67); text-align:center; border:1px dashed rgba(241,242,236,.2); border-radius:.75rem; }
.journal-pagination { display:flex; justify-content:center; gap:.55rem; margin-top:1.5rem; }
.journal-pagination a { display:grid; min-width:2.2rem; min-height:2.2rem; place-items:center; color:var(--paper); border:1px solid rgba(241,242,236,.2); border-radius:.4rem; text-decoration:none; font:.58rem var(--mono); }
.journal-pagination a.is-current { color:#071012; background:var(--acid); border-color:var(--acid); }
.journal-article { max-width:48rem; margin:0 auto; }
.journal-article__meta { color:var(--aqua); font:.5rem var(--mono); letter-spacing:.09em; }
.journal-article h1 { margin:.9rem 0 1.2rem; font-family:var(--display); font-size:clamp(2.8rem,7vw,6rem); letter-spacing:-.095em; line-height:.87; }
.journal-article__lead { color:rgba(241,242,236,.75); font-size:1.05rem; line-height:1.7; }
.journal-article__cover { width:100%; max-height:32rem; margin:1.8rem 0; object-fit:cover; border-radius:.75rem; }
.journal-prose { color:rgba(241,242,236,.78); font-size:1rem; line-height:1.85; }
.journal-prose h2 { margin:2.2rem 0 .8rem; color:var(--paper); font-family:var(--display); font-size:2rem; letter-spacing:-.06em; }
.journal-prose h3 { margin:1.8rem 0 .65rem; color:var(--paper); font-size:1.2rem; }
.journal-prose p { margin:0 0 1.1rem; }
.journal-prose a { color:var(--aqua); }
.journal-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.5rem 0; }
.journal-tags a { padding:.45rem .65rem; color:var(--aqua); background:rgba(141,243,230,.08); border-radius:100vw; font:.49rem var(--mono); text-decoration:none; }
.journal-embed { margin:1.5rem 0; padding:1rem; border:1px solid rgba(241,242,236,.15); border-radius:.7rem; background:rgba(255,255,255,.025); }
.journal-embed iframe { width:100%; aspect-ratio:16/9; border:0; border-radius:.4rem; }
.journal-embed p { margin:.6rem 0 0; color:rgba(241,242,236,.6); font-size:.76rem; }
.journal-ad { min-height:5.5rem; margin:1.4rem 0; overflow:hidden; border:1px dashed rgba(241,242,236,.12); border-radius:.5rem; }
@media (max-width: 850px) { .journal-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .journal-list { grid-template-columns:1fr; } .journal-toolbar { align-items:stretch; } .journal-search { max-width:none; } }