/* Spec Book skin — "the reference book".
   One identity for every page: a eucalyptus cover band with index tabs for navigation,
   a wattle tab mark on section headings, and ruled ledger rows for listings.
   Loaded last on every page; it only restyles existing markup. */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Figtree:wght@400;500;600;700&display=swap");

:root{
  --bg:#F3F6FA; --surface:#FFFFFF; --sunk:#E8EEF5; --ink:#0E1B2E; --muted:#5B6B80; --line:#D9E1EC; --line-soft:#E8EEF5;
  --gum:#0B1F3A; --gum-2:#1D4ED8; --gum-3:#3B82F6; --on-gum:#F3F6FA; --on-gum-muted:#A9BDDA;
  --mint:#E0EAFF; --mint-2:#B6CBFF; --mint-3:#3B82F6;
  --wattle:#FF7A59; --wattle-ink:#2A0E05; --wattle-bg:#FFE7DF;
  --red:#B4412F; --red-bg:#F8E4E0;
  --blue:#1D4ED8; --blue-bg:#E0EAFF;
  --link:#1D4ED8; --cta:#1D4ED8; --cta-hover:#1E40AF;
  --design-accent:var(--gum-2); --design-line:var(--line);
  --display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --body:"Figtree","Helvetica Neue","Segoe UI",system-ui,sans-serif;
  --r-lg:22px; --r:14px; --r-sm:9px;
  --shadow-sm:0 1px 2px rgba(18,33,28,.06);
  --shadow:0 1px 0 rgba(18,33,28,.04),0 14px 36px -18px rgba(18,33,28,.3);
  --band-h:56px; --tab-h:38px;
  --logo-bg:var(--gum);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0B1220; --surface:#121B2E; --sunk:#0E1627; --ink:#E8EEF8; --muted:#94A3B8; --line:#22304A; --line-soft:#1A2740;
    --gum:#0B1F3A; --gum-2:#1D4ED8; --gum-3:#3B82F6; --on-gum:#F3F6FA; --on-gum-muted:#A9BDDA;
    --mint:#172554; --mint-2:#1E3A8A; --mint-3:#60A5FA;
    --wattle:#FF8A6B; --wattle-ink:#2A0E05; --wattle-bg:#3B1F17;
    --red:#F08A75; --red-bg:#3B1A15; --blue:#8AB4FF; --blue-bg:#15283A;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow:0 14px 36px -18px rgba(0,0,0,.7);
    --link:#8AB4FF; --cta:#2563EB; --cta-hover:#3B82F6;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0B1220; --surface:#121B2E; --sunk:#0E1627; --ink:#E8EEF8; --muted:#94A3B8; --line:#22304A; --line-soft:#1A2740;
  --gum:#0B1F3A; --gum-2:#1D4ED8; --gum-3:#3B82F6; --on-gum:#F3F6FA; --on-gum-muted:#A9BDDA;
  --mint:#172554; --mint-2:#1E3A8A; --mint-3:#60A5FA;
  --wattle:#FF8A6B; --wattle-ink:#2A0E05; --wattle-bg:#3B1F17;
  --red:#F08A75; --red-bg:#3B1A15; --blue:#8AB4FF; --blue-bg:#15283A;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow:0 14px 36px -18px rgba(0,0,0,.7);
  --link:#8AB4FF; --cta:#2563EB; --cta-hover:#3B82F6;
  color-scheme:dark;
}

/* ---------- base ---------- */
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.brand,.brand .word{font-family:var(--display)}
h1{font-weight:800;letter-spacing:-.035em;line-height:1.06;font-size:clamp(34px,4.6vw,52px);margin:0 0 .35em;max-width:22ch;text-wrap:balance}
h2{font-weight:700;letter-spacing:-.025em;line-height:1.15;font-size:clamp(22px,2.6vw,30px);margin:1.6em 0 .55em;text-wrap:balance}
h3{font-weight:700;letter-spacing:-.015em;line-height:1.25;font-size:19px;margin:0 0 .35em}
p{margin:.55em 0}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.16em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--wattle);outline-offset:3px;border-radius:4px}
::selection{background:var(--wattle-bg);color:var(--wattle-ink)}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
small,.fine,.small{color:var(--muted)}
img,svg,video{max-width:100%}

/* Section headings carry the wattle tab mark: a new section of the book. */
main>.wrap>h2, main>h2, main>section>h2, main>section>.wrap>h2, .popular>h2, .popular .section-head h2, #openDirectory>h2, .directory-hero h2, .journey>h2, .provider>h2, .finish>h2, main>.wrap>section>h2, .pw-section>h2, section.faq>h2{
  position:relative;padding-left:22px}
main>.wrap>h2::before, main>h2::before, main>section>h2::before, main>section>.wrap>h2::before, .popular>h2::before, .popular .section-head h2::before, #openDirectory>h2::before, .directory-hero h2::before, .journey>h2::before, .provider>h2::before, .finish>h2::before, main>.wrap>section>h2::before, .pw-section>h2::before, section.faq>h2::before{
  content:"";position:absolute;left:0;top:.18em;width:9px;height:.9em;border-radius:3px;background:var(--wattle)}

/* Eyebrow labels: sentence case, quiet. */
.eyebrow,.directory-eyebrow,.open-directory-label,.tag,.kicker,.label-upper,.tag-upper{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600;color:var(--gum-3)}

/* ---------- the cover band (every header variant) ---------- */
header.top, body>header, .site-header{
  position:relative;background:var(--gum);color:var(--on-gum);border:0!important;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none}
