/* Roadworthy — free guide (article) pages. Builds on the tokens in legal.css. */
.crumbs{max-width:760px;margin:0 auto;padding:18px 20px 0;font-size:13px;color:var(--faint);}
.crumbs a{color:var(--navy-2);text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}
.kicker{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-ink);margin-bottom:6px;}
.lead{font-size:16.5px;color:var(--muted);margin:2px 0 20px;}

/* the direct answer, up top */
.answer{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--amber-2);
  border-radius:10px;padding:15px 18px;margin:0 0 24px;font-size:16px;line-height:1.55;}
.answer strong{color:var(--navy-2);}
:root[data-theme="dark"] .answer strong{color:var(--amber-ink);}

/* drive-it / fix-it / park-it badges, matching the checker */
.verdict{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.04em;font-weight:700;
  padding:2px 8px;border-radius:6px;white-space:nowrap;vertical-align:middle;}
.verdict.park{background:#fde8e8;color:#a3151b;border:1px solid #f2b8b8;}
.verdict.fix{background:#fff3d6;color:#8a5a00;border:1px solid #f0d488;}
.verdict.ok{background:#e5f6ec;color:#1c7a3e;border:1px solid #b7e2c6;}
:root[data-theme="dark"] .verdict.park{background:#3a1414;color:#ff9a9a;border-color:#5c2020;}
:root[data-theme="dark"] .verdict.fix{background:#33280c;color:#ffd98a;border-color:#5c4a12;}
:root[data-theme="dark"] .verdict.ok{background:#123123;color:#7fe0a3;border-color:#1f5c3a;}

.tablewrap{overflow-x:auto;margin:8px 0 18px;}
.vtable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:460px;}
.vtable th,.vtable td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:top;}
.vtable th{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--faint);text-transform:uppercase;}
.vtable tr:last-child td{border-bottom:none;}

/* call-to-action back into the tools */
.cta{background:var(--navy);border-radius:14px;padding:20px 22px;margin:28px 0;}
.cta h3{color:#fff;margin:0 0 6px;font-size:18px;border:none;padding:0;}
.cta p{color:#cfe0ff;margin:0 0 14px;font-size:14.5px;}
.cta .btn{display:inline-block;background:var(--amber-2);color:#14264a;font-weight:800;text-decoration:none;
  padding:11px 18px;border-radius:10px;font-size:14.5px;margin:0 8px 6px 0;}
.cta .btn:hover{background:var(--amber);}
.cta .btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.cta .btn.ghost:hover{background:rgba(255,255,255,.08);}

.src{font-size:12.5px;color:var(--faint);font-family:var(--mono);margin:4px 0 0;}
.disc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 16px;
  font-size:13px;color:var(--muted);margin-top:28px;}
.related{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;}
.related b{display:block;margin-bottom:6px;font-size:13px;color:var(--faint);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;}
.related a{display:inline-block;margin:0 18px 6px 0;color:var(--navy-2);}
