/* Encyclopedia guides: editorial reference design (hand-written, v1.1; the importer never overwrites this file).
   Restyles the existing b226-* markup. No glow, gradients, bounce or emoji: ruled lines, serif type, numbered sections, a real photo.
   Uses the site's --n-* variables so light and dark mode follow the site. */
.n-hubpage{background:var(--n-bg);color:var(--n-text);overflow-x:clip}
.n-hubpage *{box-sizing:border-box}
.b226-wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.b226-reveal{opacity:1!important;transform:none!important;animation:none!important}
.b226-anchor{display:block;height:0;scroll-margin-top:calc(var(--n-head-h) + 70px)}

/* ---- masthead: text + photo ---- */
.n-hubtop{max-width:1180px;margin:0 auto;padding:30px 18px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.n-hubtop__meta{font:500 12px/1.4 var(--n-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--n-ink3);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:4px 14px}
.n-hubtop__meta b{color:var(--n-terra);font-weight:600}
.b226-hero{padding:0;color:var(--n-text)}
.b226-hero-inner{max-width:46rem}
.b226-eyebrow{font:600 12px/1.4 var(--n-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--n-terra);margin:0 0 12px}
.b226-h1{font:600 clamp(40px,7vw,78px)/1.02 var(--n-serif);letter-spacing:-.015em;margin:0 0 .3em;color:var(--n-text)}
.b226-h1 em{font-style:italic;color:inherit;font-weight:500}
.b226-subtitle-wrap{margin:0 0 16px}
.b226-subtitle{margin:0;font:600 13px/1.5 var(--n-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--n-ink3);padding-top:12px;border-top:2px solid var(--n-text);display:inline-block}
.b226-lead{font:italic 500 clamp(20px,2.6vw,26px)/1.45 var(--n-serif);color:var(--n-muted);margin:0 0 22px;max-width:36em}
.b226-actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.b226-btn{font:600 14px/1 var(--n-sans);text-decoration:none;padding:12px 18px;border:1.5px solid var(--n-text);color:var(--n-text);border-radius:2px;background:transparent}
.b226-btn:first-child{background:var(--n-green);border-color:var(--n-green);color:#fff}
.b226-btn:hover{background:var(--n-text);border-color:var(--n-text);color:var(--n-bg)}
.n-hubphoto{margin:0;align-self:start}
.n-hubphoto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:2px;background:var(--n-green-l)}
.n-hubphoto figcaption{font:400 13px/1.5 var(--n-sans);color:var(--n-ink3);margin-top:8px;padding-top:8px;border-top:1px solid var(--n-line)}
.n-hubphoto figcaption a{color:var(--n-text);font-weight:500}
@media (min-width:920px){.n-hubtop--photo{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}}

/* ---- at a glance ledger ---- */
.b226-stats-banner{max-width:1180px;margin:30px auto 0;padding:0 18px}
.b226-stats-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--n-text);border-bottom:1px solid var(--n-line)}
.b226-stat{padding:16px 14px 14px 0;border-bottom:1px solid var(--n-line);min-width:0}
.b226-stat:nth-last-child(-n+2){border-bottom:0}
.b226-stat-val{font:600 clamp(28px,4.4vw,40px)/1.05 var(--n-serif);color:var(--n-green);letter-spacing:-.01em}
:root[data-theme="dark"] .b226-stat-val{color:#8be3b0}
.b226-stat-lbl{font:500 11.5px/1.4 var(--n-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--n-ink3);margin-top:4px}
@media (min-width:760px){.b226-stats-inner{grid-template-columns:repeat(6,minmax(0,1fr))}.b226-stat{border-bottom:0;border-right:1px solid var(--n-line);padding-left:16px}.b226-stat:first-child{padding-left:0}.b226-stat:last-child{border-right:0}}

/* ---- section navigation (built by hub.js) ---- */
.n-hubnav{position:sticky;top:calc(var(--n-head-h) + 6px);z-index:30;margin:26px 0 0;background:color-mix(in srgb,var(--n-bg) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--n-line)}
@supports not (background:color-mix(in srgb,red,blue)){.n-hubnav{background:var(--n-bg)}}
.n-hubnav__in{max-width:1180px;margin:0 auto;padding:0 18px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.n-hubnav__in::-webkit-scrollbar{display:none}
.n-hubnav a{flex:0 0 auto;padding:13px 12px;font:500 14px/1 var(--n-sans);color:var(--n-ink3);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.n-hubnav a:hover{color:var(--n-text)}
.n-hubnav a.is-on{color:var(--n-green);border-bottom-color:var(--n-gold)}
:root[data-theme="dark"] .n-hubnav a.is-on{color:#8be3b0}

/* ---- body ---- */
.b226-main{counter-reset:n-sec;padding:8px 0 30px}
.b226-main section,.b226-main .b226-map-table{padding-top:46px;scroll-margin-top:calc(var(--n-head-h) + 64px)}
.b226-label{font:600 12px/1.4 var(--n-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--n-terra);margin:0 0 6px}
.b226-main section>.b226-label::before,.b226-intro-grid .b226-label::before{counter-increment:n-sec;content:counter(n-sec,decimal-leading-zero) "  ·  ";color:var(--n-ink3)}
.b226-h2{font:600 clamp(30px,4.6vw,46px)/1.08 var(--n-serif);letter-spacing:-.01em;margin:0 0 .3em;color:var(--n-text)}
.b226-h2 span{font-style:italic;font-weight:500;color:inherit}
.b226-hint{font:italic 500 19px/1.5 var(--n-serif);color:var(--n-muted);margin:0 0 20px;max-width:40em}

.b226-intro-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;padding-top:34px!important}
@media (min-width:980px){.b226-intro-grid{grid-template-columns:minmax(0,1fr) 340px;gap:56px}}
.b226-prose{font:400 18px/1.8 var(--n-sans);max-width:42em;overflow-wrap:anywhere}
.b226-prose p{margin:0 0 1.15em}
.b226-prose>p:first-child::first-letter{font:600 3.6em/.8 var(--n-serif);float:left;margin:.06em .1em 0 0;color:var(--n-green)}
:root[data-theme="dark"] .b226-prose>p:first-child::first-letter{color:#8be3b0}
.b226-prose strong{font-weight:600}
.b226-intro-chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:14px 0;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line);font-size:15px}
.b226-intro-chips::before{content:"Jump to";font:600 11.5px/2 var(--n-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--n-ink3)}
.b226-ichip{color:var(--n-link);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.b226-ichip-gold{font-weight:700}
.b226-mission{margin:22px 0 0;padding:4px 0 4px 20px;border-left:3px solid var(--n-gold)}
.b226-mission-title{font:600 12px/1.4 var(--n-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--n-ink3);margin-bottom:8px}
.b226-mission-list{margin:0;padding-left:1.1em;font-size:16px;line-height:1.6}
.b226-mission-list li{margin:.3em 0}

/* infobox */
.b226-aside{align-self:start;border:1px solid var(--n-line);background:var(--n-surface);border-top:4px solid var(--n-green);padding:0 0 4px}
@media (min-width:980px){.b226-aside{position:sticky;top:calc(var(--n-head-h) + 70px)}}
.b226-aside-title{font:600 26px/1.1 var(--n-serif);padding:16px 18px 2px}
.b226-aside-sub{font:500 11.5px/1.4 var(--n-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--n-ink3);padding:0 18px 12px;border-bottom:1px solid var(--n-line)}
.b226-irow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;padding:9px 18px;border-bottom:1px solid var(--n-line);font-size:14.5px;line-height:1.4}
.b226-irow:last-of-type{border-bottom:0}
.b226-ikey{color:var(--n-ink3);font-weight:500}
.b226-ival{font-weight:600;overflow-wrap:anywhere}
.b226-aside-note{padding:10px 18px 8px;font-size:12.5px;color:var(--n-ink3);font-style:italic}

/* figures (KPI) */
.b226-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--n-text)}
@media (min-width:760px){.b226-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.b226-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.b226-kpi{padding:16px 12px 16px 0;border-bottom:1px solid var(--n-line)}
@media (min-width:760px){.b226-kpi{padding-left:16px;border-left:1px solid var(--n-line)}.b226-kpi:nth-child(3n+1){border-left:0;padding-left:0}}
@media (min-width:1000px){.b226-kpi:nth-child(3n+1){border-left:1px solid var(--n-line);padding-left:16px}.b226-kpi:nth-child(6n+1){border-left:0;padding-left:0}}
.b226-kpi-val{font:600 clamp(30px,4vw,44px)/1.05 var(--n-serif);color:var(--n-text)}
.b226-kpi-lbl{font:500 11.5px/1.4 var(--n-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--n-ink3);margin-top:4px}

/* cards: flat, ruled */
.b226-text-grid,.b226-stats-grid,.b226-map-table{display:grid;grid-template-columns:minmax(0,1fr);gap:28px 40px}
@media (min-width:860px){.b226-text-grid,.b226-stats-grid,.b226-map-table{grid-template-columns:repeat(2,minmax(0,1fr))}}
.b226-card{background:transparent;border:0;border-top:2px solid var(--n-text);border-radius:0;padding:0;min-width:0;overflow-x:auto}
.b226-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 0 10px}
.b226-card-h{font:600 25px/1.15 var(--n-serif)}
.b226-card-sub{font:500 12px/1.5 var(--n-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--n-ink3);margin-top:3px}
.b226-badge{flex:0 0 auto;font:600 10.5px/1 var(--n-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--n-terra);border:1px solid currentColor;padding:5px 8px;border-radius:2px}
.b226-text-body{font-size:16.5px;line-height:1.75}
.b226-text-prose{margin:0 0 1em}
.b226-minilinks{display:flex;flex-wrap:wrap;gap:6px 16px}
.b226-minilink{font-weight:600;color:var(--n-link);text-underline-offset:3px}
.b226-minilink::after{content:" →"}

