/* Shared help centre reading and search experience, 18 October 2026. */
:root{--muted:#53657b;--subtle:#64748b;--bg:#f5f7fb}
html[data-theme="dark"]{--muted:#b2c0d1;--subtle:#9aafc7;--bg:#0b1320}
.site-header{background:var(--surface);backdrop-filter:none}
.header-search{min-width:0}.header-search input{font-size:14px}
.article{border-radius:18px;padding:clamp(24px,3.2vw,44px);box-shadow:0 3px 16px rgba(16,34,56,.035)}
.article h1{max-width:none;font-size:clamp(30px,3.2vw,44px);line-height:1.16;letter-spacing:-.035em;text-wrap:pretty}
.article>.eyebrow{font-size:11px;letter-spacing:.075em;line-height:1.6}
.article-lead{font-size:17px;line-height:1.75}.article h2{line-height:1.35;margin-top:36px}
.article h2,.article h3{scroll-margin-top:calc(var(--header) + 24px)}
.article p,.article li{line-height:1.8}.article img,.article video{max-width:100%;height:auto}
.article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.article th,.article td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.side-nav,.toc{top:calc(var(--header) + 24px);max-height:calc(100vh - var(--header) - 48px);scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}
.side-title{color:var(--muted);font-size:10px;padding:0 9px 7px;border-bottom:1px solid var(--line)}
.side-links a,.toc a{font-size:12px;padding:9px 10px;line-height:1.5}
.side-links a[aria-current="page"],.toc a.active{background:var(--brand-soft);color:var(--brand);font-weight:650;box-shadow:inset 3px 0 var(--brand-2)}
.section-toggle{display:none}.article-tools button,.article-tools a{min-height:36px}
.category-card,.guide-card,.popular-card{transition:border-color .15s,box-shadow .15s}.category-card:hover{transform:none}
.guide-card h3,.category-card h3{line-height:1.4}.guide-card p,.category-card p{font-size:13px;line-height:1.65}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}
.header-search .live-search-results{left:auto;width:min(580px,calc(100vw - 32px));right:0}
.live-search-results{padding:6px;border-radius:14px;max-height:min(64vh,580px);overscroll-behavior:contain;scrollbar-width:thin}
.search-result{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;align-items:start;border-radius:9px}
.search-result+.search-result{border-top:1px solid var(--line)}
.search-result>div{min-width:0}.search-result strong{font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.search-result p{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-result .search-result-category{display:block;margin-top:4px;color:var(--brand-2);font-size:11px;letter-spacing:0;text-transform:none;white-space:normal}
.search-result .search-result-icon{color:var(--brand-2);width:30px;height:30px}
.search-result.active{outline:2px solid var(--brand-2);outline-offset:-2px}
.search-status{padding:18px;line-height:1.6;font-size:14px}
.quick-guide{margin:20px 0 24px;padding:15px 17px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}
.quick-guide>strong{display:block;margin-bottom:8px;font-size:12px;color:var(--muted)}
.quick-guide>div{display:flex;flex-wrap:wrap;gap:6px 14px}.quick-guide a{font-size:12px;font-weight:600;line-height:1.5;padding:5px 0;min-height:28px}
.quick-guide a:after{content:' ↓';font-weight:400}.article [data-hc-anchor]{scroll-margin-top:calc(var(--header) + 24px)}
@media screen and (max-width:820px){
  :root{--header:112px}html{scroll-padding-top:136px}
  .site-header{height:var(--header)}.header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 48px;gap:0 12px;align-content:start}
  .brand{grid-column:1;grid-row:1;min-width:0;width:max-content}.brand:after{display:none}.header-actions{grid-column:2;grid-row:1}
  .header-search{display:block;grid-column:1/-1;grid-row:2;align-self:start}.header-search input{height:42px;font-size:16px;padding-right:14px}.header-search kbd{display:none}
  .header-search .live-search-results{left:0;right:0;width:auto;max-height:calc(100dvh - 128px)}
  .icon-button,.menu-button{height:40px;min-width:40px}.brand small{display:none}
  .breadcrumb{padding:16px 0;line-height:1.6;font-size:11px}
  .side-nav{top:auto;max-height:none;padding:0;border-radius:12px}
  .side-nav.section-enhanced .side-title{display:none}
  .section-enhanced .section-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:650;cursor:pointer}
  .section-toggle:after{content:'+';font-size:20px;line-height:1;color:var(--brand-2)}.is-open .section-toggle:after{content:'−'}
  .section-enhanced:not(.is-open) .side-links{display:none}
  .section-enhanced.is-open .side-links{display:block;max-height:260px;overflow:auto;padding:0 8px 8px}
  .section-enhanced .side-links a{min-width:0;border:0;font-size:13px}
  .article{padding:26px 22px;border-radius:14px}.article h1{font-size:clamp(29px,5.4vw,38px);line-height:1.19}.article-lead{font-size:16px}
  .article{display:flex;flex-direction:column}.article>.eyebrow{order:-4}.article>h1{order:-3}.article>.quick-guide{order:-2;margin:8px 0 18px}
  .search-result{padding:11px 8px}.search-result strong{font-size:13px}.search-result p{font-size:12px}
  .home-hero{padding:36px 0}.home-hero h1{font-size:clamp(36px,8vw,52px);line-height:1.12}
}
@media screen and (max-width:380px){.article{padding:24px 17px}.article h1{font-size:28px}.header-actions{gap:5px}.brand{gap:7px}}
@media print{.section-toggle{display:none!important}.article h1{font-size:28pt}.article{box-shadow:none}}

/* Accessible logo contrast and a single sticky-header anchor offset. */
@media screen{
  html{scroll-padding-top:0}
  main[id],main section[id]{scroll-margin-top:calc(var(--header) + 24px)}
  html[data-theme="dark"] .brand img,html[data-theme="dark"] .footer-brand img{filter:brightness(0) invert(1)}
}