/* kpsgill-home-b.css — homepage composition B (30 October 2026). Linked from /index.html only; replaces
   kpsgill-home-a.css there (that file is kept for the archived homepage).
   Builds on kpsgill-shell.css (header, language bar, footer search, footer, fonts). Palette: navy/ink, warm cream
   paper, restrained gold, limited green, plus the illustration set's sage and wheat. Headings Fraunces, text
   Public Sans, dates and status in IBM Plex Mono at small sizes, sentence case.
   Small text is #5E6470 or darker on cream, sage and wheat; gold text is #7A5A27 (AA at 12px).
   Dark theme: assets/kpsgill-enhance.js measures this light design and writes the dark palette inline; the rules
   under html[data-k-theme="dark"] below only cover what it does not touch (images, the navy band's own accents).
   Order on the page: lead + recent · pathways · health and everyday life · new reporting + New and updated ·
   investigations (navy band) · twelve areas · California + decisions approaching · about. */

.hb{
  --hb-navy:#12233F;--hb-ink:#0E1B31;--hb-cream:#F6F5F0;--hb-paper:#FBFAF7;--hb-line:#E4E2DA;--hb-rule:#D7D9D3;
  --hb-muted:#5E6470;--hb-body:#2E384A;--hb-green:#175A4A;--hb-teal:#1F6F5C;--hb-sage:#DCEAE4;--hb-wheat:#F3E5C8;
  --hb-gold:#B8863B;--hb-gold-t:#7A5A27;--hb-slate:#E2E6ED;
  --hb-serif:Fraunces,Georgia,serif;--hb-sans:'Public Sans',system-ui,Arial,sans-serif;--hb-mono:'IBM Plex Mono',ui-monospace,monospace;
  --hb-gut:clamp(16px,4vw,44px);--hb-gap:clamp(40px,6vw,72px);
  display:block;color:var(--hb-ink);font:400 17px/1.55 var(--hb-sans);background:var(--hb-cream)
}
.hb *,.hb *::before,.hb *::after{box-sizing:border-box}
.hb-in{max-width:1180px;margin:0 auto;padding:0 var(--hb-gut)}
.hb-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hb :where(a){color:var(--hb-green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hb :where(a):hover{color:var(--hb-teal);text-decoration-thickness:2px}
.hb a:focus-visible,.hb summary:focus-visible{outline:3px solid var(--hb-teal);outline-offset:2px;border-radius:2px}
:where(.hb) ul,:where(.hb) ol{margin:0;padding:0;list-style:none}
:where(.hb) p{margin:0}
:where(.hb) img{display:block;max-width:100%;height:auto}

/* shared type */
.hb-h2{margin:0;font:500 clamp(1.65rem,1.2rem + 1.4vw,2.25rem)/1.12 var(--hb-serif);letter-spacing:-.01em;color:var(--hb-navy);text-wrap:balance}
.hb-h3{margin:0 0 14px;font:600 1.2rem/1.25 var(--hb-serif);color:var(--hb-navy)}
.hb-h-small{margin:0;font:600 1.05rem/1.3 var(--hb-serif);color:var(--hb-navy)}
.hb-lede{margin:8px 0 0;max-width:62ch;font-size:16.5px;line-height:1.6;color:var(--hb-body)}
.hb-sec{padding:var(--hb-gap) 0 0}
.hb-sec-head{margin:0 0 26px;padding:18px 0 0;border-top:2px solid var(--hb-navy)}
.hb-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px;font:500 12.5px/1.45 var(--hb-mono);color:var(--hb-muted)}
.hb-kicker{font:600 13px/1.4 var(--hb-sans);color:var(--hb-body)}
.hb-date{white-space:normal}
.hb-label{display:inline-block;padding:1px 7px;border-radius:3px;font:600 12px/1.5 var(--hb-mono);color:var(--hb-green);background:var(--hb-sage)}
.hb-label--updated{color:var(--hb-gold-t);background:var(--hb-wheat)}
.hb-label--selected{color:var(--hb-navy);background:var(--hb-paper);box-shadow:inset 0 0 0 1px var(--hb-rule)}
.hb-label--historical{color:var(--hb-navy);background:var(--hb-slate)}
.hb-textlink{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15px}
.hb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;background:var(--hb-navy);color:var(--hb-paper)!important;font:600 16px/1.2 var(--hb-sans);text-decoration:none!important}
.hb-btn:hover{background:var(--hb-green)}
.hb-btn--quiet{background:transparent;color:var(--hb-navy)!important;box-shadow:inset 0 0 0 2px var(--hb-navy)}
.hb-btn--quiet:hover{background:var(--hb-navy);color:var(--hb-paper)!important}

