@font-face{font-family:'Fraunces';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/fraunces-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/fraunces-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:640;font-display:swap;src:url(fonts/fraunces-640-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:640;font-display:swap;src:url(fonts/fraunces-640-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/sourcesans3-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/sourcesans3-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/sourcesans3-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/sourcesans3-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/sourcesans3-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/sourcesans3-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Light: linen and ink. Dark: the night ward. Rose marks the midwife; a cool blue marks the doctor and the caesarean. */
:root{
  --bg:#f6f1ea;--bg-2:#efe6dc;--card:#fffaf4;--ink:#241a1c;--ink-2:#45383a;--muted:#5a4b4e;--line:#d6c8bd;--line-soft:#e6dbd1;
  --mw:#b03548;--mw-text:#8f2436;--both:#e2b8bd;--doc:#3e5f8a;--cs:#2d4f7c;--vag:#e3d7cb;--other:#a59a93;--ins:#7a3b4f;--eu:#b9aca3;
  --accent:#8f2436;--chip:#ece2d8;--grid:rgba(36,26,28,.09);--na:rgba(36,26,28,.05);
  --k0:#8f2436;--k1:#bf4a5b;--k2:#d98a8f;--k3:#ecc0b9;--k4:#f6e3d7;--map-line:#f6f1ea;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#191315;--bg-2:#211a1c;--card:#221a1d;--ink:#f4ece7;--ink-2:#dccfca;--muted:#bcaea9;--line:#3d3135;--line-soft:#2c2326;
  --mw:#ff8796;--mw-text:#ffb3bc;--both:#7a4752;--doc:#8fb4e6;--cs:#a3c4f0;--vag:#3a3033;--other:#7c706c;--ins:#e5a3b4;--eu:#5a4e50;
  --accent:#ffb3bc;--chip:#2c2326;--grid:rgba(244,236,231,.08);--na:rgba(244,236,231,.04);
  --k0:#ff8796;--k1:#d9606f;--k2:#9e4a55;--k3:#6a3a41;--k4:#3a2a2e;--map-line:#191315;color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#191315;--bg-2:#211a1c;--card:#221a1d;--ink:#f4ece7;--ink-2:#dccfca;--muted:#bcaea9;--line:#3d3135;--line-soft:#2c2326;
  --mw:#ff8796;--mw-text:#ffb3bc;--both:#7a4752;--doc:#8fb4e6;--cs:#a3c4f0;--vag:#3a3033;--other:#7c706c;--ins:#e5a3b4;--eu:#5a4e50;
  --accent:#ffb3bc;--chip:#2c2326;--grid:rgba(244,236,231,.08);--na:rgba(244,236,231,.04);
  --k0:#ff8796;--k1:#d9606f;--k2:#9e4a55;--k3:#6a3a41;--k4:#3a2a2e;--map-line:#191315;color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
svg[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:60px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.62 var(--sans);font-variant-numeric:tabular-nums lining-nums}
a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--bg);color:var(--ink);padding:8px 12px;z-index:50}
.skip-link:focus{left:8px}
.muted{color:var(--muted)}

/* top bar, progress, rail */
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:46px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--line-soft);font-size:.9rem}
.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:700;white-space:nowrap}
.brand svg{width:16px;height:22px;color:var(--mw)}
.topnav{display:flex;gap:16px;overflow:hidden}
.topnav a{color:var(--ink-2);text-decoration:none;white-space:nowrap}
.topnav a:hover{color:var(--ink)}
.spacer{flex:1}
.chip{color:var(--ink-2);text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:4px 7px;border-radius:6px;min-width:32px;text-align:center}
.chip[aria-current="page"]{color:var(--ink);background:var(--chip)}
.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.icon-btn:hover{background:var(--chip)}
.i-moon{display:none}
:root[data-theme="dark"] .i-sun{display:none}:root[data-theme="dark"] .i-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .i-sun{display:none}:root:not([data-theme="light"]) .i-moon{display:block}}
@media (max-width:900px){.topnav{display:none}}
.progress{position:fixed;top:46px;left:0;right:0;height:2px;z-index:19;pointer-events:none}
.progress i{display:block;height:100%;width:100%;background:var(--mw);transform-origin:0 50%;transform:scaleX(0)}
.rail{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:12px}
.rail-dot{position:relative;display:block;width:14px;height:14px;text-decoration:none}
.rail-dot .dot{position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--line)}
.rail-dot[aria-current="true"] .dot{background:var(--mw);transform:scale(1.35)}
.rail-label{position:absolute;right:20px;top:-4px;white-space:nowrap;font-size:.78rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-soft);padding:1px 7px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .15s}
.rail-dot:hover .rail-label,.rail-dot:focus-visible .rail-label{opacity:1}
@media (max-width:1240px){.rail{display:none}}
@media print{.rail,.topbar,.progress{display:none}}

