/* Schoolboard shared enhancement layer. Original page styles remain the primary source of truth. */
:root{--sb-primary:#1e3a8a;--sb-accent:#f59e0b;--sb-ink:#111827;--sb-bg:#f6f8fc;}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;}
button,input,select,textarea{font:inherit;}
a{overflow-wrap:anywhere;}

/* Consistent modern surfaces across the original pages. */
.card,.feature-card,.founder-history-card,.hero-card,.form-card,.result-card{border-radius:18px;}
.card,.feature-card,.founder-history-card,.form-card{box-shadow:0 10px 30px rgba(15,23,42,.07);}
.btn-next,.home-btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.btn-next:hover,.home-btn:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 8px 22px rgba(30,58,138,.18);}

/* Small-screen layout protection for the original fixed/desktop elements. */
@media (max-width:700px){
  nav{gap:10px!important;}
  header{padding-left:16px!important;padding-right:16px!important;}
  .main-content,main{width:min(100% - 24px,1100px)!important;margin-left:auto!important;margin-right:auto!important;}
  .features{grid-template-columns:1fr!important;}
  #schoolModal .modal-inner{width:calc(100% - 20px)!important;max-height:90vh!important;padding:14px!important;}
  #schoolList{max-height:42vh!important;}
  #trackPanel{flex-wrap:wrap!important;}
  #trackPanel .track-btn{flex:1 1 110px;}
  .footer{padding-left:16px!important;padding-right:16px!important;}
}
@media (min-width:701px){
  .features{gap:18px;}
}

.data-error{padding:18px;border-radius:12px;background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3;text-align:center;}