/* Small shared refinements preserve the approved navy and gold reference. */
:root{--ui-focus:#957018;--ui-line:#cbd8e0}
::selection{background:#f3c64f;color:#10324c}
a,button,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}
input,textarea{caret-color:#10324c}
input::placeholder,textarea::placeholder{color:#66798a!important;opacity:1}
.reference-home .ref-header{min-height:74px}
.reference-home .ref-header nav{font-size:13px;gap:22px;margin-left:20px}
.ref-header .header-search{height:40px;min-width:150px;max-width:260px;flex:1}
.ref-header .header-search input{font-size:12px;padding:10px}
.ref-header .header-search button{width:40px;flex-shrink:0}
.ref-header .quote{font-size:12px;min-height:40px;padding:10px 14px;flex-shrink:0}
.ref-header nav a{min-height:40px;display:flex;align-items:center}
.ref-footer a:not(.ref-logo),.ref-footer p{font-size:12px;line-height:1.65}
.ref-footer h3{font-size:14px}
.ref-footer a:not(.ref-logo){padding-block:3px}
.inner-page main p{max-width:75ch}
.inner-page .model-spec-table{font-variant-numeric:tabular-nums}
.inner-page .spec-model-card h2{font-family:Barlow,Arial,sans-serif;font-size:23px;line-height:1.3}
.inner-page .spec-model-card>span{color:#78601e}
.inner-page .spec-model-card p,.inner-page .source-note{color:#566d7e}
.inner-page .spec-model-card:hover{border-color:#ad8422;background:#fffdf6}
.inner-page .spec-model-card[hidden]{display:none}
.inner-page .model-search input,.inner-page .model-search select{font-size:16px}
.refinement-results{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding-top:28px;color:#536b7c}
.refinement-results p{margin:0;font-size:14px}
.refinement-results button{min-height:44px;border:1px solid #10324c;background:white;color:#10324c;padding:11px 24px;font:600 14px Barlow,Arial,sans-serif;cursor:pointer}
.refinement-results button:hover{background:#10324c;color:white}
.refinement-results button[hidden]{display:none}
.inner-page .photo-controls button{width:44px;height:44px;border:1px solid var(--ui-line);cursor:pointer}
.inner-page #photo-thumbs{scrollbar-width:thin;scrollbar-color:#8a9daa #edf2f5}
.inner-page .export-stages{grid-template-columns:repeat(3,minmax(0,1fr))}
.inner-page .category-brief .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.inner-page .steps article{scroll-margin-top:25px}
@media(max-width:1100px){
 .reference-home .ref-header{height:74px}
 .ref-header>.ref-wrap{gap:16px}
 .reference-home .ref-header nav{display:none;position:absolute;inset:74px 0 auto;margin:0;padding:18px 5%;background:#fff;border-top:1px solid #e1e7eb;box-shadow:0 8px 18px #10324c14;font-size:16px;z-index:20}
 .reference-home .ref-header nav.open{display:flex;flex-direction:column;gap:2px}
 .reference-home .ref-header nav a{min-height:44px;padding:8px 0}
 .reference-home .menu-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;margin:0;padding:0;border:1px solid #dce5eb;background:white;color:#10324c;font-size:24px;cursor:pointer}
 .ref-header .quote{margin-left:auto}
 .ref-header .header-search{margin-left:auto;max-width:320px}
 .inner-page .export-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .reference-home .ref-header{min-height:74px}
 .ref-header>.ref-wrap{gap:10px}
 .ref-header .header-search{display:none}
 .ref-header .quote{font-size:11px;padding:10px;gap:5px}
 .inner-page .export-stages,.inner-page .category-brief .steps{grid-template-columns:1fr}
 .ref-footer a:not(.ref-logo){min-height:36px;padding-block:8px}
 .inner-page .spec-model-card{padding:21px}
}
@media(max-width:360px){
 .ref-header>.ref-wrap{width:94%;gap:7px}
 .ref-header .ref-logo>span{font-size:17px}
 .ref-header .company-logo{width:30px;height:30px}
 .ref-header .ref-logo{gap:4px}
 .ref-header .ref-logo small{font-size:4px;letter-spacing:.6px}
 .ref-header .quote{font-size:10px;padding:8px;gap:3px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Correction pass: make small carousel actions and keyboard gallery focus visible. */
.feature-tools button{min-width:40px;min-height:40px;cursor:pointer}
.inner-page [aria-label^="Equipment photo gallery"]:focus-visible{outline:3px solid var(--ui-focus);outline-offset:5px}
@media(pointer:coarse){.feature-tools button{min-width:44px;min-height:44px}}
/* The same functional search form travels into the compact menu. */
@media(max-width:1100px){
 .reference-home .ref-header nav{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain}
 .ref-header nav .header-search{display:flex;flex:none;width:100%;max-width:none;min-width:0;height:46px;margin:0 0 12px}
 .ref-header nav .header-search input{font-size:16px}
 .ref-header nav .header-search button{width:46px}
}
.ref-header .header-search input{color:#10324c}