/* solvinghealth.com shared chrome for pages other than the home (2026-10-04).
   The home's chrome has three sources, and a page that wears it links them in this order:
     1. https://clinicalswipe.com/estate.css   the estate base (never copied into this repo)
     2. /home.css                             tokens, nav, type, buttons, footer; scoped to body.sh-home
     3. /chrome.css (this file)               the rules the home keeps inline, plus what a sub-page needs
   with <body class="sh-home sh-page">. home.css also holds the home's own sections; it is scoped by class
   name, so a page that links it keeps its own content classes clear of the home's (.stat, .receipt, .hero ...).
   The home does not link this file yet. It can adopt it and drop its inline copy of the Menu rules below. */

/* ---- copied from index.html's inline <style>: estate.css underlines class-less links and hides every nav
        link but the CTA below 1040px; the Menu toggle keeps them reachable ---- */
.nlinks a,.flinks a{text-decoration:none}
.nav-toggle{display:none;align-items:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-sm);padding:7px 14px;font:600 13.5px/1 var(--font-body);cursor:pointer}
.nav-toggle:hover{border-color:rgba(255,255,255,.6)}
@media(pointer:coarse){.nav-toggle{min-height:44px}}
@media(max-width:1040px){
  .nav-toggle{display:inline-flex}
  .nlinks{margin-left:auto}
  nav.open .nlinks{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 0 16px;background:rgba(27,42,74,.99);border-bottom:1px solid rgba(255,255,255,.09)}
  nav.open .nlinks a:not(.cta){display:block;padding:12px 24px;font-size:15px}
  nav.open .nlinks .cta{margin:10px 24px 0;text-align:center}
}
@media(max-width:480px){nav:not(.open) .nlinks .cta{display:none}}

/* ---- sub-pages only ---- */
/* the current page: ink and a hairline underline, in the header and in the footer's page row */
.sh-home .nlinks a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.sh-home .flinks a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* the home's mobile action bar is home-only, and so is the space home.css reserves for it */
@media(max-width:720px){body.sh-page{padding-bottom:0}}

/* a page's own sub-navigation: under the site header, in the site's buttons, sticky below it */
.sh-home nav.subnav{top:64px;z-index:40}
.sh-home nav.subnav .wrap{min-height:0;justify-content:flex-start;gap:8px;padding-top:9px;padding-bottom:9px;overflow-x:auto;scrollbar-width:thin}
.sh-home .subnav .subnav-k{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-right:8px}
.sh-home .subnav .btn{flex:0 0 auto;padding:8px 14px;font-size:14px;line-height:1.25;white-space:nowrap}
.sh-home .subnav .btn.primary{margin-left:auto}
@media(pointer:coarse){.sh-home .subnav .btn{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:640px){.sh-home .subnav .subnav-k{margin-right:2px}}

/* ---- sub-page hero on paper (2026-10-05, DESIGN.md §4). estate.css paints hero text white for its navy hero; on paper it is ink.
        The home hides the hero actions and the fine print on the phone because its .mbar carries them; a sub-page keeps them. ---- */
.sh-home.sh-page .hero{padding:48px 0 56px}
.sh-home.sh-page .hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px;max-width:900px}
.sh-home.sh-page .hero .eyebrow{margin-bottom:18px}
.sh-home.sh-page .hero p:not([class]),.sh-home.sh-page .hero .lede{font-size:17px;line-height:1.65;color:var(--body);max-width:680px;margin:0 0 22px}
.sh-home.sh-page .hero p strong{color:var(--ink);font-weight:600}
.sh-home.sh-page .hero .fine{font-family:var(--font-mono);font-size:12.5px;color:var(--faint);margin:12px 0 0;max-width:680px}
.sh-home.sh-page .hero .actions{justify-content:flex-start}
@media(max-width:720px){.sh-home.sh-page .hero{padding:32px 0 40px}.sh-home.sh-page .hero .actions{display:flex}.sh-home.sh-page .hero .fine{display:block}}
/* ---- status vocabulary (DESIGN.md §3): Live / Designed / Not built / Private, as a mono tag ---- */
.sh-home .tag{display:inline-block;padding:3px 8px;border:1px solid var(--hair);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.sh-home .tag.live{color:var(--accent-ink);border-color:var(--accent-line);background:var(--accent-tint)}
.sh-home .tag.designed{color:var(--body);background:var(--paper-2);border-left:3px solid #b45309}
.sh-home .tag.notbuilt{color:var(--faint);background:transparent;border-style:dashed}
.sh-home .tag.private{color:var(--faint);border-style:dashed}