/* FreightVerdict — theme "Cab Light".
   A worried man reading on a phone in a truck cab at night:
   deep cab-dark blues, warm paper light, one lamplight amber.
   The four verdict outputs keep ONE color each, everywhere they appear:
   PASS green / SHORT amber / PATH blue / CALL rust. */
:root{
  --ink:#1B2A33; --ink-deep:#101C24; --paper:#FAF6EC; --alt:#F1EADA;
  --card:#FFFDF6; --line:#D9CFB8; --accent:#B26A00; --accent-deep:#7C4A03;
  --pass:#14532D; --pass-bg:#E2EFDF; --short:#6B4400; --short-bg:#F7E7BE;
  --path:#173F73; --path-bg:#DFEAF7; --call:#7A2E0D; --call-bg:#F9E3D3;
  --dark-text:#E9E2D0; --dark-small:#CFC7B4;
}
*{box-sizing:border-box}
html{font-size:19px}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.62;-webkit-text-size-adjust:100%}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
h1{font-size:2.05rem;line-height:1.22;margin:0 0 .55em;color:var(--ink)}
h2{font-size:1.5rem;line-height:1.3;margin:0 0 .5em;color:var(--ink)}
h3{font-size:1.16rem;line-height:1.35;margin:1.1em 0 .35em;color:var(--ink)}
p{margin:0 0 .9em;color:var(--ink)}
li{color:var(--ink)}
small{color:#4A4234}
a{color:var(--path);text-underline-offset:2px}
img{max-width:100%}
section{padding:44px 0}
section.alt{background:var(--alt)}
section.alt h1,section.alt h2,section.alt h3{color:var(--ink)}
section.alt p,section.alt li{color:var(--ink)}
section.alt label,section.alt legend{color:var(--ink)}
section.alt small{color:#4A4234}
section.alt button{color:#FFFDF6}
section.dark{background:var(--ink-deep)}
section.dark h1,section.dark h2,section.dark h3{color:var(--paper)}
section.dark p,section.dark li{color:var(--dark-text)}
section.dark label,section.dark legend{color:var(--paper)}
section.dark small{color:var(--dark-small)}
section.dark button{color:#FFFDF6}
section.dark a{color:#BFD6F2}
section.hero{background:linear-gradient(160deg,#24404F 0%,var(--ink) 55%,var(--ink-deep) 100%);padding:56px 0 48px}
section.hero h1{color:var(--paper)}
section.hero h2,section.hero h3{color:var(--paper)}
section.hero p,section.hero li{color:var(--dark-text)}
section.hero label,section.hero legend{color:var(--paper)}
section.hero small{color:var(--dark-small)}
section.hero button{color:#FFFDF6}
section.hero a{color:#BFD6F2}
/* header / footer */
header.site{background:var(--paper);border-bottom:3px solid var(--accent);padding:14px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px}
.brand{font-size:1.42rem;font-weight:800;letter-spacing:.2px;text-decoration:none}
.brand .b-ink{color:var(--ink)} .brand .b-acc{color:var(--accent)}
nav.main{display:flex;flex-wrap:wrap;gap:6px 20px}
nav.main a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
nav.main a:hover{text-decoration:underline}
footer.site{background:var(--ink-deep);padding:36px 0 30px;margin-top:0}
footer.site .brand .b-ink{color:var(--ink)}
footer.site p{color:var(--dark-text);font-size:.92rem}
footer.site small{color:var(--dark-small)}
footer.site a{color:#BFD6F2}
footer.site nav.main a{color:var(--paper)}
.logo-plate{display:inline-block;background:var(--paper);border-radius:10px;padding:6px 12px}
/* buttons */
.btn{display:inline-block;background:var(--accent-deep);color:#FFFDF6;font-weight:700;
  text-decoration:none;padding:14px 26px;border-radius:10px;border:0;font-size:1rem;cursor:pointer}
.btn:hover{background:#5F3A02}
button.btn{cursor:pointer}
section.alt .btn{background:var(--accent-deep);color:#FFFDF6}
section.dark .btn{background:var(--accent-deep);color:#FFFDF6}
section.hero .btn{background:var(--accent-deep);color:#FFFDF6}
section .result a.btn{background:var(--accent-deep);color:#FFFDF6}
section.hero .result a.btn{background:var(--accent-deep);color:#FFFDF6}
/* cards & light components */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 20px}
.card h2,.card h3{color:var(--ink)} .card p,.card li{color:var(--ink)} .card small{color:#4A4234}
section.dark .card h1,section.dark .card h2,section.dark .card h3{color:var(--ink)}
section.dark .card p,section.dark .card li{color:var(--ink)}
section.dark .card label,section.dark .card legend{color:var(--ink)}
section.dark .card small{color:#4A4234}
section.dark .card button{color:#FFFDF6}
section.hero .card h1,section.hero .card h2,section.hero .card h3{color:var(--ink)}
section.hero .card p,section.hero .card li{color:var(--ink)}
section.hero .card label,section.hero .card legend{color:var(--ink)}
section.hero .card small{color:#4A4234}
section.hero .card button{color:#FFFDF6}
.notice{background:var(--alt);border-left:5px solid var(--accent);border-radius:8px;padding:16px 18px;margin:0 0 20px}
.notice p{color:var(--ink)} .notice h3{color:var(--ink)}
section.dark .notice h2,section.dark .notice h3{color:var(--ink)}
section.dark .notice p,section.dark .notice li{color:var(--ink)}
section.dark .notice small{color:#4A4234}
section.hero .notice h2,section.hero .notice h3{color:var(--ink)}
section.hero .notice p,section.hero .notice li{color:var(--ink)}
section.hero .notice small{color:#4A4234}
/* kit band directly under the hero */
section.kitband{background:var(--alt);border-bottom:1px solid var(--line);padding:26px 0}
section.kitband h2{color:var(--ink)} section.kitband p{color:var(--ink)}
section.kitband label,section.kitband legend{color:var(--ink)} section.kitband small{color:#4A4234}
section.kitband button{color:#FFFDF6}
.kitband .price{font-weight:800;color:var(--accent-deep)}
/* the checker tool */
.tool{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.tool fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 18px;padding:14px 16px}
.tool legend{font-weight:700;padding:0 6px;color:var(--ink)}
.tool label{color:var(--ink);display:block;margin:.45em 0 .2em;font-weight:600}
.tool .checks label{font-weight:400;display:block;margin:.3em 0}
.tool small{color:#4A4234;display:block;margin:.2em 0 .6em}
.tool input[type=number],.tool input[type=text],.tool select{
  font-size:1rem;padding:10px 12px;border:1px solid #B9AC8E;border-radius:8px;background:#fff;color:var(--ink);max-width:100%}
.tool input[type=checkbox],.tool input[type=radio]{width:20px;height:20px;vertical-align:-4px;margin-right:8px}
section.alt form.tool label{color:var(--ink)}
section.alt form.tool legend{color:var(--ink)}
section.alt form.tool small{color:#4A4234}
section.alt form.tool .checks label{color:var(--ink)}
section.dark form.tool label{color:var(--ink)}
section.dark form.tool legend{color:var(--ink)}
section.dark form.tool small{color:#4A4234}
section.dark form.tool .checks label{color:var(--ink)}
section.hero form.tool label{color:var(--ink)}
section.hero form.tool legend{color:var(--ink)}
section.hero form.tool small{color:#4A4234}
section.hero form.tool .checks label{color:var(--ink)}
/* forms placed directly on dark / hero (no light panel) */
section.dark form.direct label,section.dark form.direct legend{color:var(--paper)}
section.dark form.direct small{color:var(--dark-small)}
section.dark form.direct .checks label{color:var(--dark-text)}
section.hero form.direct label,section.hero form.direct legend{color:var(--paper)}
section.hero form.direct small{color:var(--dark-small)}
section.hero form.direct .checks label{color:var(--dark-text)}
form.direct label{color:var(--ink)} form.direct legend{color:var(--ink)}
form.direct small{color:#4A4234} form.direct .checks label{color:var(--ink)}
/* verdict rendering */
.verdict-banner{border-radius:12px;padding:18px 20px;font-size:1.35rem;font-weight:800;line-height:1.35}
.verdict-banner .vb-kicker{display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.v-pass{background:var(--pass-bg);color:var(--pass)}
.v-short{background:var(--short-bg);color:var(--short)}
.v-path{background:var(--path-bg);color:var(--path)}
.v-call{background:var(--call-bg);color:var(--call)}
.verdict-chip{display:inline-block;border-radius:999px;padding:4px 14px;font-weight:800;font-size:.92rem}
.result .finding{border-top:1px solid var(--line);padding:14px 0}
.result .finding h3{margin-top:0;color:var(--ink)}
.result .finding p{color:var(--ink)}
.result .cite,.cite{font-size:.86rem;color:#4A4234}
.result .note{font-size:.94rem;color:#4A4234}
section.dark .result h2,section.dark .result h3{color:var(--ink)}
section.dark .result p,section.dark .result li{color:var(--ink)}
section.dark .result small{color:#4A4234}
section.hero .result h2,section.hero .result h3{color:var(--ink)}
section.hero .result p,section.hero .result li{color:var(--ink)}
section.hero .result small{color:#4A4234}
/* verdict page stamp + matrix tables */
.stamp{display:inline-block;background:var(--alt);border:1px solid var(--line);border-radius:8px;
  padding:8px 14px;font-size:.9rem;color:var(--ink);margin:0 0 18px}
.kittable{width:100%;border-collapse:collapse;margin:0 0 20px;background:var(--card)}
.kittable th,.kittable td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.kittable th{background:var(--alt);color:var(--ink)}
.kittable td{color:var(--ink)}
.matrix-list{list-style:none;padding:0;margin:0}
.matrix-list li{border-bottom:1px solid var(--line);padding:10px 0}
.matrix-list a{font-weight:600}
.kitsec{margin:0 0 34px}
blockquote{background:var(--alt);border-left:5px solid var(--accent);margin:0 0 18px;padding:14px 18px;border-radius:8px}
blockquote p{color:var(--ink)}
.faq h3{margin-bottom:.2em}
@media (max-width:760px){
  html{font-size:18px}
  section{padding:34px 0}
  section.hero{padding:26px 0 20px}
  section.kitband{padding:18px 0}
  h1{font-size:1.72rem}
  header.site{padding:8px 0}
  header.site .wrap{flex-direction:column;align-items:stretch;gap:6px}
  .brand{font-size:1.3rem;line-height:1.2}
  nav.main{display:flex;flex-wrap:wrap;gap:2px 14px;width:100%}
  nav.main a{font-size:.88rem;line-height:1.3;padding:3px 0}
  .kittable{display:block;overflow-x:auto}
  .tool input[type=number],.tool select{width:100%}
}