/* Prototype 4 visual tokens only. Document markup and motion rules stay supplied. */
body:has(.legal-main:not(.legal-index)){
 --ink:#000829;--muted:#636a6b;--line:rgb(234 235 235 / 50%);
 --page:1448px;--gap:24px;
 --legal-title:64px;--legal-section:24px;--legal-body:16px;--legal-nav:14px;--legal-meta:12px;
 color:var(--ink);background-color:#fff;
}
.legal-main:not(.legal-index) .legal-heading h1{font-size:var(--legal-title);line-height:64px;letter-spacing:-.02em;color:var(--ink)}
.legal-main:not(.legal-index) .legal-heading p,.legal-main:not(.legal-index) .legal-back{font-size:var(--legal-meta);line-height:20px;color:var(--muted)}
.legal-main:not(.legal-index) .legal-article h2{font-size:var(--legal-section);line-height:28px;letter-spacing:-.01em;color:var(--ink)}
.legal-main:not(.legal-index) :is(.legal-article p,.legal-list){font-size:var(--legal-body);line-height:24px;color:var(--muted)}
.legal-main:not(.legal-index) .legal-article :is(.legal-lead,.legal-clause-number){color:var(--ink)}
.legal-main:not(.legal-index) .legal-toc a{font-size:var(--legal-nav);line-height:20px;color:var(--muted)}
.legal-main:not(.legal-index) .legal-toc a .legal-toc-label{font-size:inherit;line-height:inherit}
.legal-main:not(.legal-index) .legal-toc a[aria-current="location"]{color:#0100ff}
.legal-main:not(.legal-index) .legal-toc-label.is-shimmering{background-image:linear-gradient(105deg,#0100ff 35%,#a6a6ff 44%,#e1e0ff 50%,#a6a6ff 56%,#0100ff 65%);color:transparent}
body:has(.legal-main:not(.legal-index)) :is(button,a):focus-visible{outline-color:#0100ff}

@media(min-width:901px){
 body:has(.legal-main:not(.legal-index)) :is(#header>.container,.legal-main,.grid-overlay){max-width:1448px;padding-inline:24px}
 .legal-main:not(.legal-index) :is(.legal-heading,.legal-layout){grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
 .legal-main:not(.legal-index) .legal-article{grid-column:1/9}
 .legal-main:not(.legal-index) .legal-aside{grid-column:10/13}
}
@media(max-width:900px){
 body:has(.legal-main:not(.legal-index)){--legal-title:40px}
 .legal-main:not(.legal-index) .legal-heading h1{line-height:44px}
 .legal-main:not(.legal-index) :is(.legal-toc,.legal-toc a,.legal-toc-label){min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 .legal-main:not(.legal-index) .legal-toc-label.is-shimmering{background:none;color:inherit}
}