header.top{position:sticky;top:0;z-index:30;background:var(--gum)!important}
header.top{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
header.top .wrap, body>header:not(.top){max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center!important;gap:18px;min-height:var(--band-h);flex-wrap:wrap;box-sizing:border-box}
body>header:not(.top){max-width:none;margin:0;padding:10px max(24px,calc((100% - 1120px)/2)) 0}
body>header:not(.top){border-bottom:0}
header.top .brand, body>header .brand, body>header>a:first-child{color:var(--on-gum)!important;text-decoration:none;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:9px;line-height:1;margin-right:auto}
header.top .brand svg{width:28px;height:28px;flex:none;margin-right:9px}
body>header .brand, body>header>a:first-child, header.top .brand{gap:0}
main h1 span, main h1 em{color:inherit;font-style:normal}
header.top .brand svg rect:first-child{fill:var(--wattle)}
header.top .brand svg [stroke="#fff"]{stroke:var(--gum)}
header.top .brand svg [fill="#fff"]{fill:var(--gum)}
.brand .word{color:inherit}
.brand .word em, .brand>span:not(.word), .brand em{font-style:normal;color:var(--wattle)!important;-webkit-text-fill-color:var(--wattle);background:none!important;-webkit-background-clip:initial;background-clip:initial}
header.top .palbtn, header.top .palbtn span, header.top .palbtn svg{color:var(--on-gum)!important}
header.top .palbtn span{opacity:1!important;-webkit-text-fill-color:var(--on-gum)!important}
header.top .brand .word{color:var(--on-gum)!important}
/* Navigation renders as index tabs hanging on the lower edge of the band. */
html header.top nav.tabs, html body>header nav, html header.top nav.links{
  order:10;flex:1 0 100%;display:flex;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px;align-items:flex-end;margin:4px -24px 0;padding:0 24px;overflow-x:auto;min-width:0;max-width:calc(100% + 48px);scrollbar-width:none;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none}
.brand .word{white-space:nowrap;overflow:visible;display:inline-block}
header.top nav.tabs::-webkit-scrollbar, body>header nav::-webkit-scrollbar, header.top nav.links::-webkit-scrollbar{display:none}
header.top nav.tabs button, body>header nav a, header.top nav.links a{
  appearance:none;flex:none;display:inline-flex;align-items:center;gap:6px;height:var(--tab-h);padding:0 16px;margin:0;border:0;border-radius:10px 10px 0 0;
  background:color-mix(in srgb,var(--on-gum) 9%,transparent);color:var(--on-gum);font:600 14px/1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none;transition:background .15s}
header.top nav.tabs button:hover, body>header nav a:hover, header.top nav.links a:hover{background:color-mix(in srgb,var(--on-gum) 18%,transparent);color:var(--on-gum)}
header.top nav.tabs button[aria-current="page"], body>header nav a[aria-current="page"], header.top nav.links a[aria-current="page"]{
  background:var(--bg);color:var(--ink);box-shadow:inset 0 3px 0 var(--wattle)}
header.top nav.tabs button[hidden]{display:none}
header.top nav.tabs .badge{background:var(--wattle);color:var(--wattle-ink);border-radius:999px;font-size:11px;font-weight:700;padding:2px 6px;line-height:1}
header.top nav.tabs button[aria-current="page"] .badge{background:var(--gum);color:var(--on-gum)}
/* Right-hand actions in the band */
header.top .hdr-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 1 auto!important;min-width:0;width:auto!important;justify-content:flex-end}
header.top .palbtn{background:color-mix(in srgb,var(--on-gum) 10%,transparent);color:var(--on-gum);border:1px solid color-mix(in srgb,var(--on-gum) 18%,transparent);border-radius:999px;height:36px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:8px;font:500 13px var(--body);cursor:pointer;max-width:240px!important;min-width:0;flex:0 1 auto}
header.top .palbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
header.top .palbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
header.top .palbtn kbd{font:600 11px var(--body);background:transparent;color:var(--on-gum-muted);border:1px solid color-mix(in srgb,var(--on-gum) 25%,transparent);border-radius:5px;padding:1px 5px}
header.top .themebtn{background:transparent;border:1px solid color-mix(in srgb,var(--on-gum) 18%,transparent);color:var(--on-gum);width:36px;height:36px;border-radius:999px;display:grid;place-items:center;cursor:pointer}
header.top .themebtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
header.top .acctbtn, header.top .acctbtn button{background:var(--wattle)!important;color:var(--wattle-ink)!important;border:0;border-radius:999px;height:36px;padding:0 14px;font:700 14px var(--body);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
header.top .acctbtn:empty{display:none}
header.top .stickybar{background:var(--gum-2);border-top:1px solid color-mix(in srgb,var(--on-gum) 10%,transparent)}
header.top .sumpill{background:var(--bg);color:var(--ink);border:0;border-radius:999px}
/* secondary pages: a single utility link beside the brand */
body>header>a:not(.brand):not(:first-child){color:var(--on-gum);font-weight:600;text-decoration:none;opacity:.9;padding:8px 0}
body>header>a:not(.brand):not(:first-child):hover{opacity:1;text-decoration:underline}
body>header nav a[href="/"]{position:relative}
@media (min-width:861px){
  header.top .wrap, body>header:not(.top){flex-wrap:nowrap;min-height:calc(var(--band-h) + 8px)}
  html header.top nav.tabs, html body>header nav, html header.top nav.links{order:0;flex:0 0 auto!important;width:auto!important;margin:0 auto 0 8px;padding:0;align-self:flex-end;overflow:visible}
  header.top .brand, body>header .brand, body>header>a:first-child{margin-right:0}
  header.top .hdr-actions, body>header>a:not(.brand):last-child{margin-left:auto;align-self:center}
  body>header nav{margin-left:auto}
  body>header .brand+nav{margin-left:auto}
}
.skip{position:absolute;left:-999px;top:8px;background:var(--wattle);color:var(--wattle-ink);padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

/* ---------- homepage ---------- */
main>section.view>.wrap{max-width:1120px;padding:0 24px}
.home-jump{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 4px!important;border:0!important}
.home-jump a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 13px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;font-size:13px;font-weight:600;text-decoration:none}
.home-jump a:first-child{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.home-jump a span{display:none}
html .directory-front #view-find .hero.hero, html .directory-front .hero, html body .hero{margin:10px 0 0!important;padding:28px 0 8px!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;color:var(--ink)!important;box-shadow:none!important}
html .hero::before, html .hero::after{display:none!important}
main>section#view-find>.wrap{position:relative}
@media (min-width:1000px){
  main>section#view-find>.wrap::before{content:"";position:absolute;right:48px;top:146px;width:300px;height:170px;pointer-events:none;z-index:0;
    background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 170'%3E%3Cg%3E%3Crect x='0' y='26' width='48' height='144' rx='10' fill='%2317453C'/%3E%3Crect x='60' y='44' width='48' height='126' rx='10' fill='%23D7EDE2'/%3E%3Crect x='120' y='10' width='48' height='160' rx='10' fill='%232B7466'/%3E%3Crect x='180' y='34' width='48' height='136' rx='10' fill='%239ED2BA'/%3E%3Crect x='240' y='18' width='48' height='152' rx='10' fill='%23F2B632'/%3E%3Crect x='12' y='60' width='24' height='4' rx='2' fill='%23F4F1E4' opacity='.6'/%3E%3Crect x='132' y='44' width='24' height='4' rx='2' fill='%23F4F1E4' opacity='.6'/%3E%3Crect x='252' y='52' width='24' height='4' rx='2' fill='%232A1E05' opacity='.45'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom/contain}
  .directory-front #searchForm, #searchForm, .searchbar{position:relative;z-index:1}
  .directory-front #heroTitle, #heroTitle{max-width:17ch}
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) main>section#view-find>.wrap::before{opacity:.8}}
html main>section.view, html section.view{background:none!important;background-image:none!important}
.hero .hero-grid{display:block}
.hero .role{display:none!important}
.directory-front #heroTitle, #heroTitle{color:var(--ink);font-size:clamp(36px,5vw,58px)!important;letter-spacing:-.04em;line-height:1.02;max-width:20ch;margin:0 0 14px}
.directory-front #heroLede, #heroLede{color:var(--muted);font-size:18px!important;max-width:58ch;line-height:1.5;margin:0 0 22px}
.directory-front #searchForm, #searchForm, .searchbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)!important;box-shadow:var(--shadow)!important;padding:12px}
#searchForm .segments button, #searchForm [role="tablist"] button, .care-type button{border-radius:999px}
#searchForm button[aria-pressed="true"], #searchForm [aria-selected="true"], .care-type button[aria-pressed="true"]{background:var(--cta)!important;color:var(--on-gum)!important}
#searchForm input, #searchForm select, .searchbar input{font-size:16px}
#searchForm button[type="submit"], .searchbar button[type="submit"], .go{background:var(--cta)!important;color:var(--on-gum)!important;border-radius:var(--r)!important;font-weight:700}
.health-search-examples, .examples{color:var(--muted);font-size:13px}
.health-search-examples button, .examples button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font:500 13px var(--body);color:var(--ink);cursor:pointer}
.health-search-examples button:hover{border-color:var(--gum-3);color:var(--gum)}
/* the four stat boxes become one quiet line */
#stats{display:flex!important;flex-wrap:wrap;gap:6px 28px;margin:30px 0 10px!important;padding:14px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
#stats>*{background:transparent!important;border:0!important;padding:0!important;display:flex;align-items:baseline;gap:7px;min-width:0}
#stats>* b, #stats>* strong, #stats .n{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
#stats>* span, #stats .l{font-size:13px;color:var(--muted)}
/* popular searches */
.popular{margin-top:34px!important}
.popular .eyebrow{display:none}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0!important;overflow:hidden;box-shadow:none;transition:border-color .15s}
.tile:hover{border-color:var(--gum-3);transform:none;box-shadow:var(--shadow)}
.tile img{transition:transform .3s ease}
.tile:hover img{transform:scale(1.03)}
.tile img,.tile picture{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:0}
.tile>*:not(img):not(picture):not(.ic){margin:0 14px}
.tile b, .tile h3, .tile strong{font-family:var(--display);font-size:16px;margin:12px 14px 2px;display:block}
.tile span:not(.ic), .tile p{font-size:12.5px;color:var(--muted);margin:0 14px 12px}
html .reading-strip{border:0!important;background:var(--gum)!important;color:var(--on-gum);border-radius:var(--r-lg);padding:22px 26px;position:relative;overflow:hidden}
html .reading-strip::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--wattle) 28%,transparent),transparent)}
html .reading-strip strong{color:var(--on-gum)!important}
html .reading-strip p{color:var(--on-gum-muted)!important}
html .reading-strip a{color:var(--wattle)!important;position:relative;z-index:1}
.crumbs, .crumb, nav[aria-label="Breadcrumb"]{font-size:13px;color:var(--muted)}
.crumbs a, .crumb a{color:var(--muted)}

