/* ══════════ THEME TOKENS — Brand-Bible "Industrial Spec-Sheet" v1.0 ══════════
   Neutral near-black canvas (dark, default) / clean off-white (light), ONE Atlas-blue
   accent, Montserrat + JetBrains Mono, flat (no shadows/gradients), 78px engineering grid.
   Source of truth: brand/brand-guidelines/ServiceAtlas Brand Guidelines.dc.html.
   --navy = Atlas Navy (deep brand: logo plate, scrims, toasts). --brand = accent. */
:root{
  --navy:#0B2341; --blue:#1F65A8; --blue-d:#4AA3FF; --electric:#4AA3FF; --steel-hi:#8FBCE4;
  --brand:#4AA3FF;
  --bg:#0B0C0E; --panel:#131519; --panel-2:#1A1D22; --line:#2A2E35;
  --ink:#F3F5F7; --ink-2:#B0B6BE; --ink-3:#8B929B;
  --ok:#22C55E; --warn:#F59E0B; --bad:#EF4444;
  --head:#F3F5F7; --btn:#1F65A8; --btn-h:#4AA3FF; --link:#8FBCE4;
  --cond:'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --radius:3px;
  --grid:rgba(243,245,247,.03);
}
:root[data-theme="light"]{
  --blue-d:#1F65A8; --electric:#1F65A8; --steel-hi:#1F65A8;
  --brand:#1F65A8;
  --bg:#F4F5F6; --panel:#FFFFFF; --panel-2:#EEF0F2; --line:#D6DAE0;
  --ink:#12151A; --ink-2:#5A626C; --ink-3:#8A93A0;
  --ok:#16A34A; --warn:#B45309; --bad:#DC2626;
  --head:#12151A; --btn:#1F65A8; --btn-h:#17517F; --link:#1F65A8;
  --grid:rgba(18,21,26,.045);
}
/* header pill (Settings, My Garage-style) */
.pill{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:7px 15px;font-weight:600;font-size:13px;white-space:nowrap}
.pill:hover{border-color:var(--blue);color:var(--link)}

