/* =============================================================
   Game wiki (/games/{game}/wiki) — cars first.
   Loaded only on wiki pages, on top of site.css, and built from
   its tokens: no new colours, radii or durations here.
   A plain file rather than part of the Vite bundle, so the wiki
   can change without rebuilding the rest of the site.
   ============================================================= */

/* ---- hero band ---- */
.wk-hero{position:relative;overflow:hidden}
.wk-hero::after{content:"";position:absolute;inset:auto -10% -60% 40%;height:120%;
 background:radial-gradient(closest-side,rgba(0,209,178,.18),transparent 70%);pointer-events:none}
.wk-hero .wrap{position:relative;z-index:1}
.wk-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);
 font-family:'JetBrains Mono',monospace;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-2)}
.wk-crumbs a{color:var(--on-dark-2)}
.wk-crumbs a:hover{color:var(--brand)}
.wk-crumbs span[aria-hidden]{opacity:.45}
.wk-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-5);
 margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line-dark)}
.wk-fact__n{font-size:clamp(26px,2.6vw,36px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--brand)}
.wk-fact__l{margin-top:var(--s-2)}
.wk-fact__sub{margin-top:2px;font-size:var(--fs-sm);color:var(--on-dark-2);
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-fact__sub a{color:var(--on-dark)}

/* ---- filter bar ---- */
.wk-bar{position:sticky;top:calc(var(--nav-h) - 12px);z-index:20;
 background:rgba(245,245,243,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);
 border-bottom:1px solid var(--line)}
.wk-bar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding-top:var(--s-4);padding-bottom:var(--s-4)}
.wk-search{position:relative;flex:1 1 220px;max-width:340px}
.wk-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
.wk-input,.wk-select{height:40px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);
 font:inherit;font-size:var(--fs-sm);color:var(--ink);transition:border-color var(--dur-1) var(--ease)}
.wk-input{width:100%;padding:0 var(--s-3) 0 38px}
.wk-select{padding:0 32px 0 var(--s-3);appearance:none;-webkit-appearance:none;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c625f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 10px center}
.wk-input:hover,.wk-select:hover{border-color:rgba(16,19,18,.24)}
.wk-input:focus,.wk-select:focus{outline:none;border-color:var(--brand-deep);box-shadow:0 0 0 3px rgba(0,209,178,.18)}
.wk-tabs{display:flex;gap:var(--s-1);overflow-x:auto;scrollbar-width:none;flex:1 1 100%;order:3;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}
.wk-tabs::-webkit-scrollbar{display:none}
.wk-tabs .tab{height:34px;white-space:nowrap;flex:none}
.wk-tab-n{margin-left:6px;font-family:'JetBrains Mono',monospace;font-size:10px;opacity:.55}
.wk-count{margin-left:auto}
@media(min-width:1100px){.wk-tabs{flex:0 1 auto;order:0;margin:0;padding:0}}

/* ---- car grid & card ---- */
.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4)}
.wk-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);
 border-radius:var(--r-m);overflow:hidden;color:var(--ink);
 transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease),border-color var(--dur-1) var(--ease)}
.wk-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,19,18,.10);border-color:rgba(16,19,18,.18);color:var(--ink)}
.wk-card__media{position:relative;aspect-ratio:2/1;overflow:hidden;
 background:radial-gradient(120% 90% at 50% 100%,#ffffff 0%,var(--surface-2) 70%)}
/* A floor line under the car, so a cut-out render reads as standing somewhere. */
.wk-card__media::after{content:"";position:absolute;left:8%;right:8%;bottom:14%;height:1px;
 background:linear-gradient(90deg,transparent,rgba(16,19,18,.10),transparent)}
.wk-card__media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;
 transition:transform var(--dur-3) var(--ease-out)}
.wk-card:hover .wk-card__media img{transform:scale(1.05) translateX(2%)}
.wk-card__flags{position:absolute;top:var(--s-3);left:var(--s-3);right:var(--s-3);z-index:2;display:flex;gap:var(--s-1);flex-wrap:wrap}
.wk-tier{position:absolute;top:var(--s-3);right:var(--s-3);z-index:2}
.wk-card__body{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4) var(--s-5) var(--s-5);flex:1}
.wk-card__name{font-size:18px;font-weight:900;letter-spacing:-.03em;line-height:1.15}
.wk-card__meta{font-family:'JetBrains Mono',monospace;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.wk-card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-3);
 margin-top:auto;padding-top:var(--s-3);border-top:1px solid var(--line-2)}