/* ---------- listings as ledger rows ---------- */
.open-directory-grid{gap:0!important;margin:10px 0 24px}
.open-directory-grid:not(.directory-list){gap:12px!important}
.open-directory-card{position:relative;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important;transform:none!important;padding:18px 18px 16px 24px!important;transition:border-color .15s!important}
.open-directory-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:0 3px 3px 0;background:var(--gum-3)}
.open-directory-card:hover{border-color:var(--gum-3)!important;box-shadow:none!important;transform:none!important}
.open-directory-grid.directory-list .open-directory-card{border-radius:0!important;border-width:0 0 1px!important;background:transparent!important;padding:16px 8px 16px 20px!important}
.open-directory-grid.directory-list .open-directory-card:first-child{border-top-width:1px!important}
.open-directory-card h3{font-family:var(--display);font-size:19px!important;min-height:0!important;margin:4px 0 6px!important;letter-spacing:-.015em}
.open-directory-card .directory-address, .listing .address{color:var(--muted);font-size:14.5px}
.open-directory-card small{opacity:1;color:var(--muted);font-size:12px!important}
.open-directory-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.open-directory-actions a, .open-directory-actions button, .actions a, .listing .actions a{
  display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 13.5px var(--body);text-decoration:none;cursor:pointer;box-shadow:none}
.open-directory-actions a:first-child, .actions a:first-child{background:var(--cta);border-color:var(--cta);color:var(--on-gum)}
.open-directory-actions a:hover, .open-directory-actions button:hover, .actions a:hover{border-color:var(--gum-3);color:var(--gum)}
.open-directory-actions a:first-child:hover, .actions a:first-child:hover{background:var(--cta-hover);color:var(--on-gum)}
.open-directory-actions .directory-shortlist[aria-pressed="true"]{background:var(--wattle-bg);border-color:var(--wattle);color:var(--wattle-ink)}
.directory-card-details{border:0;background:transparent;padding:0;margin:10px 0 0}
.directory-card-details summary{min-height:0;font-size:13px;font-weight:600;color:var(--muted);padding:4px 0}
.search-match-reason:empty{display:none}
.directory-toolbar, .directory-filter-panel, .directory-refine{background:transparent;border:0;box-shadow:none}
.directory-result-count{font-weight:600}
.directory-active-filters button{border-radius:999px;border:1px solid var(--line);background:var(--sunk);font:500 13px var(--body);padding:5px 11px;cursor:pointer}
/* static directory pages */
.listings{gap:12px}
.listing{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:none;padding:18px 18px 16px 24px}
.listing::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:0 3px 3px 0;background:var(--gum-3)}
.listing h2{font-family:var(--display);font-size:19px;letter-spacing:-.015em;margin:4px 0 8px;padding:0}
.listing h2::before{display:none}
.listing p{font-size:14.5px}
.listing small{font-size:12px}
.tiles a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:none;transition:border-color .15s}
.tiles a:hover{border-color:var(--gum-3)}
.tiles a b, .tiles a strong{font-family:var(--display);font-size:17px}
.pagination a, .button, .actions a{border-radius:999px}
.pagination a{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:600}
details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
summary{font-weight:600;color:var(--ink)}

/* ---------- controls ---------- */
button.cta, .cta, a.cta, button.primary, .primary, .button, button[type="submit"]:not(.ghost):not(.linkbtn):not(.themebtn):not(.palbtn), .btn-primary{
  background:var(--cta);color:var(--on-gum);border:1px solid var(--cta);border-radius:999px;padding:11px 20px;font:700 15px var(--body);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-shadow:none}
button.cta:hover, .cta:hover, .primary:hover, .button:hover, button[type="submit"]:not(.ghost):hover{background:var(--cta-hover);border-color:var(--cta-hover);color:var(--on-gum)}
button.ghost, .ghost, .secondary, .btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font:600 15px var(--body);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
button.ghost:hover, .ghost:hover, .secondary:hover{border-color:var(--gum-3);color:var(--gum)}
.linkbtn{background:none;border:0;color:var(--link);font:600 14px var(--body);cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:.16em}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea{
  font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;min-height:44px;box-sizing:border-box}
input:focus, select:focus, textarea:focus{border-color:var(--gum-3);outline:3px solid color-mix(in srgb,var(--wattle) 55%,transparent);outline-offset:1px}
label{font-weight:600;font-size:14px}
.notice, .note, .disc, .pilot-notice, .individual-gp-notice{border-left:3px solid var(--wattle);background:var(--wattle-bg);color:var(--ink);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:12px 14px}
.notice.info, .sitebanner22{background:var(--gum);color:var(--on-gum);border:0}
.sitebanner22 a{color:var(--wattle)}
.sitebanner22 button{color:var(--on-gum)}
table{border-collapse:collapse}
th{font-size:13px;color:var(--muted);font-weight:600;text-align:left}
td,th{border-bottom:1px solid var(--line);padding:9px 8px}

/* ---------- secondary pages (how it works, sign-up, account, claim, numbers) ---------- */
main, body>main{max-width:1120px;margin:0 auto;padding:12px 24px 48px;box-sizing:border-box}
.journey .hero, section.hero.intro{background:transparent;border:0;padding:24px 0 0}
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.paths>button{text-align:left;cursor:pointer;padding:18px 20px;font:inherit;color:var(--ink)}
.paths>button:hover{border-color:var(--gum-3)}
.paths>button>span:first-child{font-size:13px;color:var(--muted);font-weight:600}
.paths>button b{color:var(--gum-2)}
@media (max-width:640px){.paths{grid-template-columns:1fr}}
.paths>*, .path, .steps>*, .provider, .how3>*{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
.paths>* .eyebrow{color:var(--muted)}
.paths>* h2, .paths>* h3{font-size:20px;margin:6px 0 4px;padding:0}
.paths>* h2::before{display:none}
.steps .number, .number{font-family:var(--display);font-weight:800;color:var(--wattle);font-size:28px;letter-spacing:-.03em}
.jump{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:22px 0;padding:0;overflow-x:auto}
.jump a{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:10px 10px 0 0;background:transparent;color:var(--muted);font-weight:600;text-decoration:none;margin-bottom:-1px;border:1px solid transparent}
.jump a:hover, .jump a[aria-current]{background:var(--surface);color:var(--ink);border-color:var(--line) var(--line) var(--surface)}
.actions .button+a, .actions a.secondary{margin-left:4px}
.finish{border-top:1px solid var(--line);padding-top:22px}
/* footers */
footer, footer.foot, body>footer{max-width:1120px;margin:48px auto 0;padding:30px 24px 48px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;box-sizing:border-box;background:transparent}
body>footer:not(.foot){max-width:none;margin-top:56px;padding:34px max(24px,calc((100% - 1120px)/2)) 52px;background:var(--sunk);border-top:1px solid var(--line)}
footer .wrap{max-width:1120px;margin:0 auto;padding:0}
footer .fcols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
footer .fcols h4{font-family:var(--display);font-size:14px;color:var(--ink);margin:0 0 10px}
footer .fcols a, footer .fcols button{display:block;background:none!important;border:0!important;padding:3px 0!important;margin:0!important;min-height:0!important;width:auto;color:var(--muted)!important;font:inherit!important;font-size:13.5px!important;text-align:left;cursor:pointer;text-decoration:none;border-radius:0}
footer .brand .word, footer .fbrand .brand{color:var(--ink)!important}
footer .brand .word em{color:var(--gum-3)!important;-webkit-text-fill-color:var(--gum-3)}
footer .fcols a:hover, footer .fcols button:hover{color:var(--ink);text-decoration:underline}
footer .fbrand .brand{display:inline-flex;align-items:center;gap:9px;font-size:20px}
footer .fbrand .brand svg{width:26px;height:26px}
footer .fbrand p{max-width:34ch;line-height:1.55}
footer .flegal{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px}
@media (max-width:860px){footer .fcols{grid-template-columns:1fr 1fr}footer .fbrand{grid-column:1/-1}}
footer .brand{font-family:var(--display);font-weight:800;color:var(--ink);text-decoration:none;font-size:18px;letter-spacing:-.03em}
footer .brand span, footer .brand em{font-style:normal;color:var(--gum-3)}
footer nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin:10px 0}
footer a{color:var(--link)}
footer.foot h4{font-family:var(--display);font-size:15px;color:var(--ink)}
footer button{margin-left:10px}

