/* Britizenship site chrome: header, side menu, footer and home card/button system.
   Markup is generated by scripts/sync-chrome.js (edit NAV there, never page by page).
   Loaded by every page after its own CSS. Uses the same theme tokens as shared.css. */

/* ---------- header ---------- */
.sc-header{position:sticky;top:0;z-index:100;background:var(--bg2);border-bottom:1px solid var(--border);}
.sc-bar{display:flex;align-items:center;gap:10px;height:58px;padding:0 20px;max-width:1480px;margin:0 auto;}
.sc-brand{display:flex;align-items:center;gap:10px;flex:none;color:var(--text);}
.sc-flag{width:32px;height:32px;flex:none;display:block;}
.sc-logo{display:block;width:32px;height:32px;object-fit:contain;}
.sc-name{font-size:.95rem;font-weight:700;letter-spacing:-.2px;}
.sc-burger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;background:none;border:1px solid var(--border2);border-radius:9px;color:var(--text);cursor:pointer;}
.sc-burger:hover{background:var(--bg3);}
.sc-header nav.sc-nav{position:static;display:none;height:auto;padding:0;background:none;border:0;flex:1;min-width:0;align-items:center;justify-content:flex-start;gap:2px;margin-left:10px;}
.sc-link,.sc-dd>summary{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:var(--text2);padding:8px 10px;border-radius:8px;white-space:nowrap;cursor:pointer;transition:background .12s,color .12s;}
.sc-link:hover,.sc-dd>summary:hover,.sc-dd[open]>summary{background:var(--bg3);color:var(--text);}
.sc-link.is-active,.sc-dd.is-active>summary{color:var(--text);background:var(--bg3);font-weight:600;}
.sc-sep{width:1px;height:22px;background:var(--border2);margin:0 8px;flex:none;}
.sc-dd{position:relative;}
.sc-dd>summary{list-style:none;}
.sc-dd>summary::-webkit-details-marker{display:none;}
.sc-dd>summary::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;}
.sc-dd[open]>summary::after{transform:rotate(-135deg) translateY(-1px);}
.sc-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:290px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.14);padding:8px;z-index:110;}
.sc-menu a{display:block;padding:9px 12px;border-radius:8px;}
.sc-menu a:hover,.sc-menu a[aria-current]{background:var(--bg2);}
.sc-menu b{display:block;font-size:.84rem;font-weight:600;color:var(--text);}
.sc-menu small{display:block;font-size:.74rem;color:var(--text3);margin-top:1px;}
.sc-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none;}
.sc-install{display:none;font-size:.8rem;font-weight:600;color:var(--accent);padding:7px 10px;border-radius:8px;border:1px solid var(--border2);white-space:nowrap;}
.sc-install:hover{background:var(--bg3);}
.sc-header .theme-btn,.sc-header .btn-cta{flex:none;}
.sc-header .btn-cta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
@media(min-width:1200px){
  .sc-header nav.sc-nav{display:flex;}
  .sc-burger{display:none;}
  .sc-backdrop,.sc-drawer{display:none!important;}
}
@media(min-width:1380px){.sc-install{display:inline-flex;}}
@media(max-width:420px){.sc-bar{padding:0 12px;gap:8px;}.sc-name{font-size:.88rem;}.sc-header .btn-cta{padding:7px 10px;}.sc-header .btn-cta svg{display:none;}}

/* ---------- side menu (below 1200px), opens from the left ---------- */
.sc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;}
.sc-backdrop[hidden]{display:none;}
.sc-drawer{position:fixed;top:0;bottom:0;left:0;width:min(88vw,340px);background:var(--bg);border-right:1px solid var(--border);z-index:1001;display:flex;flex-direction:column;transform:translateX(-102%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:0 0 40px rgba(0,0,0,.25);}
.sc-drawer.open{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s;}
.sc-d-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);}
.sc-d-close{width:38px;height:38px;border:1px solid var(--border2);border-radius:9px;background:var(--bg2);color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer;}
.sc-d-premium{display:block;margin:12px 16px 4px;padding:13px 16px;border-radius:10px;background:var(--text);color:var(--bg);font-weight:700;font-size:.92rem;text-align:center;}
.sc-d-body{overflow-y:auto;padding:6px 10px 24px;flex:1;overscroll-behavior:contain;}
.sc-d-group{padding:10px 0 4px;}
.sc-d-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:6px 10px;}
.sc-d-link{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:9px;font-size:.92rem;font-weight:500;color:var(--text);}
.sc-d-link:hover{background:var(--bg2);}
.sc-d-link.is-active{background:var(--bg3);font-weight:700;}
.sc-d-install{display:block;margin:14px 6px 0;padding:12px 14px;border:1px dashed var(--border2);border-radius:10px;font-size:.86rem;font-weight:600;color:var(--accent);text-align:center;}
html.sc-lock,html.sc-lock body{overflow:hidden;}
@media(prefers-reduced-motion:reduce){.sc-drawer,.sc-drawer.open{transition:none;}}
.sc-header a:focus-visible,.sc-header button:focus-visible,.sc-header summary:focus-visible,.sc-drawer a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

