/* Isolated navigation styles: do not override scanner inputs, consent or controls. */
.scanner-page .site-header{max-width:1400px;margin:auto;padding:24px clamp(20px,5vw,64px) 12px;background:#fff;border-bottom:1px solid var(--line)}
.scanner-page .header-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.scanner-page .brand{display:block;flex-shrink:0}.scanner-page .brand img{width:240px;height:auto;display:block}
.scanner-page #navigation{display:flex;align-items:center;gap:24px}.scanner-page #navigation a{text-decoration:none;color:var(--navy);font-size:15px}.scanner-page #navigation .nav-cta{padding:14px 20px;background:#f9f6f3;border:1px solid #dfbba5;border-radius:4px;white-space:nowrap}.scanner-page #navigation .nav-cta span{color:var(--copper);margin-left:12px}
.scanner-page .menu-toggle{display:none}.scanner-page .market-bar{display:flex;justify-content:flex-end;padding-top:16px}.scanner-page .market-selector{display:flex;align-items:center;gap:12px;font-size:12px}.scanner-page .market-selector a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}.scanner-page .market-selector span{color:var(--muted)}
.scanner-page .scanner-library{font-size:13px;color:var(--muted);line-height:1.7;max-width:74ch;padding:14px 0}.scanner-page .hero h1{max-width:18ch}.scanner-page #code-details{border-top:1px solid var(--line);padding-top:20px}.scanner-page #code-details summary{margin-bottom:18px}.scanner-page .next-step p{max-width:65ch;color:var(--muted);line-height:1.7}.scanner-page .next-step .jump{font-size:16px}
@media(max-width:1100px){.scanner-page #navigation{gap:14px}.scanner-page #navigation a{font-size:13px}.scanner-page .brand img{width:210px}}
@media(max-width:850px){.scanner-page .header-inner{flex-wrap:wrap}.scanner-page .brand img{width:220px}.scanner-page .menu-toggle{display:block;background:#fff;color:var(--navy);border:0;padding:8px;font-weight:400}.scanner-page .menu-toggle span{margin-left:12px}.scanner-page #navigation{display:none;flex-basis:100%;padding-block:16px;flex-direction:column;align-items:stretch}.scanner-page #navigation.is-open{display:flex}.scanner-page #navigation a{font-size:16px;min-height:44px;padding:10px 0}.scanner-page #navigation .nav-cta{padding-inline:16px}.scanner-page .market-bar{padding-top:8px}.scanner-page .site-header{padding-top:20px}.scanner-page .hero{padding-top:48px}}
@media(max-width:380px){.scanner-page .brand img{width:185px}.scanner-page .header-inner{gap:10px}}