/* Shared article styles — used by every page in /journal/ and /legal/ */
:root{ color-scheme: light }
html,body{background:#FAF8F5;color:#0E0E10;font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.label-xs{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.serif-i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.serif{font-family:'Instrument Serif',serif;font-weight:400}
.nav-glass{background:rgba(255,255,255,.78);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border:1px solid rgba(231,227,219,.9)}
.ringed{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.footer-grad{background:radial-gradient(600px 300px at 10% 0%,rgba(255,255,255,.1),transparent 60%),radial-gradient(800px 400px at 100% 100%,rgba(255,180,140,.18),transparent 60%),linear-gradient(160deg,#5B2BE0 0%,#6E3CFF 45%,#3A1AAE 100%)}

/* Editorial article body */
.prose{max-width:680px;margin-left:auto;margin-right:auto}
.prose p{font-size:18px;line-height:1.65;color:#1A1A1F;margin-bottom:1.35em}
@media (min-width:768px){ .prose p{font-size:19px;line-height:1.7} }
.prose h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:32px;line-height:1.12;margin-top:2.2em;margin-bottom:.6em;letter-spacing:-0.01em}
@media (min-width:768px){ .prose h2{font-size:38px} }
.prose h3{font-weight:600;font-size:20px;line-height:1.25;margin-top:1.8em;margin-bottom:.45em}
.prose ul{margin:1em 0 1.35em;padding-left:1.1em}
.prose ul li{margin-bottom:.55em;line-height:1.6;font-size:17px;color:#1A1A1F}
.prose strong{font-weight:600;color:#0E0E10}
.prose a{color:#5B2BE0;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:#0E0E10}

/* Pull quote */
.pull-quote{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;font-size:30px;line-height:1.18;color:#0E0E10;border-left:3px solid #6E3CFF;padding:.1em 0 .1em 1.1rem;margin:2.4em 0 2.4em -.4rem;letter-spacing:-0.005em}
@media (min-width:768px){ .pull-quote{font-size:36px;margin:2.6em 0 2.6em -.6rem} }

/* Hero image frame */
.article-hero{border-radius:20px;overflow:hidden;background:#F2EFE9}
.article-hero img{display:block;width:100%;height:auto;object-fit:cover}