/* ---------- footer: 4 groups + company, same names as the header and the home ---------- */
.footer-cols{gap:28px 44px;}
.footer-col{min-width:120px;}
@media(max-width:640px){.footer-cols{gap:22px;}}

/* ---------- home: one card system for every group (same groups as the header and the footer) ---------- */
.section-sub{margin:-4px 0 14px;font-size:.86rem;color:var(--text2);}
#essential-tools,#play,#test-day,#your-application,#install-guide,#premium{scroll-margin-top:76px;}
.hc-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:900px;margin:0 auto;}
.hc-grid.hc-2{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:640px){.hc-grid.hc-2{grid-template-columns:1fr;}}
.hc{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--bg);border:1px solid var(--border);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;}
.hc:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08);}
.hc:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.hc-head{display:flex;align-items:center;gap:10px;}
.hc-ic{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg3);color:var(--text);flex:none;}
.hc-title{font-weight:700;font-size:1rem;letter-spacing:-.2px;}
.hc-desc{font-size:.84rem;line-height:1.55;color:var(--text2);flex:1;}
.hc-tags{display:flex;gap:6px;flex-wrap:wrap;}
.hc-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:4px;padding:0 16px;border-radius:10px;font-weight:700;font-size:.9rem;background:var(--text);color:var(--bg);transition:opacity .15s,gap .15s;}
.hc-cta.alt{background:transparent;color:var(--text);border:1.5px solid var(--border2);}
.hc:hover .hc-cta{gap:12px;}
.hc:hover .hc-cta:not(.alt){opacity:.92;}
.hc:hover .hc-cta.alt{border-color:var(--accent);color:var(--accent);}
@media(prefers-reduced-motion:reduce){.hc,.hc-cta{transition:none;}.hc:hover{transform:none;}}
.hc-grid>.hc:last-child:nth-child(odd){grid-column:1/-1;}
@media(max-width:640px){.hc-grid>.hc:last-child:nth-child(odd){grid-column:auto;}}

/* ---------- home: price block stays on its own, install guide is its own section ---------- */
#install-app .pwa-install{margin:0 auto;max-width:760px;}
/* platform tabs: three equal buttons in one row (icon above the label) */
.pwa-platform-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:460px;margin:0 auto 16px!important;}
.pwa-tab{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:10px 6px!important;text-align:center;line-height:1.2;flex:none!important;width:100%;}
.pwa-tab[aria-pressed="true"]{padding:9px 5px!important;}
.pwa-tab span{display:block;font-size:.78rem;}
.pwa-ico{width:24px;height:24px;flex:none;}

/* ---------- never print the site chrome (certificate printing relies on this) ---------- */
@media print{.sc-header,.sc-drawer,.sc-backdrop{display:none!important;}}

