/* Stockholm theme for the family-history pages (from the Magma lab: lagom — soft linen,
   muted blue and a little yellow, Manrope, calm spacing). Loaded after each page's own
   stylesheet: it remaps the shared tokens and restyles the parts that hard-code colors.
   Family-line colors (Brewster, Howland, Hannah…) are left alone so maps and keys keep meaning. */
:root{
  --ink:#2b2f33; --ink2:#4a4f55; --muted:#686d73;
  --paper:#f6f4ef; --card:#fdfcf9; --line:#e3e0d8;
  --navy:#24486c; --navy2:#2f5d8a; --gold:#e8c25a; --gold2:#f6ecc4;
  --sea:#e3eaf0; --land:#fbfaf6;
  --radius:6px;
  --sh-font:'Manrope',system-ui,-apple-system,"Segoe UI",sans-serif;
  --sh-tint:#efece5;
}
body{font-family:var(--sh-font);color:var(--ink);background:var(--paper)}
h1,h2,h3,h4{font-family:var(--sh-font);font-weight:500;letter-spacing:-.03em}
button,input,select,textarea,.kicker,.bar nav a,.brand,svg text,.map .pl{font-family:var(--sh-font)}
.kicker{color:var(--navy2);font-weight:600}
.lede{color:var(--ink2)}
a{color:var(--navy2)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--navy2)}

section.block:nth-of-type(even){background:var(--sh-tint)}
thead th{background:var(--sh-tint)}
blockquote{font-family:var(--sh-font);background:#faf6e8;border-left-color:var(--gold);color:var(--ink)}

/* Top bar: light linen instead of dark navy */
.topnav{background:rgba(253,252,249,.94);color:var(--ink);box-shadow:none;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.topnav .brand,.topnav .brand a{color:var(--ink)}
.topnav nav a{color:var(--ink2)}
.topnav nav a:hover,.topnav nav a.active{background:var(--sh-tint);color:var(--ink)}
.bar{background:rgba(253,252,249,.94)}
.brand{color:var(--ink)}

/* Heroes and closing bands: one calm Stockholm blue, no glow */
.hero{background:linear-gradient(180deg,#2f5d8a 0%,#29527a 100%)}
.closing{background:linear-gradient(180deg,#2f5d8a,#29527a)!important}
.hero .sub{color:var(--gold2)}

/* Pills and chips read as Stockholm: blue fill, linen text */
.stat,.printbtn{background:var(--gold2);color:var(--ink)}
.legend button.on,.chip.on,.tl-more[aria-expanded="true"],.relative .tag{background:var(--navy2);color:#fff;border-color:var(--navy2)}
.tab[aria-selected="true"],.scrub-seg.active{background:var(--navy2);border-color:var(--navy2)}
.tl-card.on{border-color:var(--navy2);box-shadow:0 0 0 2px rgba(232,194,90,.6)}
.tl-card.on::after{background:var(--navy2)}
.ledger-head.rec{background:var(--navy2);color:#fff}
.cell.rec{border-top-color:var(--navy2)}
.ocean .coast{stroke:#5b6f82}

/* Softer corners everywhere the pages used 16px cards */
figure,.card,.callout,.side-card,.mapcard,.tl-card{border-radius:var(--radius)}

/* One typeface: the pages set Georgia/Arial on many small parts; code and record IDs stay mono */
body *:not(code):not(.pid):not(code *){font-family:var(--sh-font)}

/* Hub: small labels in blue rather than gold, the scrubber in Stockholm blue */
.tl-year,.flag,.band-era .years{color:var(--navy2)}
.tl-title{font-weight:600;letter-spacing:-.01em}
.scrub{background:rgba(47,93,138,.94);border-color:rgba(246,236,196,.3)}

/* Links inside the blue heroes */
.hero a{color:#fff}

/* Top-left: a family-tree mark that always leads back to the family-history hub */
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.fh-home{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:var(--radius);color:var(--navy2);background:var(--sh-tint);text-decoration:none;transition:background .15s,color .15s}
a.fh-home:hover,a.brand:hover .fh-home{background:var(--navy2);color:#fff}