/* Ported from _extra/dist/assets/site.css. Regenerate with: node tools/extract-assets.mjs */
/* Help-centre components. Chrome lives in chrome.css. */
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
.icon-sprite { position:absolute }
.button-light { background:var(--white);color:var(--navy-950) }
.content-hero, .hub-hero, .listing-hero { position:relative;overflow:hidden;background:var(--navy-950);color:var(--white) }
.content-hero::before, .hub-hero::before, .listing-hero::before { position:absolute;top:-320px;right:-180px;width:720px;height:720px;border:1px solid rgba(54,130,246,.24);border-radius:50%;box-shadow:0 0 0 100px rgba(54,130,246,.035),0 0 0 220px rgba(54,130,246,.025);content:"" }
.content-hero::after, .hub-hero::after { position:absolute;bottom:-140px;left:42%;width:360px;height:260px;background:radial-gradient(circle,rgba(244,180,74,.12),transparent 70%);content:"" }
.content-hero .container { position:relative;z-index:1;padding-top:142px;padding-bottom:80px }
.breadcrumbs { margin-bottom:48px }
.breadcrumbs ol { display:flex;align-items:center;gap:9px;margin:0;padding:0;list-style:none;color:rgba(255,255,255,.58);font-size:.76rem }
.breadcrumbs li { display:flex;align-items:center;gap:9px }
.breadcrumbs li+li::before { color:rgba(255,255,255,.25);content:"/" }
.breadcrumbs a { text-decoration:none }
.breadcrumbs a:hover { color:var(--white) }
.breadcrumbs span { display:block;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.content-hero-grid { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.62fr);align-items:end;gap:76px }
.content-hero .eyebrow, .hub-hero .eyebrow, .listing-hero .eyebrow, .article-cta .eyebrow, .glossary-promo .eyebrow { color:var(--gold-400) }
.content-hero h1 { max-width:850px;font-family:var(--display);font-size:clamp(3.15rem,6.2vw,5.8rem);font-weight:400;letter-spacing:-.05em;line-height:.95 }
.standfirst { max-width:760px;margin-top:27px;color:rgba(255,255,255,.72);font-family:var(--display);font-size:clamp(1.18rem,2vw,1.44rem);line-height:1.52 }
.byline { display:flex;align-items:center;gap:12px;margin-top:28px;color:rgba(255,255,255,.7);font-size:.78rem;line-height:1.45 }
.avatar { display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:var(--gold-400);font-family:var(--mono);font-size:.68rem;font-weight:600 }
.byline strong { color:var(--white) }
.reading-meta { display:flex;align-items:center;gap:22px;margin-top:26px;color:rgba(255,255,255,.58);font-size:.74rem }
.reading-meta>span, .share-button { display:flex;align-items:center;gap:7px }
.reading-meta svg, .share-button svg { width:16px;height:16px }
.share-button { padding:0;border:0;background:transparent;color:inherit;cursor:pointer }
.share-button:hover { color:var(--white) }
.hero-summary { position:relative;padding:29px 30px 31px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:rgba(255,255,255,.07);box-shadow:0 24px 70px rgba(0,0,0,.18);backdrop-filter:blur(16px) }
.summary-label { display:block;margin-bottom:14px;color:var(--gold-400);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase }
.hero-summary p { color:rgba(255,255,255,.87);font-family:var(--display);font-size:1.25rem;line-height:1.52 }
.summary-mark { position:absolute;right:24px;bottom:-20px;display:grid;width:44px;height:44px;place-items:center;border:4px solid var(--navy-950);border-radius:50%;background:var(--blue-700);color:var(--white) }
.summary-mark svg { width:22px;height:22px }
.reading-progress { position:fixed;top:0;right:0;left:0;z-index:100;height:3px;pointer-events:none }
.reading-progress span { display:block;width:0;height:100%;background:var(--gold-500);box-shadow:0 0 10px rgba(244,180,74,.45) }
.article-layout { display:grid;grid-template-columns:242px minmax(0,760px);justify-content:center;gap:72px;padding-top:76px;padding-bottom:112px }
.article-rail { position:relative }
.page-toc { position:sticky;top:30px }
.page-toc>p { margin-bottom:15px;color:var(--ink);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase }
.page-toc ol { display:grid;gap:0;margin:0;padding:0;border-left:1px solid var(--line);list-style:none }
.page-toc a { display:grid;grid-template-columns:27px 1fr;gap:8px;padding:8px 0 8px 15px;border-left:2px solid transparent;color:var(--muted);font-size:.76rem;line-height:1.4;text-decoration:none;transform:translateX(-1px);transition:border-color var(--duration-fast),color var(--duration-fast) }
.page-toc a span { color:var(--ink-200);font-family:var(--mono);font-size:.62rem }
.page-toc a:hover, .page-toc a.active { border-left-color:var(--blue-700);color:var(--blue-700) }
.rail-product { position:sticky;top:400px;display:grid;margin-top:32px;padding:21px;border:1px solid var(--blue-100);border-radius:var(--radius-lg);background:var(--blue-50);text-decoration:none }
.rail-product span { color:var(--blue-700);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase }
.rail-product strong { margin-top:3px;color:var(--ink);font-family:var(--display);font-size:1.16rem;font-weight:500 }
.rail-product small { margin-top:4px;color:var(--muted);font-size:.66rem }
.rail-product>svg { position:absolute;right:17px;bottom:18px;width:18px;height:18px;color:var(--blue-700);transition:transform var(--duration-base) }
.rail-product:hover>svg { transform:translateX(4px) }
.article-body { min-width:0;color:#334155;font-family:var(--sans);font-size:1.055rem;line-height:1.82 }
.article-body>p, .article-body>ul, .article-body>ol, .article-body>.table-scroll, .article-body>.editorial-note { margin:0 0 25px }
.article-body h2 { margin:66px 0 24px;color:var(--ink);font-family:var(--display);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.04em;line-height:1.05;scroll-margin-top:28px }
.article-body h3 { margin:42px 0 17px;color:var(--ink);font-family:var(--display);font-size:1.55rem;font-weight:500;letter-spacing:-.025em;line-height:1.2;scroll-margin-top:28px }
.article-body h4 { margin:31px 0 13px;color:var(--ink);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase }
.heading-anchor { margin-left:9px;color:var(--ink-200);font-family:var(--sans);font-size:.7em;text-decoration:none;opacity:0;transition:opacity var(--duration-fast) }
.article-body h2:hover .heading-anchor, .article-body h3:hover .heading-anchor, .heading-anchor:focus { opacity:1 }
.article-body a { color:var(--blue-700);font-weight:600;text-decoration-thickness:1px }
.article-body a:hover { text-decoration-thickness:2px }
.article-body strong { color:var(--ink);font-weight:700 }
.article-body em { font-family:var(--display);font-size:1.08em }
.article-body ul, .article-body ol { padding-left:25px }
.article-body li { padding-left:5px;margin-bottom:11px }
.article-body li::marker { color:var(--blue-700);font-weight:700 }
.article-body hr { height:1px;margin:54px 0;border:0;background:var(--line) }
.article-body code { padding:2px 6px;border-radius:5px;background:var(--neutral-soft);color:var(--navy-900);font-family:var(--mono);font-size:.84em }
.article-body pre { overflow:auto;padding:22px;border-radius:var(--radius-md);background:var(--navy-950);color:var(--white) }
.article-body pre code { padding:0;background:none;color:inherit }
.article-body>.key-takeaway, .article-body>p:first-child:has(strong:first-child) { position:relative;margin:0 0 38px;padding:25px 28px 25px 31px;border:1px solid var(--blue-100);border-left:4px solid var(--blue-700);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--blue-50);color:var(--navy-900);font-family:var(--display);font-size:1.22rem;line-height:1.55 }
.key-takeaway>span { display:block;margin-bottom:5px;color:var(--blue-700);font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase }
.editorial-note { padding:23px 25px;border:1px solid var(--gold-500);border-radius:var(--radius-md);background:var(--gold-100);color:var(--gold-700) }
.editorial-note p:last-child { margin-bottom:0 }
.table-scroll { max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm) }
.article-body table { width:100%;min-width:560px;border-collapse:collapse;font-size:.86rem;line-height:1.5 }
.article-body th, .article-body td { padding:15px 17px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top }
.article-body th { background:var(--navy-950);color:var(--white);font-size:.7rem;letter-spacing:.04em }
.article-body tbody tr:last-child td { border-bottom:0 }
.article-body tbody tr:nth-child(even) { background:var(--blue-50) }
.article-body>.byline { display:none }
.article-cta { padding:80px 0;background:var(--navy-950);color:var(--white) }
.article-cta-inner { display:grid;grid-template-columns:1fr auto;align-items:center;gap:80px;padding:48px 54px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-hero);background:linear-gradient(120deg,rgba(54,130,246,.12),rgba(255,255,255,.04));box-shadow:0 24px 80px rgba(0,0,0,.18) }
.article-cta h2 { max-width:750px;font-family:var(--display);font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:400;letter-spacing:-.045em;line-height:1 }
.article-cta h2+p { max-width:670px;margin-top:17px;color:rgba(255,255,255,.68) }
.article-cta ul { display:flex;flex-wrap:wrap;gap:13px 22px;margin:23px 0 0;padding:0;list-style:none;color:rgba(255,255,255,.78);font-size:.76rem }
.article-cta li { display:flex;align-items:center;gap:7px }
.article-cta li svg { width:15px;height:15px;color:var(--gold-400) }
.cta-action { display:grid;min-width:200px;justify-items:center }
.cta-action>span { font-family:var(--display);font-size:3.2rem;line-height:1 }
.cta-action>small { margin:3px 0 17px;color:rgba(255,255,255,.55);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em }
.related-section, .featured-section, .listing-section { padding:96px 0 }
.section-heading-row { display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px }
.section-heading-row h2 { color:var(--ink);font-family:var(--display);font-size:clamp(2.3rem,4vw,3.5rem);font-weight:400;letter-spacing:-.045em;line-height:1 }
.section-heading-row>p { max-width:520px;color:var(--muted) }
.section-heading-row>a { display:inline-flex;align-items:center;gap:8px;color:var(--blue-700);font-size:.82rem;font-weight:700;text-decoration:none }
.section-heading-row>a svg { width:17px;height:17px }
.section-heading-row button { border:0;background:transparent;color:var(--blue-700);font-weight:700;cursor:pointer }
.card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px }
.content-card { position:relative;min-width:0 }
.content-card>a { position:relative;display:flex;height:100%;min-height:305px;padding:28px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform var(--duration-base) var(--ease),box-shadow var(--duration-base),border-color var(--duration-base) }
.content-card>a::before { position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--blue-700),var(--blue-500));content:"";transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease) }
.content-card>a:hover { border-color:var(--blue-100);box-shadow:var(--shadow-lg);transform:translateY(-5px) }
.content-card>a:hover::before { transform:scaleX(1) }
.card-kind { margin-bottom:17px;color:var(--blue-700);font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase }
.content-card h3 { color:var(--ink);font-family:var(--display);font-size:1.55rem;font-weight:500;letter-spacing:-.025em;line-height:1.12 }
.content-card h3+p { display:-webkit-box;margin-top:13px;overflow:hidden;color:var(--muted);font-size:.83rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3 }
.card-meta { display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:25px;color:var(--muted);font-size:.65rem }
.card-meta svg { width:14px;height:14px }
.card-arrow { position:absolute;right:24px;bottom:24px;display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:var(--blue-50);color:var(--blue-700) }
.card-arrow svg { width:17px;height:17px }
.content-card:hover .card-arrow svg { transform:translateX(2px) }
.hub-hero .container { position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:80px;padding-top:178px;padding-bottom:88px }
.hub-hero .container>* { min-width:0 }
.hub-hero h1 { max-width:760px;font-family:var(--display);font-size:clamp(3.6rem,7vw,6.5rem);font-weight:400;letter-spacing:-.055em;line-height:.91 }
.hub-hero h1+p { max-width:640px;margin-top:27px;color:rgba(255,255,255,.7);font-family:var(--display);font-size:1.25rem }
.search-panel { width:100%;min-width:0;padding:28px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-xl);background:rgba(255,255,255,.07);backdrop-filter:blur(14px) }
.search-panel label { display:block;margin-bottom:11px;color:var(--white);font-size:.75rem;font-weight:700 }
.search-control { display:flex;min-width:0;align-items:center;gap:10px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:var(--white);color:var(--ink) }
.search-control:focus-within { outline:3px solid var(--gold-500);outline-offset:3px }
.search-control svg { width:20px;height:20px;flex:0 0 auto;color:var(--blue-700) }
.search-control input { width:100%;min-width:0;height:56px;padding:0;border:0;outline:0;background:transparent;color:var(--ink) }
.search-control input::placeholder { color:var(--ink-500) }
.search-panel>p { display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:13px;color:rgba(255,255,255,.55);font-size:.65rem }
.search-panel>p span::before { margin-right:6px;color:var(--gold-400);content:"•" }
.search-results { padding-top:80px }
.search-results[hidden] { display:none }
.search-count { margin:-20px 0 24px;color:var(--muted);font-size:.83rem }
.search-card-grid .content-card[hidden] { display:none }
.empty-results { padding:60px;border:1px dashed var(--ink-200);border-radius:var(--radius-lg);text-align:center }
.empty-results h3 { color:var(--ink);font-family:var(--display);font-size:2rem }
.empty-results p { margin-top:8px;color:var(--muted) }
.featured-section { background:var(--blue-50) }
.featured-grid .content-card:first-child { grid-column:span 1 }
.topics-section, .guides-section { padding:104px 0 }
.topics-section { background:var(--white) }
.topic-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px }
.topic-card { position:relative;display:grid;grid-template-columns:50px 1fr 24px;align-items:start;gap:18px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);text-decoration:none;transition:background var(--duration-base),border-color var(--duration-base),transform var(--duration-base) var(--ease) }
.topic-card:hover { border-color:var(--blue-100);background:var(--blue-50);transform:translateY(-2px) }
.topic-number { display:grid;width:45px;height:45px;place-items:center;border-radius:12px;background:var(--navy-950);color:var(--gold-400);font-family:var(--mono);font-size:.74rem }
.topic-card h3 { color:var(--ink);font-family:var(--display);font-size:1.35rem;font-weight:500 }
.topic-card p { margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.5 }
.topic-card div>span { display:block;margin-top:10px;color:var(--blue-700);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em }
.topic-card>svg { width:20px;height:20px;margin-top:12px;color:var(--blue-700) }
.guides-section { background:var(--paper) }
.guide-group-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px }
.guide-group { display:flex;min-height:270px;padding:25px;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--white);text-decoration:none;transition:transform var(--duration-base) var(--ease),box-shadow var(--duration-base) }
.guide-group:hover { box-shadow:var(--shadow-lg);transform:translateY(-4px) }
.guide-icon { display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:var(--blue-100);color:var(--blue-700) }
.guide-icon svg { width:22px;height:22px }
.guide-group h3 { margin-top:18px;color:var(--ink);font-family:var(--display);font-size:1.35rem;font-weight:500;line-height:1.15 }
.guide-group p { margin-top:9px;color:var(--muted);font-size:.77rem;line-height:1.55 }
.guide-group>span:last-child { display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;color:var(--blue-700);font-size:.68rem;font-weight:700 }
.guide-group>span:last-child svg { width:15px;height:15px }
.glossary-promo { padding:90px 0;background:var(--blue-700);color:var(--white) }
.glossary-promo .container { display:flex;align-items:end;justify-content:space-between;gap:60px }
.glossary-promo h2 { max-width:700px;font-family:var(--display);font-size:clamp(2.8rem,5vw,4.6rem);font-weight:400;letter-spacing:-.05em;line-height:.94 }
.glossary-promo h2+p { max-width:570px;margin-top:20px;color:rgba(255,255,255,.72) }
.listing-hero .container { position:relative;z-index:1;padding-top:142px;padding-bottom:78px }
.listing-hero .breadcrumbs { margin-bottom:45px }
.listing-hero h1 { max-width:820px;font-family:var(--display);font-size:clamp(3.5rem,7vw,6rem);font-weight:400;letter-spacing:-.05em;line-height:.94 }
.listing-hero h1+p { max-width:690px;margin-top:24px;color:rgba(255,255,255,.7);font-family:var(--display);font-size:1.2rem }
.listing-count { position:absolute;right:0;bottom:78px;display:flex;align-items:center;gap:13px;padding:15px 20px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:rgba(255,255,255,.06) }
.listing-count strong { color:var(--gold-400);font-family:var(--display);font-size:2rem;font-weight:400 }
.listing-count span { max-width:90px;color:rgba(255,255,255,.6);font-size:.65rem;line-height:1.25;text-transform:uppercase;letter-spacing:.06em }
.listing-section .card-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
.back-link { display:inline-flex;align-items:center;gap:8px;margin-top:42px;color:var(--blue-700);font-weight:700;text-decoration:none }
.back-link svg { width:18px;height:18px;transform:rotate(180deg) }
@media(max-width:1080px) {
  .content-hero-grid { gap:45px }
  .article-layout { grid-template-columns:220px minmax(0,700px);gap:44px }
  .guide-group-grid { grid-template-columns:repeat(3,1fr) }
}
@media(max-width:920px) {
  .content-hero-grid { grid-template-columns:1fr;gap:42px }
  .hero-summary { max-width:680px }
  .article-layout { grid-template-columns:minmax(0,760px) }
  .article-rail { display:none }
  .article-cta-inner { gap:40px;padding:42px }
  .card-grid, .listing-section .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .hub-hero .container { grid-template-columns:minmax(0,1fr);gap:45px }
  .search-panel { max-width:680px }
  .guide-group-grid { grid-template-columns:repeat(2,1fr) }
  .listing-count { position:static;width:max-content;margin-top:30px }
}
@media(max-width:700px) {
  .content-hero .container, .listing-hero .container { padding-top:135px;padding-bottom:58px }
  .breadcrumbs { margin-bottom:34px }
  .breadcrumbs span { max-width:18ch }
  .content-hero h1 { font-size:clamp(2.75rem,13vw,4.25rem) }
  .standfirst { font-size:1.08rem }
  .hero-summary { padding:24px }
  .article-layout { padding-top:50px;padding-bottom:75px }
  .article-body { font-size:1rem;line-height:1.75 }
  .article-body h2 { margin-top:52px;font-size:2.15rem }
  .article-body h3 { font-size:1.4rem }
  .article-body>.key-takeaway, .article-body>p:first-child:has(strong:first-child) { padding:21px 21px 21px 24px;font-size:1.1rem }
  .article-cta { padding:55px 0 }
  .article-cta-inner { grid-template-columns:1fr;padding:31px 25px;border-radius:var(--radius-xl) }
  .cta-action { justify-items:start }
  .article-cta ul { display:grid }
  .related-section, .featured-section, .listing-section { padding:72px 0 }
  .section-heading-row { display:grid;gap:16px;margin-bottom:30px }
  .section-heading-row h2 { font-size:2.65rem }
  .card-grid, .listing-section .card-grid { grid-template-columns:1fr }
  .content-card>a { min-height:280px }
  .hub-hero .container { padding-top:158px;padding-bottom:67px }
  .hub-hero h1 { font-size:clamp(2.75rem,12.5vw,4.2rem) }
  .hub-hero h1+p { font-size:1.08rem }
  .search-panel { padding:21px }
  .search-panel>p { display:none }
  .topics-section, .guides-section { padding:78px 0 }
  .topic-grid { grid-template-columns:1fr }
  .topic-card { grid-template-columns:43px 1fr 20px;padding:19px;gap:14px }
  .topic-number { width:40px;height:40px }
  .guide-group-grid { grid-template-columns:1fr }
  .guide-group { min-height:240px }
  .glossary-promo { padding:70px 0 }
  .glossary-promo .container { display:grid;gap:30px }
  .listing-hero h1 { font-size:clamp(3rem,14vw,4.5rem) }
}
@media(max-width:430px) {
  .content-hero .eyebrow { max-width:280px }
  .byline { align-items:flex-start }
  .reading-meta { justify-content:space-between }
  .table-scroll { border-radius:var(--radius-md) }
}
@media print {
  .article-rail, .article-cta, .related-section, .reading-progress, .share-button { display:none!important }
  .content-hero { background:none;color:#000 }
  .content-hero::before, .content-hero::after { display:none }
  .content-hero .container { padding:0 }
  .content-hero h1, .content-hero .eyebrow, .standfirst, .byline, .reading-meta { color:#000 }
  .hero-summary { border:1px solid #aaa;background:none;box-shadow:none }
  .hero-summary p, .summary-label { color:#000 }
  .article-layout { display:block;width:100%;padding:30px 0 }
  .article-body { max-width:none }
  .heading-anchor { display:none }
}