*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#18283a;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#075b89}header{background:#102b43;color:#fff;padding:1.5rem max(1rem,calc((100vw - 1100px)/2))}header h1{margin:.3rem 0;font-size:2rem}.brand-logo{display:block;width:400px;max-width:100%;height:auto}header p{margin:.2rem 0;color:#c7d9e5}.topnav{display:flex;gap:1.4rem;flex-wrap:wrap;margin-bottom:1rem}.topnav a{color:#fff}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;max-width:1600px;margin:2rem auto;padding:0 1rem}aside.toc{align-self:start;position:sticky;top:1rem;max-height:90vh;overflow:auto;font-size:1rem}aside.toc a{display:block;margin:.35rem 0}main{background:#fff;padding:2rem clamp(1.2rem,2vw,2.5rem);border:1px solid #dce4e9;border-radius:10px;min-width:0}main h1{font-size:1.7rem;border-top:2px solid #dce8ef;padding-top:1.4rem;margin-top:2.6rem}main h2{font-size:1.3rem;margin-top:2rem}main h3{font-size:1.08rem}blockquote{margin:0;padding:0;border:0}img{max-width:100%;height:auto;object-fit:contain}p:has(>img){text-align:center}figure{margin:1.2rem 0}figure img{display:block;max-width:100%;height:auto;margin:auto}figcaption{text-align:center;color:#566b77;font-size:.9rem;margin-top:.45rem}.kit-photo{max-width:740px;margin:1.3rem auto}.manual-figure{max-width:800px;margin:1.3rem auto}table{border-collapse:collapse;width:100%;margin:1.2rem 0}.data-table{overflow-x:auto;max-width:100%;margin:1.2rem 0;border:1px solid #d5e1e7}.data-table table{margin:0;width:max-content;min-width:100%;font-size:.94rem}.data-table th,.data-table td{white-space:nowrap;padding:.42rem .6rem}.data-table tbody tr:nth-child(even){background:#f5f9fb}.bit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem}.bit-grid .data-table table{width:100%}.bit-grid .data-table th,.bit-grid .data-table td{white-space:normal}.vehicle-data th{min-width:145px}.vehicle-data td:nth-child(2){min-width:110px;background:#f4f4f4}th,td{border:1px solid #cbd8df;padding:.5rem;text-align:left;vertical-align:top}th{background:#e9f2f6}caption{text-align:left;font-weight:700;margin-bottom:.4rem}.note,.safety{display:block;padding:1rem 1.2rem;margin:1.3rem 0;border-left:4px solid #15749f;background:#eef7fb}.safety{border-color:#b9482a;background:#fff3ee}.draft{background:#fff0c9;padding:.7rem 1rem;color:#553b00}.checklist li{margin:.55rem 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{border:1px solid #cbd8df;border-radius:7px;padding:1rem}.muted{color:#566b77}footer{text-align:center;padding:2rem;color:#566b77}@media(max-width:1200px){.layout{display:block;margin:0 auto;max-width:100%;padding:0 1rem}aside.toc{position:static;max-height:9rem;overflow:auto;display:flex;flex-wrap:wrap;gap:.3rem 1rem;padding:1rem 0}aside.toc a{margin:0}main{padding:1.4rem}}@media(max-width:780px){.layout{padding:0}aside.toc{padding:1rem;max-height:7rem}main{padding:1.1rem;border-radius:0}.data-table table{font-size:.9rem}}@page{size:A4;margin:16mm 15mm}@media print{body{background:#fff;font-size:10pt}header{background:#fff;color:#000;padding:0 0 8mm}header p,.topnav,aside.toc,.draft,footer{display:none}main{border:0;padding:0}.layout{display:block;margin:0;padding:0;max-width:none}h1,h2,h3{break-after:avoid}img,.note,.safety{break-inside:avoid}.data-table{overflow:visible}.data-table table{width:100%;font-size:8pt}.data-table th,.data-table td{white-space:normal;padding:2pt}.bit-grid{display:block}a{color:#000;text-decoration:none}main h1{break-before:page}}
.sensor-alignment-photo{display:block;width:50%;height:auto;margin:0 auto}

.highway-warning{color:#c00000}

.annotated-kit{position:relative}.annotated-kit>img{width:100%;display:block}.kit-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kit-labels text{font:700 78px Arial,sans-serif;fill:#e00000;stroke:#fff;stroke-width:5px;paint-order:stroke fill;text-anchor:middle;dominant-baseline:middle}.kit-key li::marker{color:#d00000;font-weight:700}

.safety-critical-notice{border:2px solid #b9482a;border-left-width:6px;border-radius:6px;margin:0 0 1.5rem}.safety-critical-notice p{margin:0}

/* Fixed guide navigation, with space reserved for its measured height. */
:root{--guide-nav-height:4rem}
body{padding-top:var(--guide-nav-height)}
body>.topnav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;background:#102b43;color:#fff;padding:.8rem max(1rem,calc((100vw - 1100px)/2));margin:0;box-shadow:0 2px 6px #0003}
body>.topnav a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:.2em}
body>.topnav a:hover,body>.topnav a:focus-visible{color:#bde9ff}
html{scroll-padding-top:calc(var(--guide-nav-height) + 1rem)}
@media(min-width:1201px){aside.toc{top:calc(var(--guide-nav-height) + 1rem);max-height:calc(100vh - var(--guide-nav-height) - 2rem)}}
@media(max-width:780px){:root{--guide-nav-height:7rem}body>.topnav{gap:.5rem 1rem;padding:.7rem 1rem}}
@media print{body{padding-top:0}body>.topnav{display:none}}

/* Compact branding travels with the pinned guide links. */
body>.topnav .nav-brand{display:flex;align-items:center;flex:0 0 auto;margin-right:.5rem;line-height:0}
body>.topnav .brand-logo{width:220px;max-width:100%;height:auto}
header{padding-top:.8rem;padding-bottom:.8rem}
@media(max-width:780px){body>.topnav .brand-logo{width:180px}}

/* Date stays alongside the guide links, aligned to the right. */
body>.topnav{padding-left:max(1rem,calc((100vw - 1568px)/2));padding-right:max(1rem,calc((100vw - 1568px)/2))}
body>.topnav .nav-updated{margin-left:auto;font-size:.78rem;line-height:1.4;color:#c7d9e5;white-space:nowrap;text-align:right}
@media(max-width:780px){body>.topnav .nav-updated{font-size:.72rem}}