/* ---------- motion & small screens ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media (max-width:760px){
  html header.top nav.tabs{display:none!important}
  header.top .wrap{flex-wrap:nowrap!important;min-height:56px}
  header.top .hdr-actions .palbtn, header.top .hdr-actions .themebtn{background:color-mix(in srgb,var(--on-gum) 12%,transparent)!important;color:var(--on-gum)!important;border-color:transparent!important}
  .tile img, .tile picture, .tile picture img{width:100%!important;height:auto!important;aspect-ratio:5/4!important;max-width:none!important;border-radius:0!important;margin:0!important}
  .tabbar{background:var(--surface)!important;border-top:1px solid var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .tabbar button{font-family:var(--body)}
  .tabbar button[aria-current="page"]{color:var(--gum)!important;background:var(--wattle-bg)!important;box-shadow:inset 0 3px 0 var(--wattle)}
  .directory-front #tiles .tile, #tiles .tile{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;min-height:0!important}
  .tile .ic{display:none}
  .tile b, .tile h3, .tile strong{hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;font-size:15px;margin:10px 12px 2px}
  .tile span:not(.ic), .tile p{margin:0 12px 10px}
}
@media (max-width:860px){
  :root{--band-h:52px}
  header.top .wrap{padding:0 16px}
  body>header:not(.top){padding:8px 16px 0}
  html header.top nav.tabs, html body>header nav, html header.top nav.links{margin:2px -16px 0;padding:0 16px;max-width:calc(100% + 32px)}
  body>header>a:first-child{font-size:20px}
  header.top .palbtn span, header.top .palbtn kbd{display:none}
  main>section.view>.wrap, main, body>main{padding-left:16px;padding-right:16px}
  .directory-front #heroTitle, #heroTitle{font-size:clamp(30px,8.5vw,40px)!important}
  .directory-front #heroLede, #heroLede{font-size:16px!important}
  #searchForm, .directory-front #searchForm{padding:10px;border-radius:18px!important}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tiles a{padding:12px}
  footer, body>footer{padding:22px 16px 40px}
  .open-directory-card, .listing{padding:14px 14px 12px 20px!important}
}
@media (min-width:861px) and (max-width:1100px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media print{header.top, body>header, footer{display:none}body{background:#fff}}

/* search summary */
.search-understood{margin:6px 0 2px;font-size:15px;color:var(--muted)}
.search-understood b{color:var(--ink);font-weight:700}
.search-understood .understood-why{color:var(--muted)}
.search-understood .linkbtn{margin-left:8px}
.directory-result-count{font-size:14px;color:var(--muted);margin:0 0 10px}
.search-interpretation{border-left:3px solid var(--wattle);background:var(--wattle-bg);padding:8px 12px;border-radius:0 8px 8px 0;font-size:14px}
.directory-distance{display:inline-block!important;width:auto!important;font-size:12.5px;font-weight:600;color:var(--gum-3);background:var(--mint);border-radius:999px;padding:2px 9px;margin:0 0 4px}
.search-match-reason{font-size:13px;color:var(--muted)}
.directory-data-note{margin:0 0 8px}
.directory-data-note summary{font-size:13px;color:var(--muted);min-height:0;padding:4px 0}
.search-caveat{font-size:13px;color:var(--muted);margin:2px 0 8px}
/* sticky search summary inside the band */
header.top .stickybar{background:var(--gum-2)!important;border-top:1px solid color-mix(in srgb,var(--on-gum) 10%,transparent)!important}
header.top .stickybar .wrap{padding:8px 24px!important;min-height:0!important;display:flex!important;flex-wrap:nowrap!important}
header.top .sumpill{display:flex!important;align-items:center;gap:8px;width:100%!important;max-width:640px!important;min-height:40px;padding:0 6px 0 14px!important;background:var(--bg)!important;color:var(--ink)!important;border:0!important;border-radius:999px!important;font:600 14px var(--body)!important;cursor:pointer}
header.top .sumpill svg{width:16px;height:16px;color:var(--gum-3)!important;flex:none}
header.top .sumpill #sumText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header.top .sumpill .sumchg{margin-left:auto;background:var(--gum);color:var(--on-gum);border-radius:999px;padding:6px 12px;font-size:13px}
@media (max-width:760px){header.top .stickybar .wrap{padding:6px 16px!important}}

/* ---------- results area: one calm stack ---------- */
#openDirectory .directory-name-search{display:none}            /* the hero search and sticky pill already cover "search again" */
#openDirectory .directory-data-note{display:inline-block;margin:0 0 6px}
#openDirectory .directory-shortlist-bar{font-size:13px;color:var(--muted);background:transparent;border:0;padding:4px 0}
#openDirectory .directory-shortlist-bar button{font-size:13px}
/* filter chips row */
#openDirectory .directory-quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
#openDirectory .directory-quick-filters>*{margin:0}
#openDirectory .directory-quick-filters details, #openDirectory .directory-quick-filters>button, #openDirectory .directory-quick-filters>div>button:first-child{border:1px solid var(--line);background:var(--surface);border-radius:999px;box-shadow:none}
#openDirectory .directory-quick-filters summary, #openDirectory .directory-quick-filters>button{min-height:40px;padding:6px 14px;font:600 14px var(--body);color:var(--ink);display:inline-flex;align-items:center;gap:8px;border-radius:999px;cursor:pointer;list-style:none}
#openDirectory .directory-quick-filters summary::-webkit-details-marker{display:none}
#openDirectory .directory-quick-filters summary::before{content:"";width:7px;height:7px;border-right:2px solid var(--gum-3);border-bottom:2px solid var(--gum-3);transform:rotate(45deg) translateY(-2px);margin-right:2px}
#openDirectory .directory-quick-filters details[open]{border-color:var(--gum-3);border-radius:18px}
#openDirectory .directory-quick-filters details[open]>summary{border-radius:18px 18px 0 0}
#openDirectory .directory-quick-filters details>*:not(summary){padding:14px 16px 16px}
#openDirectory .directory-quick-filters summary span, #openDirectory .directory-quick-filters summary b{font-weight:600;color:var(--gum-3);font-size:13px}
/* the main filters panel becomes another chip in the same visual row */
#openDirectory .directory-filter-panel{margin:8px 0 0;border:1px solid var(--line);background:var(--surface);border-radius:999px;display:inline-block;max-width:100%;vertical-align:top}
#openDirectory .directory-filter-panel[open]{display:block;border-radius:18px}
#openDirectory .directory-filter-panel>summary{min-height:40px;padding:6px 14px;font:600 14px var(--body);display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer}
#openDirectory .directory-filter-panel>summary::-webkit-details-marker{display:none}
#openDirectory .directory-filter-panel>summary::before{content:"";width:7px;height:7px;border-right:2px solid var(--gum-3);border-bottom:2px solid var(--gum-3);transform:rotate(45deg) translateY(-2px)}
#openDirectory .directory-filter-panel>summary span{font-weight:500;color:var(--muted);font-size:13px}
#openDirectory .directory-filter-panel .search-facets{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:12px 16px 4px}
#openDirectory .directory-filter-panel .search-facets label{display:inline-flex;align-items:center;gap:8px;font-size:14px}
#openDirectory .directory-filter-panel .directory-discovery-filters{background:transparent;border-top:1px solid var(--line-soft);border-radius:0;margin:10px 16px 0;padding:12px 0 0;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
#openDirectory .directory-filter-panel .directory-discovery-filters label{display:inline-flex;align-items:center;gap:8px;font-size:14px}
#openDirectory .directory-filter-panel .directory-discovery-filters button{min-height:38px}
#openDirectory .directory-filter-panel .care-preferences{border:0;border-top:1px solid var(--line-soft);border-radius:0;margin:10px 16px 0;padding:10px 0 12px;background:transparent}
#openDirectory .care-preferences summary{font-size:15px;min-height:0;padding:6px 0}
#openDirectory .care-preferences p{font-size:13px;color:var(--muted);margin:4px 0 10px;max-width:72ch}
#openDirectory .care-preferences label{display:inline-flex;align-items:center;gap:8px;font-size:14px;margin:4px 16px 4px 0}
#openDirectory .care-preferences label>span:first-child:not(:only-child){font-weight:600}
#openDirectory .care-preferences input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--gum-3)}
#openDirectory .care-preferences fieldset{border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:8px 0;display:inline-flex;flex-wrap:wrap;gap:4px 14px}
#openDirectory .care-preferences legend{font-size:13px;color:var(--muted);padding:0 6px}
#openDirectory .directory-filter-done{margin:10px 16px 14px}
/* toolbar */
#openDirectory .directory-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 8px;padding:10px 0;border-top:1px solid var(--line);border-bottom:0;background:transparent}
#openDirectory .directory-toolbar label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
#openDirectory .directory-toolbar select{min-height:38px;padding:6px 10px;font-size:14px}
#openDirectory .directory-toolbar>span{color:var(--muted);font-size:13px;margin-left:auto;order:5}

