/* Legal pages: Terms of Service + Privacy Policy */
    .legal{max-width:800px;margin:0 auto;padding:72px 40px 120px}
    .legal h2{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(36px,4.6vw,58px);font-weight:570;line-height:1.02;letter-spacing:-.04em;margin:0 0 14px;color:var(--ink)}
    .legal-meta{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:8px}
    .legal-meta a{color:var(--accent-hi);text-decoration:none}
    .legal-meta a:hover{text-decoration:underline}
    .legal-body{margin-top:44px}
    .legal-body h2{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(20px,2.6vw,26px);font-weight:570;letter-spacing:-.02em;margin:46px 0 14px;color:var(--ink)}
    .legal-body h2:first-child{margin-top:0}
    .legal-body h3{font-size:15px;font-weight:760;margin:26px 0 10px;color:var(--ink)}
    .legal-body p,.legal-body li{color:var(--copy);font-size:15px;line-height:1.78}
    .legal-body p{margin:0 0 14px}
    .legal-body ul{margin:0 0 16px;padding-left:22px;display:grid;gap:9px}
    .legal-body strong{color:var(--ink);font-weight:700}
    .legal-body a{color:var(--accent-hi);text-decoration:none}
    .legal-body a:hover{text-decoration:underline}
    .legal-back{margin-bottom:38px}
    .wordmark-inline{font-family:"Previously Display",serif}
    @media(max-width:600px){.legal{padding:56px 20px 90px}}

    /* inbox: coming-soon reminders group (inbox-first delivery; email comes later) */
    .inbox-div{margin:18px 2px 2px;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-hi)}
    .inbox-rem{align-items:center}
    .inbox-remove{margin-left:auto;flex:none;color:var(--muted)}
    .inbox-remove:hover{color:var(--ink)}

    /* ============ LIGHT THEME — designed from scratch, clean white like Google.
       Dark Midnight Noir stays the brand default. The toggle is website-only;
       the Previously app is unaffected. ============ */
    html[data-theme="light"]{background:#f4f1ea}
    [data-theme="light"]{
      color-scheme:light;
      --page:#f4f1ea; --page-rgb:244,241,234;
      --surface:#ede6d6; --surface-2:#e7dfcc; --surface-3:#dcd2bd;
      --ink:#101114; --ink-rgb:16,17,20; --copy:#4a4238;
      --muted:#6f665d; --faint:#8d8478;
      --line:#d9cfbb; --line-strong:#c6b99f;
      --accent:#2b2b30; --accent-deep:#222226; --accent-hi:#2b2b30; --accent-hover:#34343b;
      --crimson:#e8321e;
      --shadow:0 1px 2px rgba(22,17,20,.16),0 16px 42px rgba(22,17,20,.14);
      --nav-bg:rgba(244,241,234,.9);
      --focus:#2b2b30;
    }
    /* theme switch: instant but smooth (killed under reduced motion below) */
    [data-theme] body,[data-theme] .topbar{transition:background-color .28s ease,color .28s ease,border-color .28s ease}
    /* dark imagery surfaces keep their pearl ink and graphite accents */
    [data-theme="light"] .event .air{color:#ede6d6}
    [data-theme="light"] .event .air small{color:var(--ink)}
    [data-theme="light"] .event .mono{color:#ede6d6}
    [data-theme="light"] .hover-chip{color:#ede6d6}
    [data-theme="light"] .hero-copy,[data-theme="light"] .hero-copy p,[data-theme="light"] .spotlight-copy p{color:#d8cdbd}
    /* light-surface restyle of hardcoded dark tints */
    [data-theme="light"] .net{background:rgba(22,17,20,.05)}
    [data-theme="light"] .wtw-svc{background:rgba(22,17,20,.035)}
    [data-theme="light"] .wtw-svc:hover{border-color:rgba(43,43,48,.45);background:rgba(22,17,20,.06)}
    [data-theme="light"] .event:hover{border-color:rgba(43,43,48,.4);box-shadow:0 2px 4px rgba(22,17,20,.16),0 16px 34px rgba(22,17,20,.16)}
    [data-theme="light"] button.mini:hover{border-color:rgba(43,43,48,.4)}
    [data-theme="light"] .tick.major::after{box-shadow:0 0 0 5px rgba(43,43,48,.15)}
    [data-theme="light"] .alert-toggle::after{background:#8d8478}
    [data-theme="light"] .modal{background:rgba(22,17,20,.55)}
    /* theme toggle control — 46px circular sun/moon, in the topbar everywhere */
    /* 2026-09-27: light theme retired — toggle removed from the UI. */
.theme-toggle{display:none!important}
.theme-toggle-unused{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid var(--line-strong);
      display:grid;place-items:center;color:var(--muted);cursor:pointer;
      transition:color .2s,border-color .2s,background-color .28s ease,transform .2s}
    .theme-toggle:hover{color:var(--accent-hi);border-color:var(--accent-hi);transform:scale(1.06)}
    .theme-toggle svg{width:21px;height:21px}
    .theme-toggle .ic-moon{display:none}
    [data-theme="light"] .theme-toggle .ic-moon{display:block}
    [data-theme="light"] .theme-toggle .ic-sun{display:none}
    /* nav page-link styled exactly like the SPA nav buttons */
    a.nav-btn{text-decoration:none;display:inline-flex;align-items:center}
    @media (prefers-reduced-motion:reduce){
      [data-theme] body,[data-theme] .topbar{transition:none}
    }
  h2.free-h1{display:block;font-size:2em;font-weight:700;margin:.67em 0}
.spa-live-dot{width:8px;height:8px;border-radius:50%;background:#E8321E;flex:none;margin-right:7px;box-shadow:0 0 0 0 rgba(232,50,30,.55);animation:spa-live-pulse 1.8s infinite}
.spa-live-dot[hidden]{display:none}
@keyframes spa-live-pulse{0%{box-shadow:0 0 0 0 rgba(232,50,30,.55)}70%{box-shadow:0 0 0 9px rgba(232,50,30,0)}100%{box-shadow:0 0 0 0 rgba(232,50,30,0)}}
@media (prefers-reduced-motion:reduce){.spa-live-dot{animation:none}}