/* ===== Journal article pages — extends style.css ===== */
.artnav{position:sticky;top:0;z-index:50;background:rgba(250,247,240,.92);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line)}
.artnav .navin{max-width:1180px;margin:0 auto;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.artback{display:flex;align-items:center;gap:8px;color:var(--ink70);text-decoration:none;font-size:.83rem;transition:color .25s}
.artback:hover{color:var(--olive)}

.artwrap{max-width:720px;margin:0 auto;padding:0 34px}

.arthero{padding:64px 0 40px}
.artkicker{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--olive);font-weight:500;margin-bottom:18px}
.arth1{font-family:var(--serif);font-weight:200;color:var(--ink);font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.12;letter-spacing:-.01em;margin-bottom:22px;text-wrap:balance}
.artmeta{display:flex;gap:14px;align-items:center;color:var(--ink45);font-size:.82rem;letter-spacing:.02em}
.artmeta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink45)}
.artdivider{height:1px;background:var(--line);margin:40px 0}

.artbody{padding-bottom:70px}
.artbody p{color:var(--ink70);font-size:1.05rem;line-height:1.85;margin-bottom:26px;max-width:66ch}
.artbody h2{font-family:var(--serif);font-weight:300;color:var(--ink);font-size:1.55rem;line-height:1.3;margin:44px 0 20px;letter-spacing:-.005em}
.artbody em{font-style:italic;color:var(--olive-d)}
.artbody strong{font-weight:500;color:var(--ink)}
.artbody .pull{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--olive-d);font-size:1.5rem;line-height:1.45;margin:40px 0;padding-left:24px;border-left:2px solid var(--gold)}
.artbody ul{margin:0 0 26px;padding-left:22px;color:var(--ink70);font-size:1.02rem;line-height:1.8}
.artbody li{margin-bottom:8px}
.artbody li b{color:var(--ink);font-weight:500}

.artcta{background:var(--cream-2);border-radius:var(--r-s);padding:32px 34px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.artcta p{margin:0;color:var(--ink);font-family:var(--serif);font-size:1.15rem;font-style:italic;font-weight:300;max-width:340px}

.artrelated{border-top:1px solid var(--line);padding:56px 0 60px}
.artrelated .kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink45);font-weight:500;margin-bottom:22px}
.artrel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.artrel{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:22px}
.artrel .cat{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--olive-d);font-weight:500;margin-bottom:10px}
.artrel h3{font-family:var(--serif);font-weight:300;color:var(--ink);font-size:1.05rem;line-height:1.35}

@media(max-width:880px){.artrel-grid{grid-template-columns:1fr}}
@media(max-width:640px){.arthero{padding:44px 0 28px}.artwrap{padding:0 22px}}