:root{
  --cream:#f3efe4; --ink:#24211b; --soft:#4b463d; --mute:#6f675a;
  --violet:#6b5fc4; --line:rgba(36,33,27,.12); --card:#fbf9f4;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--cream);color:var(--ink);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:var(--violet);text-decoration:none}
a:hover{text-decoration:underline}
.site-nav{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 6vw;border-bottom:1px solid var(--line)}
.site-nav .brand{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--ink)}
.site-nav .nav-cta{background:var(--violet);color:#fff;font-size:.78rem;font-weight:600;padding:.5rem 1.15rem;border-radius:999px}
.site-nav .nav-cta:hover{text-decoration:none;filter:brightness(1.05)}

/* article */
.article{max-width:620px;margin:0 auto;padding:2rem 24px 3rem}
.breadcrumb{font-size:.8rem;color:var(--mute);margin-bottom:1.3rem}
.breadcrumb a{color:var(--mute)}
.eyebrow{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--violet);font-weight:700;margin-bottom:.8rem}
.article h1{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:2.6rem;line-height:1.08;margin-bottom:1rem;color:var(--ink)}
.byline{display:flex;align-items:center;gap:.6rem;padding-bottom:1.3rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--mute)}
.byline .av{width:32px;height:32px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600}
.lead{font-size:1.2rem;margin-bottom:1.5rem;color:var(--ink)}
.jots{border-top:1px solid var(--line);padding-top:1.2rem;margin-bottom:1.3rem}
.jot{display:flex;gap:.8rem;margin-bottom:.9rem;font-size:1.05rem}
.jot .n{color:var(--violet);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.15rem;line-height:1.3}
.pull{background:var(--card);border-left:3px solid var(--violet);padding:1rem 1.2rem;margin-bottom:1.8rem;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.35rem;line-height:1.32;color:var(--ink)}
.cta{display:block;background:var(--violet);color:#fff;text-align:center;padding:1.05rem;border-radius:8px;font-weight:600;font-size:.96rem;margin-bottom:2.4rem}
.cta:hover{text-decoration:none;filter:brightness(1.05)}
.cta.dark{background:var(--ink)}
.depth-label{text-align:center;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);border-top:1px solid var(--line);padding-top:1.4rem;margin-bottom:1.6rem}
.block{margin-bottom:1.5rem}
.subhead{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--violet);font-weight:700;margin-bottom:.5rem}
.article p.body{font-size:1.02rem;margin-bottom:.7rem}
.nextlink{text-align:center;margin-top:.9rem;font-size:.9rem}
.sources{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.2rem;font-size:.85rem;color:var(--mute)}
.sources h4{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:.5rem;font-weight:700}
.sources ul{list-style:none}
.sources li{margin-bottom:.35rem}

/* hub */
.hub{max-width:620px;margin:0 auto;padding:2.2rem 24px 4rem}
.hub h1{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:2.7rem;line-height:1.06;margin-bottom:.4rem;color:var(--ink)}
.hub .intro{font-size:1.15rem;color:var(--soft);margin-bottom:2.2rem;max-width:52ch}
.cluster{margin-bottom:2.4rem}
.cluster h2{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;margin-bottom:.15rem;color:var(--ink)}
.cluster .sub{font-size:.9rem;color:var(--mute);margin-bottom:.9rem}
.plist{list-style:none}
.plist li{border-top:1px solid var(--line);padding:.85rem 0}
.plist a{font-size:1.08rem;font-weight:600;color:var(--ink)}
.plist a:hover{color:var(--violet);text-decoration:none}
.plist .soon{font-size:1.08rem;font-weight:600;color:var(--mute)}
.plist .blurb{display:block;font-size:.9rem;color:var(--soft);font-weight:400;margin-top:.15rem}
.hub-cta{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.4rem;margin:2rem 0 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.hub-cta p{font-size:1rem;color:var(--soft);max-width:34ch}
.hub-cta a{white-space:nowrap;background:var(--violet);color:#fff;font-weight:600;font-size:.85rem;padding:.6rem 1.2rem;border-radius:999px}

footer{border-top:1px solid var(--line);padding:2.4rem 6vw;text-align:center;font-size:.82rem;color:var(--mute)}
footer a{color:var(--mute)}
@media(max-width:560px){.article h1{font-size:2.15rem}.hub h1{font-size:2.2rem}}