.wk-price{font-size:17px;font-weight:900;letter-spacing:-.02em;color:var(--brand-deep);white-space:nowrap}
.wk-price--muted{color:var(--ink-3);font-size:var(--fs-sm);font-weight:700;letter-spacing:0}
.wk-mini{display:flex;gap:var(--s-3);font-family:'JetBrains Mono',monospace;font-size:var(--fs-label);letter-spacing:.04em;color:var(--ink-2);white-space:nowrap}
.wk-mini b{color:var(--ink);font-weight:700}

/* ---- flags (small pills on media) ---- */
.wk-flag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-s);
 font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
 background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}
.wk-flag--new{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.wk-flag--robux{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.wk-flag--rare{background:#fff4e0;border-color:#f3d7a6;color:#8a5a00}
.wk-flag--off{background:var(--surface-2);color:var(--ink-3)}
.wk-tierchip{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;border-radius:var(--r-s);
 font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.06em;background:rgba(16,19,18,.06);color:var(--ink-2)}
.wk-tierchip[data-tier="4"]{background:rgba(0,209,178,.14);color:var(--brand-deep)}
.wk-tierchip[data-tier="5"]{background:var(--ink);color:var(--brand)}

.wk-empty{padding:var(--s-8) 0;text-align:center;color:var(--ink-3)}

/* ---- car page ---- */
.wk-car{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--s-7);align-items:center}
.wk-stage{position:relative;aspect-ratio:2/1;border-radius:var(--r-l);overflow:hidden;
 background:radial-gradient(90% 80% at 50% 95%,rgba(0,209,178,.22) 0%,rgba(0,209,178,0) 55%),
            radial-gradient(130% 120% at 50% 110%,#242a27 0%,var(--dark-2) 60%);
 border:1px solid var(--line-dark)}
.wk-stage::before{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;
 background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.04));border-top:1px solid rgba(245,245,243,.06)}
.wk-stage img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;
 filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}
.wk-car__price{font-size:clamp(28px,3vw,40px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--brand)}
.wk-car__price small{display:block;margin-top:var(--s-2);font-family:'JetBrains Mono',monospace;font-size:var(--fs-label);
 font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-2)}
@media(max-width:1000px){.wk-car{grid-template-columns:1fr;gap:var(--s-6)}.wk-car__art{order:-1}}

/* Hairlines drawn by each cell (right + bottom) and clipped by the frame, so a
   short last row leaves white space rather than a grey gap. */
.wk-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
 background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
.wk-spec{padding:var(--s-5);box-shadow:1px 0 0 var(--line),0 1px 0 var(--line)}
.wk-spec__v{font-size:24px;font-weight:900;letter-spacing:-.03em;line-height:1.1}
.wk-spec__v small{font-size:var(--fs-sm);font-weight:700;color:var(--ink-3);letter-spacing:0;margin-left:3px}
.wk-spec .t-label{margin-bottom:var(--s-2)}
.wk-bar-meter{height:4px;margin-top:var(--s-3);border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}
.wk-bar-meter i{display:block;height:100%;border-radius:inherit;background:var(--brand)}

.wk-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.wk-pager a{display:flex;flex-direction:column;gap:4px;padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);
 transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease-out)}
.wk-pager a:hover{border-color:var(--ink);transform:translateY(-2px);color:var(--ink)}
.wk-pager a:last-child{text-align:right}
.wk-pager b{font-size:var(--fs-h3);font-weight:900;letter-spacing:-.03em}

/* ---- hub ---- */
.wk-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-4)}
.wk-section-card{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;color:var(--ink);
 transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease),border-color var(--dur-1) var(--ease)}
