:root { --ink: #1c232a; --muted: #5a6570; --line: #dde2e7; --page: #ffffff; --tint: #f1f4f6; --tint2: #e7ecf0; --accent: #1f5c86; --accent-ink: #ffffff; --band: #23323e; --band-ink: #f3f6f8; --deep: #2b2f48; --key: #eaf2f8; --note: #f3f1ea; --warn: #fbeeea; --warn-line: #b5472f; --radius: 10px; --font: "Figtree", "Segoe UI", system-ui, sans-serif; }
body { background: #d9dee3; color: var(--ink); font: 16px/1.6 var(--font); }
[hidden] { display: none !important; }
.screen { container-type: inline-size; background: var(--page); margin: 0 auto; max-width: 1440px; min-height: 100vh; overflow-x: clip; }
.screen.phone { max-width: 390px; box-shadow: 0 0 0 1px #b8c0c8, 0 10px 40px rgba(0,0,0,.18); margin-block: 16px; }
.in { max-width: 1180px; margin: 0 auto; padding-inline: 24px; }
.in.narrow { max-width: 760px; }
a { color: var(--link, var(--accent)); text-underline-offset: 2px; }
h1, h2, h3 { line-height: 1.2; text-wrap: balance; margin: 0 0 .5em; }
h1 { font-size: 2.5rem; font-weight: 800; letter-spacing: -.01em; }
.h-sec { font-size: 1.6rem; font-weight: 750; }
.center { text-align: center; }
.sub { color: var(--muted); margin-top: -.4em; }
.small { font-size: .88rem; color: var(--muted); }
.band { padding-block: 44px; }
.band.tint { background: var(--tint); }
.band.dark { background: var(--band); color: var(--band-ink); }
.band.tinted { background: hsl(var(--h, 205) 40% 94%); }
.split { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; }
.split.rev > :first-child { order: 2; }
.grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cols4 { columns: 4 220px; column-gap: 28px; }
.cols4 > * { display: block; break-inside: avoid; padding-block: 5px; }
.logo { font-weight: 800; font-size: 1.2rem; color: inherit; text-decoration: none; letter-spacing: -.01em; }
.logo span { font-weight: 500; opacity: .7; }
.bar { background: var(--page); border-bottom: 1px solid var(--line); }
.bar .in { display: flex; align-items: center; gap: 20px; min-height: 60px; flex-wrap: wrap; }
.search input { font: inherit; border: 1px solid var(--line); border-radius: 999px; padding: 8px 16px; width: 320px; max-width: 100%; background: var(--tint); }
.search.big input { width: 520px; padding: 14px 22px; font-size: 1.05rem; background: #fff; }
.menu a, .menu summary { color: inherit; text-decoration: none; font-weight: 600; font-size: .95rem; cursor: pointer; }
.icon-btn { margin-left: auto; font: inherit; font-weight: 600; border: 1px solid var(--line); background: var(--page); border-radius: 999px; padding: 6px 14px; }
.ico { display: inline-block; width: 22px; height: 22px; border-radius: 6px; background: currentColor; opacity: .18; vertical-align: -5px; margin-right: 8px; }
.ico.big { width: 44px; height: 44px; border-radius: 12px; display: block; margin-bottom: 10px; }
.screen[data-ref="F"] { display: grid; grid-template-columns: 88px 1fr; }
.screen[data-ref="F"] > :not(.rail) { grid-column: 2; }
.rail { grid-row: 1 / span 20; background: var(--page); border-right: 1px solid var(--line); padding: 14px 6px; position: relative; }
.rail .logo { display: none; }
.rail nav { display: flex; flex-direction: column; gap: 4px; position: sticky; top: 60px; }
.rail nav a { display: flex; flex-direction: column; align-items: center; font-size: .72rem; font-weight: 600; color: var(--ink); text-decoration: none; padding: 8px 2px; border-radius: 8px; text-align: center; }
.rail nav a .ico { margin: 0 0 4px; }
.bar-f { display: flex; align-items: center; gap: 24px; padding: 0 24px; min-height: 60px; }
.bar-c { background: var(--band); color: var(--band-ink); border: 0; }
.bar-c .search input { background: rgba(255,255,255,.1); border-color: transparent; color: #fff; }
.bar-c .menu { border-top: 1px solid rgba(255,255,255,.12); }
.bar-c .menu .in { min-height: 44px; gap: 22px; font-size: .9rem; }
.bar-m .menu { display: flex; gap: 18px; flex-wrap: wrap; }
.dd { position: relative; }
.dd summary { list-style: none; }
.dd summary::after { content: " ▾"; font-size: .7em; opacity: .6; }
.dd > div { position: absolute; z-index: 20; top: 130%; left: 0; background: var(--page); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 12px 30px rgba(0,0,0,.12); padding: 10px; min-width: 220px; display: grid; }
.dd > div a { padding: 6px 8px; font-weight: 500; }
.bar-n .menu { display: flex; gap: 18px; flex-wrap: wrap; font-size: .9rem; }
.hero { padding-block: 48px; }
.hero p { font-size: 1.1rem; max-width: 62ch; }
.hero-f { background: var(--accent); color: var(--accent-ink); }
.hero-f a { color: inherit; }
.hero-c { background: hsl(var(--h, 205) 38% 30%); color: #fff; }
.hero-c a { color: inherit; }
.hero-m { background: var(--deep); color: #fff; }
.hero-m a { color: inherit; }
.hero-m .in.center p { margin-inline: auto; }
.hero-m .search { margin-top: 18px; }
.hero-n { background: var(--band); color: var(--band-ink); }
.hero-n a { color: inherit; }
.hero-n.grad { background: linear-gradient(120deg, var(--band), #35505f); padding-bottom: 88px; }
.hero-n:not(.band-head) { position: relative; padding: 0; min-height: 440px; display: grid; }
.hero-n:not(.band-head) > * { grid-area: 1 / 1; }
.hero-n .over { align-self: center; color: #fff; text-shadow: 0 1px 12px rgba(0,0,0,.35); }
.band-head { padding-block: 36px 40px; }
.crumbs { font-size: .85rem; opacity: .85; margin-bottom: 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.crumbs i { opacity: .5; font-style: normal; }
.standfirst { font-size: 1.12rem; }
.checked { display: inline-block; font-size: .85rem; opacity: .85; margin-top: 6px; }
.panel { background: rgba(255,255,255,.12); border-radius: var(--radius); padding: 20px; }
.panel .box { color: var(--ink); margin: 0; }
.ticks { list-style: none; padding: 0; }
.ticks li::before { content: "✓"; font-weight: 800; margin-right: 10px; }
.ph { background: repeating-linear-gradient(135deg, #cfd6dc 0 12px, #d8dee3 12px 24px); border-radius: var(--radius); display: flex; flex-direction: column; justify-content: flex-end; padding: 14px; color: #3a4650; min-height: 120px; }
.ph span { font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; }
.ph em { font-style: normal; font-size: .9rem; }
.ph.wide { aspect-ratio: 16 / 9; }
.ph.tall { aspect-ratio: 4 / 5; }
.ph.sq { aspect-ratio: 1; min-height: 0; }
.ph.bleed { border-radius: 0; min-height: 440px; }
.sitemap-f { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.sitemap-f h2 { font-size: 1.05rem; }
.pill { display: flex; align-items: center; border: 1.5px solid var(--ink); border-radius: 10px; padding: 9px 12px; margin-bottom: 8px; color: var(--ink); text-decoration: none; font-weight: 700; background: var(--page); }
.feature-f { display: grid; grid-template-columns: 1.3fr 1fr; gap: 32px; }
.feat-list { display: grid; gap: 16px; }
.feat-list article { display: grid; grid-template-columns: 110px 1fr; gap: 14px; align-items: center; }
.feat-list h3 { font-size: 1rem; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; text-decoration: none; background: var(--page); font-weight: 600; font-size: .9rem; color: var(--ink); }
.tiles-c { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.tile-c { background: hsl(var(--h) 55% 88%); color: hsl(var(--h) 45% 22%); border-radius: var(--radius); padding: 14px; text-decoration: none; font-weight: 700; font-size: .92rem; display: flex; align-items: center; min-height: 64px; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 0; counter-reset: s; list-style: none; }
.steps li { counter-increment: s; }
.steps li::before { content: counter(s); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--band-ink); color: var(--band); font-weight: 800; margin-bottom: 10px; }
.steps b { display: block; }
.links { list-style: none; padding: 0; columns: 2; }
.links li { padding-block: 4px; }
.links small { color: var(--muted); }
.cardlet { background: var(--page); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.cardlet h3 { font-size: 1.02rem; margin: 0; }
.cardlet p { margin: 0; font-size: .92rem; color: var(--muted); }
.more { font-weight: 700; font-size: .9rem; margin-top: auto; }
.float-card { background: var(--page); border-radius: 16px; box-shadow: 0 16px 40px rgba(0,0,0,.12); padding: 20px; margin-top: -120px; position: relative; }
.tiles-n { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.tile-n { border: 1px solid var(--line); border-radius: 12px; padding: 16px; text-decoration: none; color: var(--ink); }
.tile-n b { display: block; }
.tile-n small { color: var(--muted); }
.nums { display: flex; gap: 28px; flex-wrap: wrap; }
.nums b { display: block; font-size: 1.9rem; font-weight: 800; color: var(--accent); }
.nums span { color: var(--muted); font-size: .9rem; }
.tiles-f { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-top: 22px; }
.tile-f { background: var(--page); color: var(--ink) !important; border: 1.5px solid var(--ink); border-radius: 10px; padding: 14px 10px; text-align: center; text-decoration: none; font-weight: 700; font-size: .9rem; }
.tile-f .ico { display: block; margin: 0 auto 6px; }
.tiles-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.tile-line { border: 1px solid var(--line); border-radius: 10px; padding: 18px; text-align: center; text-decoration: none; font-weight: 600; }
.list2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 32px; }
.list2 article { display: grid; grid-template-columns: 96px 1fr; gap: 14px; align-items: center; }
.list2 h3 { font-size: 1rem; margin: 0 0 4px; }
.list2 small { color: var(--muted); }
.row-scroll { display: grid; grid-auto-flow: column; grid-auto-columns: 260px; gap: 14px; overflow-x: auto; padding-bottom: 8px; }
.dark-card { background: var(--band); color: var(--band-ink); border-radius: var(--radius); padding: 18px; }
.dark-card a { color: inherit; text-decoration: none; }
.dark-card p { font-size: .9rem; opacity: .85; }
.also { font-size: .9rem; color: var(--muted); margin-top: 14px; }
.az { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 28px; }
.az > div { display: flex; flex-direction: column; gap: 3px; }
.az b { font-size: 1.1rem; margin-bottom: 4px; }
.tabs-lite { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.tabs-lite span { padding: 6px 12px; border-bottom: 2px solid var(--line); font-weight: 600; font-size: .88rem; }
.tabs-lite span:first-child { border-color: var(--accent); color: var(--accent); }
.names > div { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.names small { color: var(--muted); }
.readmore > summary { cursor: pointer; font-weight: 700; color: var(--accent); padding-block: 10px; }
.cols-f { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 44px; align-items: start; }
.cols-c { display: grid; grid-template-columns: minmax(0, 700px) 260px; gap: 48px; justify-content: center; align-items: start; }
.cols-m { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 44px; align-items: start; }
.cols-n { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; align-items: start; }
.card-over { background: var(--page); border-radius: 14px; box-shadow: 0 6px 24px rgba(0,0,0,.08); padding: 32px 40px; }
.grad + .band .card-over { margin-top: -80px; }
.side { display: grid; gap: 22px; font-size: .92rem; }
.tinted-side { background: var(--tint2); border-radius: var(--radius); padding: 20px; }
.toc b, .rail-n > b { display: block; font-size: .78rem; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.toc ol, .rail-n ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.toc a { text-decoration: none; }
.rail-n { display: grid; gap: 16px; font-size: .92rem; }
.rail-n ol { counter-reset: r; }
.rail-n ol li { counter-increment: r; display: grid; grid-template-columns: 22px 1fr; }
.rail-n ol li::before { content: counter(r); font-weight: 800; color: var(--accent); }
.mini { background: var(--tint); border-radius: var(--radius); padding: 16px; }
.mini b { display: block; margin-bottom: 6px; }
.mini ul { padding-left: 18px; margin: 6px 0; }
.lead-bold { font-weight: 700; font-size: 1.08rem; }
.logo-tile { background: var(--page); color: var(--ink); border-radius: 14px; min-height: 180px; display: grid; place-content: center; text-align: center; gap: 4px; }
.logo-tile span { font-size: 2rem; font-weight: 800; }
.logo-tile small { color: var(--muted); }
.types { display: grid; gap: 16px; margin-bottom: 28px; }
.types.grid3 { grid-template-columns: repeat(3, 1fr); }
.types.cards { grid-template-columns: 1fr 1fr; }
.type { border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; background: var(--page); }
.type h3 { font-size: 1.02rem; }
.type ul { margin: 0; padding-left: 18px; }
.tick-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 24px; }
.tick::before { content: "✓"; font-weight: 800; color: var(--accent); margin-right: 10px; font-style: normal; }
.summary-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.summary-strip > div { border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; font-size: .9rem; }
.summary-strip b { display: block; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.summary-strip p { margin: 0; }
.intro-card .box { margin: 0; }
.letters { display: flex; flex-wrap: wrap; gap: 4px; margin: 24px 0; }
.letters a { min-width: 32px; text-align: center; padding: 6px; border: 1px solid var(--line); border-radius: 6px; text-decoration: none; font-weight: 700; }
.letter { margin-top: 24px; }
.name-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.name-tiles > div { background: var(--tint); border-radius: 6px; padding: 9px 12px; font-size: .92rem; }
.name-tiles .linked { background: var(--tint2); font-weight: 600; }
.prose { max-width: 72ch; }
.prose h2 { font-size: 1.5rem; margin-top: 1.8em; }
.prose h3 { font-size: 1.15rem; margin-top: 1.4em; }
.bar-h2 h2 { border-left: 4px solid var(--accent); padding-left: 12px; }
.prose .tablewrap { overflow-x: auto; margin: 1.2em 0; }
.prose table { border-collapse: collapse; width: 100%; font-size: .93rem; }
.prose th { text-align: left; background: var(--tint2); }
.prose th, .prose td { padding: 9px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.box { border-radius: var(--radius); padding: 16px 20px; margin: 1.4em 0; }
.box-label { font-weight: 800; font-size: .78rem; letter-spacing: .07em; text-transform: uppercase; margin-bottom: 6px; }
.box ul { margin: 0; padding-left: 18px; }
.box p:last-child { margin-bottom: 0; }
.box-key { background: var(--key); }
.box-note { background: var(--note); }
.box-warning { background: var(--warn); }
.box-warning .box-label { color: var(--warn-line); }
.quote { margin: 1.6em 0; padding-left: 18px; border-left: 3px solid var(--line); }
.quote blockquote { margin: 0; font-size: 1.1rem; }
.quote figcaption { color: var(--muted); font-size: .9rem; margin-top: 6px; }
.slot, .diagram { margin: 1.6em 0; }
.slot-art { background: repeating-linear-gradient(135deg, #cfd6dc 0 12px, #d8dee3 12px 24px); border-radius: var(--radius); aspect-ratio: 16 / 9; display: flex; flex-direction: column; justify-content: flex-end; padding: 16px; }
.slot figcaption { font-size: .88rem; color: var(--muted); margin-top: 6px; }
.slot-tag { font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #3a4650; }
.slot-desc { font-size: .9rem; color: #3a4650; }
.diagram-art { border: 1.5px dashed #9aa6b1; border-radius: var(--radius); padding: 18px 20px; background: var(--page); }
.diagram-title { display: block; margin: 6px 0; }
.diagram-items { margin: 0; padding-left: 20px; font-size: .92rem; }
sup.cite a { font-size: .72em; text-decoration: none; background: var(--tint2); border-radius: 4px; padding: 0 4px; margin-left: 2px; }
.faq details { border-bottom: 1px solid var(--line); padding-block: 12px; }
.faq summary { font-weight: 700; cursor: pointer; }
.sources { margin-top: 2em; border-top: 1px solid var(--line); padding-top: 12px; }
.sources summary { cursor: pointer; font-weight: 700; display: flex; gap: 10px; align-items: baseline; }
.sources small { color: var(--muted); font-weight: 500; }
.sources ol { font-size: .88rem; }
.foot { background: var(--band); color: var(--band-ink); padding-block: 44px 28px; margin-top: 0; }
.foot a { color: inherit; opacity: .85; text-decoration: none; display: block; padding-block: 2px; font-size: .9rem; }
.foot-cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; }
.foot-cols b { display: block; margin-bottom: 6px; }
.disclaimer { font-size: .88rem; opacity: .8; margin-top: 28px; max-width: 90ch; }
.legal { display: flex; gap: 18px; flex-wrap: wrap; font-size: .85rem; }
.legal a { display: inline; }
.legal span { opacity: .6; margin-left: auto; }
@container (max-width: 760px) {
  .in { padding-inline: 16px; } h1 { font-size: 1.9rem; } .band { padding-block: 32px; }
  .screen[data-ref="F"] { grid-template-columns: 1fr; } .screen[data-ref="F"] > :not(.rail) { grid-column: 1; } .rail { display: none; }
  .split, .feature-f, .cols-f, .cols-c, .cols-m, .cols-n, .list2 { grid-template-columns: 1fr; } .split.rev > :first-child { order: 0; }
  .grid3, .grid4, .types.grid3, .types.cards, .tick-grid, .summary-strip, .steps { grid-template-columns: 1fr; }
  .sitemap-f, .tiles-c, .tiles-n, .tiles-grid, .az, .name-tiles, .foot-cols { grid-template-columns: 1fr 1fr; } .tiles-f { grid-template-columns: repeat(3, 1fr); }
  .menu { overflow-x: auto; flex-wrap: nowrap !important; } .menu a, .menu summary { white-space: nowrap; } .bar-c .menu .in { flex-wrap: nowrap; overflow-x: auto; } .search input, .search.big input { width: 100%; }
  .card-over { padding: 20px 18px; } .cols4 { columns: 1; } .float-card { margin-top: -60px; } .hero-n:not(.band-head) { min-height: 380px; } .ph.bleed { min-height: 380px; }
}
.ph-img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: var(--radius); background: var(--tint2); }
.ph-img.wide { aspect-ratio: 16 / 9; }
.ph-img.sq { aspect-ratio: 1; }
.ph-img.round { border-radius: 18px; }
.ph-img.top { margin-bottom: 24px; }
.ph-img.bleed { border-radius: 0; height: 520px; min-height: 0; aspect-ratio: auto; }
.hero-n:not(.band-head) { min-height: 520px; }
.hero-n .over { padding-block: 40px; }
.hero-n .over h1 { font-size: 3rem; }
.hero-n:not(.band-head)::after { content: ""; grid-area: 1 / 1; background: linear-gradient(90deg, rgba(10,20,28,.62), rgba(10,20,28,.1) 70%); pointer-events: none; }
.hero-n .over { z-index: 1; }
.hero-split { background: var(--tint); }
.hero-split h1 { font-size: 2.9rem; }
.popular { font-size: .92rem; margin-top: 14px; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: baseline; }
.popular b { font-weight: 700; }
.hero-m .popular { justify-content: center; }
.hero-m .popular a { color: #fff; }
.photo-card { padding: 0 0 16px; overflow: hidden; }
.photo-card > .ph-img, .photo-card > .ph { border-radius: 0; margin-bottom: 4px; }
.photo-card > :not(.ph-img):not(.ph) { padding-inline: 16px; }
.sec-links { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .92rem; }
.kicker { color: var(--muted); font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
.topic-rows { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 36px; }
.topic-rows article { display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: center; }
.topic-rows h3 { margin-bottom: 6px; }
.moments { gap: 16px; }
.moment { display: grid; gap: 8px; text-decoration: none; color: var(--ink); }
.moment b { font-size: 1rem; }
.sitemap-n { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 32px; }
.sitemap-n > div { display: flex; flex-direction: column; gap: 4px; }
.sitemap-n h3 { font-size: 1rem; }
.tile-photo { padding: 0 0 12px; overflow: hidden; display: grid; gap: 10px; }
.tile-photo .ph-img, .tile-photo .ph { border-radius: 0; aspect-ratio: 16 / 10; }
.hero-n.band-head .panel { color: var(--band-ink); }
@container (max-width: 760px) { .topic-rows, .sitemap-n { grid-template-columns: 1fr; } .topic-rows article { grid-template-columns: 88px 1fr; } .hero-split h1, .hero-n .over h1 { font-size: 2rem; } .ph-img.bleed { height: 440px; } .hero-n:not(.band-head) { min-height: 440px; } }
.intro p { font-size: 1.05rem; }
.figures table { min-width: 640px; }
.figures td:first-child { font-weight: 700; white-space: nowrap; }
.group-head { display: grid; grid-template-columns: 96px 1fr; gap: 20px; align-items: center; margin-bottom: 22px; }
.group-head .sub { margin: 0; }
.sec-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.sec-blocks article { background: var(--page); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.sec-blocks h3 { font-size: 1.2rem; margin: 0; }
.sec-blocks p { margin: 0; font-size: .95rem; }
.band.tint .sec-blocks article { background: var(--page); }
.facts { margin: 4px 0; padding-left: 18px; font-size: .92rem; }
.facts li { margin-bottom: 4px; }
.guides { color: var(--muted); }
.guides a { font-size: .92rem; }
sup.cite a[title] { font-size: .7em; }
.chip small { color: var(--muted); font-weight: 500; }
@container (max-width: 760px) { .group-head { grid-template-columns: 64px 1fr; } .sec-blocks { grid-template-columns: 1fr; } }
.prose .tablewrap, .prose > table, .prose .box, .prose .quote, .prose figure.diagram-real, .prose figure.is-diagram, .prose details, .prose h2 { clear: both; }
.screen main section[data-alt="w"] { background: var(--page) !important; }
.screen main section[data-alt="t"] { background: var(--tint) !important; }
.screen main section[data-alt="t"] :is(.name-row article, .pcard, .topic, .subj-t, .cardlet, .howto-s article, .ftiles .fi, .flogos .fi, .name-tiles .fi, .ncard, .ptabs, .dir-t .pcard, .chip) { background: var(--page); }
.rail-tocspy .rail-n{align-self:stretch;align-content:start}
.rail-tocspy .rail-n>div:has(>.toc){display:contents}
.rail-tocspy .rail-n .toc{position:sticky;top:calc(var(--pick-h,0px) + 20px);background:var(--page);padding-top:4px;z-index:1}
.rail-tocspy .prose h2{scroll-margin-top:calc(var(--pick-h,0px) + 24px)}
.rail-tocspy .rail-n .toc ol{gap:0;counter-reset:none}
.rail-tocspy .rail-n .toc li{display:block}
.rail-tocspy .rail-n .toc li::before{content:none}
.rail-tocspy .rail-n .toc a{display:block;border-left:3px solid var(--line);padding:6px 0 6px 12px;color:var(--muted);text-decoration:none}
.rail-tocspy .rail-n .toc a.done{border-color:var(--accent)}
.rail-tocspy .rail-n .toc a.here{border-color:var(--accent);color:var(--ink);font-weight:700;background:var(--tint,#eef3f7)}
.ncards,.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:16px}
.ncard,.pcard{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:grid;align-content:start}
.ncard .ph-img,.pcard .ph-img,.ncard .ph,.pcard .ph{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0;display:block}
.ncard .b,.pcard .b{padding:12px 14px;display:grid;gap:4px}
.ncard small,.pcard small{color:var(--muted)}
.pcards.four{grid-template-columns:repeat(4,1fr)}
.nlead{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-bottom:16px}
.nlead .news-list{margin:0}
.nthumbs,.plist{display:grid;gap:14px;margin-bottom:16px}
.nthumbs article,.plist .it{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}
.nthumbs .ph-img,.plist .ph-img,.nthumbs .ph,.plist .ph{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.nthumbs small,.plist small{color:var(--muted);display:block}
.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,280px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-bottom:12px}
.hscroll>*{scroll-snap-align:start}
.hs-wrap{position:relative}
.hs-btn{position:absolute;top:calc(50% - 30px);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.25);font:600 28px/1 sans-serif;color:#1c232a;cursor:pointer;display:grid;place-items:center;z-index:2}
.hs-btn[hidden]{display:none}
.hs-prev{left:-14px}
.hs-next{right:-14px}
.hs-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.rthumbs{display:grid;gap:10px}
.rthumbs a{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;font-size:.92rem}
.rthumbs .ph-img,.rthumbs .ph{width:64px;height:64px;object-fit:cover;border-radius:8px}
@container (max-width:760px){.ncards,.pcards,.pcards.four,.nlead{grid-template-columns:1fr}}
.zoom{all:unset;display:block;cursor:zoom-in;border-radius:10px;overflow:hidden}
.zoom:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.zoom img{display:block;width:100%;height:auto}
.slot.is-diagram .zoom img,.diagram-real .zoom img{aspect-ratio:auto!important;object-fit:contain;background:#fff}
.diagram-real{margin:1.6em 0}
.lb{position:fixed;inset:0;z-index:100;background:rgba(10,14,18,.86);display:grid;place-items:center;padding:24px}
.lb[hidden]{display:none}
.lb img{max-width:min(1400px,96vw);max-height:90vh;border-radius:10px;background:#fff}
.lb-x{position:absolute;top:14px;right:18px;font:600 28px/1 sans-serif;color:#fff;background:none;border:0;cursor:pointer}
.picker{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#151a1f;color:#e8edf1;font:500 13px/1.3 -apple-system,"Segoe UI",sans-serif}
.picker .in2{max-width:1440px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.picker label{display:flex;align-items:center;gap:5px}
.picker b{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#93a0aa}
.picker select{font:inherit;color:#e8edf1;background:#262e35;border:0;border-radius:6px;padding:4px 6px}
.picker button{font:inherit;color:#c9d2d9;background:#262e35;border:0;border-radius:6px;padding:4px 10px;cursor:pointer}
.picker button[aria-pressed="true"]{background:#ffd166;color:#151a1f}
#copy{background:#2f6f4f;color:#fff}
.picker select:focus-visible,.picker button:focus-visible{outline:2px solid #ffd166;outline-offset:2px}
.picker .note{max-width:1440px;margin:0 auto;padding:0 16px 8px;color:#b3bec6;font-size:12.5px}
#hide{margin-left:auto}
#show{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:51;background:#ffd166;color:#151a1f;border:0;border-radius:999px;padding:8px 14px;font:600 12.5px -apple-system,sans-serif;cursor:pointer}
.tint-top{background:linear-gradient(var(--band) 0 80px,var(--page) 80px)}
.tint-top .card-over{margin-top:-40px}
.tint-top .rail-n{padding-top:64px}
.kf-top:empty,.kf-side:empty{display:none}
.kf-top .box{margin-top:0}
.kf-side .box{margin:0;font-size:.92rem}
.rail-block{display:grid;gap:8px}
.rail-h{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.numbered{list-style:none;padding:0;margin:0;display:grid;gap:8px;counter-reset:r}
.numbered li{counter-increment:r;display:grid;grid-template-columns:22px 1fr}
.numbered li::before{content:counter(r);font-weight:800;color:var(--accent)}
.pics-inset .prose figure.slot{width:38%;margin:.3em 0 1em 1.6em;float:right}
.pics-inset .prose figure.slot.l{float:left;margin:.3em 1.6em 1em 0}
.pics-inset .prose h2{clear:both}
.pics-inset .prose figure.slot .ph-img{aspect-ratio:4/3}
.more-q{margin-top:18px;display:grid;gap:6px}
.more-q b{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.list-text{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px}
.list-text>div{display:grid;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.list-text small{color:var(--muted)}
.name-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.name-row article{border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}
.name-row article>div{display:grid;gap:2px}
.name-row small{color:var(--muted)}
.logo-img{width:72px;height:72px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.slot-art.draw{background:var(--page);border:1.5px dashed #9aa6b1;aspect-ratio:16/9}
.logo-img.none{display:grid;place-items:center;font-size:.7rem;text-align:center}
.answer{background:var(--key);border-radius:14px;padding:20px 24px;margin:0 0 24px}
.answer b{display:block;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.answer p{font-size:1.12rem;margin:0}
.parent{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:0 0 24px;background:var(--page)}
.parent small{color:var(--muted);display:block}
.parent .ph-img{width:84px;aspect-ratio:1}
.parent .logo-img{width:72px;height:72px}
.family{display:grid;gap:6px}
.family .on{font-weight:700}
.news-band{border-top:1px solid var(--line)}
.news-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px;margin-bottom:16px}
.news-cols article{display:grid;gap:4px;padding-top:12px;border-top:3px solid var(--accent)}
.news-cols small{color:var(--muted);font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}
.news-cols a{text-decoration:none;color:var(--ink)}
.news-list{padding-left:18px;display:grid;gap:8px}
.news-list small{color:var(--muted)}
.mock{font-style:italic}
@container (max-width:760px){.news-cols{grid-template-columns:1fr}.pics-inset .prose figure.slot,.pics-inset .prose figure.slot.l{float:none;width:auto;margin:1.2em 0}.list-text{grid-template-columns:1fr}}
.grad+.row-v .card-over,.row-v:has(.grad)+.row-v .card-over{margin-top:-80px}
.hero-photo{min-height:480px}
.hero-photo .ph-img.bleed{height:480px}
.plain-hero .ph-img{margin-top:22px}
.plain-hero h1{font-size:2.6rem}
.rail-n .toc{margin-top:4px}
.toc .topic{font-weight:700;font-size:.8rem;color:var(--muted);margin-top:8px}
.toc .topic ol{font-weight:400;font-size:.92rem;color:var(--ink);margin-top:4px;display:grid;gap:4px;list-style:none;padding:0}
.toc.pills{margin:0 0 24px}
.toc.pills ol{display:flex;flex-wrap:wrap;gap:6px}
.toc.pills li a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.88rem}
.name-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
@container (max-width:760px){.pics-inset .prose figure.slot,.pics-inset .prose figure.slot.l{float:none;width:auto;margin:1.2em 0}.list-text{grid-template-columns:1fr}.hero-photo .ph-img.bleed{height:420px}}
.rel-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.rel-tiles article{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:10px;background:var(--page);border:1px solid var(--line);border-radius:var(--radius)}
.rel-tiles .ph-img{width:96px;height:96px;object-fit:cover;border-radius:8px}
.rel-tiles article>div{display:grid;gap:4px}
.rel-tiles small{color:var(--muted);line-height:1.4}
@container (max-width:760px){.rel-tiles{grid-template-columns:1fr}}
.phfaq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.faq-col{border-top:2px solid var(--ink)}
.faq-i{border-bottom:1px solid var(--line)}
.faq-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 2px}
.faq-i summary::-webkit-details-marker{display:none}
.faq-q{font-weight:700;font-size:16px;line-height:1.3}
.faq-i summary:hover .faq-q{text-decoration:underline;text-underline-offset:3px}
.faq-pm{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);position:relative}
.faq-pm::before,.faq-pm::after{content:'';position:absolute;left:50%;top:50%;width:10px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .2s}
.faq-pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-i[open] .faq-pm::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq-i[open] .faq-pm{background:var(--ink)}
.faq-i[open] .faq-pm::before,.faq-i[open] .faq-pm::after{background:var(--page)}
.faq-a{padding:0 40px 16px 2px}
.faq-a p{margin:0 0 10px;font-size:15px;line-height:1.6}
.faq-a a{font-size:13.5px;font-weight:600}
@container (max-width:760px){.phfaq{grid-template-columns:1fr}.faq-col+.faq-col{border-top:0}}
.help-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.help-c{display:grid;align-content:start;gap:6px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--page);color:var(--ink);text-decoration:none}
.help-c:hover b{text-decoration:underline}
.help-c img{width:56px;height:56px;object-fit:contain;border-radius:10px}
.help-n{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:var(--tint2);font-weight:800;font-size:11px;text-align:center;line-height:1.1;padding:4px}
.help-c small{color:var(--muted);line-height:1.4}
@container (max-width:900px){.help-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root { --brand: #1f3a52; --link: #1c2f42; }
.screen, .logos { --logo: var(--brand); --logo-ink: #fff; }
[data-t="neutral"] { --brand:#1f3a52; --link:#1c2f42;  --tint:#eef4f9; --tint2:#dee9f2; --line:#d1dce6; --key:#e7eff6;}
[data-t="moneyhelper"] { --brand:#0b5f57; --link:#0a3d39; --page:#fff; --tint:#edfaf9; --tint2:#def2f0; --line:#d1e6e4; --ink:#0f2a2a; --muted:#4e6866; --accent:#0b6b62; --accent-ink:#fff; --band:#0b4f4a; --band-ink:#f1faf8; --deep:#0b3b38; --key:#e4f8f6; --note:#fbf3df; --warn:#fbece6; --warn-line:#b5472f; --radius:14px; }
[data-t="which"] { --brand:#b8141f; --link:#5a0b10; --page:#fff; --tint:#faedee; --tint2:#f2dedf; --line:#e6d1d2; --ink:#1a1a1a; --muted:#5f5f5f; --accent:#b8141f; --accent-ink:#fff; --band:#1a1a1a; --band-ink:#fff; --deep:#1a1a1a; --key:#f8e4e6; --note:#f4f4f4; --warn:#fbecec; --warn-line:#b8141f; --radius:4px; }
[data-t="mse"] { --brand:#0f1d3b; --link:#0f1d3b; --page:#fff; --tint:#edf1fa; --tint2:#dee4f2; --line:#d1d7e6; --ink:#14213d; --muted:#5a6680; --accent:#c0121f; --accent-ink:#fff; --band:#0f1d3b; --band-ink:#fff; --deep:#0f1d3b; --key:#e5ebf8; --note:#fff6e0; --warn:#fdecec; --warn-line:#c0121f; --radius:6px; }
[data-t="govuk"] { --brand:#0b0c0c; --link:#0b2e57; --page:#fff; --tint:#f0f8f8; --tint2:#e0f0f0; --line:#d1e6e6; --ink:#0b0c0c; --muted:#505a5f; --accent:#1d70b8; --accent-ink:#fff; --band:#0b0c0c; --band-ink:#fff; --deep:#0b0c0c; --key:#e9f4f4; --note:#fff7bf; --warn:#fbe5e5; --warn-line:#d4351c; --radius:0px; }
[data-t="ca"] { --brand:#004b88; --link:#00335d; --page:#fff; --tint:#edf4fa; --tint2:#dee9f2; --line:#d1dce6; --ink:#000; --muted:#4f4f4f; --accent:#004b88; --accent-ink:#fff; --band:#004b88; --band-ink:#fff; --deep:#00335d; --key:#e4eff8; --note:#fff4d6; --warn:#fdeaea; --warn-line:#a3001b; --radius:0px; }
[data-t="guardian"] { --brand:#052962; --link:#052962; --page:#fff; --tint:#edf2fa; --tint2:#dee6f2; --line:#d1d9e6; --ink:#121212; --muted:#5d5d5d; --accent:#0a4a8c; --accent-ink:#fff; --band:#052962; --band-ink:#fff; --deep:#052962; --key:#e4ecf8; --note:#fbf6e6; --warn:#fbeceb; --warn-line:#c70000; --radius:0px; }
[data-t="bbc"] { --brand:#b80000; --link:#5c0a0a; --page:#fff; --tint:#faeded; --tint2:#f2dede; --line:#e6d1d1; --ink:#141414; --muted:#545658; --accent:#a50000; --accent-ink:#fff; --band:#b80000; --band-ink:#fff; --deep:#7a0000; --key:#f8e4e4; --note:#f2f2f2; --warn:#fbe9e9; --warn-line:#b80000; --radius:2px; }
[data-t="monzo"] { --brand:#14233c; --link:#14233c; --page:#fff; --tint:#eef2f9; --tint2:#dee5f2; --line:#d1d9e6; --ink:#14233c; --muted:#5b6a83; --accent:#c4374a; --accent-ink:#fff; --band:#14233c; --band-ink:#fff; --deep:#14233c; --key:#e6ecf7; --note:#eef6ff; --warn:#fdecee; --warn-line:#c4374a; --radius:18px; }
[data-t="nationwide"] { --brand:#1c2b7a; --link:#121a4f; --page:#fff; --tint:#edeffa; --tint2:#dee1f2; --line:#d1d4e6; --ink:#121a3a; --muted:#545d7c; --accent:#1c2b7a; --accent-ink:#fff; --band:#121a4f; --band-ink:#fff; --deep:#121a4f; --key:#e4e8f8; --note:#fdf1ec; --warn:#fdeced; --warn-line:#c8102e; --radius:10px; }
[data-t="navygold"] { --brand:#16213a; --link:#16213a; --page:#fff; --tint:#eef2f9; --tint2:#dee4f2; --line:#d1d7e6; --ink:#16213a; --muted:#5b6377; --accent:#1f3a68; --accent-ink:#fff; --band:#16213a; --band-ink:#f8f3e3; --deep:#0f172b; --key:#e7ecf6; --note:#eef2f8; --warn:#fbece6; --warn-line:#a8442b; --radius:8px; --hot:#e8b931; }
[data-t="forest"] { --brand:#2b4536; --link:#1f3328; --page:#fff; --tint:#f0f8f3; --tint2:#e0f0e7; --line:#d1e6da; --ink:#1d2a22; --muted:#56635b; --accent:#2f6b4f; --accent-ink:#fff; --band:#2b4536; --band-ink:#f6f1e4; --deep:#1f3328; --key:#e9f4ee; --note:#f8f0dc; --warn:#fbece6; --warn-line:#a8442b; --radius:12px; }
[data-t="plum"] { --brand:#4a2366; --link:#3d2352; --page:#fff; --tint:#f4eef9; --tint2:#eadef2; --line:#ddd1e6; --ink:#26162f; --muted:#5f5267; --accent:#6a2c91; --accent-ink:#fff; --band:#3d2352; --band-ink:#f3fbf7; --deep:#2b1839; --key:#f0e6f7; --note:#f6eefb; --warn:#fbecee; --warn-line:#a8324a; --radius:12px; }
[data-t="inkcoral"] { --brand:#1f2933; --link:#1f2933; --page:#fff; --tint:#f0f4f8; --tint2:#e0e8f0; --line:#d1dbe6; --ink:#1f2933; --muted:#5d6670; --accent:#b8364a; --accent-ink:#fff; --band:#1f2933; --band-ink:#fff; --deep:#151c23; --key:#e9eef4; --note:#eef4f7; --warn:#fdecec; --warn-line:#b8364a; --radius:10px; }
[data-t="ocean"] { --page:#fff; --tint:#edf4fa; --tint2:#dee8f2; --line:#d1dbe6; --ink:#151f28; --muted:#55616d; --accent:#1767a1; --accent-ink:#ffffff; --band:#0f3357; --band-ink:#ffffff; --deep:#0b2641; --key:#e4eef8; --note:#ebf4fa; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#154779; --link:#193858; }
[data-t="indigo"] { --page:#fff; --tint:#edeefa; --tint2:#dedff2; --line:#d1d2e6; --ink:#151728; --muted:#55576d; --accent:#311c9c; --accent-ink:#ffffff; --band:#171c4f; --band-ink:#ffffff; --deep:#11153b; --key:#e5e7f8; --note:#edebfa; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#20276f; --link:#1f2451; }
[data-t="emerald"] { --page:#fff; --tint:#edfaf5; --tint2:#def2ea; --line:#d1e6dd; --ink:#152820; --muted:#556d63; --accent:#0f6b45; --accent-ink:#ffffff; --band:#145238; --band-ink:#ffffff; --deep:#0f3d2a; --key:#e4f8f0; --note:#ebfaf2; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#1d724f; --link:#1d533d; }
[data-t="terracotta"] { --page:#fff; --tint:#faf0ed; --tint2:#f2e3de; --line:#e6d6d1; --ink:#281a15; --muted:#6d5b55; --accent:#9c461c; --accent-ink:#ffffff; --band:#4f2417; --band-ink:#ffffff; --deep:#3b1b11; --key:#f8eae5; --note:#faf0eb; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#6f3220; --link:#512b1f; }
[data-t="burgundy"] { --page:#fff; --tint:#faedf0; --tint2:#f2dee3; --line:#e6d1d6; --ink:#28151a; --muted:#6d555b; --accent:#9c1c31; --accent-ink:#ffffff; --band:#4f1725; --band-ink:#ffffff; --deep:#3b111c; --key:#f8e5ea; --note:#faebed; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#6f2034; --link:#511f2c; }
[data-t="olive"] { --page:#fff; --tint:#f6f8f0; --tint2:#ecf0e0; --line:#e1e6d1; --ink:#232815; --muted:#676d55; --accent:#597326; --accent-ink:#ffffff; --band:#3c4521; --band-ink:#ffffff; --deep:#2d3419; --key:#f1f4e9; --note:#f5faeb; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#54602e; --link:#404828; }
[data-t="slateamber"] { --page:#fff; --tint:#f0f3f8; --tint2:#e0e7f0; --line:#d1dae6; --ink:#171d26; --muted:#555f6d; --accent:#ec9c13; --accent-ink:#171d26; --band:#263140; --band-ink:#ffffff; --deep:#1d2530; --key:#e9edf4; --note:#faf4eb; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#364459; --link:#2d3643; }
[data-t="midnightcyan"] { --page:#fff; --tint:#eef1f9; --tint2:#dee3f2; --line:#d1d6e6; --ink:#151a28; --muted:#555b6d; --accent:#0b6f86; --accent-ink:#ffffff; --band:#1c284a; --band-ink:#ffffff; --deep:#151e37; --key:#e7ebf6; --note:#ebf7fa; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#273768; --link:#242e4c; }
[data-t="berry"] { --page:#fff; --tint:#f9eef5; --tint2:#f2deeb; --line:#e6d1df; --ink:#281522; --muted:#6d5565; --accent:#932565; --accent-ink:#ffffff; --band:#4a1c3b; --band-ink:#ffffff; --deep:#37152c; --key:#f6e7f1; --note:#faebf4; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#682752; --link:#4c243f; }
[data-t="charcoalmint"] { --page:#fff; --tint:#f0f5f8; --tint2:#e0ebf0; --line:#d1dfe6; --ink:#1b2022; --muted:#55656d; --accent:#437564; --accent-ink:#ffffff; --band:#2d3539; --band-ink:#ffffff; --deep:#22282b; --key:#e9f0f4; --note:#ebfaf5; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#3f4a50; --link:#333a3d; }
[data-t="mustard"] { --page:#fff; --tint:#f0f2f8; --tint2:#e0e5f0; --line:#d1d8e6; --ink:#151c28; --muted:#555d6d; --accent:#ecb613; --accent-ink:#151c28; --band:#242e42; --band-ink:#ffffff; --deep:#1b2232; --key:#e9ecf4; --note:#faf6eb; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#32405d; --link:#2b3446; }
[data-t="sky"] { --page:#fff; --tint:#edf6fa; --tint2:#deebf2; --line:#d1dfe6; --ink:#152228; --muted:#55656d; --accent:#1c719c; --accent-ink:#ffffff; --band:#173c4f; --band-ink:#ffffff; --deep:#112d3b; --key:#e5f1f8; --note:#ebf5fa; --warn:#fbecec; --warn-line:#a8324a; --radius:10px; --brand:#20546f; --link:#1f4051; }
[data-hf] .screen h1, [data-hf] .screen h2, [data-hf] .screen h3, [data-hf] .screen .h-sec, [data-hf] .screen .faq-q, [data-hf] .screen .pcard b, [data-hf] .screen .subj-t h3 { font-family: var(--hfont); }
[data-bf] .screen { font-family: var(--bfont); }
[data-hf="figtree"] { --hfont: "Figtree", system-ui, sans-serif; }
[data-bf="figtree"] { --bfont: "Figtree", system-ui, sans-serif; }
[data-hf="inter"] { --hfont: "Inter", system-ui, sans-serif; }
[data-bf="inter"] { --bfont: "Inter", system-ui, sans-serif; }
[data-hf="manrope"] { --hfont: "Manrope", system-ui, sans-serif; }
[data-bf="manrope"] { --bfont: "Manrope", system-ui, sans-serif; }
[data-hf="poppins"] { --hfont: "Poppins", system-ui, sans-serif; }
[data-bf="poppins"] { --bfont: "Poppins", system-ui, sans-serif; }
[data-hf="dmsans"] { --hfont: "DM Sans", system-ui, sans-serif; }
[data-bf="dmsans"] { --bfont: "DM Sans", system-ui, sans-serif; }
[data-hf="source"] { --hfont: "Source Sans 3", system-ui, sans-serif; }
[data-bf="source"] { --bfont: "Source Sans 3", system-ui, sans-serif; }
[data-hf="public"] { --hfont: "Public Sans", system-ui, sans-serif; }
[data-bf="public"] { --bfont: "Public Sans", system-ui, sans-serif; }
[data-hf="worksans"] { --hfont: "Work Sans", system-ui, sans-serif; }
[data-bf="worksans"] { --bfont: "Work Sans", system-ui, sans-serif; }
[data-hf="nunitosans"] { --hfont: "Nunito Sans", system-ui, sans-serif; }
[data-bf="nunitosans"] { --bfont: "Nunito Sans", system-ui, sans-serif; }
[data-hf="lato"] { --hfont: "Lato", system-ui, sans-serif; }
[data-bf="lato"] { --bfont: "Lato", system-ui, sans-serif; }
[data-hf="atkinson"] { --hfont: "Atkinson Hyperlegible", system-ui, sans-serif; }
[data-bf="atkinson"] { --bfont: "Atkinson Hyperlegible", system-ui, sans-serif; }
[data-hf="lexend"] { --hfont: "Lexend", system-ui, sans-serif; }
[data-bf="lexend"] { --bfont: "Lexend", system-ui, sans-serif; }
[data-hf="franklin"] { --hfont: "Libre Franklin", system-ui, sans-serif; }
[data-bf="franklin"] { --bfont: "Libre Franklin", system-ui, sans-serif; }
[data-hf="merri"] { --hfont: "Merriweather", Georgia, serif; }
[data-bf="merri"] { --bfont: "Merriweather", Georgia, serif; }
[data-hf="lora"] { --hfont: "Lora", Georgia, serif; }
[data-bf="lora"] { --bfont: "Lora", Georgia, serif; }
[data-hf="sourceserif"] { --hfont: "Source Serif 4", Georgia, serif; }
[data-bf="sourceserif"] { --bfont: "Source Serif 4", Georgia, serif; }
[data-hf="fraunces"] { --hfont: "Fraunces", Georgia, serif; }
[data-hf="zilla"] { --hfont: "Zilla Slab", Georgia, serif; }
[data-hf="robotoslab"] { --hfont: "Roboto Slab", Georgia, serif; }
[data-e-table="boxed"] .prose table { border: 1px solid var(--line); }
[data-e-table="boxed"] .prose th, [data-e-table="boxed"] .prose td { border: 1px solid var(--line); padding: 9px 12px; }
[data-e-table="boxed"] .prose th { background: var(--band); color: var(--band-ink); }
[data-e-table="striped"] .prose th { background: transparent; border-bottom: 2px solid var(--ink); }
[data-e-table="striped"] .prose tr:nth-child(even) td { background: var(--tint); }
[data-e-table="striped"] .prose td { border: 0; padding: 9px 12px; }
[data-e-table="lines"] .prose th { background: transparent; border-bottom: 2px solid var(--accent); }
[data-e-table="lines"] .prose td { border: 0; border-bottom: 1px solid var(--line); padding: 10px 8px; }
[data-e-quote="card"] .quote { border: 0; background: var(--tint); border-radius: var(--radius); padding: 20px 24px 20px 56px; position: relative; }
[data-e-quote="card"] .quote::before { content: "\201C"; position: absolute; left: 16px; top: 2px; font-size: 3.4rem; color: var(--accent); font-family: Georgia, serif; }
[data-e-quote="bar"] .quote { border-left: 5px solid var(--accent); padding-left: 20px; }
[data-e-quote="bar"] .quote blockquote { font-weight: 600; }
[data-e-quote="big"] .quote { border: 0; padding: 0; text-align: center; }
[data-e-quote="big"] .quote blockquote { font-family: Georgia, serif; font-style: italic; font-size: 1.45rem; line-height: 1.4; }
[data-e-list="ticks"] .prose ul { list-style: none; padding-left: 0; }
[data-e-list="ticks"] .prose ul > li { position: relative; padding-left: 28px; }
[data-e-list="ticks"] .prose ul > li::before { content: "\2713"; position: absolute; left: 4px; top: 0; color: var(--accent); font-weight: 800; }
[data-e-list="dots"] .prose ul { list-style: none; padding-left: 0; }
[data-e-list="dots"] .prose ul > li { position: relative; padding-left: 22px; }
[data-e-list="dots"] .prose ul > li::before { content: ""; position: absolute; left: 4px; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
[data-e-list="dashes"] .prose ul { list-style: none; padding-left: 0; }
[data-e-list="dashes"] .prose ul > li { position: relative; padding-left: 22px; }
[data-e-list="dashes"] .prose ul > li::before { content: ""; position: absolute; left: 2px; top: .75em; width: 12px; height: 2px; background: var(--accent); }
[data-e-box="header"] .box { padding: 0 0 16px; overflow: hidden; }
[data-e-box="header"] .box > *:not(.box-label) { margin-inline: 20px; }
[data-e-box="header"] .box-label { background: var(--band); color: var(--band-ink); padding: 9px 20px; margin: 0 0 12px; }
[data-e-box="bar"] .box { background: var(--page); border: 1px solid var(--line); border-left: 5px solid var(--accent); }
[data-e-box="bar"] .box-warning { border-left-color: var(--warn-line); }
[data-e-box="outline"] .box { background: transparent; border: 2px solid var(--accent); }
[data-e-box="outline"] .box-warning { border-color: var(--warn-line); }
[data-e-pic="soft"] .screen .ph-img { box-shadow: 0 8px 24px rgba(0,0,0,.14); }
[data-e-pic="square"] .screen .ph-img { border-radius: 0 !important; }
[data-e-pic="frame"] .prose figure .ph-img, [data-e-pic="frame"] .hero .ph-img { border: 6px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,.16); }
[data-e-head="rule"] .prose h2 { padding-bottom: 8px; border-bottom: 2px solid var(--line); }
[data-e-head="bar"] .prose h2 { padding-left: 14px; border-left: 5px solid var(--accent); }
[data-e-head="kicker"] .prose h2::before { content: ""; display: block; width: 44px; height: 4px; background: var(--accent); margin-bottom: 10px; border-radius: 2px; }
[data-e-link="underline"] .prose a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
[data-e-link="dotted"] .prose a { text-decoration: underline dotted; text-underline-offset: 3px; }
[data-e-link="bold"] .prose a { text-decoration: none; font-weight: 700; }
[data-e-link="bold"] .prose a:hover { text-decoration: underline; }
[data-e-link="marker"] .prose a { text-decoration: none; background: linear-gradient(transparent 62%, var(--key) 62%); }
[data-e-link="marker"] .prose a:hover { background: var(--key); }
.logo svg { display: block; height: 34px; width: auto; }
.lt.dark, .hero .logo { --logo: #fff; --logo-ink: var(--band); }
[data-e-box="header"] .box-warning .box-label { background: var(--warn-line); color: #fff; }
[data-e-box="bar"] .box-warning { background: var(--page); }
[data-e-box="outline"] .box-warning { background: transparent; }
.vs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.vs-tile{background:var(--page);color:var(--ink)!important;text-decoration:none;border-radius:12px;padding:14px 22px;font-size:1.1rem}
.vs-or{font-weight:700;opacity:.8}
.glance{margin:0 0 28px;display:grid;gap:10px}
.glance .tablewrap{margin:0}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pair article{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid}
.pair article>div{padding:14px 16px;display:grid;gap:6px}
.pair h3{margin:0;font-size:1.1rem}
.pair p{margin:0;font-size:.93rem}
.pair small{color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
.pair .ph-img{border-radius:0}
.pair.small .ph-img{display:none}
@container (max-width:760px){.pair{grid-template-columns:1fr}}
.summary-strip.prod{margin:0 0 24px;grid-template-columns:1.2fr 1fr 1fr 1fr}
.summary-strip .issuer{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center}
.summary-strip .issuer a{font-weight:700}
.logo-panel{background:#fff;border-radius:18px;display:grid;place-items:center;aspect-ratio:16/9;max-height:300px}
.logo-panel .logo-img{width:62%;height:auto;aspect-ratio:1;max-width:240px;border:0;background:none}
.brand-tile{display:grid;gap:10px}
.brand-tile .ph-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.brand-tile .issued{margin:0}
.rail-sticky .rail-n{position:sticky;top:12px;align-self:start}
.rail-tocsticky .rail-n{align-self:stretch}
.rail-tocsticky .rail-n .toc{position:sticky;top:12px}
.rail-none .rail-n{display:none}
.rail-none .cols-n{grid-template-columns:minmax(0,820px);justify-content:center}
.figures-note{margin-top:0}
.rail-n .figures-note{font-size:.9rem}
.parent .logo-img{width:56px;height:56px}
@container (max-width:760px){.summary-strip.prod{grid-template-columns:1fr}}
.summary-strip.brand{margin:0 0 24px;grid-template-columns:repeat(4,1fr)}
.narrowpic>.ph-img{max-width:340px;justify-self:end;aspect-ratio:1;object-fit:cover}
.ptype{margin:18px 0 10px;font-size:1.05rem}
.ptypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 32px}
.rail-sub{display:block;margin:10px 0 4px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.ptabs{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 20px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius)}
.ptabs span{color:var(--muted);font-size:.85em}
.hscroll.tiles{grid-auto-columns:minmax(180px,200px)}
.tcard .ph-img{aspect-ratio:1!important}
@container (max-width:760px){.summary-strip.brand{grid-template-columns:1fr 1fr}}
.hcount{margin-top:10px;font-weight:700;opacity:.85}
.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.topic{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:grid;align-content:start}
.topic .ph-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}
.topic .b{padding:14px 16px;display:grid;gap:6px}
.topic h3{margin:0}
.topic p,.tline{margin:0 0 4px;color:var(--muted);font-size:.92rem}
.ptype small{font-weight:400;color:var(--muted);font-size:.85rem;margin-left:6px}
.brandh{display:flex;gap:10px;align-items:center}
.brandh .logo-img{width:36px;height:36px}
.qcols{columns:3;column-gap:32px}
.qcols a{display:block;break-inside:avoid;padding:5px 0}
.tabs-t{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tabs-t button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer}
.tabs-t button[aria-selected="true"]{background:var(--band,#23323e);color:#fff;border-color:transparent}
@container (max-width:760px){.topics{grid-template-columns:1fr}.qcols{columns:1}}
.plate{position:relative;background-size:cover;background-position:center;container-type:inline-size}
.plate-tile{aspect-ratio:1}
.plate-hero{aspect-ratio:16/9}
.plate-t{position:absolute;display:grid;place-items:center;text-align:center;padding:0 6%;box-sizing:border-box;font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#2a2a2a;line-height:1.12;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.4);overflow:hidden}
.plate-tile .p-s{font-size:9cqw}
.plate-tile .p-m{font-size:7.2cqw}
.plate-tile .p-l{font-size:6.4cqw}
.plate-tile .p-xl{font-size:5.6cqw}
.plate-hero .p-s{font-size:4.4cqw}
.plate-hero .p-m{font-size:3.5cqw}
.plate-hero .p-l{font-size:2.9cqw}
.plate-hero .p-xl{font-size:2.4cqw}
.prose.dintro{max-width:none}
.dfilter{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:end;margin-bottom:18px}
.dfilter label{display:grid;gap:4px;font-weight:700;font-size:.9rem}
.dfilter input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;min-width:260px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font:inherit;font-size:.9rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--band,#23323e);color:#fff;border-color:transparent}
.letters{display:flex;flex-wrap:wrap;gap:4px;padding:10px 0;margin-bottom:8px}
@media(min-width:760px){.letters{flex-wrap:nowrap}.letters>*{flex:1 1 0;min-width:0!important}}
.letters a{display:grid;place-items:center;min-width:34px;height:34px;border-radius:8px;background:#fff;border:1px solid var(--line);font-weight:700;text-decoration:none}
.sticky-l{position:sticky;top:calc(var(--pick-h,0px));z-index:3;background:var(--tint,#eef3f7)}
.letter{margin:22px 0 10px;font-size:1.3rem;scroll-margin-top:calc(var(--pick-h,0px) + 70px)}
.ftiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.ftiles .fi{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;align-content:start}
.ftiles .ph-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0}
.ftile-name{aspect-ratio:1;display:grid;place-items:center;padding:12px;text-align:center;font-weight:700;color:var(--muted);background:#f6f8fa}
.ftiles .b{padding:10px 12px;display:grid;gap:2px}
.fi small{color:var(--muted);font-size:.8rem}
.flogos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.flogos .fi{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}
.flogos .logo-img{width:56px;height:56px}
.flogos .fi>div{display:grid}
.azcols{columns:4;column-gap:32px}
.azg{break-inside:avoid;margin-bottom:10px}
.azg .fi{padding:3px 0}
.azg .letter{margin:6px 0}
.name-tiles .fi:not(.linked) span{color:var(--muted)}
.more-intro summary{cursor:pointer;font-weight:700;margin:6px 0 12px}
@container (max-width:760px){.flogos{grid-template-columns:1fr}.azcols{columns:2}.dfilter input{min-width:0;width:100%}}
.hsearch{display:flex;gap:8px;max-width:620px;margin-top:18px}
.hsearch input{flex:1;font:inherit;font-size:17px;padding:13px 16px;border-radius:10px;border:1px solid var(--line);color:var(--ink)}
.hsearch button{font:inherit;font-weight:700;padding:0 22px;border-radius:10px;border:0;background:var(--accent,#0b6bcb);color:#fff;cursor:pointer}
.hcenter{text-align:center;display:grid;justify-items:center}
.hcenter .standfirst{max-width:720px}
.ask{padding-block:14px}
.ask-chips{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.ask-chips span{font-weight:700;margin-right:4px}
.ask-chips .chip{border:1px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;background:#fff}
.subj{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.subj-t{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:grid;align-content:start}
.subj-t .ph-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}
.subj-t .b{padding:12px 14px;display:grid;gap:6px}
.subj-t h3{margin:0;font-size:1.05rem}
.subj-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 28px}
.sline{padding:5px 0;display:grid}
.sline small{color:var(--muted)}
.start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center}
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--muted);margin:0 0 6px}
.howto-s{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.howto-s article{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.howto-s .ph-img{width:96px;height:96px;object-fit:cover;border-radius:0}
.dir-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.dir-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 28px}
.dir-l>div{display:grid}
.dir-l small{color:var(--muted)}
.br-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.br-t article{display:grid;gap:6px;text-align:center;font-weight:600}
.br-t .ph-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.br-l{display:flex;gap:6px}
.br-l a{flex:1 1 0;display:grid;place-items:center;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700;text-decoration:none}
.trust-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.trust-g>div{display:grid;gap:4px}
.trust-g small{color:var(--muted)}
.trust{border-top:1px solid var(--line)}
@container (max-width:760px){.phfaq,.start,.trust-g{grid-template-columns:1fr}.faq-col+.faq-col{border-top:0}.subj,.subj-cols{grid-template-columns:1fr 1fr}.howto-s{grid-template-columns:1fr}.hsearch{flex-direction:column}.hsearch button{padding:12px}.br-l{flex-wrap:wrap}.br-l a{flex:0 0 38px}}
/* Figtree, self-hosted (variable weight 300 to 900, latin and latin-ext from Google Fonts v9, OFL): no third-party stylesheet or connection on the critical path (7 October) */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(/fonts/figtree-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(/fonts/figtree-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* site-only additions over the builders' styles (sub-plan 16) */
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:200;background:#fff;padding:8px 12px;border-radius:8px}
body{margin:0;background:var(--page)}.screen{max-width:none}
.bar-n .logo svg{height:34px;width:auto;display:block}
.menu details.dd{position:relative}.menu details.dd>summary{list-style:none;cursor:pointer;padding:6px 8px;font-weight:500}.menu details.dd>summary::-webkit-details-marker{display:none}
.menu details.dd>div{position:absolute;top:100%;left:0;z-index:20;min-width:220px;background:var(--page);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:8px;display:grid}
.menu details.dd>div a{padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--ink)}.menu details.dd>div a:hover{background:var(--tint)}
.brand-tile .ph-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.brand-tile .issued{margin:8px 0 16px;font-size:.95rem}
.parent .ph-img.sq{width:72px;height:72px;object-fit:cover;border-radius:10px}
@media (max-width:900px){.bar-n .menu{display:none}}
.bar-n .in{flex-wrap:nowrap;gap:22px}.bar-n .menu{flex:1;gap:16px;flex-wrap:nowrap;overflow:visible}.menu details.dd>summary{padding:6px 2px;white-space:nowrap}
/* the phone menu: one button, every group and its sections */
.mnav{display:none}.mnav>summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:600}.mnav>summary::-webkit-details-marker{display:none}
.mnav>div{position:absolute;left:0;right:0;top:61px;z-index:30;background:var(--page);border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.12);padding:12px 16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;max-height:75vh;overflow:auto}
.mnav>div b{grid-column:1/-1;margin-top:10px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mnav>div a{padding:6px 0;color:var(--ink)}
@media (max-width:900px){.mnav{display:block}.bar-n .in{position:relative;gap:10px}.bar-n .icon-btn{margin-left:auto}}

/* sub-plan 18: news lists and story pages */
.nw-date,.nw-meta{color:var(--muted);font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px}
.nw-cols{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
.nw-side{display:grid;gap:10px;position:sticky;top:84px}.nw-side ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:2px}.nw-side li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}.nw-side li.here a{font-weight:700}.nw-side a{text-decoration:none}.nw-side small{color:var(--muted)}
.nw-list{list-style:none;margin:0;padding:0;display:grid;gap:22px;max-width:760px}.nw-list h3{margin:0 0 4px;font-size:1.15rem}.nw-list h3 a{text-decoration:none;color:var(--ink)}.nw-list h3 a:hover{text-decoration:underline}.nw-list p{margin:0}
.nw-month{font-weight:800;font-size:1.05rem;padding-bottom:6px;border-bottom:3px solid var(--accent)}
.nw-hubs{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px!important;font-size:.88rem}
.nw-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;max-width:760px;color:var(--muted)}
.nw-story blockquote{margin:1.2em 0;padding:12px 16px;border-left:4px solid var(--accent);background:var(--tint,#f3f6fa);border-radius:0 var(--radius) var(--radius) 0}
.news-list small{white-space:nowrap}
@media (max-width:900px){.nw-cols{grid-template-columns:1fr;gap:24px}.nw-side{position:static}.nlead{grid-template-columns:1fr}}

/* owner, 6 October: no marker after each menu, and News in the bar before Search */
.bar-n .dd summary::after{content:none}.bar-n .menu .top-link{padding:6px 2px;font-weight:500;white-space:nowrap;text-decoration:none;color:inherit}
@media (max-width:1320px){.bar-n .in{gap:14px}.bar-n .menu{gap:11px;font-size:.84rem}.bar-n .logo svg{height:30px}}
@media (max-width:1210px){.bar-n .menu{display:none}.mnav{display:block}.bar-n .in{position:relative;gap:10px}.bar-n .icon-btn{margin-left:auto}}