/* Changelog: editorial race photography, clear reading type, and a version timeline. */
.updates-page{background:#101113}
.updates-main{max-width:1280px;margin:auto;padding:190px 5% 100px;min-height:70vh}
.updates-main p,.updates-main li,.updates-main nav,.updates-main a.update-read,.updates-back,.update-version{font-family:Arial,Helvetica,sans-serif}
.updates-heading{position:relative;padding:0 0 55px}
.updates-heading .eyebrow{font:600 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#aeb0b5}
.updates-heading h1{font-size:clamp(3.5rem,7vw,6rem);line-height:1;margin:20px 0 24px;letter-spacing:-.025em}
.updates-heading p{max-width:560px;color:#aeb0b5;font-size:16px;line-height:1.8;margin:0}
.updates-index-page .updates-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:60px}
.updates-index-page .updates-heading .eyebrow{grid-column:1/-1}
.updates-index-page .updates-heading h1{margin-bottom:0}
.updates-index-page .updates-heading p{padding-bottom:4px;max-width:340px}
.updates-list{list-style:none;padding:0;margin:0;border-top:1px solid #3b3d42}
.update-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:40px;padding:40px 0;border-bottom:1px solid #3b3d42}
.update-version{font-size:13px;line-height:1.5;letter-spacing:.03em}
.update-version a{display:inline-flex;gap:16px;align-items:center;padding:10px 14px;border:1px solid #51545b;border-radius:3px;background:#202227}
.update-version a:hover{border-color:#fff}
.update-version span{color:#aeb0b5}
.update-entry{border:1px solid #3c3f45;background:#191b1f;overflow:hidden}
.update-art{display:block;overflow:hidden;aspect-ratio:2.8;background:#25282d}
.update-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:saturate(.65);transition:transform .4s}
.update-entry:hover .update-art img{transform:scale(1.025)}
.update-summary{padding:30px 34px 28px}
.update-summary h2{font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.05;margin:0 0 16px}
.update-summary h2 a:hover{color:#d4d6da}
.update-summary p{font-size:15px;color:#b8bbc2;line-height:1.8;max-width:650px;margin:0}
.update-read{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #36393f;margin-top:26px;padding-top:20px;font-size:12px;font-weight:600;letter-spacing:.03em}
.update-read span:last-child{font-size:22px;line-height:1}
.updates-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#9da2ab;font-size:12px;margin-bottom:26px}
.updates-breadcrumb a{color:#dadde2}
.updates-breadcrumb a:hover{text-decoration:underline}
.update-detail-page .updates-heading{padding:52px 44px 46px;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;overflow:hidden;border:1px solid #43464c;background:#24272b;margin-bottom:52px}
.update-detail-page .updates-heading:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080a0de8,#080a0d85),url('/assets/race-lineup-1920.jpg') center 55%/cover}
.update-detail-page .updates-heading .eyebrow{color:#c0c4cc}
.update-detail-page .updates-heading .update-version{margin-top:20px;color:#eee;font-size:12px;letter-spacing:.08em}
.update-detail-page .updates-heading h1{font-size:clamp(3rem,6vw,5.5rem);margin:12px 0 0;max-width:900px;text-wrap:balance}
.changelog-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:65px;align-items:start}
.changelog-nav{position:sticky;top:100px;display:flex;flex-direction:column;padding:5px 0 20px}
.changelog-nav>.eyebrow{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#9298a3;margin-bottom:20px}
.changelog-nav a{display:flex;gap:12px;align-items:baseline;padding:12px 0;font-size:12px;line-height:1.5;color:#b4b9c2;border-bottom:1px solid #2d3036}
.changelog-nav a span{font-size:10px;color:#747c88;font-variant-numeric:tabular-nums}
.changelog-nav a:hover{color:#fff}
.changelog-body{min-width:0;counter-reset:section}
.changelog-section{padding:30px 0 32px;border-top:1px solid #3b3f46;scroll-margin-top:100px}
.changelog-section:first-child{padding-top:0;border-top:0}
.changelog-section h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:0 0 24px;display:flex;gap:15px;align-items:center}
.changelog-section h2:before{counter-increment:section;content:counter(section,decimal-leading-zero);font:400 11px/1 Arial,sans-serif;color:#8d96a4;letter-spacing:.04em}
.changelog-section ul{padding:0 0 0 18px;margin:0}
.changelog-section li{color:#bdc1c9;font-size:14px;line-height:1.9;margin:0 0 13px;padding-left:6px}
.changelog-section li::marker{color:#737c89;font-size:10px}
.changelog-section strong{color:#f0f1f4;font-weight:600}
.changelog-section .changelog-pending{border:1px solid #4d535c;border-left:3px solid #b2bccb;border-radius:2px;padding:16px 20px;margin-top:24px;margin-left:-18px;background:#22262c;list-style:none;color:#d3d7dd}
.updates-back{display:inline-flex;gap:16px;align-items:center;border:1px solid #454b55;padding:14px 20px;margin-top:20px;font-size:12px}
.updates-back:hover{background:#24282f}
.updates-main a:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:900px){.updates-main{padding-inline:6%}.changelog-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.update-card{grid-template-columns:120px minmax(0,1fr);gap:24px}.update-summary{padding:25px}.update-art{aspect-ratio:2.2}}
@media(max-width:650px){.updates-main{padding:145px 6% 64px}.updates-index-page .updates-heading{display:block;padding-bottom:30px}.updates-index-page .updates-heading h1{margin-bottom:20px}.updates-heading p{font-size:14px}.update-card{grid-template-columns:1fr;gap:20px;padding:26px 0}.update-version a{font-size:12px}.update-art{aspect-ratio:1.8}.update-summary{padding:24px}.update-summary p{font-size:14px}.update-summary h2{font-size:2.4rem}.update-detail-page .updates-heading{padding:32px 24px;min-height:250px;margin-bottom:32px}.update-detail-page .updates-heading:before{background:linear-gradient(90deg,#080a0de0,#080a0d85),url('/assets/race-lineup-960.jpg') center/cover}.changelog-layout{display:block}.changelog-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:36px;padding:0}.changelog-nav>.eyebrow{grid-column:1/-1;margin-bottom:6px}.changelog-nav a{font-size:11px;padding:11px 0}.changelog-nav a span{display:none}.changelog-section li{font-size:14px;line-height:1.85}.changelog-section h2{font-size:2rem;align-items:baseline}.updates-breadcrumb{font-size:11px}}
@media(prefers-reduced-motion:reduce){.update-art img{transition:none}.update-entry:hover .update-art img{transform:none}}