@media(max-width:960px){
  .main-nav{display:none}
  .result-grid{grid-template-columns:1fr}
  .side-column{grid-template-columns:1fr 1fr}
  .not-found-card{grid-template-columns:1fr}
}

@media(max-width:700px){
  .shell{width:100%}
  .header-inner{min-height:68px}
  .brand-lockup strong{font-size:16px}
  .brand-lockup small{font-size:12px}
  .brand-mark{width:38px;height:38px;font-size:23px}
  .lang-button{min-width:56px}

  .hero{padding:44px 14px 24px}
  .hero h1{font-size:38px;letter-spacing:-1.6px}
  .hero p{font-size:14px}

  .search-card{margin:24px 10px 0;padding:15px;border-radius:18px}
  .search-row{display:block}
  .input-shell input{height:60px;font-size:14px}
  .primary-button{width:100%;height:56px;margin-top:10px}

  .result-area{padding-bottom:24px}
  .verification-column{border-radius:20px 20px 0 0}
  .success-banner{padding:16px 12px;align-items:flex-start}
  .success-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
  .success-banner h2{font-size:16px}
  .success-banner p{font-size:10px}
  .status-pill{font-size:8px;padding:7px 9px}

  .certificate-panel{padding:8px 0}
  .certificate-shell{border-radius:6px;border-left:0;border-right:0}
  .cert-name{font-size:3.05cqw;white-space:normal}
  .cert-program{font-size:3.45cqw}
  .cert-license,.cert-dates,.cert-accreditation,.cert-cpd{font-size:1.75cqw}
  .cert-serial{font-size:1.5cqw}

  .action-bar{grid-template-columns:1fr;padding:8px}
  .action-button{min-height:50px}

  .side-column{grid-template-columns:1fr;padding:0 8px}
  .side-card{border-radius:14px}
  .qr-frame{width:214px}

  .not-found-card{margin:0 10px}
  .not-found-left,.not-found-right{padding:24px 18px}
  .not-found-right h3{font-size:22px}

  .info-strip{grid-template-columns:1fr;padding:0 10px 36px}
  .footer-inner{min-height:92px;flex-direction:column;justify-content:center;text-align:center;gap:8px}

  .preview-modal{padding:0}
  .preview-dialog{width:100vw;max-height:100vh;border-radius:0}
  .preview-toolbar{padding:9px}
  .modal-canvas{padding:0;min-height:calc(100vh - 58px)}
  .modal-canvas .certificate-shell{
    width:1000px;
    max-width:none;
    transform-origin:top left;
  }
}

@media(max-width:420px){
  .hero h1{font-size:33px}
  .success-banner{gap:9px}
  .success-icon{width:42px;height:42px;flex-basis:42px}
  .status-pill{max-width:74px;text-align:center}
}


@media(max-width:700px){
  .wordmark-lockup{
    min-width:auto;
  }

  .wordmark strong{
    font-size:23px;
    letter-spacing:1.45px;
  }

  .wordmark small{
    margin-top:6px;
    font-size:10px;
    letter-spacing:7.2px;
  }

  .hero h1{
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
    font-size:clamp(34px,10.7vw,44px);
    line-height:1.1;
    letter-spacing:-.65px;
    word-spacing:1px;
  }
}

@media(max-width:390px){
  .wordmark strong{
    font-size:20px;
  }

  .wordmark small{
    font-size:9px;
    letter-spacing:6.2px;
  }

  .hero h1{
    font-size:32px;
    line-height:1.12;
    letter-spacing:-.45px;
  }
}


@media(max-width:700px){
  .success-banner{
    flex-wrap:wrap;
  }

  .success-meta{
    flex-wrap:wrap;
    gap:7px;
  }

  .side-actions{
    grid-template-columns:1fr;
  }

  .toast{
    right:10px;
    bottom:10px;
    left:10px;
    max-width:none;
    text-align:center;
  }
}