/* NIN sticky header UX v2; scoped additions, existing live build retained. */
html { scroll-padding-top: 12rem; }
.site-header { position: sticky; top: 0; z-index: 30; }
.site-header .header-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem 1rem; padding-block:.75rem; }
.site-header .wordmark { white-space:nowrap; }
.site-header .header-registration-search { order:3; flex-basis:100%; display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .75rem; justify-content:center; }
.site-header .header-registration-search > label { font-size:.875rem; font-weight:700; }
.site-header .header-registration-search > div { display:flex; align-items:center; gap:.5rem; }
.site-header .header-registration-plate { display:inline-flex; width:180px; height:44px; overflow:hidden; border-radius:.375rem; border:2px solid #0c0a09; background:#fcd34d; color:#0c0a09; font-weight:700; }
.site-header .header-registration-plate > span { display:flex; flex:none; width:24px; flex-direction:column; align-items:center; justify-content:center; background:#1e40af; color:white; font-size:.75rem; }
.site-header .header-registration-plate > span > span:first-child { color:#fde047; }
.site-header .header-registration-plate input { min-width:0; width:100%; background:transparent; text-align:center; font-family:var(--font-mono,monospace); font-size:1.25rem; font-weight:700; text-transform:uppercase; color:#000; }
.site-header .header-registration-plate input::placeholder { color:#A6A6A6; opacity:1; }
.site-header .header-registration-plate:focus-within { outline:3px solid var(--color-accent); outline-offset:3px; }
.site-header .header-registration-plate input:focus-visible { outline:none; }
.site-header .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header .header-registration-error { flex-basis:100%; }
@media(min-width:64rem) { html { scroll-padding-top:6rem; } .site-header .header-row { min-height:72px; gap:.75rem 1.5rem; } .site-header .header-registration-search { order:0; flex:1; justify-content:center; } }
