/* Open reading pages in the existing Anantam system. */
.legal-layout{display:grid;grid-template-columns:190px minmax(0,780px);gap:56px;max-width:1120px;margin-inline:auto;}
.legal-index{align-self:start;position:sticky;top:var(--header-offset,100px);}
.legal-index a{display:flex;align-items:center;min-height:44px;color:var(--text-secondary);font-size:14px;text-decoration:none;}
.legal-index a[aria-current='page']{color:var(--text-primary);font-weight:600;}
.legal-article h1{font-size:var(--title-size);margin:0 0 20px;text-wrap:balance;}
.legal-article h2{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.15;letter-spacing:-.01em;margin:36px 0 12px;scroll-margin-top:var(--header-offset,100px);}
.legal-article h3{font-size:18px;font-weight:600;margin:28px 0 6px;}.legal-article h2+h3{margin-top:4px;}
.legal-article p,.legal-article li{font-size:16px;line-height:1.75;color:var(--text-secondary);}
.legal-article a{color:var(--link);text-underline-offset:3px;overflow-wrap:anywhere;}
.legal-article>p:first-of-type{font-size:14px;color:var(--text-muted);}
.privacy-controls{margin:24px 0 32px;padding:24px;background:var(--surface-2);border-radius:8px;}
.privacy-controls label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;}
.privacy-controls .preference-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.privacy-controls [role='status']{min-height:28px;margin:16px 0 0;font-size:14px;}
/* Contact actions: one white card with a navy Gmail pill and light secondary pills. */
.contact-actions{margin:24px 0 32px;padding:20px;background:var(--surface-1);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px #39291f0a;}
.contact-action-buttons{display:flex;flex-wrap:wrap;gap:10px;}
.legal-article .contact-actions .button{min-height:48px;padding-inline:22px;color:var(--text-primary);text-decoration:none;}
.legal-article .contact-actions .button.primary{color:var(--on-accent);}
.contact-actions .contact-action-status{min-height:0;margin:0;font-size:14px;}
.contact-actions .contact-action-status:not(:empty){margin-top:12px;}
@media(max-width:700px){.contact-action-buttons{flex-direction:column;}.contact-actions .button{justify-content:center;}}
.static-models{list-style-position:inside;columns:2;column-gap:48px;padding:0;margin:20px 0;}
.static-models li{break-inside:avoid;padding:12px 0;color:var(--text-secondary);font-size:15px;}
.static-models a{color:var(--text-primary);text-underline-offset:3px;}
.static-models strong{font-weight:500;font-variant-numeric:tabular-nums;}
.static-results-copy{max-width:100ch;color:var(--text-secondary);}
.static-reading{max-width:780px;margin-inline:auto;}.static-reading p,.static-reading li{font-size:16px;line-height:1.75;color:var(--text-secondary);}.static-reading h2{margin-top:32px;}.static-reading a{color:var(--link);text-underline-offset:3px;}
@media(max-width:700px){.legal-layout{grid-template-columns:minmax(0,1fr);gap:28px;}.legal-index{position:static;display:flex;flex-wrap:wrap;gap:0 20px;}.static-models{columns:1;}}
/* Hallmark: preserve the supplied reading system and one stationary index. */

body[data-page='legal'] main.container{padding-top:32px;min-height:calc(100svh - var(--site-header-height,88px));}
.legal-index{top:calc(var(--site-header-height,88px) + 32px);}
.legal-article{min-width:0;}
.legal-article h1:focus{outline:none;}
.legal-article h1:focus-visible{outline:2px solid var(--focus);outline-offset:4px;}
.legal-article[aria-busy='true']{cursor:progress;}
/* Phones: the index sticks flush under the header (no gap for text to show through) as one scrolling row of chips,
   the same bar as the Methodology contents. legal.js keeps the current chip in view. The 14px top padding puts the
   chips at 78 + 14 = 92px, the html scroll-padding-top (style.css), so focusing a chip never scrolls the page. */
@media(max-width:700px){
 /* No top padding: the bar rests where it sticks, so switching articles (which scrolls to the top) never moves it. */
 body[data-page='legal'] main.container{padding-top:0;}
 .legal-layout{gap:20px;}
 .legal-index{position:sticky;top:var(--site-header-height,78px);z-index:20;flex-wrap:nowrap;gap:8px;margin:0 -20px;padding:14px 20px 10px;overflow-x:auto;background:var(--surface-0);border-bottom:1px solid var(--grid);scrollbar-width:none;overscroll-behavior-x:contain;}
 .legal-index::-webkit-scrollbar{display:none;}
 .legal-index a{flex:none;min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-1);font-size:14px;font-weight:500;white-space:nowrap;}
 .legal-index a[aria-current='page']{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
 .legal-article h1,.legal-article h2{scroll-margin-top:calc(var(--site-header-height,78px) + 80px);}
}