.wk-section-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,19,18,.10);border-color:rgba(16,19,18,.18);color:var(--ink)}
.wk-section-card__art{position:relative;aspect-ratio:16/8;background:radial-gradient(120% 100% at 50% 100%,#2a302d 0%,var(--dark) 65%);overflow:hidden}
.wk-section-card__art img{position:absolute;width:62%;bottom:4%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.5));
 transition:transform var(--dur-3) var(--ease-out)}
.wk-section-card__art img:nth-child(1){left:-6%;opacity:.55;transform:scale(.86)}
.wk-section-card__art img:nth-child(2){right:-6%;opacity:.55;transform:scale(.86)}
.wk-section-card__art img:nth-child(3){left:19%;z-index:1}
.wk-section-card:hover .wk-section-card__art img:nth-child(3){transform:scale(1.05)}
.wk-section-card__body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}
.wk-go{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-2);font-weight:700;color:var(--brand-deep)}
.wk-go svg{transition:transform var(--dur-2) var(--ease)}
.wk-section-card:hover .wk-go svg{transform:translateX(3px)}
/* While a wiki has a single section, its card runs the full width, art beside text. */
@media(min-width:900px){
 .wk-section-card--wide{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
 .wk-section-card--wide .wk-section-card__art{aspect-ratio:auto;min-height:300px}
 .wk-section-card--wide .wk-section-card__body{justify-content:center;padding:var(--s-7)}
}

.wk-podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-4)}

/* =============================================================
   Garage guide — one tab per in-game garage menu, one row style
   ============================================================= */
.wk-jump{display:flex;gap:var(--s-1);overflow-x:auto;scrollbar-width:none;padding-top:var(--s-3);padding-bottom:var(--s-3)}
.wk-jump::-webkit-scrollbar{display:none}
.wk-jump .tab{flex:none;white-space:nowrap}
.wk-note{font-size:var(--fs-sm);line-height:1.55;color:var(--ink-2);max-width:72ch;margin-top:var(--s-2)}

.wk-panel{scroll-margin-top:calc(var(--nav-h) + 72px)}
.wk-panel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap;margin-bottom:var(--s-5)}
.wk-tierpick{display:flex;align-items:center;gap:var(--s-3)}
.wk-seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-s);background:var(--surface-2)}
.wk-seg button{height:32px;min-width:38px;padding:0 var(--s-3);border-radius:4px;font-size:var(--fs-sm);font-weight:700;color:var(--ink-2);
 transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}
.wk-seg button:hover{color:var(--ink)}
.wk-seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

.wk-grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--s-4);align-items:start}
.wk-grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s-4);align-items:start}
@media(max-width:520px){.wk-grid2,.wk-grid3{grid-template-columns:1fr}}

/* the one list style used everywhere on the page */
.wk-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
.wk-list__head{padding:var(--s-5) var(--s-5) var(--s-3)}
.wk-list__head h3{font-size:var(--fs-h3);font-weight:900;letter-spacing:-.03em}
.wk-list__head p{margin-top:4px;font-size:var(--fs-sm);color:var(--ink-3)}
.wk-item{display:grid;grid-template-columns:minmax(0,1fr) 56px 96px;align-items:center;gap:var(--s-3);
 padding:12px var(--s-5);border-top:1px solid var(--line-2)}
.wk-item__name{font-weight:700;font-size:var(--fs-body);min-width:0}
.wk-item__name small{display:block;margin-top:1px;font-size:12px;font-weight:500;color:var(--ink-3)}
.wk-item__price{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.wk-item__price.is-free{color:var(--ink-3);font-weight:600}
.wk-lvl{justify-self:end;font-size:11px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.wk-lvl:not(:empty){padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-2)}

/* galleries: rims, wraps, plates */
.wk-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-3)}
.wk-gallery--wide{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.wk-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s-4) var(--s-3);text-align:center;
 background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
 transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-1) var(--ease)}
