/* Final phone composition: readable controls and clear hierarchy. */
body[data-page="academy-calendar"] .site-header{background:#f5f7fa;color:#0b0f15}
body[data-page="academy-calendar"] .site-header .brand .logo-w{opacity:0!important}
body[data-page="academy-calendar"] .site-header .brand .logo-k{opacity:1!important}
body[data-page="academy-calendar"] .site-header .nav-links a{color:#263c48}
body[data-page="academy-calendar"] .site-header .nav-links a.active{color:#0093c4}
body[data-page="academy-calendar"] .site-header .burger span,body[data-page="academy-calendar"] .site-header .burger span::before,body[data-page="academy-calendar"] .site-header .burger span::after{background:#0b0f15!important}
@media(max-width:600px){
 .cam-hero,.gov-hero,.cax-hero{padding:104px 0 36px}
 .abl-hero .wrap,.cam-hero .wrap,.kids-hero .wrap,.gov-hero .wrap,.cax-hero .wrap{gap:28px}
 .abl-hero .abl-orb,.cam-hero .cam-loop,.kids-hero .kids-orb,.gov-hero .gov-shield{order:0;max-width:280px;justify-self:center}
 .cam-hero .lead,.gov-hero .lead,.kids-hero .lead,.abl-hero .lead{font-size:16px;line-height:1.75}
 [data-eh-hero] .btn--lg{font-size:14px;padding:14px 18px;min-height:48px}
 [data-eh-hero] .hero-actions,[data-eh-hero] .coe-actions,[data-eh-hero] .iso-hero-actions,[data-eh-hero] .cax-hero-actions,[data-eh-hero] .cam-hero-actions,[data-eh-hero] .abl-hero-actions,[data-eh-hero] .kids-hero-actions,[data-eh-hero] .gov-hero-actions{gap:12px 18px;align-items:center;margin-top:24px}
 [data-eh-hero] .btn[class*="ghost"]{border-color:transparent;box-shadow:none;background:transparent;padding-inline:0;min-height:44px}
 body[data-page="isorobot"] .iso-logo{font-size:28px;margin-top:14px!important}
 body[data-page="isorobot"] .wh-copy h1{margin-top:20px}
 .xa-chat-top{flex-wrap:wrap;gap:8px 14px;padding:18px 16px}
 .xa-agent,.xa-agent>div{min-width:0}
 .xa-reset{margin-left:auto;max-width:none;min-height:44px;white-space:nowrap;font-size:12px;padding:8px 0;flex:0 0 auto}
 .xa-compose textarea{font-size:16px}
 .gov-card .ch{flex-wrap:wrap;gap:10px;align-items:flex-start}
 .gov-card .ch h4{line-height:1.5}
}

@media(max-width:600px){
 .gov-dash-bar{flex-wrap:wrap;gap:10px;padding:18px}
 .gov-dash-bar .title{flex:1 0 calc(100% - 56px);font-size:14px;line-height:1.5}
 .gov-dash-bar .chip,.gov-dash-bar .live{font-size:12px;line-height:1.5;max-width:100%;white-space:normal}
 .gov-dash-bar .chip{padding:6px 9px}
 .gov-dash-bar .live{margin-left:0}
}
/* Read the ecosystem names as clear tiles rather than tiny crowded circle labels. */
@media(max-width:600px){
 body[data-page="national-ai-coe"] #ecoRing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;aspect-ratio:auto;max-width:none}
 body[data-page="national-ai-coe"] #ecoRing .ring-line{display:none}
 body[data-page="national-ai-coe"] #ecoRing .eco-core{position:static;grid-column:1/-1;inset:auto;border-radius:12px;box-shadow:none;padding:16px;font-size:16px;line-height:1.5}
 body[data-page="national-ai-coe"] #ecoRing .eco-node{position:static;width:auto;height:auto;min-height:56px;margin:0;border-radius:12px;flex-direction:row;justify-content:flex-start;gap:10px;padding:12px;text-align:left;box-shadow:none;transform:none}
 body[data-page="national-ai-coe"] #ecoRing .eco-node svg{width:22px;height:22px;flex-shrink:0}
 body[data-page="national-ai-coe"] #ecoRing .eco-node span{font-size:14px;line-height:1.5;min-width:0}
}
@media(max-width:360px){body[data-page="national-ai-coe"] #ecoRing .eco-node svg{display:none}}