.journal-skip { position:absolute; top:-90px; left:16px; z-index:10000; background:var(--card); color:var(--text); padding:12px; }
.journal-skip:focus { top:12px; }
.journal-index,.journal-article { padding-top:132px; padding-bottom:65px; }
.journal-index { max-width:1190px; }
.journal-index-head { max-width:800px; padding:35px 0 45px; }
.journal-kicker { font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--muted); margin-bottom:14px; }
.journal-index h1 { font:400 clamp(3rem,6vw,5.3rem)/1.05 Georgia,serif; letter-spacing:-.04em; margin-bottom:25px; }
.journal-index h1 em { font-weight:400; color:var(--purple); }
.journal-index-head > p:not(.journal-kicker) { font-size:19px; line-height:1.8; color:var(--ink-soft); }
.journal-start,.journal-links { display:flex; flex-wrap:wrap; gap:20px; margin:24px 0; }
.journal-start a,.journal-links a { text-decoration:underline; text-underline-offset:4px; font-size:14px; }
.journal-articles { padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; scroll-margin-top:100px; }
.journal-card { background:var(--card); border:1px solid var(--border); border-radius:19px; overflow:hidden; min-width:0; }
.journal-card > a { display:flex; flex-direction:column; height:100%; }
.journal-card img { width:100%; height:auto; aspect-ratio:1.45; object-fit:contain; background:#eee9e0; padding:16px; }
.journal-card a > div { padding:24px; display:flex; flex-direction:column; flex:1; }
.journal-card h2 { font-size:21px; line-height:1.4; margin-bottom:14px; }
.journal-card div > p:not(.journal-kicker) { color:var(--muted); font-size:14px; line-height:1.8; }
.journal-card span { margin-top:auto; padding-top:22px; font-size:13px; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.journal-next { background:var(--bg2); border:1px solid var(--border); border-radius:20px; padding:34px; margin:55px 0 10px; }
.journal-next h2 { font:400 clamp(1.8rem,3.4vw,2.8rem)/1.16 Georgia,serif; margin-bottom:18px; }
.journal-next p { color:var(--ink-soft); line-height:1.8; margin-bottom:22px; max-width:760px; }
.journal-next .btn { white-space:normal; text-align:center; }
.journal-article { max-width:1120px; }
.journal-breadcrumb,.journal-byline { color:var(--muted); font-size:13px; line-height:1.8; margin-bottom:28px; }
.journal-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.journal-article header { max-width:850px; }
.journal-article h1 { font:400 clamp(2.5rem,5vw,4.3rem)/1.1 Georgia,serif; letter-spacing:-.035em; margin:16px 0 22px; }
.journal-intro { color:var(--ink-soft); font-size:18px; line-height:1.9; margin:20px 0; }
.journal-hero { margin:35px 0 45px; border:1px solid var(--border); border-radius:20px; overflow:hidden; background:var(--card); }
.journal-hero img { width:100%; height:auto; max-height:410px; object-fit:contain; background:#eee9e0; }
.journal-hero figcaption { padding:15px 22px; color:var(--muted); font-size:12px; line-height:1.75; }
.journal-reading { display:grid; grid-template-columns:240px minmax(0,1fr); gap:50px; align-items:start; }
.journal-toc { position:sticky; top:108px; padding:24px; background:var(--bg2); border:1px solid var(--border); border-radius:16px; }
.journal-toc h2 { font-size:15px; margin-bottom:14px; }
.journal-toc ol { padding-left:18px; list-style:decimal; }
.journal-toc li { color:var(--muted); line-height:1.6; margin:0 0 13px; font-size:13px; }
.journal-toc > a { display:block; margin-top:22px; font-size:13px; font-weight:650; }
.journal-toc a { text-decoration:underline; text-underline-offset:3px; }
.journal-body section { padding:0; margin:0 0 36px; scroll-margin-top:112px; }
.journal-body h2 { font-size:clamp(1.45rem,2.7vw,1.9rem); line-height:1.35; margin:0 0 18px; }
.journal-body p,.journal-body li { font-size:16px; color:var(--ink-soft); line-height:1.9; margin-bottom:18px; }
.journal-body ul { padding-left:22px; list-style:disc; }
.journal-body a { color:var(--text); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.journal-sources { border-top:1px solid var(--border); padding-top:28px !important; }
.journal-sources li p,.journal-disclosure { font-size:13px !important; color:var(--muted) !important; }
.journal-article a:focus-visible,.journal-index a:focus-visible { outline:3px solid var(--primary); outline-offset:5px; }
[data-theme="dark"] .journal-index h1 em { color:var(--text); }
@media (max-width:950px) { .journal-articles { grid-template-columns:repeat(2,minmax(0,1fr)); } .journal-reading { grid-template-columns:1fr; gap:30px; } .journal-toc { position:static; } }
@media (max-width:600px) { .journal-index,.journal-article { padding-top:108px; } .journal-index-head { padding-top:15px; } .journal-articles { grid-template-columns:1fr; } .journal-card img { max-height:245px; } .journal-next { padding:24px; } .journal-start { flex-direction:column; gap:14px; } .journal-hero img { max-height:300px; } }