/* =====================================================================
   Legal pages — policies.php
   Long, dense, rarely-read text. The job here is navigability: a sticky
   index of the eight documents, a plain-language summary at the top so a
   patient does not have to read 4,000 words to get the answer, real
   headings that can be linked to, and a print sheet that drops the site
   chrome so a distributor can file a signed copy.
   ===================================================================== */
.legal{padding-top:2.5rem}
.legal__grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:3rem;align-items:start}

/* ---- the document index ---- */
.legal__side{padding:.9rem;font-size:.92rem}
.legal__side h2{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.3rem .8rem .6rem}
.legal__side a{display:block;padding:.55rem .8rem;border-radius:10px;font-weight:500;color:var(--ink-2);line-height:1.35}
.legal__side a:hover{background:var(--bg-2);color:var(--green-700)}
.legal__side a[aria-current]{background:var(--mint);color:var(--green-800);font-weight:700}
.legal__side hr{border:0;border-top:1px solid var(--line);margin:.7rem .5rem}
.legal__help{padding:.55rem .8rem;color:var(--muted);font-size:.85rem;line-height:1.5}
.legal__help a{display:inline;padding:0;color:var(--green-700);font-weight:600;text-decoration:underline}

/* ---- the document itself ---- */
.legal__doc{max-width:74ch}
.legal__doc h1{font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.15;margin:.5rem 0 .35rem}
.legal__meta{color:var(--muted);font-size:.85rem;margin-bottom:1.5rem}
.legal__sum{background:var(--mint);border:1px solid rgba(11,122,59,.16);border-radius:14px;padding:1rem 1.15rem;margin-bottom:1.75rem}
.legal__sum strong{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green-800);margin-bottom:.3rem}
.legal__sum p{margin:0!important;color:var(--green-900);text-align:left!important;hyphens:manual}

.legal__toc{border:1px solid var(--line);border-radius:14px;padding:1rem 1.15rem;margin-bottom:2rem}
.legal__toc strong{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.legal__toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:2rem}
.legal__toc li{margin-bottom:.3rem;font-size:.92rem;break-inside:avoid}
.legal__toc a{color:var(--green-700)}
.legal__toc a:hover{text-decoration:underline}
@media(max-width:640px){.legal__toc ol{columns:1}}

.legal__doc h2{font-size:1.15rem;line-height:1.3;margin:2.25rem 0 .7rem;scroll-margin-top:110px}
.legal__doc h2:first-of-type{margin-top:1rem}
.legal__doc h2 .anchor{opacity:0;margin-left:.4rem;color:var(--green-700);font-weight:400;text-decoration:none}
.legal__doc h2:hover .anchor,.legal__doc h2 .anchor:focus{opacity:1}
.legal__doc ul{margin:0 0 1.1rem;padding-left:1.15rem;list-style:disc}
.legal__doc li{margin-bottom:.5rem;color:var(--ink-2);line-height:1.65}
.legal__doc a[href^="mailto"],.legal__doc a[href^="tel"],.legal__doc a[href^="http"]{color:var(--green-700);text-decoration:underline;word-break:break-word}
.legal__foot{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;font-size:.9rem;color:var(--muted)}
.legal__foot .btn{margin-left:auto}

@media(max-width:980px){
  .legal__grid{grid-template-columns:1fr;gap:1.5rem}
  .legal__side{position:static;order:2}
  .legal__doc{order:1;max-width:none}
  .legal__side a{min-height:44px;display:flex;align-items:center}
}

/* ---- print: just the document ---- */
@media print{
  .topbar,.hdr,.mnav,.mega,.ftr,.legal__side,.legal__toc,.wa-fab,.skip,.legal__foot .btn{display:none!important}
  .legal{padding:0}
  .legal__grid{display:block}
  .legal__doc{max-width:none}
  .legal__doc h2{page-break-after:avoid;margin-top:1.4rem}
  .legal__doc p,.legal__doc li{page-break-inside:avoid;color:#000;text-align:left;hyphens:manual}
  .legal__sum{border:1px solid #999;background:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;color:#555}
}