/* ---------- compare table ---------- */
.directory-table-scroll{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:auto;max-height:none;box-shadow:none}
.directory-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:14px;table-layout:fixed}
.directory-table th,.directory-table td{overflow-wrap:anywhere}
.directory-table caption{caption-side:top;text-align:left;padding:12px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.directory-table thead th{position:sticky;top:0;z-index:1;background:var(--sunk);color:var(--muted);font-weight:600;font-size:12.5px;letter-spacing:0;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.directory-table tbody th, .directory-table tbody td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top;text-align:left;font-weight:400;line-height:1.4}
.directory-table tbody tr:last-child th, .directory-table tbody tr:last-child td{border-bottom:0}
.directory-table tbody tr:hover>*{background:color-mix(in srgb,var(--mint) 35%,transparent)}
.directory-table tbody th{position:relative;padding-left:20px}
.directory-table tbody th::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 3px 3px 0;background:var(--gum-3)}
.directory-table .dt-name{font-family:var(--display);font-weight:700;font-size:15.5px;letter-spacing:-.01em;color:var(--ink);display:block}
.directory-table small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.directory-table .dt-note{color:var(--ink)}
.directory-table td b{font-weight:600}
.directory-table .dt-num{text-align:left;white-space:nowrap}
.directory-table .dt-num .directory-distance{margin:0}
.directory-table .dt-checked{white-space:nowrap;color:var(--muted)}
.directory-table .dt-empty{color:var(--muted)}
.directory-table .dt-services{display:block;max-width:28ch}
.directory-table td>div>div b{font-weight:600}
.dt-contact{min-width:0}
.dt-primary{display:flex;flex-wrap:wrap;gap:6px}
.dt-primary a, .dt-primary button{display:inline-flex;align-items:center;min-height:32px;padding:4px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 13px var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}
.dt-primary .dt-call{background:var(--cta);border-color:var(--cta);color:var(--on-gum)}
.dt-primary a:hover, .dt-primary button:hover{border-color:var(--gum-3);color:var(--gum)}
.dt-primary .dt-call:hover{background:var(--cta-hover);color:var(--on-gum)}
.dt-primary button[aria-pressed="true"]{background:var(--wattle-bg);border-color:var(--wattle);color:var(--wattle-ink)}
.dt-secondary{display:flex;gap:12px;margin-top:6px;font-size:12px}
.dt-secondary a{color:var(--muted)}
.dt-secondary a:hover{color:var(--ink)}
@media (max-width:760px){
  #openDirectory .directory-name-search{display:block}
  .directory-table{font-size:13px}
}
/* column proportions so the contact column never clips */
.directory-table thead th:nth-child(1){width:18%}
.directory-table thead th:nth-child(2){width:22%}
.directory-table thead th.dt-num{width:8%}
.directory-table thead th:nth-last-child(2){width:10%}
.directory-table thead th:nth-last-child(1){width:25%}
.directory-table tbody td:nth-child(2) small{max-width:30ch}
#openDirectory .care-preferences div:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:8px;margin:6px 18px 6px 0}
#openDirectory .care-preferences div:has(>input[type=checkbox]) label{margin:0}

/* ---------- navigation v2 ---------- */
header.top nav.tabs a.tablink{appearance:none;flex:none;display:inline-flex;align-items:center;gap:6px;height:var(--tab-h);padding:0 16px;margin:0;border:0;border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--on-gum) 9%,transparent);color:var(--on-gum);font:600 14px var(--body);text-decoration:none;white-space:nowrap}
header.top nav.tabs a.tablink:hover{background:color-mix(in srgb,var(--on-gum) 18%,transparent);color:var(--on-gum)}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font:600 12px var(--body);color:var(--muted);text-decoration:none;min-height:52px;border-radius:12px;justify-content:center}
.tabbar a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
@media (max-width:760px){.tabbar{grid-template-columns:repeat(4,1fr)!important}.tabbar [hidden]{display:none!important}}
.home-jump, #crumbs, .crumbs:empty{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* results mode: the browse-only sections step aside so results sit directly under the search */
body.sb-results #stats, body.sb-results .popular, body.sb-results .reading-strip, body.sb-results .assure, body.sb-results .health-search-examples, body.sb-results main>section#view-find>.wrap::before{display:none!important}
html body.sb-results.directory-front #view-find .hero #heroTitle, html body.sb-results #view-find .hero #heroTitle{font-size:clamp(22px,2.6vw,30px)!important;margin:0 0 6px!important;max-width:none!important;line-height:1.15}
body.sb-results #heroLede{display:none!important}
body.sb-results .hero{padding-top:14px!important;padding-bottom:0!important}
body.sb-results #openDirectory{margin-top:6px}
body.sb-results #openDirectoryTitle{display:none}
/* Browse landing page search */
.dir-search{display:flex;gap:10px;margin:16px 0 26px;max-width:760px}
.dir-search input{flex:1;min-width:0;font-size:16px;min-height:48px;border-radius:12px}
.dir-search .cta{flex:none}
body.sb-results #smartChips{display:none!important}


/* ======================================================================
   Visual elevation v2 — warm sand, deep teal, photography
   ====================================================================== */
:root{--wattle-2:#F2653F}
/* the homepage main is full width; its .wrap keeps the column */
body.directory-front>main{max-width:none;padding:0}
section#view-find{position:relative;isolation:isolate}
section#view-find::before{content:"";position:absolute;inset:0 0 auto 0;height:620px;z-index:-1;pointer-events:none;
  background:
    radial-gradient(760px 420px at 92% 0%,color-mix(in srgb,var(--mint-2) 55%,transparent),transparent 62%),
    radial-gradient(640px 360px at 4% 36%,color-mix(in srgb,var(--wattle) 16%,transparent),transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg))}
