/* GUJTEST V3: readable typography and responsive layout */
:root{--blue:#165bc4;--navy:#102e5b;--bg:#f6f8fc;--saffron:#f58220}
html{scroll-behavior:smooth}body{overflow-wrap:anywhere;background:var(--bg)}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #f58220;outline-offset:3px}
.container{max-width:1360px;padding:0 24px}.screen{padding-top:22px}
.nav{gap:12px;min-height:80px}.navlinks{gap:0}.navlinks button{font-size:12px;padding:10px}
.brand-name{font-size:23px}.brand-name span{color:#f58220}.logo{border-radius:12px;box-shadow:none;background:#123a70}
.hero{--hero-image:url('hero-v3.png');min-height:370px;padding:40px 25% 40px 14%;border-radius:18px;background-image:linear-gradient(90deg,transparent 7%,#f5faffdd 22%,#f5faffb8 65%,transparent 80%),var(--hero-image);background-position:center;background-size:cover;box-shadow:0 8px 28px #1435670c}
.hero-content{max-width:620px}.hero h1{font-size:clamp(30px,3.3vw,46px);line-height:1.13;letter-spacing:-1.4px}.hero p{font-weight:500;font-size:15px;line-height:1.9}.eyebrow{font-size:10px;letter-spacing:1.6px;border:0;background:#fff5e8;padding:8px 12px;margin-bottom:16px}.hero-cta{margin-top:20px}.hero-cta .btn{font-size:13px;border-radius:8px;padding:12px 20px}.hero-cta .primary{background:#ef7d20;box-shadow:none}
.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;padding:0;gap:12px}.stat{position:relative;border-radius:12px;box-shadow:none;padding:16px 20px 16px 62px}.stat-icon{position:absolute;left:20px;top:22px}.stat b{font-size:25px}.stat span{font-size:12px}
.feature-strip{margin-top:14px;gap:12px}.feature{border:0;background:transparent;padding:12px 6px}.feature i{background:#e8f0ff}.feature b{font-size:13px}
.section-heading h2{font-size:23px}.section{padding-top:28px}.exam-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.exam-card{background:var(--accent);border:1px solid #dde5ef;padding:20px 12px;min-height:168px;border-radius:12px}.exam-icon{background:#ffffff99}.exam-card h3{font-size:15px}.exam-card p{font-size:11px}.count{background:#ffffffb8;color:#234779}
.home-panels{grid-template-columns:1fr 1.4fr 1fr}.home-panel{border-radius:12px;box-shadow:none}.home-panel h3{font-size:16px}.latest-row{padding:12px 8px}.latest-row button{min-height:40px}.announcement{padding:12px 18px;margin:0 0 14px;background:#fff3d8;color:#694414;border-radius:10px;font-size:13px}
.leaderboard-table{display:block;overflow:auto}.test-main,.question-box,.test-layout>*{min-width:0}.palette{grid-template-columns:repeat(5,minmax(0,1fr))}.option{line-height:1.8}.question{line-height:1.9}.footer{line-height:1.9}
.exam-grid>.loading,.exam-grid>.empty{grid-column:1/-1}.empty .btn{margin-top:14px}
@media(max-width:1100px){.navlinks{display:none}.exam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-left:13%;padding-right:24%}.home-panels{grid-template-columns:1fr 1fr}.home-panel:last-child{grid-column:1/-1}}
@media(max-width:700px){.container{padding:0 14px}.nav{min-height:68px}.brand-name{font-size:20px}.logo{width:36px;height:36px}.brand-title small{display:block;font-size:8px}.userbox span,.userbox .avatar{display:none}.btn{font-size:12px;padding:11px 12px}.hero{min-height:0;padding:28px 22px clamp(140px,34vw,200px);background-image:linear-gradient(180deg,#f5faff 0%,#f5faff 55%,#f5faff00 76%),var(--hero-image);background-position:center,bottom center;background-size:100% 100%,100% auto;background-repeat:no-repeat;background-color:#f5faff}.hero h1{font-size:32px;letter-spacing:-.8px}.hero p{font-size:14px}.hero-cta{gap:8px}.hero-cta .btn{width:auto;flex:1;padding:12px 10px}.stats{gap:7px}.stat{padding:14px 8px;text-align:center}.stat-icon{position:static;display:none}.stat b{font-size:22px}.stat span{font-size:10px}.feature-strip{grid-template-columns:1fr;gap:0}.feature{padding:8px 5px}.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-card{min-height:145px}.home-panels{grid-template-columns:1fr}.home-panel:last-child{grid-column:auto}.section-heading{align-items:stretch}.searchbox{min-width:0;width:100%}.test-actions{flex-wrap:wrap}.test-top{gap:10px}.question-box{padding:16px}.question{font-size:18px}.mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.screen{padding-top:14px}.history-item{align-items:flex-start}.exam-banner h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V5: compact exam view and readable result tables */
.test-top-tools{display:flex;align-items:center;gap:10px}.palette-toggle,.palette-close{display:none}.review-item{margin-top:12px}.review-item b{color:var(--navy)}.review-correct{color:#087443;font-weight:700}
#leaderboardArea{max-width:100%;overflow-x:auto}.leaderboard-table{width:100%;min-width:520px;display:table;white-space:nowrap}.leaderboard-table th,.leaderboard-table td{white-space:nowrap}
@media(max-width:700px){
  body.test-active{padding-bottom:0;overflow:hidden}.test-active .mobile-nav{display:none}.test-active .footer{display:none}
  #test.screen{height:calc(100vh - 68px);height:calc(100dvh - 68px);padding:6px 0;overflow:hidden}
  #test .test-layout{height:100%;display:block;position:relative}
  #test .test-main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:14px}
  #test .test-top{flex:none;padding:8px 12px;align-items:center;min-height:52px}
  #test .test-top strong{display:block;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
  #test .test-top .timer{font-size:14px;white-space:nowrap}
  #test .palette-toggle{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:4px;font-size:20px}
  #test .question-box{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px 8px;overflow:hidden}
  #test .question-box>div:first-child{flex:none;font-size:13px;font-weight:700;color:var(--muted)}
  #test .question{flex:0 1 auto;min-height:0;max-height:27%;overflow-y:auto;font-size:16px;line-height:1.45;margin:7px 0 8px}
  #test #options{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  #test .option{font-size:14px;line-height:1.4;padding:10px 12px;margin:3px 0;min-height:42px}
  #test .test-actions{flex:none;display:flex;gap:5px;margin:6px 0 0}
  #test .test-actions>div{display:flex;gap:5px}.test-active .test-actions .btn{min-height:42px;padding:7px 10px;font-size:12px}
  #test .palette-card{display:none;position:fixed;z-index:35;left:12px;right:12px;bottom:12px;max-height:60dvh;overflow:auto;box-shadow:0 12px 42px #102e5b55}
  #test .palette-card.open{display:block}.test-active .palette-close{display:inline-block;float:right;border:0;background:none;font-size:24px;line-height:1;color:var(--navy)}
  #leaderboard .card{padding:16px}#leaderboardArea .leaderboard-table{min-width:520px}
}