/* AUWAIT shared visual tokens. Existing calculators, phone and visa content stay intact. */
:root{--auwait-paper:#f7f4ed;--auwait-panel:#fffdf9;--auwait-ink:#193e33;--auwait-green:#28705b;--auwait-line:#d9d4c8;--auwait-muted:#59685f;--auwait-accent:#a85e40}
.site-header .site-nav a[aria-current="page"]{color:var(--auwait-green)}
.site-header .site-nav a[aria-current="page"]:after{transform:scaleX(1)}
.site-header :is(a,button):focus-visible,main :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--auwait-green);outline-offset:3px}
.site-header .site-nav a{white-space:nowrap}
.shared-skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--auwait-panel);padding:12px;color:var(--auwait-ink);border:1px solid var(--auwait-green)}
.shared-skip-link:focus{top:12px}
.network-tools{--ink:var(--auwait-ink);--muted:var(--auwait-muted);--border:var(--auwait-line);--blue:var(--auwait-green);--purple:#52859a;--bg:var(--auwait-paper);--card:var(--auwait-panel);--radius:0px;background:var(--auwait-paper);color:#1d2824;font:15px/1.65 "Noto Sans SC",system-ui,-apple-system,"PingFang SC",sans-serif}
.network-tools .container{width:100%;max-width:1320px;margin:0 auto;padding-left:clamp(20px,4vw,72px);padding-right:clamp(20px,4vw,72px)}
.network-tools .site-header{z-index:60}
.network-tools .network-subnav{border-bottom:1px solid var(--auwait-line);background:#f1efe6}
.network-tools .navigation{min-height:58px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding-top:7px;padding-bottom:7px}
.network-tools .navigation a{border-radius:0;font-size:13px;color:#455c51;min-height:44px;padding:11px 16px;white-space:nowrap;flex-shrink:0}
.network-tools .navigation a.active{background:#1d493b;color:#fffdf9}
.network-tools .navigation a:hover:not(.active){background:#e2e8df;color:#193e33}
.network-tools :is(.hero h1,.page-heading h1,.section-head h2){font-family:"Noto Serif SC","Songti SC",serif;color:var(--auwait-ink);font-weight:900;letter-spacing:-.055em}
.network-tools .hero{padding:52px 0 42px;text-align:left;border-bottom:1px solid var(--auwait-line);margin-bottom:30px}
.network-tools .hero h1{font-size:clamp(38px,4.15vw,58px);margin:20px 0 16px;line-height:1.25}
.network-tools .gradient-text{color:var(--auwait-green);background:none}
.network-tools .hero p{max-width:780px;margin:0;color:#455c51;font-size:15px}
.network-tools .eyebrow{justify-content:flex-start;color:var(--auwait-accent)}
.network-tools :is(.eyebrow,.kicker,.feature-index,.label,.subhead){font-family:"IBM Plex Mono",monospace;font-weight:600;letter-spacing:.12em}
.network-tools .kicker{color:var(--auwait-accent)}
.network-tools .mini-line{background:#a85e40}
.network-tools .hero-actions{justify-content:flex-start;margin:24px 0 18px;flex-wrap:wrap}
.network-tools :is(.primary-btn,.searchbar button){border-radius:0;background:#1d493b;box-shadow:none;color:#fffdf9;min-height:44px;font-size:14px}
.network-tools :is(.primary-btn,.searchbar button):hover{background:#28705b}
.network-tools :is(.ghost-btn,.outline-btn,.diag-action select){background:var(--auwait-panel);border:1px solid #c5cbbf;color:#304e43;border-radius:0;min-height:44px;font-size:13px}
.network-tools :is(.ghost-btn,.outline-btn):hover{border-color:#679583;background:#eaf0e8}
.network-tools .text-button{color:#276650;min-height:36px;line-height:1.5}
.network-tools :is(.card,.feature-card,.speed-shell){background:var(--auwait-panel);border-color:var(--auwait-line);border-radius:0;box-shadow:none}
.network-tools :is(.overview-grid .card,.feature-card){border-top:3px solid #52859a}
.network-tools .overview-trust,.network-tools .feature-card:nth-child(2){border-top-color:#28705b}
.network-tools .overview-ai,.network-tools .feature-card:nth-child(4){border-top-color:#a85e40}
.network-tools .feature-card:hover{border-color:#679583;box-shadow:0 6px 20px #22352b12}
.network-tools :is(.feature-symbol,.feature-link,.page-symbol,.card-icon){color:#28705b}
.network-tools :is(.card-icon,.diag-icon,.page-symbol,.platform-logo){background:#e8eee5;border-radius:2px;color:#28705b}
.network-tools .claude-logo{color:#a85e40;background:#f3e9df}
.network-tools .page-heading{margin:35px 0 27px;padding-bottom:23px;border-bottom:1px solid var(--auwait-line);gap:16px}
.network-tools .page-heading h1{font-size:clamp(32px,3.5vw,48px);line-height:1.25}
.network-tools :is(.page-heading p,.hero-note,.hint,.overview-grid p,.feature-card p,.small-muted,.empty-state,.statusline,.provider-line,.score-confidence,.rdap-result,.ai-small-explain,.ai-caveat,.ai-initial-tip,.ai-consequence-card>p,.ai-prop-row span,.ai-ip-tile p,.ai-tile-status,.ai-endpoint small,.ai-history-row>span,.ai-score-display p,.ai-support-status small,.speed-top,.speed-top .muted,.speed-inner span,.speed-stats small,.speed-stats span,.extra-metrics>div,.diag-heading p,.diag-results,.history-row span,.details-grid small,.score-confidence,.ai-platform-tabs button small){color:var(--auwait-muted)}
.network-tools :is(.label,.feature-index,.subhead,.ai-scale-markers){color:#59685f}
.network-tools :is(.tag,.ai-source-tag,.ai-risk-chip){background:#e8eee5;color:#355d4b!important;border-radius:2px}
.network-tools .ai-risk-chip.blocked{background:#fff0ec!important;color:#a6312b!important}
.network-tools :is(.ai-platform-tabs button,.searchbar,.tip,.ai-note-bar,.ai-score-explain,.signal-item,.extra-metrics>div,.region-zero){border-radius:0}
.network-tools .searchbar{background:var(--auwait-panel);box-shadow:none}
.network-tools .searchbar input{background:transparent;color:#234639;font-size:16px}
.network-tools :is(.tip,.ai-note-bar){background:#edf0e7;border-color:#d2dbce;color:#455c51}
.network-tools .tip>span{color:#28705b}
.network-tools :is(.ai-score-explain,.signal-item,.extra-metrics>div){background:#f1f2eb;color:#455c51}
.network-tools :is(.ai-prop-row strong,.ai-endpoint b,.ai-platform-tabs button strong,.extra-metrics strong,.result-row strong){color:#234538}
.network-tools .safe,.network-tools .ai-prop-row strong.safe{color:#23634d}
.network-tools .warn,.network-tools .ai-prop-row strong.warn{color:#a85e30}
.network-tools .unknown,.network-tools .ai-prop-row strong.unknown{color:#647169}
.network-tools :is(.ai-prop-row,.ai-endpoint,.ai-history-row,.ai-support-status,.ai-tile-status,.result-row,.factor){border-color:#e2ded3}
.network-tools .ai-platform-tabs button{background:var(--auwait-panel);border-color:#c5cbbf}
.network-tools .ai-platform-tabs button.selected{background:#edf2e9;border-color:#28705b;box-shadow:inset 0 -3px #28705b}
.network-tools .platform-tile{border-color:#83a38e;background:#f6f8ef}
.network-tools .ai-scale-cursor{background:#193e33}
.network-tools .speed-inner{background:var(--auwait-panel)}
.network-tools .speed-inner strong{color:#28705b}
.network-tools .speed-ring{background:conic-gradient(from -90deg,#28705b 0deg,#e3e8df 0deg);box-shadow:none}
.network-tools .speed-progress>div{background:#28705b}
.network-tools .terminal{background:#193e33;color:#e4ecdf;border-radius:0}
.network-tools .toast{background:#193e33;border-radius:2px}
.network-tools :is(.section-title,.ai-action-row,.ai-tile-head){flex-wrap:wrap}
.network-tools .card{min-width:0}
.network-tools .ai-score-display{flex-wrap:wrap}
.network-tools .site-footer{background:var(--auwait-paper);border-top:1px solid var(--auwait-line);padding:30px clamp(20px,4vw,72px)}
.network-tools .page{padding-bottom:60px}
@media(max-width:760px){
 .network-tools .container{padding-left:16px;padding-right:16px}
 .network-tools .hero{padding-top:30px;padding-bottom:28px;margin-bottom:22px}
 .network-tools .hero h1{font-size:38px}
 .network-tools .hero p{font-size:14px}
 .network-tools .navigation{gap:2px}
 .network-tools .navigation a{font-size:12px;padding:11px 12px}
 .network-tools .page-heading{margin-top:26px;padding-bottom:18px}
 .network-tools .page-heading h1{font-size:32px}
 .network-tools .section-head{align-items:flex-start;gap:10px;flex-wrap:wrap}
 .network-tools .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .network-tools .feature-card{padding:16px;min-height:220px}
 .network-tools .ai-platform-tabs button strong{font-size:12px}
 .network-tools .ai-platform-tabs button small{font-size:10px}
 .network-tools .diag-action{flex-wrap:wrap;min-width:0}
 .network-tools .speed-top{gap:10px;flex-wrap:wrap;font-size:10px}
 .network-tools .searchbar{flex-wrap:wrap}
 .network-tools .searchbar input{min-width:160px}
 .network-tools .searchbar button{flex:1}
 .network-tools .site-footer{padding:24px 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-tools *{transition:none!important}}
@media(max-width:760px){.network-tools .hero .gradient-text{display:block}}


/* AUWAIT shared mobile header: common right-aligned menu and optional secondary shortcut.
   Scope: presentation only; nav/links/click handlers remain unmodified. */
@media (max-width:760px){
  .site-header{
    box-sizing:border-box;
    height:68px;
    min-height:68px;
    padding-inline:16px;
    align-items:center;
    font-family:"Noto Sans SC",system-ui,-apple-system,"PingFang SC",sans-serif;
  }
  .site-header .brand{
    order:0;
    flex:1 1 auto;
    min-width:0;
  }
  .site-header .site-nav{order:3}
  .site-header .site-header-actions{
    order:1;
    flex:0 0 auto;
    min-width:0;
    margin:0 8px 0 0;
    align-items:center;
  }
  .site-header .site-header-actions:empty{display:none}
  .site-header .site-header-actions .quiet-header-link{
    display:inline-flex;
    width:38px;
    min-width:38px;
    height:38px;
    padding:0;
    justify-content:center;
    align-items:center;
    font-family:inherit;
  }
  .site-header .site-menu-toggle{
    order:2;
    flex:0 0 auto;
    margin:0;
    width:69px;
    min-width:69px;
    height:38px;
    min-height:38px;
    padding:0 9px;
    font-family:"Noto Sans SC",system-ui,-apple-system,"PingFang SC",sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1;
    gap:6px;
    white-space:nowrap;
  }
  .site-header .site-menu-toggle svg{width:19px;height:19px;flex-shrink:0}
  .site-header .site-nav.is-open a{
    font-family:"Noto Sans SC",system-ui,-apple-system,"PingFang SC",sans-serif;
    font-size:12px;
    font-weight:700;
  }
}


/* AUWAIT six-centre UI alignment, 2026-10-29.
   Presentation-only. Preserve each centre's semantics, interactions and brand accents. */
:root{--auwait-centre-card:#fffdf9;--auwait-centre-rule:#d9d4c8;--auwait-centre-ink:#193e33}
/* Sticky header must not be enclosed by a scrolling overflow:hidden ancestor.
   clip preserves intentional horizontal clipping without creating a scroll container. */
.atlas-shell{overflow:clip}
/* One functional header/navigation pattern, including tablet and small laptops. */
@media (min-width:761px) and (max-width:1120px){
 .site-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;min-height:78px;height:78px;flex-wrap:nowrap}
 .site-header .brand{order:0;flex:1 1 auto;min-width:0}
 .site-header .site-header-actions{order:1;flex:0 0 auto;min-width:0;margin:0 10px 0 0;align-items:center}
 .site-header .site-header-actions:empty{display:none}
 .site-header .site-nav{display:none!important;order:3}
 .site-header .site-menu-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-width:79px;height:42px;min-height:42px;padding:0 13px;margin:0;color:#244f40;background:#fffdf9;border:1px solid #cbd2c6;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:13px;font-weight:700;white-space:nowrap}
 .site-header .site-menu-toggle svg{height:19px;width:19px;flex-shrink:0}
 .site-header .site-nav.is-open{display:grid!important;position:absolute;top:100%;left:0;right:0;z-index:65;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:#f7f4ed;border-top:1px solid #dad5cb;border-bottom:1px solid #c9cec2;padding:15px clamp(20px,4vw,72px);max-height:min(70vh,470px);overflow-y:auto;box-shadow:0 16px 24px #1130251f}
 .site-header .site-nav.is-open a{display:flex;justify-content:flex-start;align-items:center;gap:8px;min-height:48px;padding:11px 14px;text-align:left;background:#fffdf9;color:#314b41;border:1px solid #ddd8cc;border-radius:2px;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:13px;font-weight:700}
 .site-header .site-nav.is-open a.is-active{background:#e5efe6;border-color:#9eb9a9}
}
/* The six main centre headings follow one typographic scale. Keep the home brand hero separate. */
.core-numbers-page .numbers-hero h1,
.calculators-page .calculators-hero h1,
.page-shell .page-intro-compact h1,
.ai-center .ai-hero-copy h1,
.sites-directory .page-head h1,
.network-tools .hero h1{
 font-family:"Noto Serif SC","Songti SC",serif;
 font-size:clamp(36px,4.2vw,58px);
 font-weight:900;
 line-height:1.22;
 letter-spacing:-.055em;
 text-wrap:balance;
}
/* Shared secondary text + user-facing controls; keep functional card layouts distinct. */
.core-numbers-page .numbers-hero-copy>p:not(.numbers-kicker),
.calculators-page .calculators-hero>div>p:not(.calculator-kicker),
.page-shell .page-intro-compact>p:not(.eyebrow),
.ai-center .ai-hero-copy>p:not(.eyebrow),
.sites-directory .page-head>p,
.network-tools .hero>p{font-size:14px;line-height:1.75;color:#536159}
.core-numbers-page .numbers-kicker,
.calculators-page .calculator-kicker,
.ai-center .ai-hero-copy .eyebrow,
.page-shell .page-intro-compact .eyebrow,
.network-tools .hero .eyebrow{font-size:12px;line-height:1.5}
.page-shell .page-back{min-height:36px;align-items:center;font-size:12px}
.sites-directory .site-search,
.calculators-page .calculator-search,
.ai-center .ai-search{min-height:48px;border-color:#becbbf;background:var(--auwait-centre-card)}
.sites-directory .site-search input,
.calculators-page .calculator-search input,
.ai-center .ai-search input{font-family:"Noto Sans SC",system-ui,sans-serif;font-size:16px}
.sites-directory .cat-tab,
.network-tools .navigation a{min-height:44px}
/* Uniform understated rules: accents for emergency, AI identity and network status remain intact. */
.sites-directory .site-card,
.ai-center .ai-category-card,
.network-tools .overview-grid .card{border-color:var(--auwait-centre-rule)}
@media (max-width:760px){
 .core-numbers-page .numbers-hero h1,
 .calculators-page .calculators-hero h1,
 .page-shell .page-intro-compact h1,
 .ai-center .ai-hero-copy h1,
 .sites-directory .page-head h1,
 .network-tools .hero h1{font-size:clamp(32px,9vw,36px);line-height:1.22;letter-spacing:-.055em}
 .core-numbers-page .numbers-hero-copy>p:not(.numbers-kicker),
 .calculators-page .calculators-hero>div>p:not(.calculator-kicker),
 .page-shell .page-intro-compact>p:not(.eyebrow),
 .ai-center .ai-hero-copy>p:not(.eyebrow),
 .sites-directory .page-head>p,
 .network-tools .hero>p{font-size:14px;line-height:1.72}
 .page-shell .page-intro-compact{padding-top:16px;padding-bottom:25px}
 .page-shell .page-intro-compact .page-back{margin-bottom:14px}
 /* Visa archive intentionally uses two nonwrapping heading lines; reduce only this long title safely. */
 .page-shell .page-intro-compact h1.visa-archive-title{font-size:clamp(27px,8.15vw,34px);letter-spacing:-.065em}
 /* Calculator discovery must be visible earlier on phones, preserving the 17-domain atlas. */
 .calculators-page .calculators-hero{margin:12px 0 24px}
 .calculators-page .calculators-hero>div{padding:22px 22px}
 .calculators-page .calculators-hero>div>p:not(.calculator-kicker){margin:14px 0 14px}
 .calculators-page .calculator-hero-signals{gap:5px;padding-top:10px;margin-top:10px;font-size:12px}
 .calculators-page .calculators-hero aside{min-height:102px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:2px 14px;padding:13px 22px}
 .calculators-page .calculators-hero aside>span{grid-column:1/-1}
 .calculators-page .calculators-hero aside>strong{grid-column:1;grid-row:2;font-size:47px;line-height:1.05}
 .calculators-page .calculators-hero aside>p{grid-column:2;grid-row:2;margin:0;align-self:center}
 .calculators-page .calculators-hero aside>div{display:none}
 .calculators-page .calculator-catalogue{padding-top:15px}
 .calculators-page .catalogue-heading{gap:6px;margin-bottom:13px}
 .calculators-page .catalogue-heading h2{font-size:30px}
 /* Keep the six AI category links visible without excessive promotional height. */
 .ai-center .ai-hero{margin-bottom:35px}
 .ai-center .ai-hero-copy{padding:25px 22px}
 .ai-center .ai-hero-index{min-height:0;padding:20px 22px}
 .ai-center .ai-hero-index strong{font-size:clamp(30px,8vw,36px);line-height:1.18}
 .ai-center .ai-guide-tags{margin-top:14px}
}

/* Final AUWAIT frontend consistency patch, 2026-10-29. */
/* Previous baseline deliberately suppressed advisor desktop navigation at all widths. */
@media (min-width:1121px){
  .site-header.advisor-header .site-nav{display:flex!important;flex:0 1 auto;min-width:0}
  .site-header.advisor-header .site-nav a{min-width:0}
}
/* A visible button must have an accessible finger-sized hit target. */
@media (max-width:760px){
  .site-header .site-menu-toggle{height:44px;min-height:44px}
  .site-header .site-header-actions .quiet-header-link{width:44px;min-width:44px;height:44px;min-height:44px}
}
/* Inside AI, directories and records use a unified secondary headline level. */
.ai-center .ai-directory-title h1,
.ai-center .ai-directory-hero>div>h1,
.ai-center .ai-record-hero h1{
  font-weight:750;
  line-height:1.25;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}
.ai-center .ai-directory-title h1,
.ai-center .ai-directory-hero>div>h1{font-size:clamp(33px,4.2vw,54px)}
.ai-center .ai-record-hero h1{font-size:clamp(34px,4.3vw,56px)}
.ai-center .ai-back{min-height:44px;padding:10px 8px;margin-left:-8px;gap:7px;font-size:13px;line-height:1.5}
.ai-center .ai-toolbar label{min-height:44px;height:44px}
.ai-center .ai-toolbar input{font-size:14px}
.ai-center .ai-toolbar select{height:44px;min-height:44px;font-size:13px}
.ai-center .ai-toolbar>span{font-size:11px}
.ai-center .ai-product-card,
.ai-center .ai-company-card{padding:19px;min-height:228px}
.ai-center .ai-product-card p,
.ai-center .ai-company-card p{font-size:13px;line-height:1.68;-webkit-line-clamp:4}
.ai-center .ai-product-card footer{font-size:11px;line-height:1.45;gap:12px}
.ai-center .ai-product-top span{font-size:11px}
.ai-center .ai-company-card>span{font-size:11px}
.ai-center .ai-company-card strong{font-size:12px}
/* An H1 on the dedicated knowledge route; keep original visual hierarchy. */
.occupation-heading h1{font-family:var(--font-serif,"Noto Serif SC",serif);letter-spacing:-.055em;margin:.45rem 0 0;font-size:clamp(2rem,3.3vw,3.4rem);line-height:.98;font-weight:400}
.occupation-heading h1 strong{color:var(--deep-green,#0f4c41);font-weight:inherit}
.state-policy-section .section-heading h1{font-family:"Noto Serif SC",serif;letter-spacing:-.055em;margin:0;font-size:clamp(28px,3.3vw,45px);line-height:1.19;font-weight:900}
@media (max-width:760px){
  .ai-center .ai-directory-title h1,.ai-center .ai-directory-hero>div>h1{font-size:32px;line-height:1.24}
  .ai-center .ai-record-hero h1{font-size:clamp(32px,8.4vw,36px);line-height:1.25}
  .state-policy-section .section-heading h1{font-size:33px}
}
