@media (max-width:700px){
  .container{width:min(100% - 22px,1160px)}
  .page-main{padding-top:25px}
  .header-inner{min-height:70px;align-items:flex-start;padding:13px 0}
  .main-nav{gap:9px;flex-wrap:wrap;justify-content:flex-end;font-size:.8rem}
  .brand-school{max-width:210px}
  .portal-grid{grid-template-columns:1fr}
  .portal-card{padding:23px}
  .page-heading{align-items:flex-start;flex-direction:column}
  .answer-grid{grid-template-columns:1fr}
  .detail-header{align-items:flex-start;flex-direction:column}
  .form-shell,.auth-card,.notice-card{padding:21px}
  .form-actions .button{width:100%}
  .auth-links{flex-direction:column}
  .code-box{font-size:1rem}
  .data-table{min-width:560px}
}