/* tables */
.b226-stable,.b226-info-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:300px}
.b226-stable th,.b226-stable td,.b226-info-table th,.b226-info-table td{padding:9px 12px 9px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--n-line)}
.b226-stable thead th{font:600 11.5px/1.3 var(--n-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--n-ink3);border-bottom:1px solid var(--n-text);background:transparent}
.b226-info-table th{width:38%;font-weight:600;color:var(--n-muted)}
.b226-stable td:first-child{font-weight:600}
.b226-tbd{color:var(--n-ink3);font-style:italic}
.b226-map-wrap{margin:0 0 8px}
.b226-map-img{width:100%;height:auto;display:block;border:1px solid var(--n-line)}
.b226-map-caption{font:italic 500 15px/1.5 var(--n-serif);color:var(--n-ink3);margin:6px 0 0}

/* explore cards -> text-led list */
.b226-explore-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:2px solid var(--n-text)}
@media (min-width:760px){.b226-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}}
.b226-ecard{display:block;text-decoration:none;color:var(--n-text);padding:18px 0;border-bottom:1px solid var(--n-line)}
.b226-ebg{display:none}
.b226-etag{font:600 11px/1.4 var(--n-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--n-terra)}
.b226-etitle{font:600 27px/1.12 var(--n-serif);margin:3px 0 6px}
a.b226-ecard:hover .b226-etitle{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.b226-edesc{font-size:15.5px;line-height:1.6;color:var(--n-muted)}
.b226-earrow{font:600 13.5px var(--n-sans);color:var(--n-link);margin-top:8px}

/* sources + see also */
.b226-biblio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:2px solid var(--n-text)}
@media (min-width:760px){.b226-biblio-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px}}
.b226-bitem{padding:14px 0;border-bottom:1px solid var(--n-line)}
.b226-bname{font:600 20px/1.2 var(--n-serif)}
.b226-bdesc{font-size:14.5px;color:var(--n-muted);line-height:1.55;margin-top:3px}
.b226-chips{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:2px solid var(--n-text);padding-top:14px}
.b226-chip{color:var(--n-link);font-weight:500;text-underline-offset:3px}
.b226-chip-gold{font-weight:700}

/* "Continue reading" photo cards under the guide */
.n-hubmore{border-top:1px solid var(--n-line);margin-top:20px}
.n-hubmore .n-sec__head h2{font-size:clamp(26px,4vw,36px)}
@media print{.n-hubnav{display:none}}