/* Public web navigation only; existing homepage and Core remain unchanged. */
.header.skh-compact-header{position:relative;background:#102f45;padding:16px 0;z-index:100}
.skh-compact-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;position:relative}
.skh-compact-logo{display:inline-flex;align-items:center;min-height:44px;justify-self:start}
.skh-compact-logo img{display:block;width:148px;max-width:100%;height:auto}
.skh-compact-header .skh-header-camp{display:inline-flex;align-items:center;justify-content:center;justify-self:center;gap:22px;min-height:52px;padding:12px 28px;border:1px solid #ffffff66;border-radius:12px;background:#fff;color:#102f45;font-size:16px;line-height:1.4;text-decoration:none;white-space:nowrap;box-shadow:0 4px 18px #071a2f15}
.skh-header-camp-name{font-weight:600}
.skh-header-camp-action{color:#056eb4;font-size:14px;font-weight:500}
.skh-compact-header .skh-header-camp:hover{background:#edf6fb;border-color:#fff}
.skh-compact-header .skh-header-career{background:#bdff32;border-color:#bdff32;font-weight:600}
.header.skh-compact-header .skh-header-disclosure{justify-self:end;margin:0;padding:0;border:0;border-radius:0;background:transparent;min-width:0}
.header.skh-compact-header .skh-header-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;min-width:48px;margin:0;padding:11px 16px;color:#fff;font-size:14px;line-height:1.4;list-style:none;border:1px solid #638092;border-radius:10px;cursor:pointer;user-select:none}
.skh-header-toggle::-webkit-details-marker{display:none}
.header.skh-compact-header .skh-header-toggle::after{content:none}
.skh-header-toggle:hover,.skh-header-disclosure[open] .skh-header-toggle{background:#25465b;border-color:#90b1c5}
.skh-header-toggle svg{flex:none}
.skh-header-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:340px;max-width:100%;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#102f45;border:1px solid #dce5ec;border-radius:16px;padding:12px;box-shadow:0 16px 45px #071a2f26;z-index:101}
.skh-header-panel ul{list-style:none;padding:0;margin:0}
.skh-header-panel li{padding:0;margin:0}
.skh-header-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 14px;color:#102f45;border-radius:9px;font-size:14px;line-height:1.5;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.skh-header-panel a:hover{background:#eef5f9}
.skh-header-account a{font-weight:600;background:#f4f8fa}
.skh-header-panel .skh-header-divider{border-bottom:1px solid #dce5ec;padding-bottom:10px;margin-bottom:8px}
.skh-compact-header a:focus-visible,.skh-header-toggle:focus-visible{outline:3px solid #bdff32;outline-offset:4px}
.skh-header-panel a:focus-visible{outline-color:#056eb4;outline-offset:-3px}
@media(max-width:800px){.skh-compact-bar{gap:14px}.skh-compact-logo img{width:118px}.skh-compact-header .skh-header-camp{gap:14px;padding-inline:18px;font-size:15px}.skh-header-camp-action{font-size:13px}.header.skh-compact-header .skh-header-toggle{padding-inline:12px}.skh-header-toggle span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:640px){.header.skh-compact-header{padding:12px 0}.skh-compact-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.skh-compact-logo img{width:90px}.skh-compact-header .skh-header-camp{flex-direction:column;gap:2px;padding:8px 12px;min-height:48px;font-size:13px;border-radius:10px;justify-self:stretch;white-space:normal;text-align:center}.skh-header-camp-action{font-size:11px}.header.skh-compact-header .skh-header-toggle{padding:10px;min-width:44px;min-height:48px}.skh-header-panel{width:100%;max-height:calc(100vh - 145px);max-height:calc(100dvh - 145px);top:calc(100% + 8px)}}
@media(prefers-reduced-motion:reduce){.skh-compact-header *{transition:none!important}}

/* App download is a visible header action; career keeps its existing layout. */
.skh-header-has-app .skh-compact-bar{grid-template-columns:auto minmax(0,1fr) auto auto}
.skh-compact-header .skh-header-app{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 20px;border:1px solid #ff6b00;border-radius:12px;background:#ff6b00;color:#102f45;font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:0 4px 18px #071a2f15}
.skh-compact-header .skh-header-app:hover{background:#ff7a19;border-color:#ff7a19}
@media(max-width:800px){.skh-header-has-app .skh-compact-bar{gap:12px}.skh-compact-header .skh-header-app{padding-inline:14px;font-size:13px}}
@media(max-width:640px){.skh-header-has-app .skh-compact-bar{gap:6px}.skh-header-has-app .skh-compact-logo img{width:64px}.skh-header-has-app .skh-header-camp{min-width:0;min-height:48px;padding:7px 4px}.skh-header-has-app .skh-header-camp-name{display:none}.skh-header-has-app .skh-header-camp-action{font-size:11px;line-height:1.25;overflow-wrap:normal}.skh-compact-header .skh-header-app{width:102px;min-height:48px;padding:8px 7px;border-radius:10px;font-size:12px;line-height:1.25;white-space:normal}.skh-header-has-app .skh-header-toggle{box-sizing:border-box;width:44px}}
@media(max-width:360px){.skh-header-has-app>.container{padding-inline:12px}}

/* Homepage support actions stay in the bottom page flow, never over content.
   Mobile app widgets and the feedback dialog itself retain their existing rules. */
@media screen{
body.skh-home>a.skh-career-float{position:static;inset:auto;z-index:auto;display:flex;width:max-content;max-width:calc(100% - 32px);height:auto;min-height:48px;margin:24px auto;padding:12px 20px;justify-content:center;border-radius:12px;box-shadow:none;text-align:center}
body.skh-home>a.skh-career-float span{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}
body.skh-home>a.skh-career-float+.footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
body.skh-home .footer-social{align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}
body.skh-home .footer .skh-feedback-widget[data-surface=web]{display:flex;align-items:center}
body.skh-home .footer .skh-feedback-widget[data-surface=web]>.skh-feedback-trigger{position:static;inset:auto;z-index:auto;min-height:48px;max-width:100%;border-radius:12px;box-shadow:none;white-space:normal;text-align:start}
}
@media screen and (max-width:640px){body.skh-home .footer-social{justify-content:flex-start}body.skh-home>a.skh-career-float{margin-block:20px;font-size:13px}}
