@media(max-width:900px){
  body{overflow-x:hidden}
  .site-header{position:relative;padding:16px;gap:14px}
  .brand{width:100%;justify-content:center;text-align:left}
  .brand-logo,.logo-fallback{width:54px;height:54px;flex:0 0 auto}
  .brand-name{font-size:22px;letter-spacing:1.5px}
  .brand-kicker,.brand-line{letter-spacing:2px}
  nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;letter-spacing:1px}
  nav a,.nav-button{display:block;text-align:center;padding:11px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
  .hero{margin:14px 10px;padding:28px 16px;border-radius:18px}
  .seal{width:72px;height:72px;font-size:30px}
  h1{font-size:30px;line-height:1.12}
  h2{font-size:24px}
  .hero-copy,.admin-subtitle{font-size:15px;line-height:1.6}
  .verify-form{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
  .verify-form input,.verify-form button{width:100%;font-size:15px}
  .info-grid{grid-template-columns:1fr;margin:14px 10px 34px;padding:0;gap:12px}
  footer{padding:20px 14px;gap:10px;text-align:center;font-size:13px}
  .admin-shell{padding:14px 10px}
  .admin-login-card{padding:28px 16px;border-radius:20px;margin:12px 0}
  .admin-login-card .admin-logo{width:70px;height:70px}
  .admin-login-card h1{font-size:30px}
  .login-form{max-width:none;width:100%}
  .dashboard-header{padding:18px;border-radius:18px;gap:14px;align-items:stretch}
  .dashboard-header>div{width:100%}
  .admin-actions{display:grid!important;grid-template-columns:1fr;width:100%;gap:10px}
  .admin-actions a,.admin-actions button,.dashboard-header .secondary-btn{width:100%;text-align:center}
  .stats-row{grid-template-columns:1fr;gap:10px}
  .stats-row article{padding:18px;text-align:center}
  .admin-grid{grid-template-columns:1fr;gap:14px}
  .panel{padding:18px;border-radius:16px}
  .panel-head{gap:10px;align-items:stretch}
  .panel-head .secondary-btn{width:100%}
  .two-col{grid-template-columns:1fr;gap:8px}
  .record{padding:16px;border-radius:14px}
  .record-top{gap:8px}
  .record-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .record-actions button{width:100%;min-width:0;padding:12px 10px;font-size:12px;letter-spacing:.6px}
  .modal-backdrop{padding:10px;align-items:start;overflow:auto}
  .modal-card{margin-top:10px;width:100%;max-height:none;padding:20px;border-radius:18px}
  .modal-head{padding-left:0;display:grid;grid-template-columns:1fr;gap:12px}
  .modal-head .secondary-btn{width:100%}
  .result-grid{grid-template-columns:1fr;gap:6px}
  .template-page{padding:14px 10px}
  .template-layout,.template-meta{grid-template-columns:1fr!important}
  .template-box{min-height:320px;font-size:14px}
}
@media(max-width:420px){
  .brand-name{font-size:19px}
  h1{font-size:26px}
  nav{grid-template-columns:1fr}
  .primary-btn,.verify-form button,.panel button,#loginBtn{padding:14px 14px;letter-spacing:1px}
}