/* segmented control (Settings panel) */
.seg{display:inline-flex;gap:2px;padding:3px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px}
.seg button{background:none;border:none;color:var(--ink-3);font:600 11.5px var(--cond);letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;line-height:1;white-space:nowrap}
.seg button.on{background:var(--blue);color:#fff}
.seg button:not(.on):hover{color:var(--ink)}

/* Settings panel rows */
.modal.set-modal{max-width:460px}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.set-lbl{font-family:var(--cond);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.set-select{font:inherit;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-weight:600;cursor:pointer}
.set-mods{padding:14px 0 2px}
*{box-sizing:border-box;margin:0;padding:0}
body{background-color:var(--bg);color:var(--ink);font:15px/1.5 var(--cond);-webkit-font-smoothing:antialiased;padding-bottom:60px;
  background-image:repeating-linear-gradient(0deg,var(--grid) 0 1px,transparent 1px 78px),repeating-linear-gradient(90deg,var(--grid) 0 1px,transparent 1px 78px);
  background-attachment:fixed}
a{color:var(--link)}
button{font:inherit;cursor:pointer}
code{font-family:var(--mono);font-size:.9em}

/* site header */
header{background:var(--bg);border-bottom:1px solid var(--line);padding:16px 22px}
.hd-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;background:none;border:none;padding:0;cursor:pointer;text-align:left}
.brand:hover .wm b{color:var(--electric)}
.brand:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.brand svg{width:30px;height:30px;flex:none}
.brand .wm{font-weight:800;letter-spacing:.02em;font-size:19px;text-transform:uppercase}
.brand .wm b{color:var(--link)}
.brand .wm span{color:var(--head)}
.eyebrow{font-family:var(--cond);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:1px}

/* header site-search bar */
.sitebar{display:flex;gap:8px;flex:1;max-width:420px;min-width:230px}
.sitebar input{flex:1;font:inherit;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:var(--ink)}
.sitebar input:focus{outline:2px solid var(--blue);outline-offset:1px}
.sitebar button{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:9px 16px;font-weight:600}
.sitebar button:hover{border-color:var(--blue)}

/* hero VIN box — the primary action */
.herovin{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:620px;margin:26px auto 0}
.herovin input{width:100%;font:inherit;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:17px;
  background:var(--panel);border:2px solid var(--btn);border-radius:12px;padding:15px 18px;color:var(--ink);text-align:center}
.herovin input:focus{border-color:var(--blue);outline:2px solid rgba(31,101,168,.28);outline-offset:2px}
.herovin button{background:var(--blue);color:#fff;border:none;border-radius:12px;padding:14px 40px;font-weight:700;font-size:16px;white-space:nowrap}
.herovin button:hover{background:var(--blue-d)}
.newvin{background:none;border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:8px 14px;font-weight:600;font-size:13px}
.newvin:hover{border-color:var(--blue);color:var(--link)}
/* year/make/model fallback */
.ymmwrap{margin-top:14px}
.ymmlink{background:none;border:none;color:var(--link);font-weight:600;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.ymmform{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.ymmform input{font:inherit;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 13px;color:var(--ink);max-width:150px}
.ymmform input:focus{outline:2px solid var(--blue);outline-offset:1px}
.ymmform button{background:var(--btn);color:#fff;border:none;border-radius:9px;padding:10px 18px;font-weight:600;white-space:nowrap}
.ymmform button:hover{background:var(--btn-h)}

main{max-width:1200px;margin:0 auto;padding:24px 16px}

/* empty state — same masthead voice as the vehicle header */
.empty{text-align:center;padding:64px 20px 70px;color:var(--ink-2)}
.empty .eyebrow{color:var(--electric);letter-spacing:.22em;font-size:12px;margin-bottom:10px}
.empty h1{font-family:var(--cond);font-size:clamp(28px,4.4vw,44px);color:var(--head);font-weight:700;
  letter-spacing:.02em;text-transform:uppercase;line-height:1.1;margin-bottom:12px}
.empty h1 b{color:var(--electric)}
.empty p{max-width:560px;margin:0 auto 8px}
.empty .egs{margin-top:22px;font-family:var(--cond);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.empty .egs code{text-transform:none;letter-spacing:0}
.empty .egs code{background:var(--panel-2);padding:3px 8px;border-radius:6px;cursor:pointer;border:1px solid var(--line)}
.empty .egs code:hover{border-color:var(--blue)}

/* ══════════ vehicle header — Carson chrome (masthead + odometer + road strip) ══════════ */
.veh{padding:4px 0 18px;margin-bottom:0;border-bottom:1px solid var(--line)}
.veh .eyebrow{color:var(--electric);letter-spacing:.22em;font-size:12px}
.veh-wrap{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}
.veh h1{font-family:var(--cond);font-weight:700;font-size:clamp(26px,4vw,38px);letter-spacing:.02em;text-transform:uppercase;line-height:1.1}
.veh h1 .paint{color:var(--electric)}
.veh .hd-sub{color:var(--ink-2);font-size:13px;margin-top:4px}
.veh .hd-sub code{font-family:var(--mono);font-size:12px;color:var(--steel-hi)}
.veh .veh-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.veh .gbtn{background:var(--btn);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-weight:600;white-space:nowrap}
.veh .gbtn:hover{background:var(--btn-h)}
.veh .gbtn.saved{background:var(--ok)}

/* odometer — signature element */
.odo{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.odo-frame{display:flex;gap:3px;padding:10px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:var(--panel)}
.odo-frame:hover .odo-d{color:var(--ink)}
.odo-d{font-family:var(--mono);font-size:clamp(22px,3vw,30px);font-weight:600;color:var(--steel-hi);
  background:var(--panel-2);border-radius:4px;padding:2px 7px;font-variant-numeric:tabular-nums}
.odo-lbl{font-family:var(--cond);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.odo-lbl b{color:var(--steel-hi)}

/* road strip */
.road{margin:18px 0 0;padding:0 2px}
.road svg{width:100%;height:auto;display:block}

/* tabs — sticky section nav (Carson parity) */
nav.tabs::-webkit-scrollbar{height:0}
nav.tabs{position:sticky;top:0;z-index:50;background:var(--bg);display:flex;gap:2px;scrollbar-width:none;
  border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
nav.tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-2);
  font-family:var(--cond);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  padding:13px 13px 11px;white-space:nowrap}
nav.tabs button:hover{color:var(--ink)}
nav.tabs button.active{color:var(--steel-hi);border-bottom-color:var(--steel-hi)}
nav.tabs button.off{opacity:.4;text-decoration:line-through}
nav.tabs button .pip{display:inline-block;min-width:18px;padding:0 5px;margin-left:6px;border-radius:9px;
  font-family:var(--mono);font-size:11px;line-height:17px;text-align:center;background:var(--bad);color:#fff}
nav.tabs button .pip.z{display:none}
.tab{display:none}
.tab.active{display:block;animation:fade .18s ease}
@keyframes fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tab.active{animation:none}}

/* panels + cards */
h2{font-family:var(--cond);font-weight:700;font-size:22px;letter-spacing:.06em;text-transform:uppercase;margin:6px 0 4px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}
.panel h3{font-family:var(--cond);font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--steel-hi);margin-bottom:12px}
.note{color:var(--ink-3);font-size:13px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.card span{display:block;font-family:var(--cond);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-weight:600}
.card strong{font-family:var(--mono);font-size:21px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

/* chips */
.chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:20px;border:1px solid}
.chip.ok{color:var(--ok);border-color:var(--ok);background:rgba(22,163,74,.08)}
.chip.warn{color:var(--warn);border-color:var(--warn);background:rgba(183,121,31,.09)}
.chip.bad{color:var(--bad);border-color:var(--bad);background:rgba(192,57,43,.08)}
.chip.auto{color:var(--ink-3);border-color:var(--line);background:var(--panel-2)}

/* tables */
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700;padding:9px 10px;border-bottom:1px solid var(--line)}
td{padding:9px 10px;border-bottom:1px solid var(--panel-2);vertical-align:top}
tr:last-child td{border-bottom:none}
td.num{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* recalls */
.recall{border:1px solid var(--line);border-left:3px solid var(--bad);border-radius:0 9px 9px 0;padding:12px 14px;margin-bottom:9px;background:var(--panel)}
.recall .h{font-weight:700;color:var(--head)}
.recall .cmp{font-size:12px;color:var(--bad);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.recall p{font-size:13px;color:var(--ink-2);margin-top:5px}
.recall .rem{font-size:12.5px;color:var(--ink);margin-top:5px}
.recall .date{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);margin-top:5px}

/* populating bubble */
.pop{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 15px;color:var(--ink-2);font-size:13.5px;margin-bottom:12px}
.pop .dot{width:9px;height:9px;border-radius:50%;background:var(--blue);flex:none;animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.pop .dot{animation:none}}

/* settings toggles */
.settings{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-bottom:16px}
.settings h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:10px}
.toggles{display:flex;flex-wrap:wrap;gap:8px}
.toggles label{display:inline-flex;align-items:center;gap:7px;font-size:13px;background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:5px 12px;cursor:pointer;user-select:none}
.toggles input{accent-color:var(--blue);width:15px;height:15px;cursor:pointer}
.toggles label.off{opacity:.5}

.loading{text-align:center;padding:50px;color:var(--ink-2)}
.err{background:rgba(192,57,43,.06);border:1px solid var(--bad);color:var(--bad);border-radius:10px;padding:14px 16px;margin-bottom:14px;font-size:14px}

footer{max-width:1200px;margin:24px auto 0;padding:14px 16px;border-top:1px solid var(--line);color:var(--ink-3);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.cut{font-family:var(--mono)}

/* parts shop */
.shopbtn{background:var(--panel-2);color:var(--link);border:1px solid var(--line);border-radius:7px;padding:5px 12px;font-weight:600;font-size:12px}
.shopbtn:hover{border-color:var(--blue);background:var(--panel)}
.modal-back{position:fixed;inset:0;background:rgba(11,35,65,.5);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}
.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:440px;width:100%;padding:20px 22px;position:relative}
.modal-x{position:absolute;top:8px;right:12px;background:none;border:none;font-size:24px;line-height:1;color:var(--ink-3)}
.modal-x:hover{color:var(--ink)}
.modal-hd{font-size:16px;color:var(--head);padding-right:24px}
.shop-links{display:flex;flex-direction:column;gap:8px}
.shop-links a{display:flex;justify-content:space-between;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:11px 14px;color:var(--link);font-weight:600;text-decoration:none}
.shop-links a:hover{border-color:var(--blue);background:var(--panel)}
.shop-links a span{color:var(--ink-3);font-weight:400}
.shop-vin{margin-top:12px;font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shop-vin code{background:var(--panel-2);padding:2px 7px;border-radius:5px;font-family:var(--mono)}
/* deep-intelligence-complete toast */
.sa-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:200;
  background:var(--navy);color:#fff;border:1px solid #24507d;border-radius:12px;padding:14px 22px;
  max-width:560px;width:calc(100% - 32px);font-size:14px;font-weight:600;text-align:center;line-height:1.45;
  opacity:0;transition:opacity .35s ease,transform .35s ease}
.sa-toast.show{opacity:1;transform:translate(-50%,0)}
.sa-toast b{color:#8FBCE4}
@media (prefers-reduced-motion:reduce){.sa-toast{transition:opacity .2s}}

/* service log form */
.logform{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.logform input,.logform select{font:inherit;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink)}
.logform input:focus,.logform select:focus{outline:2px solid var(--blue);outline-offset:1px}

/* roadmap timeline */
.road-item{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--panel-2)}
.road-item:last-child{border-bottom:none}
.road-mi{flex:none;width:112px;font-family:var(--mono);font-size:12.5px;color:var(--link);font-weight:600;padding-top:3px}

/* ══════════ Overview dashboard (Carson dashboard port) ══════════ */
.herogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.herogrid .panel{min-width:0;margin-bottom:0}
@media(max-width:820px){.herogrid{grid-template-columns:1fr}}
.grid{display:grid;gap:12px;margin-bottom:14px}
.jump{transition:border-color .12s,transform .12s}
.jump:hover{border-color:var(--blue)!important;transform:translateY(-1px)}
.card small{display:block;color:var(--ink-3);font-size:12px;margin-top:3px}
.chip.info{color:var(--link);border-color:var(--link);background:rgba(31,101,168,.08)}
.chip.unk{color:var(--ink-3);border-color:var(--line);background:var(--panel-2)}
/* mini buttons (Carson .btn.mini parity — used on dashboard watch list) */
.btn.mini{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.btn.mini:hover{border-color:var(--blue)}
.btn.mini.danger{color:var(--bad);border-color:rgba(192,57,43,.35)}
.btn.mini.danger:hover{border-color:var(--bad)}
.issue{display:flex;gap:12px;align-items:flex-start;padding:11px 13px;border:1px solid var(--line);border-radius:8px;margin-bottom:7px;background:var(--panel)}
.issue .i-t{flex:1}
.issue .i-t small{display:block;color:var(--ink-3);font-size:12.5px;margin-top:2px}
.bar-row{display:grid;grid-template-columns:130px 1fr 74px;gap:10px;align-items:center;margin-bottom:7px;font-size:13px}
.bar-row .b-lbl{color:var(--ink-2);text-align:right;letter-spacing:.04em;text-transform:uppercase;font-size:12px}
.bar-track{height:14px;border-radius:4px;background:var(--panel-2);overflow:hidden}
.bar-fill{height:100%;border-radius:0 4px 4px 0;background:var(--blue);min-width:2px}
.bar-row .b-val{font-family:var(--mono);font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}
@media(max-width:560px){.bar-row{grid-template-columns:90px 1fr 64px}}

/* ═══ checklists — Beta parity (.ck-* / .prio), tokenized to the Industrial Spec-Sheet system ═══ */
.ck-group{margin-bottom:16px}
.ck-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px}
.ck-head h3{margin:0}
.ck-prog{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.ck-item{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--radius);margin-bottom:6px;background:var(--panel)}
.ck-item.done{opacity:.62;background:var(--panel-2)}
.ck-item input[type=checkbox]{width:19px;height:19px;margin-top:2px;accent-color:var(--electric);flex:none;cursor:pointer}
.ck-item .ck-t{flex:1}
.ck-item .ck-t b{font-weight:600}
.ck-item .ck-t small{display:block;color:var(--ink-3);font-size:12.5px}
.ck-stamp{font-family:var(--mono);font-size:11px;color:var(--ok);white-space:nowrap;margin-top:3px}
.prio{width:8px;height:8px;border-radius:50%;flex:none;margin-top:8px}
.prio.red{background:var(--bad)}.prio.amber{background:var(--warn)}.prio.blue{background:var(--steel-hi)}

/* ═══ service-log form — Beta parity (.form-grid / .fld / .svc-chips) ═══ */
.form-grid{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.form-grid textarea{grid-column:1/-1;min-height:60px}
.form-grid .full{grid-column:1/-1}
label.fld,div.fld{display:flex;flex-direction:column;gap:3px;font-family:var(--cond);font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.form-grid input,.form-grid select,.form-grid textarea{font:inherit;font-family:var(--cond);font-size:14px;
  letter-spacing:0;text-transform:none;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--radius);padding:9px 11px;width:100%}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--electric)}
.svc-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow-y:auto;padding:8px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.svc-chips button{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;
  padding:6px 11px;font-size:12.5px;cursor:pointer;line-height:1.2;font-family:var(--cond);letter-spacing:0;text-transform:none}
.svc-chips button:hover{border-color:var(--electric)}
.svc-chips button.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.svc-chips button.on::before{content:"✓ "}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}

/* filled action button — was only styled inside .veh, so form submits rendered bare */
.gbtn{background:var(--btn);color:#fff;border:none;border-radius:var(--radius);padding:9px 18px;
  font-family:var(--cond);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.gbtn:hover{background:var(--btn-h)}

/* click-to-copy part numbers / product codes (Beta .pn) */
.pn{font-family:var(--mono);font-size:12.5px;color:var(--steel-hi);cursor:pointer;border-bottom:1px dashed var(--line)}
.pn:hover{color:var(--electric);border-bottom-color:var(--electric)}

/* roadmap phase cards — Beta parity (.road-card) */
.road-card{border-left:3px solid var(--line);padding:12px 16px;margin-bottom:10px;background:var(--panel-2);
  border-radius:0 var(--radius) var(--radius) 0}
.road-card.now{border-left-color:var(--electric);background:var(--panel)}
.road-card h3{margin-bottom:4px}
.road-card .rc-tag{font-family:var(--mono);font-size:11px;color:var(--ok);margin-left:8px;letter-spacing:.08em}
.road-card p{color:var(--ink-2);font-size:13.5px}