/* One host-gated token layer shared by all public testing pages. */
html.test-public-shell{
 --brand:#0054ff;--blue:#0054ff;--brand-hover:#0048d9;--blue-deep:#003fbd;
 --bg:#f5f7fb;--card:#fff;--ink:#172033;--ink-strong:#172033;--ink-2:#475467;--ink-3:#667085;--line:#dce4f2;
 --radius:16px;--r-lg:16px;--r-md:12px;--shadow:0 2px 12px #17305b0b;
 --public-width:760px;--public-space:16px;--safe-b:env(safe-area-inset-bottom,0px);
 font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65;-webkit-text-size-adjust:100%;
}
.test-public-shell body{margin:0;color:var(--ink);background:var(--bg);font-family:inherit;font-size:16px;line-height:1.65;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.test-public-shell *, .test-public-shell *::before,.test-public-shell *::after{box-sizing:border-box}
.test-public-shell .public-shell-header{width:100%;margin:0;background:#fff;border-bottom:1px solid var(--line);padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,calc((100% - 760px)/2)) 10px;display:flex;gap:8px 24px;align-items:center;flex-wrap:wrap;}
.test-public-shell .public-shell-brand{font-size:20px;font-weight:800;color:var(--brand);line-height:1.4;white-space:nowrap;text-decoration:none;min-height:44px;display:flex;align-items:center}
.test-public-shell .public-shell-header nav{display:flex;gap:4px;flex-wrap:wrap;flex:1;justify-content:flex-end}
.test-public-shell .public-shell-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:10px;color:var(--ink-2);font-size:16px;text-decoration:none;white-space:nowrap}
.test-public-shell .public-shell-header nav a[aria-current=page]{background:#eaf1ff;color:#0044ce;font-weight:700}
.test-public-shell[data-public-page=home] .header,.test-public-shell[data-public-page=selection] .xtj-public-nav,.test-public-shell[data-public-page=pt] .site-nav{display:none}
.test-public-shell[data-public-page=rank] .site-logo,.test-public-shell[data-public-page=rank] #staging-site-links,.test-public-shell[data-public-page=rank] .site-links>a[href="#job-card"]{display:none!important}
.test-public-shell[data-public-page=rank] .site-header{background:transparent;border:0;position:static;box-shadow:none}
.test-public-shell[data-public-page=rank] .site-header-inner{min-height:0;padding:0 16px;max-width:var(--public-width);margin:auto;justify-content:flex-end}
.test-public-shell[data-public-page=home] main,.test-public-shell[data-public-page=home] footer{width:calc(100% - 32px);max-width:var(--public-width);margin-inline:auto}
.test-public-shell[data-public-page=selection] #app,.test-public-shell[data-public-page=pt] .app,.test-public-shell[data-public-page=rank] .shell{width:100%;max-width:var(--public-width);margin-inline:auto}
.test-public-shell[data-public-page=rank] .shell{padding:20px 16px calc(32px + var(--safe-b))}
.test-public-shell h1{font-size:clamp(26px,5vw,34px);line-height:1.3;letter-spacing:0}
.test-public-shell h2{font-size:22px;line-height:1.4}.test-public-shell h3{font-size:18px;line-height:1.5}
.test-public-shell :is(input,select,textarea){font-size:16px!important;line-height:1.5;max-width:100%;border-radius:10px}
.test-public-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:46px}
.test-public-shell :is(button,.button,.btn){font-size:16px;min-height:44px;border-radius:10px}
.test-public-shell :is(.primary,.btn-primary,.button.primary){background:var(--brand);color:#fff;border-color:var(--brand)}
.test-public-shell :is(.secondary,.btn-secondary){background:#fff;color:#0044ce;border:1px solid var(--line)}
.test-public-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid #7da6ff;outline-offset:3px}
.test-public-shell :is(.card,.guide,.course,.entry-option){border-radius:16px;border-color:var(--line);box-shadow:var(--shadow)}
.test-public-shell :is(.hint,.sec-note,.sec-note p,.summary,.test-site-notice){font-size:14px;line-height:1.7}
.test-public-shell .field-error,.test-public-shell [role=alert]{line-height:1.6;overflow-wrap:anywhere}
.test-public-shell [aria-invalid=true]{border-color:#b42318!important;box-shadow:0 0 0 2px #b4231814}
.test-public-shell .test-site-notice{max-width:var(--public-width);margin:12px auto;padding:12px 16px}
.test-public-shell :is(dialog,.sheet-box){max-width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border-radius:16px}
.test-public-shell :is(.table-wrap,.table-scroll,.rank-table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.test-public-shell[data-public-page=home] .intro{gap:24px;padding:32px 0;grid-template-columns:1fr 1fr}
.test-public-shell[data-public-page=home] .guide{padding:20px}.test-public-shell[data-public-page=home] .course{padding:24px;gap:24px}
.test-public-shell[data-public-page=pt] .consult-header{padding:20px 16px}
.test-public-shell.wechat-fixed-viewport,.test-public-shell.wechat-fixed-viewport body,.test-public-shell.wechat-fixed-viewport :is(a,button,input,select,textarea,dialog,.sheet-box,.table-wrap,.table-scroll,.rank-table-wrap){touch-action:pan-x pan-y}
@media(max-width:600px){
 .test-public-shell .public-shell-header{display:block;padding-inline:16px}
 .test-public-shell .public-shell-header nav{justify-content:space-between;gap:0}
 .test-public-shell .public-shell-header nav a{padding:8px 9px;font-size:15px}
 .test-public-shell[data-public-page=home] .intro{grid-template-columns:1fr}
 .test-public-shell[data-public-page=home] .course{grid-template-columns:1fr}
 .test-public-shell[data-public-page=home] .course-facts{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
 .test-public-shell :is(.sheet-box,dialog){padding-bottom:calc(20px + var(--safe-b))}
}
@media(prefers-reduced-motion:reduce){.test-public-shell *{scroll-behavior:auto!important;transition:none!important}}

.test-public-shell[data-public-page=selection] .tabbar,.test-public-shell[data-public-page=pt] .dock{max-width:var(--public-width);margin-inline:auto}
.test-public-shell[data-public-page=rank] .has-result .shell{padding-bottom:calc(100px + var(--safe-b))}
.test-public-shell [contenteditable=true]{font-size:16px!important}
.test-public-shell.wechat-fixed-viewport :is(#detail,#job-options,#scenario-frame){touch-action:pan-x pan-y}
.test-public-shell .table-wrap table{min-width:420px}
.test-public-shell :is(td,th){overflow-wrap:anywhere}

/* Fixed shared navigation: safe-area is included in both header and page offset. */
.test-public-shell body{padding-top:calc(80px + env(safe-area-inset-top,0px))}
.test-public-shell .public-shell-header{position:fixed;inset:0 0 auto;z-index:8;height:calc(80px + env(safe-area-inset-top,0px));flex-wrap:nowrap;box-shadow:0 2px 10px #17305b08}
.test-public-shell .public-shell-toggle{display:none}
.test-public-shell :is([id],input,select,textarea){scroll-margin-top:calc(96px + env(safe-area-inset-top,0px))}
.test-public-shell body[data-interaction-preview]{padding-top:0}
@media(max-width:600px){
 .test-public-shell body{padding-top:calc(64px + env(safe-area-inset-top,0px))}
 .test-public-shell .public-shell-header{display:flex;justify-content:space-between;height:calc(64px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:0}
 .test-public-shell .public-shell-toggle{display:block;min-width:64px;min-height:44px;background:#edf3ff;border:1px solid var(--line);color:var(--brand);font-size:16px}
 .test-public-shell .public-shell-header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 80px - env(safe-area-inset-top,0px));overflow-y:auto;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 16px;box-shadow:0 10px 18px #17305b12}
 .test-public-shell .public-shell-header.menu-open nav{display:grid;grid-template-columns:1fr}
 .test-public-shell .public-shell-header nav a{justify-content:flex-start;min-height:48px;font-size:16px}
}