/* Job8 legal pages polish — wording untouched; chrome + readability only */
#disclaimerPage h1,#disclaimerPage h2,#privacyPage h1,#privacyPage h2,#howp h2,#pricep h2{color:var(--navy);}
#disclaimerPage,#privacyPage{overflow-y:auto; -webkit-overflow-scrolling:touch;}
#howp .modal,#pricep .modal{max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;background:#fff;padding:1.5rem;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
#howp .modal > h2,#pricep .modal > h2{position:sticky;top:0;background:#fff;z-index:1;padding:1rem;margin:0;border-bottom:1px solid var(--border);}
#howp .modal .x,#pricep .modal .x{align-self:flex-end;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--navy);}
a{color:var(--link,#2B7DE9);text-decoration:underline;}
a:focus{outline:2px solid var(--link,#2B7DE9);outline-offset:2px;}
p,li{line-height:1.6;margin-bottom:1rem;}
section,.cd-card{margin-bottom:2rem;}
#disclaimerPage,#privacyPage{font-size:1rem;}

/* Job8 heading safety + scoped polish */
#disclaimerPage h1, #disclaimerPage h2, #disclaimerPage h3,
#privacyPage h1, #privacyPage h2, #privacyPage h3,
#disclaimerPage .section-header h1, #privacyPage .cd-page-hero h1,
#howp #howT, #pricep #priceT {
  color: var(--navy, #0F2647);
  font-weight: 600;
}
#disclaimerPage .cd-narrow, #privacyPage .cd-narrow {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}
#disclaimerPage .cd-card, #privacyPage .cd-card,
#disclaimerPage .helper-accordion-body, #privacyPage .cd-card {
  line-height: 1.55;
  font-size: 15px;
}
#disclaimerPage .cd-card p, #privacyPage .cd-card p,
#disclaimerPage .helper-accordion-body p, #privacyPage li,
#disclaimerPage li {
  line-height: 1.55;
}
#disclaimerPage .cd-summary, #disclaimerPage .helper-accordion.cd-legal,
#privacyPage .cd-card {
  margin-bottom: 1.1rem;
}
#disclaimerPage a, #privacyPage a {
  color: var(--link, #2B7DE9);
  text-decoration-skip-ink: auto;
}
#disclaimerPage a:focus-visible, #privacyPage a:focus-visible,
#howp .x:focus-visible, #pricep .x:focus-visible {
  outline: 2px solid var(--link, #2B7DE9);
  outline-offset: 2px;
}
/* Modals: chrome, elevation, inner scroll; header stays */
#howp .modal, #pricep .modal {
  box-shadow: 0 12px 32px rgba(15,38,71,.18);
  border: 1px solid var(--g2, #E2E8F0);
  border-radius: 12px;
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 24px 28px;
}
#howp .modal > h2, #pricep .modal > h2 {
  margin: 0 0 12px;
  padding-right: 36px;
  color: var(--navy, #0F2647);
  font-size: 18px;
  font-weight: 600;
  flex: none;
}
#howp .x, #pricep .x {
  position: absolute; top: 12px; right: 14px;
  font-size: 22px; color: var(--g5, #475569);
  background: none; border: 0; cursor: pointer;
}
#howp .howl {
  margin: 12px 0 0;
  padding-left: 1.25rem;
  line-height: 1.55;
  overflow: auto;
  max-height: min(420px, calc(100vh - 180px));
}
#howp .howl li { margin: 0 0 10px; }
#pricep .ptiers {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
}
#pricep .ptiers td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--g2, #E2E8F0);
  font-variant-numeric: tabular-nums;
}
#pricep .ptiers tr:nth-child(even) td { background: #F8FAFC; }
#pricep .ptiers tr:hover td { background: #EEF2F7; }
/* Allow page scroll on long legal docs */
#disclaimerPage, #privacyPage { overflow-x: hidden; overflow-y: auto; }


/* Job8 legal chrome proposal — logo-only header + upper-right close (Matt request). Staging only. */
#disclaimerPage .site-navbar .nav-links,
#privacyPage .site-navbar .nav-links {
  display: none !important;
}
#disclaimerPage .site-navbar .navbar-inner,
#privacyPage .site-navbar .navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
#disclaimerPage .site-navbar .brand-logo,
#privacyPage .site-navbar .brand-logo {
  flex: none;
}
#disclaimerPage .legal-close,
#privacyPage .legal-close {
  margin-left: auto;
  flex: none;
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  color: var(--navy, #0F2647);
  padding: 4px 8px;
  border-radius: 6px;
}
#disclaimerPage .legal-close:focus-visible,
#privacyPage .legal-close:focus-visible {
  outline: 2px solid var(--link, #2B7DE9);
  outline-offset: 2px;
}

/* Job8 r11e: keep legal close reachable above the pilot coming-soon overlay (overlay itself unchanged, no access change) */
body.coming-soon-locked .legal-close{position:fixed;top:16px;right:16px;z-index:100000;background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 8px rgba(15,38,71,.18);}
body.coming-soon-locked .legal-close:focus-visible{outline:2px solid #2B7DE9;outline-offset:2px}

/* r11f root cause: .legal-close lives inside .site-navbar (styles.css: position:sticky; z-index:100), a stacking context below #comingSoonOverlay (inline z-index:99999), so its own z-index:100000 could not escape. Lift only the legal-page navbar when locked; navbar ignores pointer events except the close button. Overlay, access and legal text unchanged. */
body.coming-soon-locked:is(#disclaimerPage,#privacyPage) .site-navbar{z-index:100001;pointer-events:none}
body.coming-soon-locked:is(#disclaimerPage,#privacyPage) .site-navbar .legal-close{pointer-events:auto}