/* review status: the one stamp every guide card carries */
.hb-stamp{display:inline-flex;align-items:center;gap:7px;font:500 12.5px/1.4 var(--hb-mono);color:var(--hb-green)}
.hb-stamp::before{content:"";flex:0 0 auto;width:13px;height:13px;border-radius:50%}
.hb-stamp--reviewed::before{background:var(--hb-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M3.3 6.7l2.2 2.2 4.3-4.6' fill='none' stroke='%23FBFAF7' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.hb-stamp--pending{color:var(--hb-gold-t)}
.hb-stamp--pending::before{background:transparent;box-shadow:inset 0 0 0 2px var(--hb-gold)}

/* 1 · lead and recent ---------------------------------------------------------------------------------- */
.hb-front{padding:clamp(18px,3vw,34px) 0 0}
.hb-lead{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.hb-lead-fig{margin:0;border-radius:4px;overflow:hidden;background:var(--hb-paper);box-shadow:0 0 0 1px var(--hb-line)}
.hb-lead-fig img{width:100%}
.hb-lead-txt{min-width:0}
.hb-kicker--inv{color:var(--hb-navy)}
.hb-lead-h{margin:2px 0 8px;font:600 clamp(2.15rem,1.4rem + 3.2vw,3.7rem)/1.02 var(--hb-serif);letter-spacing:-.018em;color:var(--hb-navy);text-wrap:balance}
.hb-lead-h a{color:inherit;text-decoration:none}
.hb-lead-h a:hover{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.hb-lead-sub{margin:0 0 12px;max-width:40ch;font:italic 400 clamp(1.1rem,1rem + .5vw,1.35rem)/1.35 var(--hb-serif);color:var(--hb-body)}
.hb-lead-dek{max-width:58ch;font-size:17px;line-height:1.6;color:var(--hb-ink)}
.hb-lead-act{margin:18px 0 0}

.hb-recent{margin:clamp(26px,3.5vw,40px) 0 0;scroll-margin-top:96px}
.hb-recent-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;padding:0 0 2px;border-bottom:2px solid var(--hb-navy)}
.hb-briefs{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.hb-brief{padding:14px 0 16px;border-bottom:1px solid var(--hb-line)}
.hb-brief .hb-meta{margin-bottom:4px}
.hb-brief-h{margin:0;font:600 17px/1.35 var(--hb-sans);color:var(--hb-navy)}
.hb-brief-h a{color:var(--hb-navy);text-decoration:none}
.hb-brief-h a:hover{text-decoration:underline}

/* 2 · pathways ----------------------------------------------------------------------------------------- */
.hb-paths{padding:clamp(28px,4vw,44px) 0 0}
.hb-paths .hb-h-small{margin:0 0 12px}
.hb-path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hb-path{--c:var(--hb-teal);display:flex;flex-direction:column;gap:6px;height:100%;min-height:44px;padding:14px 14px 16px;border-radius:4px;background:var(--hb-paper);
  box-shadow:inset 0 0 0 1px var(--hb-line);border-top:5px solid var(--c);color:var(--hb-ink)!important;text-decoration:none!important}
.hb-path--health{--c:#1F6F5C}.hb-path--everyday{--c:#7A6312}.hb-path--california{--c:#A0522D}.hb-path--investigations{--c:#5B4A8A}
.hb-path-name{font:600 clamp(1.1rem,1rem + .5vw,1.4rem)/1.15 var(--hb-serif);color:var(--hb-navy)}
.hb-path-desc{font-size:14px;line-height:1.45;color:var(--hb-body)}
.hb-path:hover{box-shadow:inset 0 0 0 1px var(--c)}
.hb-path:hover .hb-path-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* 3 · health and everyday life ------------------------------------------------------------------------- */
.hb-group{margin:0 0 clamp(34px,4.5vw,52px)}
.hb-group:last-of-type{margin-bottom:0}
.hb-health-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.hb-guide{min-width:0}
.hb-guide-h{margin:0;font:600 19px/1.28 var(--hb-serif);color:var(--hb-navy);text-wrap:pretty}
.hb-guide-h a{color:var(--hb-navy);text-decoration:none}
.hb-guide-h a:hover{text-decoration:underline;text-decoration-thickness:1px}
.hb-guide-dek{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--hb-body)}
.hb-guide-foot{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font:500 12.5px/1.45 var(--hb-mono);color:var(--hb-muted)}
.hb-guide-foot:empty{display:none}
.hb-guide .hb-meta:empty{display:none}
.hb-guide-fig{border-radius:4px;overflow:hidden;background:var(--hb-paper)}
.hb-guide-fig img{width:100%}
/* the feature guide: illustration on a sage plate */
.hb-guide--feature{display:flex;flex-direction:column;margin:0 0 6px;border-radius:6px;overflow:hidden;background:var(--hb-sage)}
.hb-guide--feature .hb-guide-fig{border-radius:0}
.hb-guide--feature .hb-guide-txt{padding:18px 18px 20px}
.hb-guide--feature .hb-guide-h{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);line-height:1.15}
.hb-guide--feature .hb-meta,.hb-guide--feature .hb-guide-foot,.hb-guide--feature .hb-kicker{color:#3B4656}
/* reviewed guides: a hairline list, each with its stamp */
.hb-guide--plain{padding:16px 0;border-bottom:1px solid var(--hb-rule)}
.hb-guide--plain .hb-guide-foot{margin-top:8px}
/* coverage: an image-led wheat card and two compact ones */
.hb-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.hb-cards--coverage .hb-guide:first-child{display:grid;grid-template-columns:minmax(0,1fr);border-radius:6px;overflow:hidden;background:var(--hb-wheat);margin:0 0 6px}
.hb-cards--coverage .hb-guide:first-child .hb-guide-fig{border-radius:0;background:var(--hb-paper)}
.hb-cards--coverage .hb-guide:first-child .hb-guide-txt{padding:18px 18px 20px}
.hb-cards--coverage .hb-guide:first-child .hb-guide-h{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem);line-height:1.18}
.hb-cards--coverage .hb-guide:first-child .hb-meta,.hb-cards--coverage .hb-guide:first-child .hb-guide-foot,.hb-cards--coverage .hb-guide:first-child .hb-kicker{color:#4A4436}
.hb-cards--coverage .hb-guide:not(:first-child){padding:16px 0;border-bottom:1px solid var(--hb-rule)}
/* everyday: own illustrations, no box */
.hb-cards--everyday{grid-template-columns:minmax(0,1fr);gap:0}
.hb-cards--everyday .hb-guide{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--hb-rule)}
.hb-cards--everyday .hb-guide-fig{box-shadow:0 0 0 1px var(--hb-line)}
.hb-cards--everyday .hb-guide-h{font-size:17.5px}
.hb-cards--everyday .hb-guide-foot{flex-direction:column;gap:2px;margin-top:6px}
.hb-sec-links{display:flex;flex-wrap:wrap;gap:0 24px;margin:22px 0 0}
.hb-sec-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15.5px}

/* 4 · new reporting and the generated New-and-updated list ---------------------------------------------- */
.hb-stories{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.hb-story{padding:16px 0 18px;border-top:1px solid var(--hb-rule)}
.hb-story:first-child{border-top:0;padding-top:0}
.hb-story-h{margin:0;font:600 18px/1.32 var(--hb-sans);color:var(--hb-navy)}
.hb-story-h a{color:var(--hb-navy);text-decoration:none}
.hb-story-h a:hover{text-decoration:underline}
.hb-story-dek{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--hb-body)}
.hb-newupd{margin:clamp(30px,4vw,44px) 0 0;padding:18px clamp(14px,2.4vw,24px) 6px;border-radius:6px;background:var(--hb-paper);box-shadow:inset 0 0 0 1px var(--hb-line)}
/* the block between the k-new markers is generated by tools/kpsgill_registry.py with inline styles;
   these rules restyle it in place without touching its markup */
.hb-newupd .k-newupd{max-width:none!important;margin:0!important;padding:0!important}
.hb-newupd #k-newupd-h{margin:0 0 4px!important;font:600 1.2rem/1.25 var(--hb-serif)!important;color:var(--hb-navy)}
.hb-newupd .k-newupd>p{margin:0 0 10px!important;max-width:78ch;font-size:13.5px!important;line-height:1.5;color:var(--hb-muted)!important}
.hb-newupd .k-newupd>ul{display:grid;grid-template-columns:minmax(0,1fr);column-gap:36px}
.hb-newupd .k-newupd>ul>li{grid-template-columns:6rem minmax(0,1fr)!important;gap:2px 12px!important;padding:10px 0!important;border-top-color:var(--hb-line)!important}
.hb-newupd .k-newupd>ul>li>span:first-child{grid-row:span 2;color:var(--hb-green)!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:12px!important}
.hb-newupd .k-newupd>ul>li>a{font-size:15.5px;line-height:1.38;color:var(--hb-navy)!important}
.hb-newupd .k-newupd>ul>li>a:hover,.hb-newupd .k-newupd>ul>li>a:focus-visible{text-decoration:underline!important;text-underline-offset:3px}
.hb-newupd .k-newupd>ul>li>span:empty{display:none}
.hb-newupd .k-newupd>ul>li>span:last-child{grid-column:2;font-size:13px!important;color:var(--hb-muted)!important}

/* 5 · investigations: the navy dossier band ------------------------------------------------------------- */
.hb-inv{margin:var(--hb-gap) 0 0;padding:clamp(36px,5vw,60px) 0 clamp(40px,5vw,64px);background:var(--hb-navy);color:#E7EBF2;scroll-margin-top:72px}
.hb-inv .hb-sec-head{border-top-color:var(--hb-gold)}
.hb-inv .hb-h2{color:#FBFAF7}
.hb-inv .hb-lede{color:#C9D2DE}
.hb-inv a{color:#F3E5C8}
.hb-inv a:hover{color:#FBFAF7}
.hb-inv a:focus-visible,.hb-inv summary:focus-visible{outline-color:#F3E5C8}
.hb-inv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.hb-inv-card{min-width:0;padding:18px 0 0;border-top:1px solid #3A4A66}
.hb-inv-card--lead{padding-top:0;border-top:0}
.hb-inv .hb-meta{color:#B7C1D0}
.hb-inv .hb-kicker{color:#E4C48A}
.hb-inv-h{margin:0;font:600 clamp(1.25rem,1.1rem + .5vw,1.45rem)/1.2 var(--hb-serif);color:#FBFAF7;text-wrap:balance}
.hb-inv-card--lead .hb-inv-h{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.3rem);line-height:1.1}
.hb-inv-h a{color:#FBFAF7;text-decoration:none}
.hb-inv-h a:hover{color:#FBFAF7;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.hb-inv-dek{margin:10px 0 0;max-width:62ch;font-size:16px;line-height:1.6;color:#D5DCE6}
.hb-inv-note{margin:10px 0 0;max-width:62ch;padding:0 0 0 12px;border-left:2px solid var(--hb-gold);font-size:14px;line-height:1.55;color:#C9D2DE}
.hb-inv-facts{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 0 0;font:500 13px/1.5 var(--hb-mono);color:#C9D2DE}
.hb-inv-facts b{font:600 1.5rem/1 var(--hb-serif);color:#E4C48A;margin-right:4px}
.hb-inv-links{margin:12px 0 0}
.hb-inv-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15px}
.hb-standing{margin:14px 0 0;border-top:1px solid #3A4A66}
.hb-standing summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;cursor:pointer;list-style:none;font:600 15px/1.3 var(--hb-sans);color:#F3E5C8}
.hb-standing summary::-webkit-details-marker{display:none}
.hb-standing summary::after{content:"+";font:400 22px/1 var(--hb-sans);color:#E4C48A}
.hb-standing[open] summary::after{content:"\2212"}
.hb-standing ul{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px;padding:0 0 6px}
.hb-standing li a{display:flex;align-items:center;min-height:44px;padding:4px 0;border-bottom:1px solid #2A3A55;font-size:15px;line-height:1.35}

/* 6 · twelve areas -------------------------------------------------------------------------------------- */
.hb-count{margin:10px 0 0;font:500 12.5px/1.4 var(--hb-mono);color:var(--hb-muted)}
.hb-area-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.hb-area{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;height:100%;min-height:44px;padding:10px 14px 10px 10px;border-radius:4px;background:var(--hb-paper);
  box-shadow:inset 0 0 0 1px var(--hb-line);border-left:4px solid var(--hb-c,var(--hb-teal));color:var(--hb-ink)!important;text-decoration:none!important}
.hb-area-pic{display:block;width:76px;height:76px;border-radius:50%;overflow:hidden;background:var(--hb-paper);box-shadow:0 0 0 1px var(--hb-line)}
.hb-area-pic img{width:76px;height:76px;object-fit:cover;transform:scale(1.32);transform-origin:50% 54%}
.hb-area-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.hb-area-name{font:600 17px/1.25 var(--hb-serif);color:var(--hb-navy)}
.hb-area-desc{font-size:14px;line-height:1.45;color:var(--hb-body)}
.hb-area:hover .hb-area-name{text-decoration:underline;text-underline-offset:3px}
.hb-areas-foot{margin:22px 0 0}

/* 7 · California and decisions approaching ---------------------------------------------------------------- */
.hb-ca-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.hb-ca-list{border-top:1px solid var(--hb-rule)}
.hb-ca-item{padding:14px 0;border-bottom:1px solid var(--hb-rule)}
.hb-ca-h{margin:0;font:600 17.5px/1.35 var(--hb-sans);color:var(--hb-navy)}
.hb-ca-h a{color:var(--hb-navy);text-decoration:none}
.hb-ca-h a:hover{text-decoration:underline}
.hb-ca-dek{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--hb-body)}
.hb-ca-dek:empty{display:none}
.hb-ca-item .hb-meta{margin:6px 0 0}
.hb-ca-item .hb-meta:empty{display:none}
.hb-ca-more,.hb-next-more{margin:8px 0 0}
.hb-next{padding:18px 18px 8px;border-radius:6px;background:var(--hb-wheat);scroll-margin-top:96px}
.hb-next .hb-h3{margin:0 0 4px}
.hb-next-lede{font-size:14.5px;line-height:1.5;color:#3B3A33}
.hb-dates{margin:12px 0 0}
.hb-dates li{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-top:1px solid rgba(18,35,63,.16)}
.hb-dates time{display:flex;flex-direction:column;line-height:1}
.hb-day{font:600 1.75rem/1 var(--hb-serif);color:var(--hb-navy)}
.hb-mon{margin-top:3px;font:500 12px/1.2 var(--hb-mono);color:#4A4436}
.hb-dates a{font-weight:600;font-size:15.5px;line-height:1.4;color:var(--hb-navy)}
.hb-dates li[hidden]{display:none}

/* 8 · about ----------------------------------------------------------------------------------------------- */
.hb-about{padding-bottom:clamp(8px,2vw,16px)}
.hb-about-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:22px 0 0;border-top:2px solid var(--hb-navy)}
.hb-about-txt p{margin:12px 0 0;max-width:64ch;font-size:16px;line-height:1.65;color:var(--hb-body)}
.hb-about-links{border-top:1px solid var(--hb-rule)}
.hb-about-links a{display:flex;align-items:center;min-height:44px;padding:6px 0;border-bottom:1px solid var(--hb-rule);font-weight:600;font-size:15.5px;text-decoration:none}
.hb-about-links a:hover{text-decoration:underline}
.hb-prev{margin:24px 0 0;padding:12px 14px;border-left:3px solid var(--hb-gold);background:var(--hb-paper);font-size:14.5px;line-height:1.6;color:var(--hb-body)}

/* ---------------------------------------------------------------------------------------------------- widths */
@media (min-width:560px){
  .hb-cards--everyday{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .hb-cards--everyday .hb-guide{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;padding:0 0 18px;border-bottom:0}
  .hb-cards--everyday .hb-guide-foot{flex-direction:row;flex-wrap:wrap;gap:2px 12px}
  .hb-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hb-standing ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:700px){
  .hb-lead{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0 28px;align-items:center}
  .hb-path-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .hb-briefs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .hb-stories{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .hb-story:first-child{padding-top:16px;border-top:1px solid var(--hb-rule)}
  .hb-story{border-top:1px solid var(--hb-rule)}
  .hb-stories .hb-story:nth-child(-n+2){border-top:0;padding-top:0}
  .hb-cards--coverage .hb-guide:first-child{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
  .hb-cards--coverage .hb-guide:first-child .hb-guide-fig{height:100%}
  .hb-cards--coverage .hb-guide:first-child .hb-guide-fig{display:flex;align-items:center}
  .hb-ca-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:start}
  .hb-inv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px}
  .hb-inv-card--lead,.hb-inv-card:last-child{grid-column:1/-1}
  .hb-about-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px}
}
@media (min-width:900px){
  .hb-newupd .k-newupd>ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hb-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .hb-lead{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:0 44px}
  .hb-briefs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hb-brief{border-bottom:0;padding-bottom:4px}
  .hb-health-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 36px;align-items:start}
  .hb-health-grid .hb-guide--feature{grid-row:span 4;margin:0}
  .hb-health-grid .hb-guide--plain:nth-child(2){padding-top:0}
  .hb-cards--coverage{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0 36px;align-items:start}
  .hb-cards--coverage .hb-guide:first-child{grid-row:span 3;margin:0}
  .hb-cards--coverage .hb-guide:nth-child(2){padding-top:0}
  .hb-cards--everyday{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
  .hb-stories{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hb-stories .hb-story{border-top:0;padding-top:0;padding-right:4px}
  .hb-stories .hb-story+.hb-story{padding-left:20px;border-left:1px solid var(--hb-rule)}
  .hb-inv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 36px}
  .hb-inv-card:last-child{grid-column:auto}
  .hb-inv-card--lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:0 44px;align-items:start}
  .hb-inv-card--lead>*{grid-column:1}
  .hb-inv-card--lead>.hb-inv-side{grid-column:2;grid-row:1/span 3}
  .hb-inv-side .hb-inv-facts{flex-direction:column;gap:10px;margin:4px 0 0}
  .hb-inv-card--lead .hb-standing ul{grid-template-columns:minmax(0,1fr)}
}

/* the shared header (markup unchanged): between 1360px and about 1500px its nine desks and Search overflow the
   1280px row, so Search is cut off and the page scrolls sideways. Tighter spacing keeps Search in view here. */
@media (min-width:1360px){.k-hrow{gap:0 14px}.k-fams{gap:0 4px}.k-famx{width:24px}.k-nav a{letter-spacing:.02em}}

/* motion: colour changes only, and only when the reader has not asked for less */
@media (prefers-reduced-motion:no-preference){
  .hb a,.hb-path,.hb-area,.hb-btn{transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}
}

/* dark theme (kpsgill-enhance.js rewrites colours inline; these cover images and the band's accents) */
html[data-k-theme="dark"] .hb img{filter:brightness(.9) saturate(.95)}
html[data-k-theme="dark"] .hb-inv{background:#0F1C33!important;box-shadow:inset 0 1px 0 #2A3A55,inset 0 -1px 0 #2A3A55}
html[data-k-theme="dark"] .hb-btn{background:#F3E5C8!important;color:#12233F!important}
html[data-k-theme="dark"] .hb-btn--quiet{background:transparent!important;color:#F3E5C8!important;box-shadow:inset 0 0 0 2px #F3E5C8}
html[data-k-theme="dark"] .hb-label{box-shadow:inset 0 0 0 1px #3A4A66}
html[data-k-theme="dark"] .hb-recent-head,html[data-k-theme="dark"] .hb-sec-head,html[data-k-theme="dark"] .hb-about-grid{border-color:#5A6A86!important}

@media print{
  .hb-paths,.hb-areas img,.hb-lead-act{display:none}
  .hb-inv{background:none;color:#000}
}
@media (max-width:699px){
  .hb-cards--coverage .hb-guide:first-child .hb-guide-fig img{width:auto;max-height:210px;margin:0 auto}
}