/* Responsive branding and touch layouts. Keep the original logo fully visible. */
.brand,.logo-crop,.kaja-logo-crop{overflow:visible!important;flex-shrink:0}
header .brand img,.logo-crop img,.site-header .brand .kaja-logo-crop img{position:static!important;inset:auto!important;max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain!important}
body>header>.brand{width:190px;height:auto;min-height:80px;display:flex;flex-direction:column;justify-content:center}
body>header>.brand img{height:78px!important}
.mobile-school-name{display:none}
.portal-brand .logo-crop{width:180px;height:94px}
.site-header .brand .kaja-logo-crop{width:165px;height:90px}
@media(max-width:760px){
 body>header:not(.site-header):not(.color-header):not(.portal-header){height:auto;min-height:104px;padding:8px 5%;gap:14px;align-items:center}
 body>header>.brand{width:190px;min-width:0;max-width:calc(100% - 88px);min-height:82px}
 body>header>.brand img{height:66px!important;width:100%!important}
 .mobile-school-name{display:block;font:600 12px/1.35 Arial,sans-serif;color:#092f63;text-align:center;white-space:normal}
 body>header>nav#nav{top:100%;box-shadow:0 12px 18px #092f6312;max-height:calc(100dvh - 110px);overflow-y:auto}
 .portal-header{gap:12px;flex-wrap:wrap}.portal-brand{gap:8px;min-width:0;max-width:calc(100% - 84px);flex-direction:column;align-items:flex-start}.portal-brand .logo-crop{width:180px;height:80px}.portal-brand .mobile-school-name{width:180px}.portal-header nav{top:100%;max-height:70dvh;overflow-y:auto}.portal-header nav a{min-height:44px;display:flex;align-items:center}
 .site-header .brand.kaja-exam-brand{display:flex;align-items:flex-start;gap:0!important;flex-direction:column;max-width:100%;width:auto}.site-header .brand .kaja-logo-crop{width:175px;height:78px}.kaja-exam-brand .mobile-school-name{width:175px}
 .site-header nav{display:flex;flex-wrap:wrap;gap:8px!important;width:100%;justify-content:flex-start}.site-header nav a{min-height:44px;padding:10px 12px!important;display:inline-flex;align-items:center}
 .color-header>a:first-child{flex-wrap:wrap;line-height:1.45}.color-header img{object-fit:contain!important;flex-shrink:0}.color-header>a:last-child{min-height:44px;display:inline-flex;align-items:center}
 main,section,article,.hero-copy,.course-content,.results,.mode-card,.support-card{min-width:0}
 input,select,textarea{font-size:16px!important}button,summary{touch-action:manipulation}summary{min-height:44px;padding-top:8px;padding-bottom:8px}
 .answers{grid-template-columns:1fr}.answers button{min-height:48px}.exam-top{flex-wrap:wrap;gap:6px}.graph{padding:14px}.graph>div{gap:8px}
 .learning-strip{gap:14px;font-size:13px}.learning-strip span{line-height:1.5}.hero-note{flex-wrap:wrap}.passer-heading h3{line-height:1.2}
 .portal-button{max-width:100%;white-space:normal}.mode-card{padding:24px 20px}.portal-hero h1{font-size:clamp(37px,9vw,56px)}.portal-footer{overflow-wrap:anywhere}
 .skills-panel{padding:20px 16px!important}.video-controls{flex-wrap:wrap;gap:10px}.video-controls button{min-height:46px}.skills-panel button{white-space:normal;max-width:100%}
 .kaja-session-stats{gap:24px;flex-wrap:wrap}.kaja-session-form{padding:22px 16px}.kaja-audio-heading{flex-wrap:wrap}.kaja-soundcheck{padding:18px!important}
}
@media(max-width:360px){.learning-strip{grid-template-columns:1fr}h1{font-size:36px}.hero-photo{height:290px}.button{padding:12px 18px}.portal-brand .logo-crop,.portal-brand .mobile-school-name{width:160px}.mobile-school-name{font-size:11px}}
