body.speedway-whats-new .hero{padding-bottom:36px}
body.speedway-whats-new .section{scroll-margin-top:154px}
body.speedway-whats-new .grid{align-items:stretch}

.wn-jumpbar-wrap{position:sticky;top:82px;z-index:14;margin:0 0 14px;padding:8px 0;background:linear-gradient(180deg,rgba(255,250,240,.98),rgba(255,250,240,.82) 72%,rgba(255,250,240,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.wn-jumpbar{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px;border:1px solid rgba(42,20,8,.12);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 14px 38px rgba(42,20,8,.08);scrollbar-width:thin}
.wn-jumpbar a{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid rgba(42,20,8,.11);border-radius:999px;background:#fffaf0;color:#5d452d;text-decoration:none;font-size:.78rem;font-weight:900;letter-spacing:.01em;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.wn-jumpbar a:hover{transform:translateY(-1px);border-color:rgba(184,105,26,.38);background:#fff4da}
.wn-jumpbar a:focus-visible{outline:3px solid rgba(214,168,79,.72);outline-offset:2px}
.wn-jumpbar a.is-active{border-color:#2a1408;background:#2a1408;color:#fff8e8}
.wn-jumpbar .wn-icon{width:18px;height:18px}

.wn-card{--wn-tone:#9b6b18;--wn-wash:rgba(155,107,24,.1);position:relative;overflow:hidden;display:flex;min-width:0;flex-direction:column;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.wn-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--wn-tone)}
.wn-card:hover{transform:translateY(-2px);border-color:rgba(42,20,8,.2);box-shadow:0 20px 48px rgba(42,20,8,.13)}
.wn-card>strong{display:block;line-height:1.18}
.wn-card>p:not(.eyebrow){margin-bottom:0}
.wn-card__taxonomy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.wn-card .eyebrow.wn-taxonomy{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:0;padding:6px 9px;border:1px solid rgba(42,20,8,.12);border-radius:999px;background:var(--wn-wash);color:var(--wn-tone);font-size:.66rem;line-height:1.15;letter-spacing:.09em;white-space:normal}
.wn-card .eyebrow.wn-taxonomy .wn-icon{flex:0 0 auto;width:15px;height:15px}
.wn-state{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border:1px solid rgba(42,20,8,.1);border-radius:999px;background:rgba(255,255,255,.7);color:#6f5a42;font-size:.65rem;font-weight:900;line-height:1.1;white-space:nowrap}
.wn-state--shipped,.wn-state--live{border-color:rgba(41,123,91,.24);background:rgba(41,123,91,.08);color:#246848}
.wn-state--progress{border-color:rgba(194,109,19,.25);background:rgba(194,109,19,.08);color:#9c550e}
.wn-state--approved{border-color:rgba(53,107,140,.22);background:rgba(53,107,140,.08);color:#315f7b}
.wn-state--exploring{border-color:rgba(111,102,93,.2);background:rgba(111,102,93,.08);color:#675e56}
.wn-card__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(42,20,8,.08)}
.wn-products{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.wn-product{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:999px;background:rgba(42,20,8,.055);color:#6a5138;font-size:.63rem;font-weight:850;line-height:1.15}
.wn-date{flex:0 0 auto;color:#8b7761;font-size:.68rem;font-weight:750;white-space:nowrap}

.wn-type--milestone{--wn-tone:#9b6b18;--wn-wash:rgba(155,107,24,.1)}
.wn-type--development{--wn-tone:#b45f1a;--wn-wash:rgba(180,95,26,.1)}
.wn-type--decision{--wn-tone:#7257a8;--wn-wash:rgba(114,87,168,.1)}
.wn-type--live{--wn-tone:#297b5b;--wn-wash:rgba(41,123,91,.1)}
.wn-type--now{--wn-tone:#bd6a15;--wn-wash:rgba(189,106,21,.1)}
.wn-type--next{--wn-tone:#356b8c;--wn-wash:rgba(53,107,140,.1)}
.wn-type--exploring{--wn-tone:#6f665d;--wn-wash:rgba(111,102,93,.1)}
.wn-type--planned{--wn-tone:#78608c;--wn-wash:rgba(120,96,140,.1)}
.wn-type--build{--wn-tone:#2d6d7d;--wn-wash:rgba(45,109,125,.1)}
.wn-type--history{--wn-tone:#74583d;--wn-wash:rgba(116,88,61,.1)}
.wn-type--policy{--wn-tone:#55443a;--wn-wash:rgba(85,68,58,.08)}

.wn-icon{display:inline-grid;place-items:center;line-height:0}
.wn-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

body.speedway-whats-new .panel article.wn-panel-card{position:relative;overflow:hidden;padding-left:54px}
body.speedway-whats-new .panel article.wn-panel-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--wn-panel-tone,#d6a84f)}
body.speedway-whats-new .panel article.wn-panel-card .wn-icon{position:absolute;left:18px;top:19px;width:24px;height:24px;color:var(--wn-panel-tone,#ffe6a6)}
body.speedway-whats-new .panel article.wn-panel-card[data-wn-panel="shipped"]{--wn-panel-tone:#77c59f}
body.speedway-whats-new .panel article.wn-panel-card[data-wn-panel="now"]{--wn-panel-tone:#efb762}
body.speedway-whats-new .panel article.wn-panel-card[data-wn-panel="exploring"]{--wn-panel-tone:#c5b7d2}

.wn-policy-grid .card{--wn-tone:#55443a;--wn-wash:rgba(85,68,58,.08)}

@media(max-width:850px){
  .wn-jumpbar-wrap{top:72px}
  body.speedway-whats-new .section{scroll-margin-top:146px}
}
@media(max-width:600px){
  body.speedway-whats-new .hero{padding-bottom:24px}
  .wn-jumpbar-wrap{top:64px;margin-left:-4px;margin-right:-4px;padding-top:6px}
  .wn-jumpbar{border-radius:17px;padding:6px}
  .wn-jumpbar a{min-height:39px;padding:7px 10px;font-size:.73rem}
  .wn-card__taxonomy{align-items:flex-start;flex-wrap:wrap}
  .wn-card__meta{align-items:flex-start;flex-direction:column}
  .wn-date{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .wn-jumpbar a,.wn-card{transition:none}
  .wn-jumpbar a:hover,.wn-card:hover{transform:none}
}