.wk-tile:hover{transform:translateY(-3px);border-color:rgba(16,19,18,.2)}
.wk-tile__img{width:100%;aspect-ratio:1;display:grid;place-items:center;margin-bottom:var(--s-2)}
.wk-tile__img img{width:auto;height:auto;max-width:86%;max-height:86%;object-fit:contain;transition:transform var(--dur-3) var(--ease-out)}
.wk-tile:hover .wk-tile__img img{transform:rotate(-12deg) scale(1.04)}
.wk-gallery--flat .wk-tile:hover .wk-tile__img img{transform:scale(1.05)}
.wk-gallery--plates .wk-tile__img{aspect-ratio:2/1}
.wk-tile__ph{width:70%;aspect-ratio:1;border-radius:50%;border:2px dashed var(--line)}
.wk-tile__name{font-weight:800;font-size:var(--fs-sm)}
.wk-tile__meta{display:flex;gap:var(--s-2);align-items:center;justify-content:center;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--ink-2)}

/* level timeline */
.wk-timeline{display:grid;border-left:2px solid var(--line);margin-left:6px}
.wk-tl{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s-4);padding:0 0 var(--s-5) var(--s-5)}
.wk-tl::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--brand-deep)}
.wk-tl__lv{font-weight:800;font-size:var(--fs-sm);padding-top:1px}
.wk-tl__items{display:flex;flex-wrap:wrap;gap:6px}
.wk-tl__items span{font-size:13px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}
@media(max-width:600px){.wk-tl{grid-template-columns:1fr;gap:var(--s-2)}}

/* hub: rim strip art for the Garage tile */
.wk-section-card__art.wk-section-card__art--rims{display:flex;align-items:center;justify-content:center;gap:4%;padding:0 6%}
.wk-section-card__art.wk-section-card__art--rims img{position:static;width:30%;opacity:1;transform:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}
.wk-section-card__art.wk-section-card__art--rims img:nth-child(2){width:38%}
.wk-section-card:hover .wk-section-card__art.wk-section-card__art--rims img:nth-child(n){transform:rotate(-20deg)}

/* ---- garage menu: big tiles in the hero, the game's own menu icons ---- */
.wk-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3)}
.wk-menu__item{display:flex;align-items:center;gap:var(--s-4);min-height:76px;padding:var(--s-3) var(--s-5);text-align:left;
 background:var(--dark-2);border:1px solid var(--line-dark);border-radius:var(--r-m);color:var(--on-dark);
 transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}
.wk-menu__item img{width:44px;height:44px;flex:none;object-fit:contain;transition:filter var(--dur-1) var(--ease),transform var(--dur-2) var(--ease-out)}
.wk-menu__item b{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}
.wk-menu__item small{display:block;margin-top:2px;font-size:12px;color:var(--on-dark-2)}
.wk-menu__item:hover{transform:translateY(-2px);border-color:rgba(0,209,178,.55)}
.wk-menu__item:hover img{transform:scale(1.08)}
.wk-menu__item[aria-selected="true"]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.wk-menu__item[aria-selected="true"] small{color:rgba(4,51,44,.72)}
.wk-menu__item[aria-selected="true"] img{filter:brightness(0) opacity(.82)}
/* full-colour icons (money bags, chests) keep their colours when selected */
.wk-menu--color .wk-menu__item[aria-selected="true"] img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
@media(max-width:1000px){.wk-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.wk-menu__item{padding:var(--s-3);gap:var(--s-3)}.wk-menu__item img{width:34px;height:34px}.wk-menu__item small{display:none}}

/* ---- tune: tier bar + one upgrade path per part ---- */
.wk-tierbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;
 margin-bottom:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-m);background:var(--dark);color:var(--on-dark)}
.wk-tierbar .t-label{color:var(--on-dark-2)}
.wk-tierbar__title{margin-top:2px;font-size:22px;font-weight:900;letter-spacing:-.03em}
.wk-seg--lg{background:rgba(245,245,243,.08);padding:4px;gap:4px}
.wk-seg--lg button{height:auto;min-width:62px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:1px;
 color:var(--on-dark);font-size:15px;font-weight:800;border-radius:6px}