/* ---------- wide desktop layouts (>= 1024px). Below that, every page keeps its single-column mobile layout ---------- */
.why-list{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.about-cols{max-width:720px;margin:0 auto;font-size:.9rem;line-height:1.75;color:var(--text2,#555);}
.split-row{display:block;}
@media(min-width:1024px){
  /* shared: wide page container */
  .page-wrap.page-wide{max-width:1180px;padding-left:32px;padding-right:32px;}

  /* home */
  #essential-tools,#play,#test-day,#your-application,.split-row{max-width:1180px;}
  #essential-tools .hc-grid,#play .hc-grid,#test-day .hc-grid,#your-application .hc-grid{max-width:none;}
  #essential-tools .hc-grid.hc-2{grid-template-columns:repeat(4,minmax(0,1fr));}
  #test-day .hc-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  #your-application .hc-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  #play .hc-grid.hc-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  #your-application .hc-grid>.hc:last-child:nth-child(odd){grid-column:auto;}
  .split-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:0 auto;padding:0 24px;align-items:start;}
  .split-row>.section{max-width:none;padding:56px 0 0;margin:0;}
  .split-row .pricing-wrap{margin:0;max-width:none;}
  #install-app .pwa-install{max-width:none;}
  #why{max-width:1180px;}
  .why-list{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:18px 44px;}
  #about-the-test{max-width:1080px;}
  .about-cols{max-width:none;column-count:2;column-gap:56px;}
  .about-cols h2,.about-cols h3{break-after:avoid;}
  .about-cols p{break-inside:avoid;}
  .about-cols>h2:first-child{column-span:all;}

  /* mock tests */
  .test-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
  .test-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;}
  .tc-chapter-item{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;}
  .tc-chapter-label{width:auto;flex:1;min-width:0;}
  #cc:has(.q-card){max-width:820px;margin-left:auto;margin-right:auto;}
  .tc-how-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .mocktest-info .mt-cols{column-count:2;column-gap:56px;}
  .mocktest-info .mt-cols .mt-h2{break-after:avoid;margin-top:0;}
  .mocktest-info .mt-cols .mt-p{break-inside:avoid;}
  .mocktest-info .mt-dir{grid-template-columns:repeat(4,minmax(0,1fr));}
  .mocktest-info .mt-samples,.mocktest-info .mt-faqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-items:start;}
  .mocktest-info .mt-samples .faq-item,.mocktest-info .mt-faqs .faq-item{margin:0;}

  /* eligibility calculator: inputs on the left, sticky results column on the right */
  .calc-page #calculatorApp{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px 28px;align-items:start;}
  .calc-page #calculatorApp>.card:nth-child(1){grid-column:1;grid-row:1;}
  .calc-page #calculatorApp>.card:nth-child(2){grid-column:1;grid-row:2;}
  .calc-page #calculatorApp>.card:nth-child(3){grid-column:2;grid-row:1 / span 2;position:sticky;top:76px;}
  .calc-page #calculatorApp>.ads-container{grid-column:1 / -1;}
  .calc-page .calc-info{column-count:2;column-gap:48px;max-width:none;}
  .calc-page .calc-info h2{break-after:avoid;}
  .calc-page .calc-info p,.calc-page .calc-info li,.calc-page .calc-info .faq-item{break-inside:avoid;}

  /* study notes: chapter list as a sticky left column, content on the right */
  .notes-page{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto auto auto auto auto 1fr;column-gap:44px;align-content:start;}
  .notes-page>*{grid-column:1 / -1;}
  .notes-page>.chapter-nav-label{grid-column:1;grid-row:5;margin-top:6px;}
  .notes-page>.chapter-nav{grid-column:1;grid-row:6;flex-direction:column;flex-wrap:nowrap;position:sticky;top:76px;align-self:start;margin-bottom:0;}
  .notes-page>.chapter-nav .ch-btn{justify-content:flex-start;width:100%;border-radius:10px;padding:11px 14px;text-align:left;}
  .notes-page>.content-area{grid-column:2;grid-row:5 / span 2;min-width:0;}
  .notes-page #chContent{max-width:820px;}
}
@media(min-width:1440px){
  .test-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}
}

/* home stats: 2x2 on phones so "24q · 45m" never wraps */
@media(max-width:560px){
  .stats-row{display:grid!important;grid-template-columns:1fr 1fr;}
  .stats-row .stat{border-right:0;border-bottom:1px solid var(--border);padding:14px 12px;}
  .stats-row .stat:nth-child(odd){border-right:1px solid var(--border);}
  .stats-row .stat:nth-last-child(-n+2){border-bottom:0;}
  .stats-row .stat-n{white-space:nowrap;font-size:1.3rem;}
}

