/* Legal and policy pages: a quiet reading layout on the HealthMe tokens. */
.legal-hero{background:var(--gray-50);border-bottom:1px solid var(--border-default);padding-block:64px 48px}
.legal-hero h1{font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.035em;color:var(--hm-dark-blue-800);max-width:820px;margin-bottom:16px}
.legal-hero-note{color:var(--fg-2);font-size:1rem}
.legal-hero-note a{color:var(--hm-dark-blue-600);text-decoration:underline;text-underline-offset:3px}

.legal-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:80px;padding-block:56px 96px;align-items:start}
.legal-layout-single{grid-template-columns:minmax(0,720px)}

/* Contents list: the one structural aid, because these documents are long. */
.legal-contents{position:sticky;top:120px;max-height:calc(100vh - 150px);overflow:auto;padding-right:8px}
.legal-contents h2,.legal-contents-mobile summary{font-size:.8125rem;font-weight:600;color:var(--fg-1);letter-spacing:0;margin:0 0 12px}
.legal-contents ul,.legal-contents-mobile ul{list-style:none;margin:0;padding:0}
.legal-contents a,.legal-contents-mobile a{display:block;padding:6px 0 6px 14px;border-left:2px solid var(--border-default);font-size:.875rem;line-height:1.4;color:var(--fg-2)}
.legal-contents a:hover,.legal-contents-mobile a:hover{color:var(--hm-dark-blue-600);border-left-color:var(--hm-green-600)}
.legal-contents-mobile{display:none}

.legal-doc{max-width:720px;color:var(--fg-2);font-size:1rem;line-height:1.75}
.legal-doc>p,.legal-doc li{color:var(--fg-2)}
.legal-doc>p{margin:0 0 18px}
.legal-doc h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.02em;color:var(--hm-dark-blue-800);margin:56px 0 18px;scroll-margin-top:120px}
.legal-doc h3{font-size:1.0625rem;line-height:1.35;letter-spacing:0;color:var(--hm-dark-blue-800);margin:36px 0 12px;font-weight:600}
.legal-doc>h2:first-child,.legal-doc>p:first-child+h2{margin-top:32px}
.legal-doc ul,.legal-doc ol{margin:0 0 22px;padding-left:1.25rem}
.legal-doc li{margin-bottom:10px;padding-left:4px}
.legal-doc li::marker{color:var(--hm-green-600)}
.legal-doc ul ul{margin:10px 0 0}
.legal-doc strong{color:var(--fg-1);font-weight:600}
.legal-doc em{font-family:inherit;font-style:italic;color:inherit}
.legal-doc a{color:var(--hm-dark-blue-600);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-doc a:hover{color:var(--hm-dark-blue-800)}

.legal-related{margin-top:64px;padding-top:28px;border-top:1px solid var(--border-default)}
.legal-related h2{font-size:1rem;margin:0 0 12px;letter-spacing:0}
.legal-related ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.legal-related li{margin:0;padding:0}

@media(max-width:960px){
 .legal-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-block:32px 72px}
 .legal-contents{display:none}
 .legal-contents-mobile{display:block;border:1px solid var(--border-default);border-radius:8px;padding:14px 16px;margin-bottom:32px;background:#fff}
 .legal-contents-mobile summary{cursor:pointer;margin:0}
 .legal-contents-mobile[open] summary{margin-bottom:12px}
}
@media(max-width:560px){
 .legal-hero{padding-block:44px 32px}
 .legal-hero h1{font-size:2.125rem}
 .legal-doc{font-size:.9688rem}
 .legal-doc h2{font-size:1.3125rem;margin-top:44px}
}
@media(prefers-reduced-motion:no-preference){html:has(.legal-doc){scroll-behavior:smooth}}