:root{color-scheme:dark;--body:#100e12;--cream:#fff2db;--muted:#d5c3b6;--red:#e84040;--signal:#ff6a5d;--panel:#22191d;--line:#594045;--shell:min(1180px,calc(100% - 80px));font:16px/1.65 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--body);color:var(--cream)}
a{color:var(--cream);text-underline-offset:.22em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid #ffb36e;outline-offset:4px}
figure,p,dl,dd{margin:0}
img{display:block;width:100%;height:auto}
h1,h2,h3{margin:0;line-height:1.12;text-wrap:balance}
section[id]{scroll-margin-top:1.2rem}
.shell{width:var(--shell);margin-inline:auto}
.skip{position:absolute;z-index:5;top:0;left:1rem;transform:translateY(-115%);padding:.6rem;background:var(--cream);color:var(--body)}
.skip:focus{transform:none}
.topbar{border-top:4px solid #bd1f2f;border-bottom:1px solid var(--line)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}
.identity{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.05rem;font-weight:900;white-space:nowrap}
.stripe{display:block;width:16px;height:16px;background:conic-gradient(var(--cream) 25%,#a41d30 0 50%,var(--cream) 0 75%,#a41d30 0)}
.topbar nav,.site-foot nav{display:flex;gap:1.3rem;flex-wrap:wrap}
.topbar nav a,.topbar nav span,.site-foot nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;text-decoration:none}
.topbar nav a:hover,.site-foot nav a:hover{text-decoration:underline}
.pit-hero{padding:clamp(1.8rem,4vw,3.65rem) 0 0}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);gap:1.75rem;align-items:end;padding-bottom:1.2rem}
.kicker{font:700 .74rem/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#ff9386}
.hero-copy h1{font-size:clamp(2.15rem,5.3vw,5rem);font-weight:900;letter-spacing:-.055em;margin-top:.35rem}
.hero-copy h1 em{font-style:normal;color:var(--signal)}
.hero-copy .lead{max-width:26em;color:var(--muted);margin:0 0 .85rem}
.pit-button{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem .85rem;min-height:44px;background:#ad2130;border:1px solid #f76760;box-shadow:3px 3px 0 #36141d;text-decoration:none;font-weight:800}
.pit-button:hover{background:#c22738}
.pit-button:after{content:"";width:8px;height:8px;border:solid var(--cream);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
.race-frame{overflow:hidden;border:1px solid #ab4d48;border-bottom:0;background:#231115}
.race-frame img{aspect-ratio:2.65/1;object-fit:cover;object-position:50% 58%}
.finish-strip{height:14px;background:repeating-conic-gradient(#ebd6b6 0 25%,#381d25 0 50%) 0 / 14px 14px;opacity:.9}
.workorders{padding:clamp(2.5rem,6vw,5.15rem) 0}
.workorders h2,.pit-notes h2{font-size:clamp(1.65rem,3vw,2.6rem);margin:.45rem 0 1.1rem}
.order-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:1px;border:1px solid var(--line);background:var(--line)}
.order{background:var(--panel);padding:clamp(1rem,3vw,2rem)}
.order.version{grid-row:span 2;background:#2b171d}
.order .label{display:inline-block;color:#ff9d8e;font:700 .76rem/1.3 ui-monospace,monospace;letter-spacing:.1em}
.order h3{font-size:clamp(1.2rem,2.5vw,1.8rem);margin:.55rem 0}
.order p{color:var(--muted)}
.order a{display:inline-flex;align-items:center;min-height:44px;font-weight:750;margin-top:.42rem}
.compare{display:grid;gap:.65rem;margin:1.1rem 0}
.compare div{display:grid;grid-template-columns:5.7rem 1fr;gap:.7rem;padding:.6rem .7rem;background:#160f13;border-left:3px solid #a62f3c}
.compare dt{font-weight:800;color:#ffbdad}
.compare dd{margin:0;color:#f4e4d1}
.pit-notes{background:#190f14;border-block:1px solid var(--line);padding:2.6rem 0}
.guide-list{display:grid;gap:.75rem;margin:1rem 0}
.guide-card{display:block;background:#261a1e;border:1px solid var(--line);padding:.95rem 1.15rem;text-decoration:none}
.guide-card:hover{border-color:var(--signal)}
.guide-card h3{font-size:1.1rem;margin:0 0 .3rem}
.guide-card p{color:var(--muted);font-size:.92rem}
.site-foot{background:#0e0b0e;padding:1.9rem 0;border-top:1px solid var(--line)}
.foot-content{display:flex;align-items:start;justify-content:space-between;gap:1.5rem}
.site-foot p{margin-top:.4rem;font-size:.88rem;color:var(--muted);max-width:42em}
.inside,.reading{width:min(780px,calc(100% - 42px));margin:auto;padding:clamp(2rem,5vw,3.8rem) 0 4rem}
.inside h1,.field-note h1{font-size:clamp(2rem,4.5vw,3.35rem);margin:.5rem 0 1.1rem}
.inside h2,.note-text h2{font-size:clamp(1.28rem,3vw,1.75rem);margin:1.6em 0 .6em}
.inside p+p,.note-text p+p{margin-top:.75rem}
.inside .lead,.note-text .lead{color:var(--cream);padding:.9rem 1rem;background:#2c171e;border-left:4px solid #b83240;margin:0 0 1.15rem}
.crumb{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.88rem;margin-bottom:.9rem}
.crumb a,.crumb span{min-height:44px;display:inline-flex;align-items:center}
.field-note header{border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}
.field-note time{color:var(--muted);font-size:.84rem}
.note-text,.inside{line-height:1.77}
.symptoms{display:grid;gap:.65rem;margin:.8rem 0}
.symptoms div{padding:.7rem .85rem;border:1px solid var(--line);background:var(--panel)}
.symptoms dt{font-weight:800;color:#ffad9e}
.symptoms dd{color:#e5d7ca;margin-top:.3rem}
@media(max-width:760px){:root{--shell:calc(100% - 38px)}.hero-copy{grid-template-columns:1fr;gap:.7rem}.race-frame img{aspect-ratio:1.75/1}.order-grid{grid-template-columns:1fr}.order.version{grid-row:auto}.foot-content{display:block}.site-foot nav{margin-top:.5rem}}
@media(max-width:420px){.topbar-inner{gap:.5rem;min-height:55px}.topbar nav{gap:.7rem}.topbar nav a,.topbar nav span{font-size:.82rem}.pit-hero{padding-top:1.35rem}.inside,.reading{width:calc(100% - 36px)}.compare div{grid-template-columns:1fr;gap:.1rem}}