/* Second Season Health: the privacy choice notice, on every page.
   Its tokens are scoped here so it looks the same on pages whose inline styles differ.
   Layers: nav 40, this notice 60. No animation: it appears and stays put. */
.ssc{
  --ssc-bg:#FCF8FB; --ssc-ink:#241A29; --ssc-quiet:#6A5E66; --ssc-edge:#DCCFD8;
  --ssc-outline:#786C74; --ssc-accent:#9E3B60; --ssc-accent-ink:#fff; --ssc-focus:#9E3B60;
  --ssc-shadow:0 14px 44px rgba(58,39,64,.20), 0 2px 8px rgba(58,39,64,.10);
  position:fixed; z-index:60; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom, 0px));
  max-width:460px; margin:0 auto; padding:16px 18px 14px;
  background:var(--ssc-bg); color:var(--ssc-ink);
  border:1px solid var(--ssc-edge); border-radius:16px; box-shadow:var(--ssc-shadow);
  font-family:var(--body,'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif);
  font-size:16px; line-height:1.45; text-align:left;
}
@media (prefers-color-scheme: dark){
  .ssc{
    --ssc-bg:#2A1F30; --ssc-ink:#EDE4EA; --ssc-quiet:#B7A6B1; --ssc-edge:#4A3A50;
    --ssc-outline:#9B8A96; --ssc-accent:#CE6F92; --ssc-accent-ink:#1B131F; --ssc-focus:#CE6F92;
    --ssc-shadow:0 14px 44px rgba(10,6,12,.55), 0 2px 8px rgba(10,6,12,.35);
  }
}
.ssc[hidden]{display:none}
.ssc h2{
  margin:0; color:inherit; font-size:19px; line-height:1.2; font-weight:600; letter-spacing:-0.01em;
  font-family:var(--display,'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
}
.ssc h2:focus{outline:none}
.ssc p{margin:8px 0 0; font-size:16px; line-height:1.45; color:inherit; max-width:none}
.ssc .ssc-state{font-weight:600}
.ssc-actions{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px}
.ssc-btn{
  min-height:48px; padding:10px 16px; border-radius:999px; border:1.5px solid transparent; cursor:pointer;
  font-family:var(--display,'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
  font-size:16.5px; font-weight:600; line-height:1.2;
  transition:transform .12s ease, filter .12s ease;
}
.ssc-yes{background:var(--ssc-accent); color:var(--ssc-accent-ink)}
.ssc-no{background:transparent; color:var(--ssc-ink); border-color:var(--ssc-outline)}
.ssc-btn:hover{filter:brightness(1.06)}
.ssc-btn:active{transform:translateY(1px)}
.ssc-btn:focus-visible, .ssc a:focus-visible{outline:2px solid var(--ssc-focus); outline-offset:3px}
.ssc p.ssc-fine{margin-top:12px; font-size:14px; line-height:1.5; color:var(--ssc-quiet)}
.ssc a{color:var(--ssc-ink); text-decoration:underline; text-underline-offset:2px}

@media (min-width:720px){
  .ssc{left:auto; right:24px; bottom:24px; margin:0; width:440px; padding:22px 24px 20px}
  .ssc h2{font-size:20px}
}
@media (prefers-reduced-motion: reduce){ .ssc-btn{transition:none} }
@media print{ .ssc{display:none !important} }

/* "Privacy choices" in the footer: reads as one of the footer links, works as a button */
footer .cols .ssc-open{
  display:block; margin:0; padding:6px 0; border:0; background:none; cursor:pointer; text-align:left;
  color:#C9B9C4; font-size:14.5px; line-height:inherit;
  font-family:var(--display,'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
}
footer .cols .ssc-open:hover{color:#fff}
footer .cols .ssc-open:focus-visible{outline:2px solid #CE6F92; outline-offset:3px; border-radius:4px}
