body.as-track-active { background: #f6f8fc; }
body.as-track-active #content { max-width: 1000px; margin: auto; padding: 48px 24px 64px; }
body.as-track-active .as-track-page { max-width: 850px; margin: 0 auto; padding: 0; font-family: inherit; }
body.as-track-active .as-track-hero { grid-template-columns: minmax(0,1fr) 80px; gap: 24px; padding: 34px; margin: 0; border: 0; border-radius: 24px 24px 0 0; background: linear-gradient(120deg,#1139ae,#1259df); box-shadow: none; color: white; }
body.as-track-active .as-track-kicker { color: #d8e7ff; font-size: 11px; letter-spacing: 1.6px; margin-bottom: 12px; }
body.as-track-active .as-track-hero h1 { color: white; font-size: 32px; font-weight: 700; letter-spacing: -.7px; line-height: 1.2; margin-bottom: 12px; }
body.as-track-active .as-track-hero p { color: #e3edff; font-size: 14px; line-height: 1.7; max-width: 540px; }
body.as-track-active .as-track-hero-icon { width: 72px; height: 72px; border-radius: 20px; background: #ffffff16; border: 1px solid #ffffff30; }
body.as-track-active .as-track-hero-icon svg { width: 36px; height: 36px; }
body.as-track-active .as-track-form { padding: 30px 34px 34px; border: 1px solid #e3eaf5; border-top: 0; border-radius: 0 0 24px 24px; box-shadow: 0 12px 36px #193d6e08; margin-bottom: 24px; }
body.as-track-active .as-track-form label { font-size: 13px; color: #263b5c; font-weight: 600; margin-bottom: 10px; }
body.as-track-active .as-track-search { gap: 12px; }
body.as-track-active .as-track-search input { min-width: 0; width: 100%; height: 52px; background: #f8faff; border: 1px solid #dce5f2; border-radius: 12px; font-size: 14px; padding: 12px 16px; }
body.as-track-active .as-track-search button { flex-shrink: 0; height: 52px; background: #1249df; color: #fff; border-radius: 12px; font-size: 14px; font-weight: 600; padding: 12px 22px; }
body.as-track-active .as-track-search :focus-visible { outline: 2px solid #648eff; outline-offset: 3px; }
body.as-track-active .as-track-empty, body.as-track-active .as-track-result { box-shadow: none; border: 1px solid #e3eaf5; border-radius: 18px; }
body.as-track-active .as-track-empty h2 { font-size: 20px; }
body.as-track-active .as-track-empty p { font-size: 14px; line-height: 1.6; }
@media(max-width:767px){
 body.as-track-active #content{padding:28px 16px 40px}
 body.as-track-active .as-track-hero{grid-template-columns:1fr;padding:26px 24px;border-radius:20px 20px 0 0;gap:0}
 body.as-track-active .as-track-hero h1{font-size:28px}
 body.as-track-active .as-track-hero-icon{display:none}
 body.as-track-active .as-track-form{padding:24px;border-radius:0 0 20px 20px}
 body.as-track-active .as-track-search{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
}
