/* kpsgill-womens-health-2026-11.css — Women's Health section (/patient-education/womens-health/), 1 November 2026.
   Uses the site tokens (navy #12233F, gold #B8863B, teal #1F6F5C) with a restrained rose accent for the section.
   Mobile-first: urgent help is never hidden; tables become labelled stacked records so no column (including
   medication warnings) disappears on a phone. Light and dark. Print-safe. */
:root{--wh-navy:#12233F;--wh-ink:#0E1B31;--wh-gold:#B8863B;--wh-teal:#1F6F5C;--wh-rose:#9C3D5A;--wh-rose-soft:#F8EAEF;
  --wh-paper:#FBFAF7;--wh-cream:#F6F5F0;--wh-card:#fff;--wh-line:#E4E2DA;--wh-muted:#5E6470;--wh-red:#A3261F;--wh-red-soft:#FDF0EE;
  --wh-serif:Fraunces,Georgia,serif;--wh-sans:'Public Sans',system-ui,Arial,sans-serif;
  --wh-shadow:0 1px 2px rgba(14,27,49,.06),0 8px 24px -12px rgba(14,27,49,.18)}
html[data-k-theme="dark"]{--wh-paper:#0B1424;--wh-cream:#111E34;--wh-card:#13223B;--wh-line:#27385A;--wh-muted:#A7B2C6;--wh-ink:#E3E8F0;
  --wh-rose:#E79BB3;--wh-rose-soft:#2A1A24;--wh-red:#F2A097;--wh-red-soft:#2B1714;--wh-teal:#4FC3A1;--wh-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.7)}
.wh-page{font-family:var(--wh-sans);color:var(--wh-ink)}
.wh-crumbs{max-width:760px;margin:20px auto 0;padding:0 16px;font-size:13px}
.wh-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.wh-crumbs li+li::before{content:"›";margin-right:8px;color:var(--wh-muted)}
.wh-crumbs a{color:var(--wh-teal)}
.wh-head{max-width:760px;margin:0 auto;padding:18px 16px 4px}
.wh-eyebrow{font:700 11px/1.4 var(--wh-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wh-rose);margin:0 0 10px}
.wh-head h1{font-family:var(--wh-serif);font-weight:500;font-size:clamp(30px,5vw,44px);line-height:1.12;margin:0 0 14px;color:var(--wh-navy)}
html[data-k-theme="dark"] .wh-head h1{color:#F3F1EA}
.wh-lede{font-size:19px;line-height:1.55;margin:0 0 16px;text-wrap:pretty}
.wh-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--wh-muted);margin:0 0 18px;padding:10px 12px;border:1px solid var(--wh-line);border-radius:10px;background:var(--wh-cream)}
.wh-meta b{color:var(--wh-ink)}
.wh-urgent{margin:0 0 22px;padding:14px 16px 12px;border:2px solid var(--wh-red);border-radius:12px;background:var(--wh-red-soft)}
.wh-urgent p{margin:0 0 8px;font-size:15.5px;line-height:1.5}
.wh-urgent p:first-child{font:800 12px/1.3 var(--wh-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wh-red)}
.wh-urgent a{color:var(--wh-red);font-weight:700}
.wh-body{max-width:760px;margin:0 auto;padding:0 16px 40px}
.wh-toc{margin:6px 0 26px;padding:14px 16px;border:1px solid var(--wh-line);border-radius:12px;background:var(--wh-card);box-shadow:var(--wh-shadow)}
.wh-toc p{margin:0 0 8px;font:700 11px/1.3 var(--wh-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wh-muted)}
.wh-toc ol{margin:0;padding-left:20px;columns:2 260px;column-gap:28px;font-size:15px}
.wh-toc li{margin:3px 0;break-inside:avoid}
.wh-prose h2{font-family:var(--wh-serif);font-weight:500;font-size:27px;line-height:1.22;margin:36px 0 12px;scroll-margin-top:90px;color:var(--wh-navy)}
html[data-k-theme="dark"] .wh-prose h2{color:#F3F1EA}
.wh-prose h3{font-family:var(--wh-serif);font-weight:600;font-size:20px;margin:26px 0 8px;scroll-margin-top:90px}
.wh-prose p,.wh-prose li{font-size:17px;line-height:1.68}
.wh-prose ul,.wh-prose ol{padding-left:22px}
.wh-prose li{margin:5px 0}
.wh-prose a{color:var(--wh-teal);text-underline-offset:3px}
.wh-cite{display:inline-block;font:700 11px/1 var(--wh-sans);padding:3px 5px;margin:0 1px;border-radius:4px;background:var(--wh-cream);border:1px solid var(--wh-line);color:var(--wh-muted)!important;text-decoration:none!important;vertical-align:2px}
.wh-cite:hover,.wh-cite:focus-visible{border-color:var(--wh-teal);color:var(--wh-teal)!important}
.wh-table{margin:18px 0 24px;border:1px solid var(--wh-line);border-radius:12px;overflow:hidden;background:var(--wh-card);box-shadow:var(--wh-shadow)}
.wh-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.wh-table th{background:var(--wh-navy);color:#fff;text-align:left;font:700 12.5px/1.35 var(--wh-sans);letter-spacing:.04em;padding:10px 12px;vertical-align:bottom}
.wh-table td{padding:10px 12px;border-top:1px solid var(--wh-line);vertical-align:top}
.wh-table tr:nth-child(even) td{background:var(--wh-cream)}
.wh-table td:first-child{font-weight:600}
@media (max-width:680px){
  .wh-table{border:0;background:none;box-shadow:none;overflow:visible}
  .wh-table table,.wh-table tbody,.wh-table tr,.wh-table td{display:block;width:auto}
  .wh-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .wh-table tr{margin:0 0 12px;border:1px solid var(--wh-line);border-radius:12px;background:var(--wh-card);box-shadow:var(--wh-shadow);overflow:hidden}
  .wh-table tr:nth-child(even) td{background:none}
  .wh-table td{border-top:1px solid var(--wh-line);padding:9px 12px}
  .wh-table td:first-child{border-top:0;background:var(--wh-cream)!important;font-size:16px}
  .wh-table td[data-label]::before{content:attr(data-label);display:block;font:700 11px/1.3 var(--wh-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--wh-rose);margin-bottom:3px}
}
.wh-related{margin:34px 0 8px}
.wh-related h2{font-family:var(--wh-serif);font-weight:500;font-size:24px;margin:0 0 12px}
.wh-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.wh-cards a{display:block;height:100%;padding:12px 14px;border:1px solid var(--wh-line);border-radius:12px;background:var(--wh-card);text-decoration:none;color:var(--wh-ink);box-shadow:var(--wh-shadow);border-top:3px solid var(--wh-rose)}
.wh-cards a:hover,.wh-cards a:focus-visible{border-color:var(--wh-teal);border-top-color:var(--wh-teal)}
.wh-cards b{display:block;font:600 16px/1.3 var(--wh-serif);margin-bottom:4px}
.wh-cards span{display:block;font-size:13.5px;line-height:1.45;color:var(--wh-muted)}
.wh-care{margin:26px 0;padding:14px 16px;border-radius:12px;border:1px solid var(--wh-line);background:linear-gradient(135deg,var(--wh-rose-soft),var(--wh-card) 70%)}
.wh-care p{margin:0 0 6px;font-size:15.5px}
.wh-care p:first-child{font:700 11px/1.3 var(--wh-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wh-rose)}
.wh-sources{font-size:14px;line-height:1.5;padding-left:0;list-style:none}
.wh-sources li{margin:6px 0;padding:6px 8px;border-radius:6px;scroll-margin-top:90px}
.wh-sources li:target{background:var(--wh-rose-soft)}
.wh-sources .wh-sid{display:inline-block;min-width:3.4em;font-weight:700;color:var(--wh-muted)}
.wh-notice{margin:28px 0 0;padding:12px 14px;border:1px solid var(--wh-line);border-radius:10px;background:var(--wh-cream);font-size:14.5px;line-height:1.55}
.wh-earlier{margin:44px 0 0;padding:20px 0 0;border-top:3px double var(--wh-line)}
.wh-earlier > h2{font-family:var(--wh-serif);font-weight:500;font-size:26px;margin:0 0 10px}
.wh-earlier-note{margin:0 0 18px;padding:12px 14px;border-left:4px solid var(--wh-gold);background:var(--wh-cream);border-radius:0 10px 10px 0;font-size:15px;line-height:1.55}
.wh-earlier .prose h3{font-family:var(--wh-serif)}
/* ---------- hub ---------- */
.wh-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#12233F 0%,#2A2346 55%,#5A2A44 100%);color:#F6F5F0}
.wh-hero-in{max-width:1120px;margin:0 auto;padding:34px 16px 30px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center}
.wh-hero .wh-eyebrow{color:#F3D7DF}
.wh-hero h1{font-family:var(--wh-serif);font-weight:500;font-size:clamp(32px,5vw,50px);line-height:1.08;margin:0 0 14px;color:#fff}
.wh-hero p.wh-lede{color:#E9E6EF}
.wh-hero figure{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.wh-hero img{display:block;width:100%;height:auto}
.wh-hero figcaption{font-size:11.5px;color:#D5D0DD;padding:6px 2px 0}
@media (max-width:820px){.wh-hero-in{grid-template-columns:1fr}.wh-hero figure{max-width:520px}}
.wh-hubwrap{max-width:1120px;margin:0 auto;padding:0 16px 48px}
.wh-hubwrap .wh-urgent{margin-top:22px}
.wh-urgent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:6px}
.wh-urgent-grid div{background:var(--wh-card);border:1px solid var(--wh-line);border-radius:10px;padding:10px 12px;font-size:14.5px;line-height:1.5}
.wh-urgent-grid b{display:block;font-size:15px;margin-bottom:3px;color:var(--wh-red)}
.wh-intro{max-width:760px}
.wh-intro p{font-size:17.5px;line-height:1.68}
.wh-h2{font-family:var(--wh-serif);font-weight:500;font-size:30px;line-height:1.2;margin:40px 0 14px;color:var(--wh-navy);scroll-margin-top:90px}
html[data-k-theme="dark"] .wh-h2{color:#F3F1EA}
.wh-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.wh-stages a{display:block;height:100%;padding:14px 14px 12px;border-radius:14px;text-decoration:none;color:var(--wh-ink);background:var(--wh-card);border:1px solid var(--wh-line);box-shadow:var(--wh-shadow);position:relative;overflow:hidden}
.wh-stages a::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--wh-rose),var(--wh-gold))}
.wh-stages b{display:block;font:600 18px/1.25 var(--wh-serif);margin:4px 0 6px}
.wh-stages span{font-size:14px;line-height:1.5;color:var(--wh-muted)}
.wh-stages small{font:700 10.5px/1 var(--wh-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wh-rose)}
.wh-symptoms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.wh-symptoms li{border:1px solid var(--wh-line);border-radius:12px;background:var(--wh-card);padding:12px 14px}
.wh-symptoms q{display:block;font:500 16.5px/1.35 var(--wh-serif);quotes:"“" "”";margin-bottom:6px}
.wh-symptoms p{margin:0;font-size:14px;line-height:1.55}
.wh-symptoms a{color:var(--wh-teal)}
.wh-group{margin:30px 0 0;scroll-margin-top:90px}
.wh-group h3{font:600 21px/1.25 var(--wh-serif);margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid var(--wh-navy)}
.wh-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:10px 0}
.wh-two > div{padding:16px;border:1px solid var(--wh-line);border-radius:14px;background:var(--wh-card)}
.wh-two h3{font:600 19px/1.3 var(--wh-serif);margin:0 0 8px}
.wh-two p{font-size:15.5px;line-height:1.6;margin:0 0 8px}
@media print{.wh-urgent{border-width:1px}.wh-cards a,.wh-stages a,.wh-table tr{box-shadow:none}.wh-hero{background:none;color:#000}.wh-hero h1{color:#000}}