.wk-seg--lg button small{font-size:11px;font-weight:600;color:var(--on-dark-2)}
.wk-seg--lg button:hover{color:var(--on-dark);background:rgba(245,245,243,.08)}
.wk-seg--lg button[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}
.wk-seg--lg button[aria-pressed="true"] small{color:rgba(4,51,44,.72)}

.wk-tracks{display:grid;gap:var(--s-3)}
.wk-track{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--s-5);align-items:center;
 padding:var(--s-4) var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m)}
.wk-track__part{display:flex;align-items:center;gap:var(--s-4);min-width:0}
.wk-track__part h3{font-size:19px;font-weight:900;letter-spacing:-.03em}
.wk-track__part p{margin-top:2px;font-size:12px;line-height:1.45;color:var(--ink-3)}
.wk-ico{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:var(--r-s);background:var(--dark)}
.wk-ico img{width:38px;height:38px;object-fit:contain}
.wk-steps{display:flex;gap:18px;align-items:stretch}
.wk-step{position:relative;flex:1 1 0;max-width:210px;min-width:0;display:flex;flex-direction:column;gap:1px;
 padding:10px 14px;border-radius:var(--r-s);background:var(--paper);border:1px solid var(--line-2)}
/* an arrow between steps: they are bought in order (drivetrain is a choice, not a path) */
.wk-steps:not(.wk-steps--choice) .wk-step + .wk-step::before{content:"›";position:absolute;left:-14px;top:50%;transform:translateY(-55%);
 font-size:18px;font-weight:700;color:var(--ink-3)}
.wk-step__name{font-weight:800;font-size:15px}
.wk-step__fx{min-height:17px;font-size:12px;font-weight:700;color:var(--brand-deep)}
.wk-step__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px}
.wk-step__price{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.wk-step--bm{background:var(--dark);border-color:var(--dark);color:var(--on-dark)}
.wk-step--bm .wk-step__fx{color:var(--brand)}
.wk-step--bm .wk-lvl{background:rgba(245,245,243,.1);color:var(--on-dark-2)}
@media(max-width:1000px){
 .wk-track{grid-template-columns:1fr;gap:var(--s-4)}
 .wk-steps{flex-wrap:wrap;gap:var(--s-2)}
 .wk-step{flex:1 1 calc(50% - var(--s-2));max-width:none}
 .wk-steps .wk-step + .wk-step::before{display:none}
}

/* ---- money guide: 7-day reward tracks + copyable codes ---- */
.wk-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s-2);padding:0 var(--s-5) var(--s-5)}
.wk-day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s-3) var(--s-2);text-align:center;
 border-radius:var(--r-s);background:var(--paper);border:1px solid var(--line-2)}
.wk-day__img{width:100%;aspect-ratio:1;display:grid;place-items:center}
.wk-day__img img{width:auto;height:auto;max-width:82%;max-height:82%;object-fit:contain}
.wk-day__val{font-weight:800;font-size:var(--fs-sm);color:var(--ink)}
.wk-day small{font-size:11px;color:var(--ink-3);line-height:1.3}
.wk-day--car{background:var(--dark);border-color:var(--dark)}
.wk-day--car .t-label,.wk-day--car small{color:var(--on-dark-2)}
.wk-day--car .wk-day__val{color:var(--brand)}
.wk-day--car .wk-day__img img{max-width:100%}
@media(max-width:900px){.wk-days{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.wk-days{grid-template-columns:repeat(3,minmax(0,1fr))}}

.wk-code{flex:1 1 0;max-width:320px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
 padding:10px 16px;border-radius:var(--r-s);border:2px dashed var(--brand-deep);background:rgba(0,209,178,.08);text-align:left;
 transition:background var(--dur-1) var(--ease)}
.wk-code:hover{background:rgba(0,209,178,.16)}
.wk-code__text{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:800;letter-spacing:.06em;color:var(--ink)}
.wk-code__hint{font-size:12px;font-weight:700;color:var(--brand-deep)}
a.wk-step{color:inherit}
a.wk-step:hover{border-color:var(--ink)}