/* ==========================================================================
   INTERIOR / BOOK-FAMILY page shell — the shared shell for the site's white
   "document" pages (/get-started, /for-clinicians, …). Extracted 2026-07-05
   from the approved get-started page, whose inline CSS was the source of truth.
   This is a DISTINCT identity from the home chrome (chrome/site.css) — do NOT
   use it to model the home page. Pages opt in with the `<!-- template: interior -->`
   directive; build.py wraps them in chrome/interior-header.html + interior-footer.html.
   Page-specific rules stay inline in each page's own <style> (HEAD_EXTRA).
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@font-face{font-family:'FoundryGridnik Light';src:url('/chrome/fonts/foundrygridnik-light.woff2') format('woff2');font-display:swap}
@font-face{font-family:'FoundryGridnik Regular';src:url('/chrome/fonts/foundrygridnik-regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'FoundryGridnik Medium';src:url('/chrome/fonts/foundrygridnik-medium.woff2') format('woff2');font-display:swap}
@font-face{font-family:'FoundryGridnik Bold';src:url('/chrome/fonts/foundrygridnik-bold.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#edeef2;font-family:'Roboto',Helvetica,Arial,sans-serif;color:#1b325d;line-height:1.62}
.simbar{background:#1b325d;color:#fff;font:500 11px/1.4 'Roboto';letter-spacing:.07em;text-transform:uppercase;text-align:center;padding:8px 12px}

/* ---- shared chrome ---- */
.sitehead{background:#fff;border-bottom:1px solid #e0e0e0}
.sitehead .in{max-width:1000px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.sitehead .logo img{height:34px;display:block}
.sitehead nav a{font-family:'FoundryGridnik Regular','Helvetica Neue',Arial,sans-serif;font-size:.92rem;color:#1b325d;text-decoration:none;margin-left:24px;white-space:nowrap}
.sitehead nav a:hover{color:#cecece}
@media(max-width:760px){.sitehead nav{display:none}}

/* Full-width white band matching the home page's main (not a floating card on
   the blue-gray body). Horizontal padding centers an ~880px readable column;
   the blue-gray body shows only at the footer, as on home. */
main.page{background:#fff;padding:50px max(24px, calc((100% - 640px) / 2)) 60px}
@media(max-width:620px){main.page{padding:24px 18px 40px}}

/* ---- type ---- */
h1{font-family:'FoundryGridnik Regular','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:2.7rem;line-height:1.05;color:#1b325d;border-bottom:2px solid #1b325d;padding-bottom:11px;margin:34px 0 18px}
.lede{font-family:'Roboto';font-weight:300;font-size:1.32rem;line-height:1.5;color:#1b325d;margin:0 0 14px}
h2{font-family:'FoundryGridnik Regular','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:1.6rem;line-height:1.1;color:#1b325d;border-bottom:1px solid #d7dae2;padding-bottom:9px;margin:50px 0 16px}
h4{font-family:'FoundryGridnik Medium','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:1.18rem;color:#1b325d;margin:28px 0 7px}
p{font-size:1.07rem;margin:0 0 16px;color:#1b325d}
ul{margin:0 0 16px;padding-left:1.15em} li{font-size:1.07rem;margin:0 0 7px;color:#1b325d}
a{color:#1b325d}
figure{margin:26px 0} figure img{width:100%;height:auto;display:block;border:1px solid #e3e6ec}

/* ---- footer ---- */
footer.sitefoot{border-top:1px solid #d7dae2;margin-top:8px;padding:26px 0 46px;text-align:center;color:#8a93a6;line-height:1.7}
footer.sitefoot .in{max-width:880px;margin:0 auto;padding:0 24px}
.famrow{font-family:'FoundryGridnik Regular','Helvetica Neue',Arial,sans-serif;font-size:1.0rem;color:#8a93a6;margin:0 0 8px}
.famrow a{color:#1b325d;text-decoration:none} .famrow a:hover{color:#8a93a6}
.famrow .here{color:#b4bccb} .famrow .sep{color:#cdd2db;padding:0 .45em}
.credit{font-size:.85rem;margin:0}