/* ---------- home: full-width price band and install band (placed in the middle of the page) ---------- */
.section-band{max-width:1180px;}
.pricing-band{padding:0;overflow:hidden;border-radius:22px;display:block;box-shadow:0 14px 40px rgba(0,0,0,.08);}
.pb-offer{padding:clamp(28px,4vw,44px);background:linear-gradient(135deg,#0b2a63 0%,#1d5fb4 100%);color:#fff;text-align:center;}
.pb-offer .pricing-top{margin-bottom:14px;}
.pb-offer .pricing-top h2{color:#fff;}
.pb-offer .pricing-top p,.pb-offer .price-note,.pb-offer .price-caption{color:rgba(255,255,255,.86);}
.pb-offer .price-amount{color:#fff;}
.pb-offer .pricing-actions{margin-top:20px;}
.pb-offer .btn-dark{background:#fff!important;color:#0b2a63!important;border:0;font-weight:800;font-size:1rem;min-height:54px;min-width:230px;box-shadow:0 8px 22px rgba(0,0,0,.25);}
.pb-offer .btn-dark:hover{transform:translateY(-1px);}
.pb-included,.pb-support{padding:clamp(22px,3vw,32px);}
.pb-support{border-top:1px solid var(--border);text-align:center;}
.pb-title{font-size:1rem;font-weight:800;letter-spacing:-.2px;margin:0 0 12px;}
.pb-support p{font-size:.86rem;color:var(--text2);line-height:1.6;margin:0 0 16px;}
.pb-support .btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:50px;width:100%;max-width:340px;}
.pb-included .features-list{display:grid;grid-template-columns:1fr;gap:10px;}
.pb-included .pricing-guarantee{text-align:left;margin-top:16px;}
@media(min-width:1024px){
  .pricing-band{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr);}
  .pb-offer{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;}
  .pb-included{border-left:0;display:flex;flex-direction:column;justify-content:center;}
  .pb-support{border-top:0;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;background:var(--bg);}
  .pb-support .btn-ghost{max-width:none;}
  .pb-offer .price-amount{font-size:clamp(4.4rem,7vw,6rem);}
}
/* install band: guide on the right, intro and benefits on the left */
@media(min-width:1024px){
  #install-app .pwa-install{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto auto 1fr auto auto auto;column-gap:48px;align-items:start;text-align:left;padding:36px 40px;max-width:none;}
  #install-app .pwa-install>*{grid-column:1;}
  #install-app .pwa-install-kicker,#install-app .pwa-install-title,#install-app .pwa-install-intro{text-align:left;margin-left:0;margin-right:0;}
  #install-app .pwa-platform-tabs{margin-left:0!important;margin-right:auto!important;}
  #install-app .pwa-instructions{grid-column:2;grid-row:1 / span 5;}
  #install-app .pwa-install-action{grid-column:2;grid-row:6;text-align:left;margin:10px 0 0;}
  #install-app .pwa-install-status{text-align:left;}
  #install-app .pwa-benefits{grid-column:1 / -1;grid-row:7;margin:22px 0 0;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
  #install-app .pwa-disclaimer{grid-column:1 / -1;grid-row:8;text-align:left;margin-top:14px;}
}

/* ---------- footer brand block ---------- */
.footer-brand{max-width:230px;}
.footer-brand .footer-logo{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;letter-spacing:-.3px;color:var(--text);margin-bottom:10px;}
.footer-brand .footer-logo span{font-size:1.1rem;}
.footer-logo img{display:block;width:40px;height:40px;object-fit:contain;}
.footer-brand p{font-size:.78rem;line-height:1.55;color:var(--text3);margin:0;}

/* ---------- accessibility fixes found in the 2026-11 audit ---------- */
.sc-skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:0 0 10px 10px;font-weight:700;font-size:.85rem;transition:top .15s;}
.sc-skip:focus{top:0;}
main.main-content{display:block;}
/* inline links must not rely on colour alone */
p a:not([class]),li a:not([class]),.footer-bottom a,.faq-item a:not([class]){text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
/* contrast: tags, badges and locked test cards */
.tool-tag.tag-free,.tag-free{color:#166534;}
.tool-tag.tag-pro,.tag-pro{color:#0f5a96;}
.bc{color:#166534;}
.tc[style*="opacity"]{opacity:1!important;background:var(--bg2);}
.tc-st,.tc-lock{color:var(--text2);}
[data-theme="dark"] .tool-tag.tag-free,[data-theme="dark"] .tag-free,[data-theme="dark"] .bc{color:#4ade80;}
[data-theme="dark"] .tool-tag.tag-pro,[data-theme="dark"] .tag-pro{color:#7dbbf2;}

/* ---------- reserve space for JS-rendered content to avoid layout shift (CLS) ---------- */
#cc:empty{min-height:1500px;}
#calculatorApp:empty{min-height:900px;}
@media(max-width:700px){#cc:empty{min-height:2600px;}#calculatorApp:empty{min-height:1500px;}}
.pwa-install-kicker{color:#155a96;}
[data-theme="dark"] .pwa-install-kicker{color:#7dbbf2;}

/* ======================================================================
   Secondary pages: same visual language as the home (eyebrow, cards, buttons, wide layouts, next steps)
   ====================================================================== */
.pg-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;}
.page-wrap .page-title{letter-spacing:-.6px;}
.page-sub{max-width:760px;}

/* cards: same radius, hover and spacing as the home cards */
.page-wrap .card{border-radius:14px;transition:border-color .15s,box-shadow .15s;}
.page-wrap .card:hover{border-color:var(--border2);}
.page-wrap .card-title{font-size:.95rem;}

/* official resources: each resource is a card with a real button */
.res-item{background:var(--bg2);border:1px solid var(--border)!important;border-radius:14px;padding:18px 20px!important;margin-bottom:12px;align-items:flex-start;}
.res-item .ri-title{font-size:.95rem;font-weight:700;margin-bottom:4px;}
.res-item .ri-desc{font-size:.84rem;color:var(--text2);line-height:1.55;margin-bottom:12px;}
.res-item .ri-link{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:10px;border:1.5px solid var(--border2);background:var(--bg);color:var(--text)!important;font-weight:700;font-size:.82rem;text-decoration:none!important;transition:border-color .15s,color .15s;}
.res-item .ri-link:hover{border-color:var(--accent);color:var(--accent)!important;}

/* latest updates: each news item is a card with its own Share button */
.updates-page{max-width:900px;}
.update-item{background:var(--bg2);border:1px solid var(--border)!important;border-radius:14px;padding:18px 22px!important;margin-bottom:12px;scroll-margin-top:84px;}
.update-item:target{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(29,112,184,.15);}
.update-date{display:inline-block;align-self:flex-start;min-width:0!important;padding:3px 9px;border-radius:999px;background:var(--bg3);color:var(--text2)!important;}
.update-title{font-size:1rem!important;line-height:1.35;}
.update-body{flex:1;min-width:0;}
.update-actions{margin-top:12px;display:flex;justify-content:flex-end;}
.share-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:10px;border:1.5px solid var(--border2);background:var(--bg);color:var(--text);font:700 .8rem Inter,-apple-system,sans-serif;cursor:pointer;transition:border-color .15s,color .15s;}
.share-btn:hover{border-color:var(--accent);color:var(--accent);}
.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
@media(min-width:720px){.update-item{flex-direction:column!important;}}

/* what to do next: same cards and buttons as the home */
/* What to do next: same width, grid and CTA buttons on every page (track, updates, before-test, …) */
.next-steps{max-width:1180px;margin:0 auto;padding:8px 32px 56px;box-sizing:border-box;}
.next-title{font-size:1.1rem;font-weight:800;letter-spacing:-.3px;margin:0 0 14px;}
.next-steps .hc-grid{
  max-width:none;
  margin:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
/* Never stretch the last card full-width in this section */
.next-steps .hc-grid>.hc:last-child:nth-child(odd){grid-column:auto;}
/* Same outline CTA as the rest of the secondary pages */
.next-steps .hc-cta{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;margin-top:auto;padding:0 16px;border-radius:10px;
  font-weight:700;font-size:.9rem;
  background:transparent;color:var(--text);border:1.5px solid var(--border2);
}
.next-steps .hc:hover .hc-cta{border-color:var(--accent);color:var(--accent);gap:12px;}
@media(max-width:900px){
  .next-steps{padding-left:24px;padding-right:24px;}
  .next-steps .hc-grid{grid-template-columns:1fr;}
}

@media(min-width:1024px){
  /* card pages: two columns, headings and notes span the full width */
  .page-wrap.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start;max-width:1120px;}
  .page-wrap.page-grid>*{grid-column:1 / -1;}
  .page-wrap.page-grid>.card,.page-wrap.page-grid>.faq-item,.page-wrap.page-grid>.res-item{grid-column:auto;margin-bottom:16px;}
  .page-wrap.page-grid>.faq-h2{margin-top:28px;}
  .page-wrap.page-grid>.card#trk-result{align-self:stretch;}
  /* processing times: wider, stat cards in one row */
  .pt-page{max-width:1000px;}
  .pt-page .pt-grid-cards{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media(max-width:360px){.pwa-tab span{font-size:.72rem;}.pwa-platform-tabs{gap:6px;}}
@media(max-width:350px){.sc-name{display:none;}.sc-bar{gap:6px;padding:0 8px;}}
@media(min-width:1024px){.track-page{max-width:900px;}}

/* dark mode contrast (audit): muted text and text on the light-blue accent */
[data-theme="dark"]{--text3:#9d9d9d;}
[data-theme="dark"] .trk-btn,[data-theme="dark"] .tc-free-badge,[data-theme="dark"] .btn-primary,
[data-theme="dark"] a[style*="background:var(--accent"],[data-theme="dark"] button[style*="background:var(--accent"]{color:#06182c!important;}




/* Updated branded loading screen: navy field with a white orbit around the current mark. */
html:has(#boot-splash),body:has(#boot-splash){background:#111827!important;}
#boot-splash{background:#111827!important;}
#boot-splash .boot-orbit{inset:-14px!important;border:3px solid transparent!important;border-top-color:#fff!important;border-right-color:#fff!important;}
#boot-splash .boot-dot,#boot-splash .boot-ring{display:none!important;}
#boot-splash .boot-mark{width:104px!important;height:104px!important;}
#boot-splash img{content:url('/brand/logo-mark-96.png');width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;border-radius:0!important;background:transparent!important;}