/* hero */
.hero{padding:40px 16px 12px}
.hero-text{max-width:760px;margin:0 auto}
.kicker{margin:0 0 10px;color:var(--mw-text);font-weight:700;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase}
h1{font:640 clamp(2rem,4.6vw,3.2rem)/1.08 var(--serif);margin:0 0 16px;letter-spacing:-.01em;text-wrap:balance}
h1:focus{outline:none}
.deck{font-size:1.2rem;line-height:1.55;color:var(--ink-2);margin:0 0 22px}
.explorer{max-width:1080px;margin:0 auto;background:var(--card);border:1px solid var(--line-soft);border-radius:16px;padding:20px clamp(14px,3vw,30px) 18px;display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px 34px;align-items:start}
.ylab{display:block;font-weight:700;margin-bottom:6px}
.yctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.yctl input{width:5.4em;font:640 1.7rem/1 var(--serif);padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.yrange{width:100%;margin:14px 0 2px;accent-color:var(--mw);height:28px}
.yticks{position:relative;height:1.2em;font-size:.76rem;color:var(--muted)}
.yticks span{position:absolute;left:0}.yticks span:nth-child(2){left:28.9%;transform:translateX(-50%)}.yticks span:nth-child(3){left:auto;right:0}
.hint{font-size:.88rem;color:var(--muted);margin:8px 0 0}
.btn{font:600 .92rem/1 var(--sans);padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;min-height:44px}
.btn:hover{border-color:var(--mw)}
.btn.play[data-on]{background:var(--mw);color:var(--bg);border-color:var(--mw)}
.result{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px}
.result p{margin:0 0 6px;font-size:1.08rem;line-height:1.5}
.result strong{color:var(--mw-text);font-size:1.15em}
.grids{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.grid{margin:0}
.grid figcaption{font-weight:700;font-size:.95rem;margin-bottom:8px}
.gy{font:640 1.15rem/1 var(--serif);color:var(--mw-text)}
.babies{width:100%;height:auto;display:block;max-width:250px}
.b{transition:fill .35s ease,opacity .35s ease}
.b.mw{fill:var(--mw)}.b.both{fill:var(--both)}.b.doc{fill:var(--doc)}.b.other{fill:var(--other)}.b.cs{fill:var(--cs)}.b.vag{fill:var(--vag)}.b.na{fill:var(--line);opacity:.55}
.legend,.map-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.85rem;color:var(--ink-2);margin:8px 0 0}
.lgd{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px}
.sw.mw{background:var(--mw)}.sw.both{background:var(--both)}.sw.doc{background:var(--doc)}.sw.cs{background:var(--cs)}.sw.vag{background:var(--vag);outline:1px solid var(--line)}
.sw.k0{background:var(--k0)}.sw.k1{background:var(--k1)}.sw.k2{background:var(--k2)}.sw.k3{background:var(--k3)}.sw.k4{background:var(--k4);outline:1px solid var(--line)}
.sw.nd{background:repeating-linear-gradient(45deg,var(--bg-2) 0 3px,var(--line) 3px 4px)}
.per{margin:10px 0 0;font-size:.85rem;color:var(--muted)}
@media (max-width:820px){
  .explorer{grid-template-columns:1fr;padding:16px 14px}
  .ex-left{display:contents}
  .yearbar{order:1}.ex-right{order:2}.result{order:3;margin-top:0}.explorer .share{order:4}
  .grids{gap:14px}
  .result p{font-size:1.02rem}
}

/* share */
.share{margin:10px 0 0}
.share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share-label{font-size:.86rem;color:var(--muted);margin-right:4px}
.ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-soft);background:transparent;color:var(--ink);cursor:pointer;text-decoration:none}
.ic:hover,.ic:focus-visible{color:var(--mw-text);border-color:var(--mw)}
@media (pointer:coarse){.ic{width:44px;height:44px}}
.share-msg{font-size:.85rem;color:var(--muted);margin:4px 0 0;min-height:1.2em}

