/* Shared arrow shapes and comfortable touch targets across all query states. */
.ui-arrow{display:block;width:16px;height:16px;flex-shrink:0}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 0 8px 12px;font-size:12px;white-space:nowrap}
.navigation>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.help-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:-10px -8px -10px 0;padding:0;border:0;font-size:11px;line-height:1}
.help-trigger::before{content:"";position:absolute;inset:13px;border:1px solid #aab9c5;border-radius:50%;pointer-events:none}
.help-trigger:hover::before{border-color:var(--blue)}
.record-number{min-width:0;align-items:flex-start}
.record-number>span{min-width:0;flex:1;padding-top:11px;overflow-wrap:anywhere}
.record-number button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
.record-number button svg{width:17px;height:17px}
.result-status>div{min-width:0}
.result-status h2,.result-status p{overflow-wrap:anywhere}
.button-secondary{min-height:48px}
.text-button{color:#5e7185}
.record-number button{color:#63788b}

/* One official lockup, arranged like the supplied navy reference. */
.site-footer{background:#082d59;color:#bdcada;padding-top:30px;padding-bottom:env(safe-area-inset-bottom,0px)}
.site-footer .footer-main{align-items:center;gap:26px;padding-bottom:26px}
.footer-lockup{display:flex;align-items:center;gap:15px;width:450px;max-width:100%;min-width:0;min-height:52px}
.footer-seal{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;opacity:.8}
.footer-seal img{width:150%;height:auto;max-width:none;flex-shrink:0}
.footer-institute{display:block;min-width:0;width:calc(100% - 67px);height:auto;filter:brightness(0) invert(1);opacity:.82}
.site-footer .footer-code{margin:0;flex-shrink:0;font-size:12px;line-height:1.8;letter-spacing:.4px;color:#b8c8da}
.site-footer .footer-bottom{align-items:center;border-color:#ffffff24;color:#a8bbd0;padding:12px 0;font-size:10px;gap:10px 20px}
.footer-bottom>a{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom>a:hover{color:#fff}
.toast{bottom:calc(20px + env(safe-area-inset-bottom,0px))}

@media(max-width:1000px){
  .header-inner{min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:0;gap:2px}
  .brand{width:100%;justify-content:flex-start}
  .navigation{gap:25px;width:100%;font-size:12px;padding-left:60px}
  .navigation>a{padding:12px 0}
  .navigation .official-link{display:inline-flex;border:0;padding-left:0;margin-left:auto;font-size:11px}
  .nav-active:after{bottom:1px}
}
@media(max-width:1000px){
  input{min-height:50px;font-size:16px}
  input::placeholder{font-size:12px;color:#657586}
  .field label{font-size:13px}
  .panel-description{font-size:12px}
  .field-help{font-size:11px;color:#5e7185}
  .field-error,.query-error{font-size:12px}
  .captcha-button{min-height:50px}
  .button-primary,.button-secondary{min-height:50px}
  .button-reset{min-height:44px;font-size:12px}
  .privacy-note{font-size:10px;line-height:1.8;color:#657586}
  .panel-foot{font-size:9px;letter-spacing:.2px}
  .faq-list summary{font-size:13px}
  .faq-list details>div{font-size:12px;line-height:1.9;color:#617285}
  .record-detail{font-size:13px;line-height:1.8;grid-template-columns:76px minmax(0,1fr)}
  .record-detail dt{color:#677483}
  .result-status p,.result-notice{font-size:12px}
  .result-notice{color:#755f37}
  .result-disclaimer{font-size:11px;color:#657586}
  .result-actions>.button-primary,.result-actions>.button-secondary{font-size:13px}
  .site-footer .footer-main{flex-direction:column;align-items:flex-start;gap:18px}
  .footer-lockup{width:450px}
  .site-footer .footer-code{font-size:11px}
  .query-loading-description{font-size:12px}
  .query-loading-cancel{font-size:12px}
}
@media(max-width:480px){
  .header-inner{padding-top:10px}
  .navigation{padding-left:50px;gap:16px;font-size:11px}
  .navigation .official-link{font-size:11px}
  .navigation .official-link .external-arrow{width:13px;height:13px;margin-left:3px}
  .form-grid{gap:20px 14px}
  .form-actions>.button-primary{font-size:13px}
  .steps{grid-template-columns:1fr;gap:20px}
  .step{flex-direction:row;gap:18px;align-items:flex-start}
  .step:not(:last-child){border-right:0;border-bottom:1px solid #dddeda;padding:0 0 20px}
  .step-number{font-size:30px;min-width:36px}
  .step h3{font-size:13px;margin-bottom:5px}
  .step p{font-size:12px;line-height:1.8;color:#657586}
  .section-heading h2{font-size:23px}
  .record-number{font-size:12px}
  .certificate-record h3{font-size:20px}
  .site-footer{padding-top:26px}
  .site-footer .footer-main{gap:15px;padding-bottom:20px}
  .footer-lockup{gap:10px;min-height:44px}
  .footer-seal{flex-basis:40px;width:40px;height:44px}
  .footer-institute{width:calc(100% - 50px)}
  .site-footer .footer-bottom{font-size:10px;gap:4px 16px;padding:10px 0 14px}
  .toast{font-size:12px;max-width:calc(100vw - 36px);padding:12px 16px}
}
@media(max-width:380px){
  .navigation{padding-left:0;gap:12px}
  .privacy-note{align-items:flex-start}
  .privacy-note svg{margin-top:3px}
  .panel-foot{gap:8px;font-size:8px}
  .footer-lockup{gap:8px}
  .footer-seal{flex-basis:36px;width:36px}
  .footer-institute{width:calc(100% - 44px)}
}