.car-page{--car-bg:#0a0c10;--car-ink:#eeeee9;--car-muted:#a0a5aa;--car-line:#ffffff20;background:var(--car-bg);color:var(--car-ink)}
.car-page main{overflow:clip}.car-width{width:min(1344px,calc(100% - 80px));margin-inline:auto}.story-width{width:min(900px,calc(100% - 80px));margin-inline:auto}.car-opening{padding:48px 0 22px}.car-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.car-kicker{font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--car-muted);margin:0 0 8px}.car-heading h1{font:500 clamp(70px,9vw,132px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:0}.car-heading h1 span{color:#a5b4b9}.car-intro{max-width:380px;padding-bottom:5px}.car-intro p{font-size:23px;letter-spacing:-.035em;color:var(--car-ink);margin:0 0 7px}.car-intro>span{font-size:14px;line-height:1.65;color:var(--car-muted)}.car-meta{display:flex;justify-content:space-between;gap:20px;padding-top:27px;font-size:11px;color:var(--car-muted)}.car-meta i{font-style:normal;padding:0 9px;color:var(--car-ink)}
.car-viewer{scroll-margin-top:90px}.view-topline{border-top:1px solid var(--car-line);padding:18px 0 16px;display:flex;justify-content:space-between;align-items:center;gap:24px}.view-caption{font-size:12px;color:var(--car-muted)}.view-switch{display:flex;gap:26px}.view-switch button{font:inherit;font-size:13px;color:var(--car-muted);background:none;border:none;padding:4px 0 8px;position:relative;cursor:pointer}.view-switch button:hover,.view-switch button[aria-pressed=true]{color:var(--car-ink)}.view-switch button[aria-pressed=true]:after{content:'';height:1px;background:var(--car-ink);position:absolute;inset:auto 0 1px}.vehicle-stage{aspect-ratio:16/9;position:relative;isolation:isolate;background:#121619;overflow:hidden}.vehicle-photo{width:100%;height:100%;object-fit:cover;display:block;animation:photo-arrive .28s ease}.pin-layer{position:absolute;inset:0;pointer-events:none}.car-pin{position:absolute;translate:-50% -50%;width:44px;height:44px;border:0;background:transparent;cursor:pointer;pointer-events:auto;display:grid;place-items:center}.car-pin:before{content:'';width:10px;height:10px;border:1px solid #ffffffd9;border-radius:50%;background:#10141599;box-shadow:0 0 0 5px #080b102e;transition:box-shadow .18s,background .18s}.car-pin:hover:before,.car-pin[aria-pressed=true]:before,.car-pin:focus-visible:before{background:#fff;box-shadow:0 0 0 6px #0b101b88}.car-pin span{position:absolute;top:42px;left:50%;translate:-50% 0;font-size:11px;font-weight:500;white-space:nowrap;line-height:1.3;background:#0c1016f2;color:#fff;padding:7px 10px;opacity:0;pointer-events:none;transition:opacity .15s}.car-pin:hover span,.car-pin:focus-visible span,.car-pin[aria-pressed=true] span{opacity:1}.car-pin.label-left span{left:auto;right:20px;translate:0 0}.car-pin.label-right span{left:20px;translate:0 0}.view-bottomline{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:67px;border-bottom:1px solid var(--car-line)}.view-bottomline p{font-size:12px;color:var(--car-muted);margin:0;max-width:68%}.part-picker select{background:var(--car-bg);color:var(--car-ink);border:0;font:inherit;font-size:12px;padding:10px 28px 10px 8px;max-width:260px;cursor:pointer}.workspace-note{font-size:12px;color:#c6cfad;margin-top:12px}.stage-loading{padding:30px;color:var(--car-muted)}
.missing-view{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;padding:36px;background:radial-gradient(ellipse at 50% 40%,#202629,#111517 75%)}.missing-view:before,.missing-view:after{content:'';position:absolute;inset:9%;border:1px solid #ffffff0a;pointer-events:none}.missing-view:after{inset:18% 14%;border:0;border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff05}.missing-view .photo-category{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#a7afb3;margin-bottom:18px}.missing-view h2{font-size:clamp(30px,4vw,60px);letter-spacing:-.055em;font-weight:400;line-height:1.1;margin:0 0 14px}.missing-view p{max-width:400px;color:#a4afb4;font-size:14px;line-height:1.65;margin:0}.missing-view .placeholder-footer{font-size:11px;position:absolute;bottom:26px;color:#889398}.preview-label{position:absolute;top:18px;left:18px;background:#111a;color:#fff;font-size:11px;line-height:1.6;padding:6px 10px;max-width:80%}
.reading-context{position:sticky;top:72px;z-index:20;background:#0a0c10f2;backdrop-filter:blur(10px);border-bottom:1px solid var(--car-line)}.reading-context>div{display:flex;align-items:center;justify-content:space-between;height:44px;font-size:12px}.reading-context button,.text-button{font:inherit;font-size:12px;color:var(--car-ink);background:none;border:0;cursor:pointer;padding:8px 0}.reading-context button:hover,.text-button:hover{color:#acc3ce}.component-story{padding:84px 0 75px;scroll-margin-top:138px;min-height:340px}.story-header{margin-bottom:38px}.story-header .car-kicker{margin-bottom:16px}.story-header h2{font-size:clamp(40px,5.2vw,74px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:0 0 16px}.story-deck{font-size:clamp(19px,2.4vw,25px);color:#b8bec1;line-height:1.5;letter-spacing:-.025em;margin:0;max-width:690px}.story-copy{max-width:680px;font-size:16px;line-height:1.85;color:#bec4c7;margin:0 0 25px}.story-subhead{font-size:26px;font-weight:400;letter-spacing:-.035em;line-height:1.3;margin:52px 0 18px;max-width:680px}.story-figure{margin:40px 0}.story-figure img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#101417}.story-figure:has(img.portrait){max-width:580px}.story-figure img.portrait{max-height:700px;object-fit:contain}.story-figure figcaption,.sequence-caption{font-size:12px;line-height:1.6;color:#99a3a9;margin:12px 0 0;max-width:740px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0;align-items:start}.photo-pair .story-figure{margin:0}.photo-pair img{aspect-ratio:4/3;object-fit:contain}.story-details{margin:34px 0;border-top:1px solid var(--car-line);border-bottom:1px solid var(--car-line);padding:17px 0}.story-details summary{font-size:13px;cursor:pointer;color:#d0d5d7;list-style:none;display:flex;justify-content:space-between}.story-details summary:after{content:'+';font-size:17px;line-height:1}.story-details[open] summary:after{content:'−'}.story-details>div{max-width:680px;padding:16px 0 5px}.story-details p{font-size:13px;line-height:1.8;color:var(--car-muted);margin:0 0 12px}.related-parts{border-top:1px solid var(--car-line);padding-top:24px;margin-top:52px;display:flex;gap:10px 26px;flex-wrap:wrap;align-items:baseline}.related-parts>span{font-size:11px;color:var(--car-muted)}.related-parts a{font-size:13px;color:var(--car-ink);padding:8px 0}.related-parts a:hover{text-decoration:underline}.welcome-scope{display:flex;gap:0;margin:44px 0 34px;border-block:1px solid var(--car-line);padding:24px 0}.welcome-scope>div{flex:1}.welcome-scope strong{display:block;font-size:32px;font-weight:400;letter-spacing:-.04em}.welcome-scope span{font-size:12px;color:var(--car-muted)}.welcome-scope>div+div{padding-left:30px;border-left:1px solid var(--car-line)}.welcome-foot{font-size:13px;color:#87959d;line-height:1.7;max-width:680px}
.sequence{margin:40px 0}.sequence-frame{aspect-ratio:4/3;background:#101417;display:flex;align-items:center;justify-content:center;overflow:hidden}.sequence-frame img{height:100%;width:100%;object-fit:contain}.sequence-controls{display:flex;align-items:center;gap:16px;margin-top:16px}.sequence-controls button{border:0;color:var(--car-ink);background:none;cursor:pointer;min-width:40px;height:40px;font-size:20px}.sequence-controls button:disabled{opacity:.3;cursor:default}.sequence-controls input{flex:1;accent-color:#beced3;min-width:0}.sequence-controls output{font:11px 'DM Mono',monospace;color:var(--car-muted);min-width:50px;text-align:right}.sequence-caption{min-height:39px}
.signal-flow{margin:38px 0 45px;padding:25px 0 24px;border-block:1px solid var(--car-line)}.signal-source{display:flex;gap:16px;justify-content:center;align-items:center;font-size:14px;color:#e0e4e5}.signal-source small{display:block;color:var(--car-muted);font-size:11px;margin-top:3px}.signal-junction{height:30px;width:1px;background:#81919780;margin:12px auto 0}.signal-branches{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #81919780}.signal-branch{text-align:center;padding:23px 10px 0;position:relative}.signal-branch:before{content:'';width:1px;height:13px;position:absolute;top:0;left:50%;background:#81919780}.signal-branch strong{font-size:13px;font-weight:500}.signal-branch span{display:block;font-size:12px;color:var(--car-muted);line-height:1.6;margin-top:12px}.signal-note{font-size:11px;color:#88959c;text-align:center;margin:23px 0 0}.measurement-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--car-line);padding:24px 0;margin:35px 0;gap:25px}.measurement-strip strong{display:block;font-size:29px;font-weight:400;letter-spacing:-.04em;white-space:nowrap}.measurement-strip span{display:block;font-size:12px;color:var(--car-muted);line-height:1.6;margin-top:6px}.measurement-strip small{display:block;font-size:10px;color:#82929b;margin-top:9px}
.photo-placeholder{aspect-ratio:3/2;background:#141a1d;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;margin:38px 0;position:relative}.photo-placeholder p{font-size:20px;color:#b4bfc3;letter-spacing:-.025em;margin:0}.photo-placeholder span{display:block;font-size:11px;letter-spacing:.07em;color:#819299;margin-top:12px}.photo-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-placeholder .preview-label{z-index:1}.photo-workspace{padding:65px 0;border-top:1px solid var(--car-line);scroll-margin-top:100px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:40px}.workspace-heading h2{font-size:40px;font-weight:400;letter-spacing:-.055em;margin:8px 0 18px}.workspace-heading p{max-width:630px;color:var(--car-muted);font-size:14px;line-height:1.8}.shot-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px 0;border-top:1px solid var(--car-line);align-items:center}.shot-row h3{font-size:23px;font-weight:400;letter-spacing:-.035em;margin:0 0 14px}.shot-row p{color:var(--car-muted);font-size:13px;line-height:1.8;max-width:460px}.shot-drop{position:relative;aspect-ratio:3/2;background:#151c20;display:grid;place-items:center;border:1px dashed #73868d66;text-align:center;padding:20px;cursor:pointer;overflow:hidden}.shot-drop.dragging{border-color:#dae9ef;background:#283239}.shot-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.drop-hint{position:relative;z-index:1;color:#e6eff2;font-size:12px;background:#10181ac9;padding:10px 16px;line-height:1.7}.drop-hint small{display:block;font-size:10px;color:#a4b3b8}.shot-file{display:block;font-size:11px;color:#a7b3b7;overflow-wrap:anywhere;margin:12px 0}.crop-control{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--car-muted);margin:14px 0}.crop-control input{width:170px;accent-color:#bacdd5}.shot-actions{display:flex;gap:25px}.shot-actions button{font-size:12px}.workspace-status{font-size:13px;color:#c6cfad}.car-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0 36px;border-top:1px solid var(--car-line);color:var(--car-muted);font-size:12px}.car-footer button{color:var(--car-muted)}.car-page [hidden]{display:none!important}.car-page :focus-visible{outline:2px solid #c5d8e0;outline-offset:5px}.car-page .sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.car-page ::selection{background:#6b87977d}
@keyframes photo-arrive{from{opacity:.55}to{opacity:1}}
@media(min-width:1700px){.car-opening{padding-top:65px}.vehicle-stage{max-height:740px;aspect-ratio:16/9}.car-width{width:min(1440px,calc(100% - 100px))}}
@media(max-width:900px){.car-width,.story-width{width:calc(100% - 48px)}.car-opening{padding-top:38px}.car-heading{gap:30px}.car-intro{max-width:320px}.car-intro p{font-size:20px}.car-meta{font-size:10px}.reading-context{top:64px}.story-width{max-width:760px}.component-story{padding-top:65px}.shot-row{gap:25px}.view-switch{gap:18px}.car-pin span{font-size:10px}}
@media(max-width:600px){.car-width,.story-width{width:calc(100% - 36px)}.car-opening{padding:28px 0 18px}.car-heading{display:block}.car-heading h1{font-size:86px}.car-kicker{font-size:10px}.car-intro{max-width:100%;margin-top:22px}.car-intro p{font-size:21px}.car-intro>span{font-size:13px;line-height:1.7}.car-meta{padding-top:21px;display:block;line-height:1.8}.car-meta>span{display:block}.view-topline{display:block;padding:14px 0 7px}.view-caption{display:none}.view-switch{width:100%;justify-content:space-between;gap:10px}.view-switch button{font-size:12px;padding:9px 0 12px}.vehicle-stage{aspect-ratio:4/3;margin-inline:-18px;width:calc(100% + 36px)}.view-bottomline{min-height:68px;gap:12px}.view-bottomline p{font-size:11px;max-width:49%;line-height:1.6}.part-picker{max-width:51%}.part-picker select{width:100%;font-size:11px;max-width:185px;padding-right:8px}.car-pin{width:38px;height:38px}.car-pin:before{width:8px;height:8px}.car-pin span{top:34px}.car-pin.label-left span{right:18px}.car-pin.label-right span{left:18px}.missing-view{padding:28px}.missing-view .photo-category{font-size:9px;margin-bottom:13px}.missing-view h2{font-size:37px}.missing-view p{font-size:12px;max-width:270px}.missing-view .placeholder-footer{font-size:10px;bottom:17px}.component-story{padding:53px 0 55px;scroll-margin-top:127px}.story-header{margin-bottom:28px}.story-header h2{font-size:43px}.story-deck{font-size:19px}.story-copy{font-size:15px;line-height:1.85;margin-bottom:22px}.story-subhead{font-size:23px;margin-top:36px}.photo-pair{gap:22px;grid-template-columns:1fr;margin:30px 0}.photo-pair img{aspect-ratio:auto;max-height:460px}.story-figure{margin:30px 0}.story-figure figcaption{font-size:11px}.reading-context>div{height:40px;font-size:11px}.reading-context button{font-size:11px}.signal-source{font-size:12px;gap:10px}.signal-source small{font-size:10px}.signal-branch{padding:22px 4px 0}.signal-branch strong{font-size:11px}.signal-branch span{font-size:10px;line-height:1.65}.signal-note{font-size:10px}.measurement-strip{gap:15px;grid-template-columns:1fr}.measurement-strip>div+div{padding-top:16px;border-top:1px solid #ffffff0d}.measurement-strip strong{font-size:26px}.welcome-scope{padding:20px 0;margin:30px 0}.welcome-scope strong{font-size:25px}.welcome-scope span{font-size:10px}.welcome-scope>div+div{padding-left:18px}.photo-placeholder{padding:20px}.photo-placeholder p{font-size:17px}.workspace-heading{display:block}.workspace-heading h2{font-size:34px}.shot-row{grid-template-columns:1fr;gap:20px;padding:27px 0}.shot-row h3{font-size:21px}.shot-drop{max-height:none}.car-footer{flex-wrap:wrap;gap:14px;font-size:11px}.car-footer a:first-child{width:100%}.photo-workspace{padding-top:45px}.preview-label{font-size:10px;top:10px;left:10px}.related-parts{gap:5px 20px}.related-parts a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.car-page *{animation:none!important;transition:none!important}.car-page{scroll-behavior:auto}html{scroll-behavior:auto!important}}

.shot-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer}.shot-drop:focus-within{outline:2px solid #c5d8e0;outline-offset:5px}.crop-control input:disabled{opacity:.25;cursor:default}
.workspace-active .vehicle-photo{animation:none}
@media(max-width:600px){.shot-view .shot-drop{aspect-ratio:4/3!important}}
/* A readable whole-car overview, with optional depth inside the part stories. */
.build-overview{margin-top:60px}.overview-row{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;border-top:1px solid var(--car-line);padding:46px 0;align-items:start}.overview-copy h3{font-size:30px;font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:15px 0 19px}.overview-copy>p:not(.car-kicker){font-size:14px;line-height:1.8;color:#bcc4c8}.overview-copy .overview-result{font-size:12px!important;color:#879ba5!important;margin:16px 0}.overview-copy nav{display:flex;gap:0 19px;flex-wrap:wrap;margin-top:18px}.overview-copy nav a{font-size:12px;color:#d9e2e5;min-height:38px;display:inline-flex;align-items:center;gap:6px}.overview-copy nav a span{color:#7e969f}.overview-row .story-figure{margin:0}.overview-row .story-figure img{max-height:400px}.overview-row .story-figure figcaption{font-size:11px}.story-image-button{display:block;padding:0;border:0;background:transparent;width:100%;cursor:zoom-in}.reading-context nav{display:flex;gap:22px}.reading-context #reading-name{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-details{border-inline:0;border-radius:0;background:transparent}.story-details summary{padding:0;min-height:32px;align-items:center;font-weight:500}.story-details[open] summary{border:0;margin-bottom:0}.deep-feature>div{max-width:none}.deep-feature .feature-intro{font-size:25px;color:#e3e8e9;letter-spacing:-.03em;margin:12px 0 18px}.deep-feature p{max-width:680px}.reader-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;margin:28px 0}.connector-demo{position:relative;background:linear-gradient(145deg,#25292c,#111417);border:1px solid #43494c;box-shadow:inset 0 0 0 7px #111416;border-radius:12px;padding:25px 27px 22px;max-width:350px}.connector-label{display:block;font-size:9px;letter-spacing:.04em;text-align:center;color:#8d9b9f}.connector-pins{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.connector-pins span{aspect-ratio:1;border:3px solid #464948;box-shadow:inset 0 2px 4px #0008;border-radius:50%;background:#080a0b;color:#6c777c;display:grid;place-items:center;font:10px 'DM Mono',monospace}.connector-pins span.active{border-color:#a1b8be;color:#dbe8ed}.reader-led{width:12px;height:12px;background:#5d1819;border:1px solid #9a3738;border-radius:50%;margin:0 auto 16px}.reader-led.on{background:#ff5b54;box-shadow:0 0 20px #ff584e}.reader-controls label{font-size:11px;color:#92a3ac;display:block}.reader-controls select{display:block;width:100%;background:#10181c;color:#e0e7e9;padding:13px 9px;font:12px Inter,sans-serif;border:1px solid #4f626c;margin-top:9px}.feature-actions{display:flex;gap:22px;margin:21px 0}.feature-actions button{background:none;border:0;border-bottom:1px solid #718890;padding:8px 0;color:#e0e8eb;font-size:12px}.feature-actions button:disabled{opacity:.5}.reader-controls output{display:block;font:26px 'DM Mono',monospace;color:#e1ebef;min-height:39px}.reader-result{min-height:85px;margin:12px 0 0!important}.feature-limit{font-size:11px!important;color:#80939d!important;line-height:1.8;max-width:700px}.camera-case{border-block:1px solid var(--car-line);padding:28px 0;margin:36px 0}.case-switch,.sequence-stages{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0 26px}.case-switch button,.sequence-stages button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;font:12px Inter,sans-serif;color:#8e9fa8}.case-switch button[aria-pressed=true],.sequence-stages button[aria-pressed=true]{border-color:#c4d8de;color:#e4edf0}.case-circuit{display:flex;align-items:center;justify-content:center;padding:28px 0 42px}.circuit-node{font-size:13px;color:#dce5e8;min-width:125px}.circuit-node span{display:block;font-size:10px;color:#8d9fa8;margin-top:5px}.circuit-wire{height:1px;background:#6b838c;flex:1;max-width:200px;margin:0 24px;position:relative}.circuit-wire:after{content:'→';position:absolute;right:0;top:-13px;color:#9bb3bc}.circuit-wire>span{position:absolute;top:14px;left:0;right:0;text-align:center;font:10px/1.5 'DM Mono',monospace;color:#b1c9d2}.case-reading{display:flex;gap:36px;align-items:flex-start;margin:20px 0 28px}.case-reading>strong{font:400 38px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.045em;min-width:185px;color:#e2eff1}.case-reading h4{font-size:17px;font-weight:400;line-height:1.4;margin:0 0 10px}.case-reading p{color:#9aabb4;font-size:13px;line-height:1.8;min-height:70px;margin:0;max-width:440px}.sequence-stages{gap:13px 25px;margin-bottom:17px}.sequence-stages button{font-size:11px}.sequence-thumbs{display:flex;gap:8px;overflow-x:auto;padding:16px 0 10px;margin-top:8px;scrollbar-width:thin}.sequence-thumbs button{flex:0 0 64px;padding:0;position:relative;border:1px solid transparent;background:#151b1f;opacity:.55}.sequence-thumbs button[aria-pressed=true]{border-color:#d0e4eb;opacity:1}.sequence-thumbs img{width:62px;height:52px;object-fit:cover}.sequence-thumbs span{position:absolute;bottom:2px;right:4px;font:9px 'DM Mono',monospace;color:#fff;text-shadow:0 1px 3px #000}.sequence-frame{padding:0;border:0;width:100%}.car-photo-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;padding:60px 35px 25px;background:#090c10;border:0;color:#dde7ec;margin:0}.car-photo-dialog::backdrop{background:#000d}.car-photo-dialog>button{position:absolute;right:25px;top:17px;background:none;border:0;color:#e6eef2;font-size:13px;min-height:38px;padding:5px 10px}.car-photo-dialog figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.car-photo-dialog img{max-width:100%;max-height:calc(100dvh - 145px);object-fit:contain}.car-photo-dialog figcaption{font-size:12px;color:#a3b6c0;max-width:800px;text-align:center}.car-page:has(.car-photo-dialog[open]){overflow:hidden}
@media(max-width:800px){.overview-row{gap:28px;grid-template-columns:1fr 1fr}.overview-copy h3{font-size:26px}.reader-layout{gap:25px}}
@media(max-width:600px){.build-overview{margin-top:36px}.overview-row{grid-template-columns:1fr;gap:25px;padding:34px 0}.overview-copy h3{font-size:28px;max-width:320px}.overview-row .story-figure img{max-height:360px}.reading-context nav{gap:14px}.reading-context #reading-name{max-width:36%;font-size:10px}.reading-context button{font-size:10px}.reader-layout{grid-template-columns:1fr;gap:27px}.connector-demo{width:100%;max-width:320px;margin:auto}.reader-result{min-height:70px}.case-reading{display:block}.case-reading>strong{display:block;font-size:36px;margin-bottom:17px}.case-circuit{padding:20px 0 50px}.circuit-node{min-width:102px;font-size:11px}.circuit-wire{margin:0 12px}.case-switch{gap:12px}.case-switch button{font-size:11px}.sequence-stages{gap:9px 19px}.sequence-stages button{font-size:10px}.sequence-thumbs button{flex-basis:54px}.sequence-thumbs img{width:52px;height:46px}.car-photo-dialog{padding:60px 15px 25px}.history-comparison .photo-pair{gap:28px}}
.connector-top{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 22px;width:60%;margin:22px auto 0;align-items:center}.connector-top [data-pin]{aspect-ratio:1;border:3px solid #464948;box-shadow:inset 0 2px 4px #0008;border-radius:50%;background:#080a0b;color:#6c777c;display:grid;place-items:center;font:10px 'DM Mono',monospace}.connector-top [data-pin].active{border-color:#a1b8be;color:#dbe8ed}.connector-top .reader-led{margin:3px auto}.connector-demo .connector-pins{grid-template-columns:repeat(3,1fr);gap:12px 22px;margin:18px 0 22px}.connector-demo{max-width:300px;padding:24px 30px}.connector-pins span{max-width:58px;width:100%}
.signal-flow a{color:inherit}.signal-flow a:hover{color:#d5ecf4}.signal-branch a{display:block;min-height:60px}.signal-branch a:hover span{color:#c1d8e1}
.sequence-thumbs{position:relative}
.overview-row{scroll-margin-top:35px}
.overview-result .reader-entry{color:#d9e2e5;text-decoration:underline;text-decoration-color:#718890;text-underline-offset:4px;text-decoration-thickness:1px;padding-block:8px;line-height:2.3}.overview-result .reader-entry:hover{color:#fff;text-decoration-color:currentColor}.overview-result .reader-entry span{white-space:nowrap}#blink-reader{scroll-margin-top:145px}
/* Photographs stand on their own; the profile-photo class must not frame evidence. */
.car-page .story-figure img{border:0;border-radius:0;box-shadow:none;background:transparent;aspect-ratio:auto;max-height:none}
.car-page .story-figure img.portrait{width:auto;max-width:100%;max-height:700px;margin-inline:auto;aspect-ratio:auto}
.car-page .photo-pair img{aspect-ratio:auto;height:auto}
.car-page .overview-row .story-figure img{width:auto;max-width:100%;max-height:400px;margin-inline:auto}
.car-page .story-image-button,.car-page .sequence-frame{border:0;border-radius:0;box-shadow:none;background:transparent}
.car-page .sequence-frame img{border:0;border-radius:0;box-shadow:none;background:transparent}

/* A photographic sequence with distinct chapters and sixteen visible increments. */
.sequence-heading{display:flex;justify-content:space-between;gap:20px;font:11px 'DM Mono',monospace;margin-bottom:15px;color:#83949d}.sequence-heading>span:first-child{color:var(--sequence-color);text-transform:uppercase;letter-spacing:.09em}.sequence-scrubber{position:relative;flex:1;min-width:0;height:44px;margin-inline:8px}.sequence-rail{position:absolute;inset:20px 0 auto;display:flex;gap:3px;height:4px;opacity:.8;border-radius:2px;overflow:hidden}.sequence-ticks{position:absolute;inset:31px 0 auto;display:flex;justify-content:space-between}.sequence-ticks i{width:1px;height:4px;background:#62717a}.sequence-ticks i.active{height:8px;background:var(--sequence-color)}.sequence-controls input[type=range]{appearance:none;position:absolute;inset:0;margin:0;width:100%;height:44px;background:transparent;cursor:ew-resize}.sequence-controls input::-webkit-slider-runnable-track{background:transparent;height:4px}.sequence-controls input::-webkit-slider-thumb{appearance:none;width:13px;height:19px;margin-top:-7px;border:2px solid #0a0c10;border-radius:3px;background:var(--sequence-color);box-shadow:0 0 0 1px var(--sequence-color)}.sequence-controls input::-moz-range-track{background:transparent;height:4px}.sequence-controls input::-moz-range-thumb{width:10px;height:16px;border:2px solid #0a0c10;border-radius:3px;background:var(--sequence-color)}.sequence-stages{display:flex;flex-wrap:nowrap;gap:3px;margin:6px 0 19px;padding:0 58px}.sequence-stages button{min-width:0;border:0;padding:8px 0;text-align:left;line-height:1.5;color:#7e909a}.sequence-stages button span{display:block}.sequence-stages button small{display:block;font:9px 'DM Mono',monospace;margin-top:5px;color:#71808a}.sequence-stages button[aria-pressed=true]{color:var(--stage-color);border:0}.sequence-stages button[aria-pressed=true] small{color:var(--stage-color)}
/* The enclosure and switch are hardware illustrations, not photo frames. */
.reader-instrument{max-width:310px;width:100%;margin:auto}.reader-enclosure{position:relative;padding:22px 25px;background:linear-gradient(130deg,#2c2f31,#191b1d);border-radius:12px;box-shadow:inset 0 1px 1px #7f85854d,inset 0 -3px 5px #0008,0 8px 15px #0004;text-align:center}.reader-tool-label{font:8px 'DM Mono',monospace;letter-spacing:.08em;color:#8f979c}.reader-enclosure .reader-led{width:17px;height:17px;margin:22px auto 10px;box-shadow:0 0 0 4px #0e1011,inset 0 3px 4px #e4746933}.reader-enclosure .reader-led.on{box-shadow:0 0 0 4px #0e1011,0 0 22px #ff554c;background:#ff7767}.reader-led-label{font-size:10px;color:#9fa8ad}.reader-switch{display:block;width:68px;height:68px;margin:25px auto 12px;border:5px solid #969b9d;border-radius:50%;padding:5px;background:#111415;box-shadow:0 2px 3px #0008,inset 0 0 0 2px #3b4144;touch-action:none;user-select:none;-webkit-user-select:none}.reader-switch>span{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(130deg,#535a5e,#24292c);box-shadow:inset 0 1px 2px #abb4b866,0 3px 4px #0009}.reader-switch.pressed>span{background:#262c2f;box-shadow:inset 0 3px 5px #0009;transform:scale(.96)}.reader-switch:disabled{opacity:.65}.reader-switch-label{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#b9c3c9}.reader-hold-progress{display:block;appearance:none;width:88px;height:2px;margin:12px auto 0;border:0;background:#40474a}.reader-hold-progress::-webkit-progress-bar{background:#40474a}.reader-hold-progress::-webkit-progress-value{background:#d3dbe0}.reader-hold-progress::-moz-progress-bar{background:#d3dbe0}.reader-leads{display:flex;gap:15px;justify-content:center;height:43px}.reader-leads i{display:block;width:3px;height:100%;background:#151718;transform:skewX(-8deg)}.reader-leads i:nth-child(2){background:#9e3f39;transform:skewX(0)}.reader-leads i:nth-child(3){background:#b59b55;transform:skewX(8deg)}.reader-instrument .connector-demo{max-width:none;width:100%;padding:18px 25px}.reader-socket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}.reader-socket-grid span{width:29px;height:29px;border:3px solid #4f5352;box-shadow:inset 0 2px 4px #0008;border-radius:50%;background:#080a0b;color:#7d878d;display:grid;place-items:center;font:9px 'DM Mono',monospace;margin:auto}.reader-socket-grid span.active{border-color:#c1ced4;color:#f2f6f8}.reader-controls #reader-instructions{margin:20px 0;color:#b0bec5}.reader-controls .reader-result{min-height:105px}.reader-skip{font:12px Inter,sans-serif;color:#c7d6dc;border:0;background:none;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.sequence-heading{font-size:9px;gap:10px}.sequence-controls{gap:5px}.sequence-controls output{min-width:42px;font-size:10px}.sequence-scrubber{margin-inline:3px}.sequence-stages{padding:0;gap:8px}.sequence-stages button{flex:1!important;font-size:9px}.sequence-stages button small{font-size:8px}.reader-layout{align-items:start}.reader-instrument{max-width:270px}.reader-controls .reader-result{min-height:70px}}

.sequence-stages button{flex:1!important;text-align:center}.sequence-stages{gap:12px}

/* Preserve the complete portrait evidence without a wider image box. */
.car-page .story-figure img.portrait{width:auto;max-width:100%;margin-inline:auto}

/* Technical photographs live in the existing disclosures, without card frames. */
.story-details.has-evidence>div{max-width:none}
.detail-copy{max-width:680px}
.detail-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin:30px 0 12px}
.detail-photos:has(>.story-figure:only-child){grid-template-columns:minmax(0,580px)}
.detail-photos .story-figure{margin:0;min-width:0}
.car-page .detail-photos .story-figure img{max-height:520px;width:auto;max-width:100%;margin-inline:auto}
@media(max-width:600px){.detail-photos{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:24px}.car-page .detail-photos .story-figure img{max-height:560px}}

/* A genuine portrait cabin photo keeps the mirror, screen and radio together. */
.car-page .vehicle-stage.portrait-view{width:min(100%,480px);aspect-ratio:3/4;margin-inline:auto;background:transparent}
@media(max-width:600px){.car-page .vehicle-stage.portrait-view{width:calc(100% + 36px);margin-inline:-18px}}

/* A shared image height, with column widths following each photograph's proportions. */
.car-page .photo-pair.balanced-photos,.car-page .detail-photos.balanced-photos{grid-template-columns:var(--photo-columns);max-width:calc(var(--photo-ratio-sum)*420px + (var(--photo-count) - 1)*28px);margin-inline:auto}
.car-page .photo-pair .story-figure{min-width:0;margin:0}
.car-page .photo-pair .story-figure img,.car-page .detail-photos .story-figure img{width:auto;height:auto;max-width:100%;max-height:420px;margin-inline:auto;object-fit:contain}
@media(max-width:600px){.car-page .photo-pair.balanced-photos,.car-page .detail-photos.balanced-photos{grid-template-columns:minmax(0,1fr)}.car-page .photo-pair .story-figure img,.car-page .detail-photos .story-figure img{max-height:420px}}

/* The figure follows the actual photograph, including its caption. */
.car-page .story-figure{--photo-height:600px;width:min(100%,calc(var(--photo-ratio,1.333333)*var(--photo-height)));margin-inline:auto}
.car-page .story-figure img,.car-page .story-figure img.portrait{width:100%;height:auto;max-height:var(--photo-height);margin-inline:0}
.car-page .photo-pair .story-figure,.car-page .detail-photos .story-figure{--photo-height:420px}
.car-page .photo-pair .story-figure img,.car-page .detail-photos .story-figure img{width:100%;height:auto;max-height:var(--photo-height);margin-inline:0}
.car-page .overview-row .story-figure{--photo-height:400px;margin:0;justify-self:end}
.car-page .overview-row .story-figure img{width:100%;height:auto;max-height:var(--photo-height);margin-inline:0}
.car-page .story-figure figcaption{padding-inline:0;font-size:12px;line-height:1.6}
.overview-copy>p:not(.car-kicker){font-size:15px;line-height:1.8}
.car-page .vehicle-stage.full-view{width:min(100%,960px);aspect-ratio:4/3;max-height:none;margin-inline:auto;background:transparent}
.car-page .full-view .vehicle-photo{object-fit:contain}
@media(max-width:600px){.car-page .overview-row .story-figure{--photo-height:360px;justify-self:center}.car-page .vehicle-stage.full-view{width:calc(100% + 36px);margin-inline:-18px}}