html .directory-front #view-find .hero.hero, html .directory-front .hero, html body .hero{padding-top:38px!important}
html .directory-front .hero, html .hero{display:block!important;grid-template-columns:none!important}
html .hero .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"eyebrow" "title" "lede" "extra" "kinds" "search"!important;gap:0 36px!important;align-items:start}
html .hero .hero-grid>.directory-hero, html .hero .hero-grid>.live{display:none!important}
html .hero .hero-eyebrow{grid-area:eyebrow}
html .hero #heroTitle{grid-area:title!important}
html .hero #heroLede{grid-area:lede!important}
html .hero .kinds{grid-area:extra}
html .hero #searchForm{grid-area:search!important;margin-top:18px!important}
html .hero .role{display:none!important}
@media (min-width:1000px){
  html .hero .hero-grid{grid-template-columns:minmax(0,1fr) 440px!important;grid-template-areas:"eyebrow mosaic" "title mosaic" "lede mosaic" "extra mosaic" "kinds kinds" "search search"!important}
  html .hero .hero-mosaic{grid-area:mosaic;align-self:center}
}
html body.directory-front #view-find .hero #heroTitle, html #heroTitle{color:var(--ink)!important;font-size:clamp(40px,5.4vw,68px)!important;letter-spacing:-.045em;line-height:.98!important;max-width:14ch;text-wrap:balance}
html body.directory-front #view-find .hero #heroLede, html #heroLede{color:var(--muted)!important;font-size:19px!important;max-width:46ch;margin-bottom:22px!important}
/* photo mosaic (injected by the hero script) */
.hero-mosaic{position:relative;display:none;height:330px;margin:4px 0 0}
@media (min-width:1000px){.hero-mosaic{display:block}}
.hero-mosaic .m{position:absolute;border-radius:22px;background:url("/images/specialty-care-objects-v3.webp") no-repeat;background-size:300% auto;box-shadow:0 30px 50px -28px rgba(19,48,46,.45),0 0 0 6px var(--surface)}
.hero-mosaic .m1{left:0;top:18px;width:54%;height:290px;background-position:0 0}
.hero-mosaic .m2{right:0;top:0;width:42%;height:170px;background-position:100% 0}
.hero-mosaic .m3{right:4%;bottom:0;width:36%;height:140px;background-position:0 100%;border-radius:18px}
.hero-mosaic .tag{position:absolute;left:-10px;bottom:8px;background:var(--wattle);color:var(--wattle-ink);font:700 13px var(--body);padding:8px 14px;border-radius:999px;box-shadow:0 10px 24px -12px rgba(233,182,74,.9)}
/* search panel floats on the sand */
html .directory-front #searchForm, html #searchForm, html .searchbar{border:0!important;box-shadow:0 34px 70px -34px rgba(19,48,46,.5),0 1px 0 rgba(255,255,255,.8) inset!important;border-radius:24px!important;padding:14px!important;margin-top:4px}
#searchForm button[aria-pressed="true"], #searchForm [aria-selected="true"], .care-type button[aria-pressed="true"]{background:var(--gum)!important;color:var(--on-gum)!important}
#searchForm button[type="submit"], .searchbar button[type="submit"], .go{background:var(--wattle)!important;color:var(--wattle-ink)!important;border-color:var(--wattle)!important;font-weight:800!important;font-size:17px!important;box-shadow:0 12px 24px -12px rgba(233,182,74,.95)}
#searchForm button[type="submit"]:hover, .go:hover{background:var(--wattle-2)!important}
main>section#view-find>.wrap::before{display:none!important}
.care-help-entry{font-weight:700;color:var(--gum)}
/* stats as display numerals */
#stats{border-top:0!important;margin:30px 0 6px!important;gap:10px 36px}
#stats>* b, #stats>* strong, #stats .n{font-size:32px!important;color:var(--gum)!important;letter-spacing:-.03em}
#stats>* span, #stats .l{font-size:13.5px}
/* popular searches: full-bleed photography */
.tiles{gap:14px}
.tile{position:relative;aspect-ratio:4/5;border:0!important;border-radius:20px!important;overflow:hidden;background:var(--sunk)!important;box-shadow:0 16px 34px -22px rgba(19,48,46,.45);transition:transform .25s ease,box-shadow .25s ease;display:flex!important;flex-direction:column!important;justify-content:flex-end;padding:0!important;min-height:0!important}
.tile:hover{transform:translateY(-4px)!important;box-shadow:0 26px 44px -22px rgba(19,48,46,.5)!important}
.tile .specialty-photo{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;background-size:300% auto!important;margin:0!important;border-radius:0!important;transition:transform .6s ease}
.tile:hover .specialty-photo{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,48,46,0) 42%,rgba(19,48,46,.8) 100%);pointer-events:none}
.tile .ic{display:none!important}
.tile .specialty-copy{position:absolute!important;left:0;right:0;bottom:0;top:auto!important;z-index:1;display:flex;flex-direction:column;gap:3px;margin:0!important;padding:0 16px 14px!important;color:#fff;align-items:flex-start;text-align:left}
html .directory-front #tiles .tile, html #tiles .tile{display:block!important;grid-template-columns:none!important;height:auto;min-height:0!important}
.tile b, .tile h3, .tile strong{color:#fff!important;font-family:var(--display);font-size:19px!important;margin:0!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.tile .specialty-focus, .tile span:not(.ic):not(.specialty-copy):not(.specialty-photo), .tile p, .tile small{color:rgba(255,255,255,.85)!important;font-size:12.5px!important;margin:0!important;line-height:1.35}
.tile .specialty-description{display:none}
.popular>h2, .popular .section-head h2{font-size:clamp(24px,2.8vw,32px)}
/* guides strip */
html .reading-strip{padding:26px 30px;border-radius:22px}
html .reading-strip strong{font-family:var(--display);font-size:20px!important;letter-spacing:-.02em}
html .reading-strip a{background:var(--wattle);color:var(--wattle-ink)!important;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:800}
html .reading-strip a:hover{background:var(--wattle-2)}
/* buttons with a touch of depth */
button.cta, .cta, a.cta, button.primary, .primary, .button{background:linear-gradient(180deg,var(--gum-3),var(--cta))!important;border-color:transparent!important;box-shadow:0 10px 22px -14px rgba(20,80,76,.9)}
button.cta:hover, .cta:hover, .primary:hover, .button:hover{background:linear-gradient(180deg,var(--cta-hover),var(--cta))!important}
/* dark teal footer bookends the page */
body>footer:not(.foot), footer.foot, body>footer{background:var(--gum)!important;color:var(--on-gum-muted)!important;border-top:0!important;margin-top:64px}
footer .fcols h4, footer.foot h4{color:var(--on-gum)!important}
footer .fcols a, footer .fcols button, footer.foot a, body>footer a{color:var(--on-gum-muted)!important}
footer .fcols a:hover, footer .fcols button:hover, footer.foot a:hover, body>footer a:hover{color:var(--on-gum)!important}
footer .brand .word, footer .fbrand .brand, footer .brand{color:var(--on-gum)!important}
footer .brand .word em, footer .brand span, footer .brand em{color:var(--wattle)!important;-webkit-text-fill-color:var(--wattle)}
footer .fbrand .brand svg rect:first-child{fill:var(--wattle)}
footer .fbrand .brand svg [stroke="#fff"]{stroke:var(--gum)}
footer .fbrand .brand svg [fill="#fff"]{fill:var(--gum)}
footer .flegal{border-top-color:color-mix(in srgb,var(--on-gum) 14%,transparent)!important}
body>footer p{color:var(--on-gum-muted)}
footer button{color:var(--on-gum)!important;border-color:color-mix(in srgb,var(--on-gum) 25%,transparent)!important}
/* cards and table: lift */
.open-directory-card:hover{box-shadow:0 16px 30px -20px rgba(19,48,46,.4)!important;transform:translateY(-1px)!important}
.directory-table-scroll{box-shadow:0 20px 40px -30px rgba(19,48,46,.45)}
/* results mode */
body.sb-results section#view-find::before{height:260px}
body.sb-results .hero-mosaic{display:none!important}
html body.sb-results.directory-front #view-find .hero #heroTitle, html body.sb-results #view-find .hero #heroTitle{font-size:clamp(22px,2.6vw,30px)!important;max-width:none}
html body.sb-results .hero{padding-top:18px!important}
/* static pages: generous title block */
body:not(.directory-front) main>h1, body:not(.directory-front) main .intro h1, body:not(.directory-front) main .hero h1{margin-top:18px}
@media (max-width:760px){
  html body.directory-front #view-find .hero #heroTitle, html #heroTitle{font-size:clamp(34px,9.5vw,42px)!important}
  html body.directory-front #view-find .hero #heroLede, html #heroLede{font-size:16px!important}
  .tile{aspect-ratio:1/1}
  .tile b, .tile h3, .tile strong{font-size:16px!important}
  .tile .specialty-copy{padding:0 12px 10px!important}
  #stats>* b{font-size:24px!important}
}
@media (prefers-reduced-motion:reduce){.tile,.tile .specialty-photo,.open-directory-card{transition:none!important}}
/* tile caption carries its own scrim (the ::after overlay is suppressed by older CSS) */
.tile .specialty-copy{padding:56px 16px 14px!important;background:linear-gradient(180deg,rgba(19,48,46,0) 0%,rgba(19,48,46,.55) 38%,rgba(19,48,46,.88) 100%)}
.tile::after{display:none}
/* care-type tabs and the search form read as one floating panel */
html .hero .search-workspace-heading{grid-area:kinds;background:var(--surface);border-radius:24px 24px 0 0;padding:14px 14px 4px;margin:22px 0 0;box-shadow:0 -1px 0 rgba(255,255,255,.8) inset}
html .hero #searchForm{margin-top:0!important;border-radius:0 0 24px 24px!important;padding-top:6px!important}
html .hero .hero-grid:has(.search-workspace-heading) #searchForm{box-shadow:0 34px 70px -34px rgba(19,48,46,.5)!important}
@media (max-width:760px){
  .health-search-examples, .examples{display:none!important}
  #stats{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 16px}
  #stats>*{border:0!important;flex-direction:column;align-items:flex-start;gap:0}
}
body>header:not(.top) .brand, body>header:not(.top)>a:first-child{color:var(--on-gum)!important;-webkit-text-fill-color:var(--on-gum)}
body>header:not(.top) .brand>span{color:var(--wattle)!important;-webkit-text-fill-color:var(--wattle)}

/* ============================================================
   Split workspace v1 — the same icon rail on every static page
   (the homepage app builds its rail in split-shell.js)
   ============================================================ */
@media (min-width:761px){
  html body:not(.sb-split){padding-left:76px}
  html body>header:not(.top){position:fixed;left:0;top:0;bottom:0;width:76px;max-width:76px;box-sizing:border-box;margin:0;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;min-height:0;background:#0B1F3A;z-index:40;overflow:hidden}
  :root[data-theme="dark"] body>header:not(.top){background:#070F1E}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body>header:not(.top){background:#070F1E}}
  html body>header:not(.top) .brand, html body>header:not(.top)>a:first-child{margin:0 0 14px!important;width:44px;height:44px;border-radius:14px;background:var(--wattle);display:grid!important;place-items:center;font-size:0!important;line-height:0;flex:none;gap:0}
  html body>header:not(.top) .brand>span{display:none}
  html body>header:not(.top) .brand::before, html body>header:not(.top)>a:first-child::before{content:"";width:24px;height:24px;background:#2A1E05;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='6.5' y='8.5' width='19' height='17.5' rx='4'/%3E%3Cpath d='M6.5 13.5h19'/%3E%3Crect x='10.6' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3Crect x='19.2' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='6.5' y='8.5' width='19' height='17.5' rx='4'/%3E%3Cpath d='M6.5 13.5h19'/%3E%3Crect x='10.6' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3Crect x='19.2' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat}
  html body>header:not(.top) nav{display:flex!important;flex-direction:column;gap:4px;width:100%;margin:0!important;padding:0!important;order:0;align-self:auto;overflow:visible;max-width:none;flex:none!important}
  html body>header:not(.top) nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:58px;padding:8px 2px!important;margin:0!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#A9BDDA!important;font:600 10.5px/1.1 var(--body)!important;text-decoration:none;box-shadow:none!important;position:relative;white-space:normal;text-align:center}
  html body>header:not(.top) nav a::after{display:none!important}
  html body>header:not(.top) nav a::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
  html body>header:not(.top) nav a[href="/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}
  html body>header:not(.top) nav a[href="/directory/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 6l6-3 6 3 6-3v15l-6 3-6-3-6 3z'/%3E%3Cpath d='M9 3v15M15 6v15'/%3E%3C/svg%3E")}
  html body>header:not(.top) nav a[href="/?go=health"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.5-9-9a5 5 0 0 1 9-3 5 5 0 0 1 9 3c-2 4.5-9 9-9 9z'/%3E%3C/svg%3E")}
  html body>header:not(.top) nav a[href="/signup/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
  /* site-nav.js (19 Oct) inserts Find care / Browse / Guides(/guides/) / Practices at the start of the nav: give /guides/ its icon,
     keep one Guides entry, and pin the order so Find care comes first on every static page */
  html body>header:not(.top) nav a[href="/guides/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.5-9-9a5 5 0 0 1 9-3 5 5 0 0 1 9 3c-2 4.5-9 9-9 9z'/%3E%3C/svg%3E")}
  html body>header:not(.top) nav a[href="/guides/"] ~ a[href="/?go=health"],html body>header:not(.top) nav a[href="/guides/"] ~ a[href="/#guides"]{display:none!important}
  html body>header:not(.top) nav a[href="/"]{order:-4}html body>header:not(.top) nav a[href="/directory/"]{order:-3}html body>header:not(.top) nav a[href="/guides/"]{order:-2}html body>header:not(.top) nav a[href="/signup/"]{order:-1}
  html body>header:not(.top) nav a:hover{background:#1B3560!important;color:#fff!important}
  html body>header:not(.top) nav a[aria-current="page"]{background:#1B3560!important;color:#fff!important}
  html body>header:not(.top) nav a[aria-current="page"]::after{display:block!important;content:"";position:absolute;left:-8px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--wattle)}
  html body>header:not(.top) nav a[href="/"]::after{display:none}
  html body>header:not(.top)>a:not(.brand):not(:first-child){display:none}
  html body>header:not(.top) .brand+nav{margin-left:0}
}

/* dark mode on static pages that hard-code white panels */
:root[data-theme="dark"] .cards article, :root[data-theme="dark"] .card, :root[data-theme="dark"] .panel{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)}
:root[data-theme="dark"] .emergency{background:var(--red-bg)!important;border-color:#7A3A30!important}
:root[data-theme="dark"] .emergency p, :root[data-theme="dark"] .emergency strong{color:var(--ink)!important}
:root[data-theme="dark"] .cards article h2{color:var(--ink)!important}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .cards article, :root:not([data-theme="light"]) .card, :root:not([data-theme="light"]) .panel{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)}
  :root:not([data-theme="light"]) .emergency{background:var(--red-bg)!important;border-color:#7A3A30!important}
  :root:not([data-theme="light"]) .emergency p, :root:not([data-theme="light"]) .emergency strong{color:var(--ink)!important}
  :root:not([data-theme="light"]) .cards article h2{color:var(--ink)!important}
}

/* server-rendered pages (guides, specialist pages) use header.top: same rail */
@media (min-width:761px){
  html body:not(.sb-split){padding-left:76px}
  html body:not(.sb-split)>header.top .wrap{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;padding:0!important;max-width:none!important;margin:0!important;min-height:0!important;flex-wrap:nowrap!important}
  html body:not(.sb-split)>header.top .wrap .q{display:none!important}
  html body:not(.sb-split)>header.top .wrap .tb{margin-top:auto;width:44px;height:44px;border-radius:14px;border:0;background:transparent;color:#A9BDDA;display:grid;place-items:center}
  html body:not(.sb-split)>header.top .wrap .tb svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
  html body:not(.sb-split)>header.top .brand span{display:none}
  html body:not(.sb-split)>header.top .brand svg{display:none}
  html body:not(.sb-split)>header.top{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:76px!important;max-width:76px!important;height:auto!important;box-sizing:border-box;margin:0;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;min-height:0;background:#0B1F3A;z-index:40;overflow:hidden}
  :root[data-theme="dark"] body:not(.sb-split)>header.top{background:#070F1E}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body:not(.sb-split)>header.top{background:#070F1E}}
  html body:not(.sb-split)>header.top .brand, html body:not(.sb-split)>header.top>a:first-child{margin:0 0 14px!important;width:44px;height:44px;border-radius:14px;background:var(--wattle);display:grid!important;place-items:center;font-size:0!important;line-height:0;flex:none;gap:0}
  html body:not(.sb-split)>header.top .brand>span{display:none}
  html body:not(.sb-split)>header.top .brand::before, html body:not(.sb-split)>header.top>a:first-child::before{content:"";width:24px;height:24px;background:#2A1E05;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='6.5' y='8.5' width='19' height='17.5' rx='4'/%3E%3Cpath d='M6.5 13.5h19'/%3E%3Crect x='10.6' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3Crect x='19.2' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='6.5' y='8.5' width='19' height='17.5' rx='4'/%3E%3Cpath d='M6.5 13.5h19'/%3E%3Crect x='10.6' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3Crect x='19.2' y='5.5' width='2.2' height='5.5' rx='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat}
  html body:not(.sb-split)>header.top nav{display:flex!important;flex-direction:column;gap:4px;width:100%;margin:0!important;padding:0!important;order:0;align-self:auto;overflow:visible;max-width:none;flex:none!important}
  html body:not(.sb-split)>header.top nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:58px;padding:8px 2px!important;margin:0!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#A9BDDA!important;font:600 10.5px/1.1 var(--body)!important;text-decoration:none;box-shadow:none!important;position:relative;white-space:normal;text-align:center}
  html body:not(.sb-split)>header.top nav a::after{display:none!important}
  html body:not(.sb-split)>header.top nav a::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
  html body:not(.sb-split)>header.top nav a[href="/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}
  html body:not(.sb-split)>header.top nav a[href="/directory/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 6l6-3 6 3 6-3v15l-6 3-6-3-6 3z'/%3E%3Cpath d='M9 3v15M15 6v15'/%3E%3C/svg%3E")}
  html body:not(.sb-split)>header.top nav a[href="/?go=health"], html body:not(.sb-split)>header.top nav a[href="/guides/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.5-9-9a5 5 0 0 1 9-3 5 5 0 0 1 9 3c-2 4.5-9 9-9 9z'/%3E%3C/svg%3E")}
  html body:not(.sb-split)>header.top nav a[href="/signup/"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
  html body:not(.sb-split)>header.top nav a:hover{background:#1B3560!important;color:#fff!important}
  html body:not(.sb-split)>header.top nav a[aria-current="page"]{background:#1B3560!important;color:#fff!important}
  html body:not(.sb-split)>header.top nav a[aria-current="page"]::after{display:block!important;content:"";position:absolute;left:-8px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--wattle)}
  html body:not(.sb-split)>header.top nav a[href="/"]::after{display:none}
  html body:not(.sb-split)>header.top>a:not(.brand):not(:first-child){display:none}
  html body:not(.sb-split)>header.top .brand+nav{margin-left:0}
}

/* dark mode on static pages that hard-code white panels */
:root[data-theme="dark"] .cards article, :root[data-theme="dark"] .card, :root[data-theme="dark"] .panel{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)}
:root[data-theme="dark"] .emergency{background:var(--red-bg)!important;border-color:#7A3A30!important}
:root[data-theme="dark"] .emergency p, :root[data-theme="dark"] .emergency strong{color:var(--ink)!important}
:root[data-theme="dark"] .cards article h2{color:var(--ink)!important}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .cards article, :root:not([data-theme="light"]) .card, :root:not([data-theme="light"]) .panel{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)}
  :root:not([data-theme="light"]) .emergency{background:var(--red-bg)!important;border-color:#7A3A30!important}
  :root:not([data-theme="light"]) .emergency p, :root:not([data-theme="light"]) .emergency strong{color:var(--ink)!important}
  :root:not([data-theme="light"]) .cards article h2{color:var(--ink)!important}
}
@media (min-width:761px){html body:not(.sb-split)>header.top ~ main, html body:not(.sb-split)>header.top ~ article, html body:not(.sb-split)>header.top ~ .wrap{padding-top:20px}}

/* ============================================================
   Account page (/account/) — dashboard treatment
   ============================================================ */
main>#dashboard, main>#signin, main>#invitation{max-width:none}
body:has(main>#dashboard) main{max-width:1180px;padding:24px 28px 48px}
body:has(main>#dashboard) main>.eyebrow{display:none}
body:has(main>#dashboard) main>h1{font-size:26px!important;margin:0 0 4px!important}
body:has(main>#dashboard) #status{font-size:13px;color:var(--muted);margin:0 0 14px}
#dashboard .account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
#dashboard .account-heading #identity{margin:0;font:600 14px var(--body);color:var(--muted)}
#dashboard .account-heading #identity strong{color:var(--ink)}
#dashboard #modes{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px;width:fit-content;margin:0 0 16px}
#dashboard #modes button{margin:0!important;min-height:36px!important;padding:6px 14px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ink)!important;font:600 14px var(--body)!important}
#dashboard #modes button[aria-pressed="true"]{background:var(--surface)!important;color:var(--sb-acc,var(--gum-2))!important;box-shadow:var(--shadow-sm)}
#dashboard>section,#dashboard #workspace>section,#dashboard details.add-role{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:18px 20px!important;margin:0 0 12px!important;box-shadow:none}
#dashboard #workspace{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}
#dashboard #workspace>section{margin:0!important}
#dashboard #workspace>section.span,#dashboard #workspace>section:has(table),#dashboard #workspace>section:has(.team-row){grid-column:1/-1}
#dashboard h2{font:700 17px var(--display)!important;margin:0 0 8px!important}
#dashboard h3{font:700 15px var(--display)!important;margin:12px 0 6px!important}
#dashboard .team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-soft);font-size:14px}
#dashboard .badge{display:inline-block;background:var(--wattle-bg);color:var(--wattle-ink);border-radius:999px;padding:2px 9px;font:700 12px var(--body)}
#dashboard .hint{font-size:13px;color:var(--muted)}
#dashboard button:not(.secondary),#dashboard .button{background:var(--cta)!important;border-radius:10px!important;min-height:40px!important;padding:9px 16px!important;font:600 14px var(--body)!important}
#dashboard button.secondary{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:10px!important;min-height:40px!important;padding:9px 14px!important;font:600 14px var(--body)!important}
#dashboard input,#dashboard select,#dashboard textarea{border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;color:var(--ink)!important;padding:10px 12px!important}
main>#signin{max-width:440px;margin:24px auto!important;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px!important}
main>#signin h2{font:700 20px var(--display);margin:0 0 6px}
main>#signin button{width:100%;background:var(--cta)!important;border-radius:10px!important;min-height:44px!important;font:600 15px var(--body)!important}
body:has(main>#dashboard) footer{font-size:12.5px}
#dashboard #workspace>h2,#dashboard #workspace>p,#dashboard #workspace>a{grid-column:1/-1;margin:0}
#dashboard #workspace>article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0}
#dashboard #workspace>article h3{margin:0 0 6px!important}
#dashboard #workspace>article>p{margin:0 0 10px;font-size:14px;color:var(--muted)}
#dashboard #workspace>article details{margin-top:10px;border-top:1px solid var(--line-soft);padding-top:8px}
#dashboard #workspace>article summary{font:600 14px var(--body);cursor:pointer}
#dashboard #workspace>article .button{margin:0!important}
body:has(main>#dashboard) #status{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important}
#dashboard{display:flex;flex-direction:column}
#dashboard>*{order:5}
#dashboard>.account-heading{order:1}#dashboard>#modes{order:2}#dashboard>#workspace{order:3}#dashboard>#pending,#dashboard>#delivery,#dashboard>#review{order:4}#dashboard>details.add-role{order:9}
#dashboard details.add-role{background:transparent!important;border:1px dashed var(--line)!important}
#dashboard details.add-role summary{font:600 14px var(--body);color:var(--muted);cursor:pointer}