.article{max-width: 820px; margin: 0 auto; padding: 0 var(--gutter);}
.article-head{padding: 28px 0 0;}
.article-head h1{margin-top: 14px; font-size: clamp(2.4rem, 5.6vw, 4.2rem); line-height: .98;}
.article-meta{display: flex; align-items: center; gap: 10px; margin-top: 18px; font-size: .86rem; font-weight: 700; color: var(--dim);}
.prose{margin-top: 28px; font-size: 1.06rem; line-height: 1.75; color: var(--mist);}
.prose .lede{font-size: 1.25rem; line-height: 1.55; font-weight: 600; color: var(--cream);}
.prose h2{margin: 36px 0 10px; font-size: 1.8rem; color: var(--cream);}
.prose p + p{margin-top: 14px;}
.prose ul{padding-left: 22px;}
.prose li::marker{color: var(--rose);}
.prose blockquote{margin: 28px 0; padding: 18px 24px; border-left: 3px solid var(--rose); border-radius: 0 18px 18px 0; background: rgba(255, 79, 139, .08); font: 700 1.4rem/1.35 var(--display); color: var(--cream);}
.prose cite{display: block; margin-top: 8px; font: 600 .86rem/1 var(--ui); color: var(--dim);}
.watch-list, .next-list, .inbox-list, .release-list, .chip-links{margin: 0; padding: 0; list-style: none;}
.inbox-list{display: grid; gap: 4px; margin: 4px 0 14px;}
.legal-article{padding-bottom: 72px;}
.legal-article .prose h2{margin: 40px 0 12px; font-size: clamp(1.3rem, 2.4vw, 1.6rem); line-height: 1.2;}
.legal-body section p + p{margin-top: 12px;}
.legal-body ul{display: grid; gap: 10px; margin: 12px 0 0;}
.legal-body strong{color: var(--cream);}
.legal-body a{color: var(--rose-2); text-underline-offset: 3px;}
.legal-body a:hover{color: var(--cream);}
#zb-analytics-privacy-toggle{display: inline-flex; align-items: center; min-height: 48px; margin-top: 16px; padding: 0 22px; border: 1px solid var(--line-2); border-radius: 999px; background: rgba(247, 236, 226, .05); color: var(--cream); font: 800 .9rem/1 var(--ui); cursor: pointer; transition: border-color .2s, background .2s;}
#zb-analytics-privacy-toggle:hover:not(:disabled){border-color: var(--rose); background: rgba(255, 79, 139, .12);}
#zb-analytics-privacy-toggle:disabled{cursor: default; opacity: .7;}
#zb-analytics-privacy-status{margin-top: 10px; font-size: .88rem; color: var(--dim);}
/* Legal pages, 2026-10-10: a section index, the analytics switch near the top, and each numbered section in its own dark panel. */
.legal-article .article-head{position: relative; isolation: isolate;}
.legal-article .article-head::before{content: ""; position: absolute; inset: -60px 0 -40px; z-index: -1; pointer-events: none; background: radial-gradient(closest-side, rgba(255, 46, 126, .22), transparent);}
.legal-index{margin: 0 0 14px;}
.legal-index ol{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: legal;}
.legal-index li{counter-increment: legal; min-width: 0;}
.legal-index a{display: flex; align-items: center; gap: 10px; height: 100%; min-height: 48px; padding: 6px 14px 6px 8px; border-radius: 16px; border: 1px solid var(--line); background: rgba(247, 236, 226, .04); font: 700 .88rem/1.25 var(--ui); color: var(--cream); text-decoration: none; transition: border-color .2s, background .2s;}
.legal-index a::before{content: counter(legal); flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: rgba(255, 79, 139, .16); font: 800 .82rem/1 var(--ui); color: var(--rose-2);}
.legal-index a:hover{border-color: var(--rose); background: rgba(255, 79, 139, .1); color: var(--cream);}
.legal-setting{margin: 0 0 14px; padding: 20px 24px 22px; border-radius: 24px; border: 1px solid var(--gold-dim); background: radial-gradient(360px 180px at 0% 0%, rgba(255, 161, 51, .14), transparent 70%), linear-gradient(180deg, rgba(34, 18, 42, .82), rgba(21, 11, 26, .82)); scroll-margin-top: 96px;}
.legal-setting-title{font: 800 1.15rem/1.2 var(--display); color: var(--cream);}
.legal-setting .legal-setting-title + p{margin-top: 6px; font-size: .96rem; line-height: 1.55;}
.legal-setting #zb-analytics-privacy-toggle{justify-content: center; margin-top: 14px; border-color: var(--gold-dim);}
.legal-body > div{display: grid; gap: 14px;}
.legal-body section{padding: 22px 24px 24px; border-radius: 24px; border: 1px solid var(--line); background: linear-gradient(180deg, rgba(34, 18, 42, .82), rgba(21, 11, 26, .82)); scroll-margin-top: 96px;}
.legal-article .prose section h2{margin: 0 0 10px;}
.legal-body section > ul:first-of-type{margin-top: 0;}
.legal-body section > p + ul{margin-top: 12px;}
.legal-jump a{display: inline-flex; align-items: center; min-height: 44px; font-weight: 800;}
@media (max-width: 760px){
.legal-index ol{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px;}
.legal-index a{padding-right: 10px; font-size: .82rem;}
.legal-setting{padding: 18px 16px 20px; border-radius: 20px;}
.legal-body section{padding: 18px 16px 20px; border-radius: 20px;}
.legal-article .prose{font-size: 1rem; line-height: 1.65;}
}