:root{color-scheme:light;--sat-blue:#2456a6;--sat-ink:#17243c;--sat-bg:#f5f7fb}html,body{margin:0!important;max-width:100%;overflow-x:hidden;background:var(--sat-bg)!important;color:var(--sat-ink)!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}body{padding:0!important}.sat-app-top{position:sticky;top:0;z-index:40;box-sizing:border-box;min-height:64px;padding:calc(12px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:#fff!important;color:var(--sat-ink)!important;box-shadow:0 1px 8px #17243c12;display:flex;align-items:center;justify-content:space-between}.sat-app-top strong{font-size:17px;font-weight:800;letter-spacing:-.4px}.sat-app-main{box-sizing:border-box;max-width:900px;margin:auto;padding:10px 14px calc(105px + env(safe-area-inset-bottom))!important}.sat-app-main .sat-sc{max-width:100%!important;margin:0 auto!important;font-family:inherit!important;color:var(--sat-ink)!important}.sat-app-main .sat-sc .panel{border:1px solid #e2e8f0;border-radius:18px;padding:18px!important;margin:12px 0!important;box-shadow:0 2px 12px #1a37600a;background:#fff}.sat-app-main .sat-sc .hero{background:#2456a6!important;color:white!important;padding:20px!important;min-height:0!important;border:0!important;box-shadow:none!important}.sat-app-main .sat-sc .hero *{color:#fff!important}.sat-app-main .sat-sc .hero h2{font:800 clamp(24px,6vw,32px)/1.14 system-ui!important;margin:0 0 8px!important}.sat-app-main .sat-sc .hero p{font-size:14px!important;line-height:1.5!important;margin:8px 0!important}.sat-app-main .sat-sc .hero .sat-signout{margin:8px 0 0}.sat-app-main .sat-sc .hero .sat-signout button{border-color:#c6dbff!important}.sat-app-main .sat-sc .grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.sat-app-main .sat-sc .metric{padding:12px 8px!important;border-radius:13px!important;min-width:0!important;font-size:12px!important;line-height:1.4!important;background:#eef3fb!important;overflow-wrap:anywhere}.sat-app-main .sat-sc .metric b{font-size:clamp(18px,5vw,26px)!important;line-height:1.2!important;margin-top:5px}.sat-app-main .sat-sc h3{font-size:19px!important;line-height:1.3!important;margin:0 0 12px!important}.sat-app-main .sat-sc .pill{padding:10px 13px!important;margin:4px!important;background:#eaf1ff!important;color:#214b91!important;text-decoration:none!important;font-size:14px!important;font-weight:650!important;max-width:100%;white-space:normal}.sat-app-main .sat-sc .btn,.sat-app-main .sat-sc button{min-height:44px}.sat-app-main .sat-sc .choice{min-height:44px}.sat-app-main .sat-sc input,.sat-app-main .sat-sc select{max-width:100%}.sat-app-main .sat-auth-layout{min-height:0!important;box-shadow:none!important;border-radius:18px!important}.sat-app-main .sat-auth-brand{padding:24px!important}.sat-app-main .sat-auth-brand h2{font-size:24px!important;margin:12px 0!important}.sat-app-main .sat-auth-card{padding:24px!important}.sat-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #e1e7f0;padding:9px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 -4px 18px #17243c0b}.sat-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border-radius:12px;color:#65758f;text-decoration:none;font-size:11px;font-weight:650;min-height:45px}.sat-bottom-nav a[aria-current=page]{color:#2456a6;background:#eaf1ff}.sat-bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sat-app-tip{font-size:12px!important;padding:8px 18px 4px!important;text-align:center}.sat-app-main .sat-sc .panel:has(>a.pill[href*="sat_view=exam"]){display:none!important}@media(min-width:761px){.sat-app-main{padding-top:22px!important}.sat-bottom-nav{max-width:540px;margin:auto;border:1px solid #e1e7f0;border-radius:18px 18px 0 0}.sat-app-main .sat-sc .hero{padding:28px!important}}@media(max-width:430px){.sat-app-main{padding-left:10px!important;padding-right:10px!important}.sat-app-main .sat-sc .panel{padding:15px!important}.sat-app-main .sat-sc .metric{font-size:11px!important}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--sat-bg:#101827;--sat-ink:#f1f5ff}html,body{background:var(--sat-bg)!important}.sat-app-top,.sat-bottom-nav,.sat-app-main .sat-sc .panel{background:#1b2940!important;color:#f1f5ff!important;border-color:#30405a!important}.sat-app-main .sat-sc .metric{background:#263854!important;color:#f1f5ff!important}.sat-app-main .sat-sc .pill,.sat-bottom-nav a[aria-current=page]{background:#2b4268!important;color:#d8e7ff!important}.sat-app-main .sat-sc .panel h3,.sat-app-main .sat-sc .panel p{color:inherit}.sat-app-main .sat-auth-layout,.sat-app-main .sat-auth-card{background:#1b2940!important;color:#f1f5ff!important}.sat-app-main .sat-sc input{color:#15243c!important;background:#fff!important}}

/* v1.9 standalone app layout */
html:has(body.sat-standalone){margin-top:0!important;scroll-padding-top:68px}
body.sat-standalone{margin:0!important;padding:0!important;min-width:0!important}
body.sat-standalone #wpadminbar,body.sat-standalone .site-header,body.sat-standalone .site-footer{display:none!important}
body.sat-standalone .sat-app-top{position:sticky!important;top:0!important;z-index:45!important;min-height:54px!important;padding:10px 16px!important;background:#fff!important;color:#17243c!important}
body.sat-standalone .sat-app-main{padding:10px 12px calc(90px + env(safe-area-inset-bottom))!important}
body.sat-standalone .sat-app-main .sat-sc .hero{background:#2456a6!important;background-image:none!important;min-height:0!important;height:auto!important;padding:18px!important;border-radius:16px!important;box-shadow:none!important}
body.sat-standalone .sat-app-main .sat-sc .hero h2{color:#fff!important;font-size:22px!important;line-height:1.2!important;text-shadow:none!important}
body.sat-standalone .sat-app-main .sat-sc .hero p{color:#eaf1ff!important;font-size:13px!important;opacity:1!important}
body.sat-standalone .sat-app-main .sat-sc .hero .sat-signout button{background:transparent!important;color:#fff!important;border:1px solid #aac8fa!important;font-size:12px!important;min-height:36px!important;padding:7px 12px!important}
body.sat-standalone .sat-app-main .sat-sc .grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body.sat-standalone .sat-app-main .sat-sc .metric{background:#eaf1ff!important;color:#1b3052!important;padding:11px 9px!important;border-radius:12px!important;min-height:74px!important;line-height:1.3!important}
body.sat-standalone .sat-app-main .sat-sc .metric span{display:block!important;font-size:11px!important;line-height:1.3!important}
body.sat-standalone .sat-app-main .sat-sc .metric b{display:block!important;font-size:22px!important;margin-top:5px!important;color:#152e59!important}
body.sat-standalone .sat-app-main .sat-sc .metric:nth-child(4){display:none!important}
body.sat-standalone .sat-app-main .sat-sc .panel{margin:10px 0!important;padding:16px!important;border-radius:16px!important}
body.sat-standalone .sat-app-main .sat-sc .pill{display:inline-flex!important;align-items:center!important;min-height:42px!important;margin:4px!important;font-size:13px!important;line-height:1.2!important;border-radius:12px!important;text-decoration:none!important}
body.sat-standalone .sat-bottom-nav{padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;background:#fff!important}
body.sat-standalone .sat-bottom-nav a{min-height:42px!important;padding:4px 2px!important;font-size:11px!important}
body.sat-standalone .sat-bottom-nav svg{width:20px!important;height:20px!important}
@media(prefers-color-scheme:dark){body.sat-standalone .sat-app-top,body.sat-standalone .sat-bottom-nav{background:#1b2940!important;color:#fff!important}body.sat-standalone .sat-app-main .sat-sc .metric{background:#263854!important;color:#eaf1ff!important}body.sat-standalone .sat-app-main .sat-sc .metric b{color:#fff!important}}

/* 2.0: standalone app surface, no theme assets loaded */
body.sat-standalone{font-family:system-ui,-apple-system,Segoe UI,sans-serif!important;font-size:15px;line-height:1.5}
body.sat-standalone h1,body.sat-standalone h2,body.sat-standalone h3{font-family:inherit!important;letter-spacing:-.025em}
body.sat-standalone .sat-app-main .sat-sc .hero{background:#2456a6!important;color:#fff!important}
body.sat-standalone .sat-app-main .sat-sc .hero h2,body.sat-standalone .sat-app-main .sat-sc .hero p{color:#fff!important;opacity:1!important}
body.sat-standalone .sat-app-main .sat-sc .panel{box-sizing:border-box}
body.sat-standalone .sat-app-main .sat-sc .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.sat-standalone .sat-app-main .sat-sc .metric:nth-child(4){display:none!important}
body.sat-standalone .sat-app-main .sat-sc .panel a:not(.btn):not(.pill){color:#3264bf}
@media(min-width:900px){body.sat-standalone .sat-app-main{max-width:1000px!important;padding-top:28px!important}}

/* 2.1: readable answer selection, desktop/mobile polish */
body.sat-standalone .sat-app-main .sat-sc{font-size:16px!important;line-height:1.55!important}
body.sat-standalone .sat-app-main .sat-sc .panel{background:#1e2b43!important;border:1px solid #344663!important;color:#edf3ff!important}
body.sat-standalone .sat-app-main .sat-sc .panel.hero{background:#3058ae!important;color:#fff!important}
body.sat-standalone .sat-app-main .sat-sc .hero h2{font-size:clamp(24px,3vw,32px)!important}
body.sat-standalone .sat-app-main .sat-sc .metric{background:#263854!important;color:#edf3ff!important}
body.sat-standalone .sat-app-main .sat-sc .metric b{color:#fff!important}
body.sat-standalone .sat-app-main .sat-sc h3{font:750 clamp(19px,2vw,23px)/1.3 system-ui!important;color:#f6f9ff!important}
body.sat-standalone .sat-app-main .sat-sc .choice{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border:1px solid #6a7d9e!important;border-radius:12px!important;background:#253550!important;color:#f6f9ff!important;font-size:16px!important;line-height:1.45!important}
body.sat-standalone .sat-app-main .sat-sc .choice:has(input:checked){background:#dbeafe!important;border:2px solid #6098ff!important;color:#122444!important}
body.sat-standalone .sat-app-main .sat-sc .choice input{accent-color:#3674df!important;flex-shrink:0}
body.sat-standalone .sat-app-main .sat-sc .choice b{color:inherit!important}
body.sat-standalone .sat-app-main .sat-sc .muted{color:#bacbe5!important}
body.sat-standalone .sat-app-main .sat-sc .pill{background:#314a78!important;color:#f2f6ff!important}
body.sat-standalone .sat-app-main .sat-sc .panel a:not(.btn):not(.pill){color:#a6c8ff!important}
body.sat-standalone .sat-app-main .sat-sc .btn,body.sat-standalone .sat-app-main .sat-sc button{font-size:15px!important;font-weight:650!important}
body.sat-standalone .sat-app-main .sat-sc .sat-question{max-width:880px!important}
body.sat-standalone .sat-app-main .sat-sc .sat-question h3{margin-bottom:18px!important}
body.sat-standalone .sat-app-main .sat-sc .grid{margin-bottom:14px!important}
body.sat-standalone .sat-app-main .sat-sc .metric{min-height:80px!important}
body.sat-standalone .sat-bottom-nav{background:#1e2b43!important;border-color:#344663!important}
body.sat-standalone .sat-bottom-nav a{color:#c1cee3!important}
body.sat-standalone .sat-bottom-nav a[aria-current=page]{background:#314a78!important;color:#fff!important}
@media(min-width:850px){body.sat-standalone .sat-app-main{max-width:1100px!important}body.sat-standalone .sat-app-main .sat-sc .panel{padding:24px!important}body.sat-standalone .sat-bottom-nav{bottom:12px!important;border-radius:18px!important}}
@media(max-width:600px){body.sat-standalone .sat-app-main .sat-sc .choice{font-size:15px!important}body.sat-standalone .sat-app-main .sat-sc .panel{padding:16px!important}}