/* sections */
.sec{padding:30px 16px 8px}
.prose{max-width:720px;margin:0 auto}
.prose p{margin:0 0 1em}
h2{font:640 clamp(1.45rem,2.6vw,1.95rem)/1.18 var(--serif);margin:24px 0 14px;scroll-margin-top:64px;text-wrap:balance}
.anchor{margin-left:.35em;color:var(--line);text-decoration:none;font-family:var(--sans);font-size:.7em;opacity:0}
h2:hover .anchor,.anchor:focus-visible{opacity:1}
.fig{max-width:820px;margin:10px auto 22px}
.fig .narrow{display:none}
@media (max-width:560px){.fig .wide{display:none}.fig .narrow{display:block}}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart text{font-family:var(--sans);fill:var(--ink-2)}
.chart .ax{font-size:12px;fill:var(--muted)}
.chart .ax.hi,.chart .val.hi{fill:var(--mw-text);font-weight:700}
.chart .val{font-size:11.5px;fill:var(--ink-2)}
.chart .lab{font-size:12.5px;font-weight:700}
.chart .note{font-size:12px;font-weight:600;fill:var(--ink)}
.chart .note.muted{fill:var(--muted);font-weight:400}
.chart .grid{stroke:var(--grid);stroke-width:1}
.chart .ln{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.chart .ln.dash{stroke-dasharray:3 5;opacity:.7}
.chart .ln.mw,.chart .pt.mw{stroke:var(--mw)}.chart .pt.mw{fill:var(--mw)}.chart .lab.mw{fill:var(--mw-text)}
.chart .ln.cs,.chart .pt.cs{stroke:var(--cs)}.chart .pt.cs{fill:var(--cs)}.chart .lab.cs{fill:var(--cs)}
.chart .ln.ins,.chart .pt.ins{stroke:var(--ins);stroke-dasharray:6 4}.chart .pt.ins{fill:var(--ins)}.chart .lab.ins{fill:var(--ins)}
.chart .ln.ink,.chart .pt.ink{stroke:var(--ink-2)}.chart .pt.ink{fill:var(--ink-2)}.chart .lab.ink{fill:var(--ink-2)}
.chart .ln.none,.chart .pt.none{stroke:var(--doc)}.chart .pt.none{fill:var(--doc)}.chart .lab.none{fill:var(--cs)}
.chart .mark{fill:none;stroke:var(--ink);stroke-width:1.5}
.chart .na-band{fill:var(--na)}
.chart .brk{stroke:var(--muted);stroke-dasharray:2 3}
.chart .bar.mw{fill:var(--mw)}.chart .bar.both{fill:var(--both)}.chart .bar.doc{fill:var(--doc)}.chart .bar.eu{fill:var(--eu)}
.chart .bar.late{opacity:.45}
.chart .lab.both{fill:var(--ink-2)}.chart .lab.doc{fill:var(--cs)}
.chart .sq.nurse{fill:var(--doc);opacity:.85}.chart .sq.mwsq{fill:var(--mw)}
.chart .sq.nurse + text{fill:var(--bg)}
.chart .lead{stroke:var(--mw);stroke-width:1}

/* county map */
.mapbox{max-width:1080px;margin:8px auto 24px;padding:0 16px;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.map-wrap{position:relative}
.cmap{width:100%;height:auto;display:block}
.cty{stroke:var(--map-line);stroke-width:1;cursor:pointer;transition:opacity .2s}
.cty.k0{fill:var(--k0)}.cty.k1{fill:var(--k1)}.cty.k2{fill:var(--k2)}.cty.k3{fill:var(--k3)}.cty.k4{fill:var(--k4)}.cty.nd{fill:url(#hatch)}
.hatch-bg{fill:var(--bg-2)}.hatch-ln{stroke:var(--line);stroke-width:2}
.cty:hover{opacity:.82}
.cmap.has-sel .cty{opacity:.35}.cmap.has-sel .cty.sel{opacity:1;stroke:var(--ink);stroke-width:2}
.reset{position:absolute;right:8px;top:8px}
.map-side .pick{display:block;font-weight:700}
.map-side select{display:block;width:100%;margin-top:6px;font:400 1rem var(--sans);padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:44px}
.card{margin:12px 0 0;font-size:1.05rem;line-height:1.5}
.card strong{color:var(--mw-text)}
.card:empty{display:none}
.lg-head{flex-basis:100%;font-weight:700;color:var(--ink)}
@media (max-width:860px){.mapbox{grid-template-columns:1fr}}

/* table */
.tablewrap{margin:8px 0 18px}
.ctable{width:100%;border-collapse:collapse;font-size:.95rem}
.ctable th,.ctable td{padding:6px 8px;border-bottom:1px solid var(--line-soft);text-align:left}
.ctable .n{text-align:right}
.ctable thead th{font-weight:700;color:var(--ink-2);border-bottom:1px solid var(--line)}
.btn.more{margin-top:10px}

.sources{padding-left:1.2em;font-size:.95rem}
.sources li{margin-bottom:6px}
.end{padding:20px 16px 10px}
.site-footer{max-width:720px;margin:24px auto 40px;padding:16px 16px 0;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;color:var(--muted)}
.site-footer a{color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){.b,.cty{transition:none}}