/* Check a car (public/check.js) and the two way choice in the home hero (public/search.js). Mobile first, same look as the
   Buyer brief and the Import Decoder. */

/* ---------- home hero: Check a car you found, then Search cars ---------- */
.shero-two .shero-in{justify-items:stretch}
.hchoice{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.hc{display:grid;gap:14px;align-content:start;justify-items:start;padding:20px 16px;border:1px solid var(--line);border-radius:10px;background:var(--pit);min-width:0}
.hc-check{border-top:3px solid var(--brass);background:linear-gradient(180deg,color-mix(in srgb,var(--brass) 7%,var(--pit)),var(--pit))}
.shero-two .hc h1{font-size:clamp(2.1rem,9vw,3.6rem);max-width:15ch}
.hc h2{font-family:var(--display);font-size:clamp(1.6rem,5.4vw,2.3rem);letter-spacing:-.04em;line-height:1.08;font-weight:400;text-wrap:balance;margin:0}
.hc h2 em{font-style:italic;color:var(--brass)}
.hc p{margin:0}
.hc-gets{font-size:.95rem;line-height:1.6;font-weight:600;color:var(--chalk);max-width:56ch}
.hc-sub{font-size:.9rem;line-height:1.7;color:var(--smoke);max-width:56ch}
.hc-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.hc-go{min-height:52px;padding-inline:22px;font-size:1rem;gap:8px;display:inline-flex;align-items:center}
.hc-from{font-size:.8rem;color:var(--dim)}
.hc-search .sbox{width:100%;max-width:none}
.hc-search .shero-try,.hc-search .shero-dec{margin:0}
@media (min-width:980px){
 .hchoice{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px}
 .hc{padding:28px}
 .shero-two .hc h1{font-size:clamp(2.6rem,4vw,3.8rem)}
}

/* ---------- the check page ---------- */
.ck{display:grid;gap:18px;min-width:0}
.ck p{margin:0}
.ck a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}
.ck a:hover{text-decoration-color:currentColor}
.ck a.btn{text-decoration:none}
.ck-lede{color:var(--smoke);max-width:62ch;font-size:.95rem;line-height:1.6}
.ck-sub{font-size:.8rem;line-height:1.55;color:var(--smoke)}
.ck-src{font-size:.72rem;line-height:1.5;color:var(--dim)}
.ck-top{display:grid;gap:16px;min-width:0}

.ck-form{display:grid;gap:14px;padding:16px 14px;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:6px;background:var(--pit);min-width:0}
.ck-row2,.ck-row3{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.ck-f{display:grid;gap:6px;min-width:0;margin:0}
.ck-f>span:first-child{display:flex;align-items:baseline;gap:8px;font-weight:600;font-size:.86rem}
.ck-f input,.ck-f select{min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--pit2);width:100%;min-width:0;font-size:1rem}
.ck-req,.ck-opt{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ck-req{color:var(--brass)}
.ck-opt{color:var(--dim)}
.ck-hint{font-size:.74rem;color:var(--dim)}
.ck-msg{font-size:.78rem;color:var(--live);font-weight:600}
.ck-msg:empty{display:none}
.ck-photos{display:grid;gap:8px;min-width:0}
.ck-ph{display:flex;align-items:baseline;gap:8px;font-weight:600;font-size:.86rem}
.ck-go{justify-self:stretch;min-height:52px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ck-how{display:grid;gap:8px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--pit2)}
.ck-how h3,.ck-box h3,.ck-price h3{font-family:var(--body);font-size:.95rem;font-weight:700;letter-spacing:0;color:var(--chalk);margin:0}
.ck-how ol{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:.88rem;line-height:1.55}
.ck-how li::marker{color:var(--brass);font-weight:700}

/* the summary card */
.ck-verdict{display:grid;gap:14px;padding:18px 14px;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:6px;background:var(--pit);min-width:0}
.ck-vtop{display:grid;gap:6px;min-width:0}
.ck-vtop h1{font-family:var(--display);font-size:clamp(1.8rem,7vw,2.8rem);letter-spacing:-.04em;line-height:1.08;font-weight:400;text-wrap:balance;overflow-wrap:anywhere}
.ck-facts{font-size:.9rem;color:var(--smoke);font-variant-numeric:tabular-nums}
.ck-vbody{display:grid;gap:12px;min-width:0}
.ck-count{font-family:var(--body);font-size:1.05rem;font-weight:700;letter-spacing:0;margin:0;color:var(--chalk)}
.ck-count b{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;margin-inline-end:6px;border-radius:999px;background:var(--brass);color:var(--on-brass);font-size:1.05rem}
.ck-look{margin:0;padding-inline-start:22px;display:grid;gap:10px}
.ck-look li{display:grid;gap:2px;font-size:.9rem;line-height:1.5}
.ck-look li::marker{color:var(--brass);font-weight:800}
.ck-look li span,.ck-good li span{color:var(--smoke);font-size:.84rem}
.ck-more summary{cursor:pointer;font-size:.86rem;font-weight:600;min-height:40px;display:flex;align-items:center}
.ck-more .ck-look{margin-top:6px}
.ck-good{list-style:none;margin:0;padding:12px;display:grid;gap:8px;border:1px solid var(--line);border-left:3px solid var(--go);border-radius:8px;background:var(--pit2)}
.ck-good li{display:grid;gap:2px;font-size:.88rem;line-height:1.5}
.ck-price{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--pit2)}

/* Viewing Mode */
.ck-view{display:flex;align-items:center;gap:14px;padding:16px 14px;border:1px solid var(--brass-deep);border-radius:10px;background:color-mix(in srgb,var(--brass) 8%,var(--pit));text-decoration:none!important;color:var(--chalk);min-width:0}
.ck-view:hover{background:color-mix(in srgb,var(--brass) 14%,var(--pit))}
.ck-view:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.ck-vic{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:999px;background:var(--brass);color:var(--on-brass)}
.ck-vtx{display:grid;gap:3px;min-width:0;flex:1 1 auto}
.ck-vtx b{font-size:1rem}
.ck-vtx span{font-size:.84rem;line-height:1.45;color:var(--smoke)}
.ck-varr{flex:0 0 auto;color:var(--brass)}

/* sections */
.ck-brief{min-width:0}
.ck-sec{display:grid;gap:12px;min-width:0}
.ck-sech{display:grid;gap:4px}
.ck-sech h2{font-family:var(--display);font-size:clamp(1.35rem,4.6vw,2rem);letter-spacing:-.03em;line-height:1.12;font-weight:400;margin:0}
.ck-paygrid{display:grid;gap:12px;min-width:0}
.ck-box{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--pit2);min-width:0}
.ck-always{background:var(--pit);border-color:var(--brass-deep);border-top:3px solid var(--brass)}
.ck-list{margin:0;padding-inline-start:20px;display:grid;gap:8px}
.ck-list li{font-size:.9rem;line-height:1.55}
.ck-list li::marker{color:var(--brass)}
.ck-plrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ck-pl{display:inline-block;padding:8px 14px;border:2px solid var(--chalk);border-radius:6px;background:var(--plate);color:#111;font-weight:800;font-size:1.2rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.ck-acts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.ck-acts .btn{min-height:48px;justify-content:center;display:inline-flex;align-items:center}
.ck-link{width:100%;margin-top:6px;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--pit2);font-size:.8rem}
.ck-ailab{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;background:var(--pit2);border:1px solid var(--line);font-size:.8rem;font-weight:600;line-height:1.45;color:var(--chalk)}
.ck-ailab svg{flex:0 0 auto;color:var(--brass);margin-top:1px}

/* saved checks and the side by side table */
.ck-slist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ck-si{display:flex;align-items:stretch;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--pit);min-width:0}
.ck-tick{flex:0 0 auto;display:grid;place-items:center;width:48px;cursor:pointer}
.ck-tick input{width:20px;height:20px;accent-color:var(--brass)}
.ck-sa{flex:1 1 auto;display:grid;gap:3px;padding:10px 4px;min-width:0;text-decoration:none!important}
.ck-sa b{font-size:.95rem;overflow-wrap:anywhere}
.ck-sa>span{font-size:.8rem;color:var(--smoke)}
.ck-flags{display:flex;flex-wrap:wrap;gap:4px}
.ck-flags i{font-style:normal;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--pit3);color:var(--chalk)}
.ck-del{flex:0 0 auto;width:44px;border:0;background:none;color:var(--dim);font-size:1.3rem;cursor:pointer;border-radius:0 10px 10px 0}
.ck-del:hover{color:var(--chalk);background:var(--pit2)}
.ck-cmpwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:10px;max-width:100%}
.ck-cmp{width:100%;border-collapse:collapse;font-size:.84rem;min-width:420px}
.ck-cmp th,.ck-cmp td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ck-cmp thead th{font-weight:700;background:var(--pit2)}
.ck-cmp tbody th{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke);white-space:nowrap}
.ck-cmp ul{margin:0;padding-inline-start:16px;display:grid;gap:3px}
.ck-cmp tr:last-child th,.ck-cmp tr:last-child td{border-bottom:0}

/* the first entry: paste the link (on #check and in the home hero) */
.ck-lbox{display:grid;gap:12px;padding:18px 14px;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:6px;background:var(--pit);min-width:0}
.ck-lhome{width:100%;padding:0;border:0;background:none}
.ck-lh{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:clamp(1.3rem,5vw,1.7rem);letter-spacing:-.03em;line-height:1.15;font-weight:400;color:var(--chalk);margin:0;cursor:pointer}
.ck-lh svg{flex:0 0 auto;color:var(--brass)}
.ck-lhome .ck-lh{font-family:var(--body);font-size:1rem;font-weight:700;letter-spacing:0}
.ck-lrow{display:flex;gap:8px;min-width:0}
.ck-lin{flex:1 1 auto;min-width:0;width:100%;min-height:56px;padding:12px 14px;border:2px solid var(--line);border-radius:10px;background:var(--pit2);color:var(--chalk);font-size:1.02rem}
.ck-lin:focus{border-color:var(--brass);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brass) 25%,transparent)}
.ck-lin[aria-invalid=true]{border-color:var(--live)}
.ck-paste{flex:0 0 auto;min-height:56px;padding-inline:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.ck-lgo{min-height:54px;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}
.ck-lnote{font-size:.8rem;line-height:1.55;color:var(--smoke);margin:0}
.ck-nolink{justify-self:start;padding:6px 0;min-height:40px;display:inline-flex;align-items:center;border:0;background:none;font:inherit;font-size:.88rem;font-weight:600;color:var(--chalk);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;cursor:pointer}
.ck-nolink:hover{text-decoration-color:currentColor}
.ck-lbox .ck-msg{margin:0}

/* after a link: what we found, then only what is missing */
.ck-found{display:grid;gap:10px;padding:16px 14px;border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:8px;background:var(--pit2);min-width:0}
.ck-fline{font-size:1rem;line-height:1.5;color:var(--chalk)}
.ck-fline b{overflow-wrap:anywhere}
.ck-furl{font-size:.76rem;color:var(--dim);overflow-wrap:anywhere;word-break:break-all}
.ck-facts2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.ck-change{font-size:.86rem;font-weight:600}
.ck-open{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.ck-vopen{margin-top:4px}
.ck-mini .ck-go{margin-top:2px}
.ck-fromlink{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--smoke)}
.ck-fromlink svg{flex:0 0 auto;color:var(--brass)}
.ck-sopen{flex:0 0 auto;display:grid;place-items:center;width:44px;color:var(--smoke)!important;text-decoration:none!important}
.ck-sopen:hover{color:var(--brass)!important;background:var(--pit2)}

@media (min-width:760px){
 .ck-lbox:not(.ck-lhome){padding:24px}
 .ck-lgo{width:auto;justify-self:start;padding-inline:32px}
 .ck-lhome .ck-lgo{width:100%}
 .ck-found{padding:18px 22px}
 .ck-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
 .ck-form,.ck-verdict{padding:24px}
 .ck-row2{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ck-row3{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ck-go{justify-self:start;padding-inline:28px}
 .ck-paygrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ck-acts{grid-template-columns:repeat(3,max-content)}
 .ck-view{padding:18px 22px}
}

/* ---------- What matters for this car (public/carfacts.js) ---------- */
.ck-ident{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0}
.ck-ident span{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--pit2);font-size:.8rem;line-height:1.4;color:var(--chalk);overflow-wrap:anywhere}
.ck-items{list-style:none;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.ck-it{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:8px;background:var(--pit2);min-width:0}
.ck-t-look{border-left-color:var(--brass)}
.ck-t-good{border-left-color:var(--go)}
.ck-t-wait{opacity:.85}
.ck-t-wait .ck-ith::after{content:'';display:inline-block;width:10px;height:10px;margin-inline-start:8px;border:2px solid var(--dim);border-top-color:transparent;border-radius:50%;animation:ckspin 1s linear infinite;vertical-align:-1px}
@keyframes ckspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ck-t-wait .ck-ith::after{animation:none}}
.ck-itl{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.ck-itb{display:grid;gap:6px;min-width:0}
.ck-ith{font-size:.95rem;line-height:1.45;color:var(--chalk);font-weight:700;overflow-wrap:anywhere}
.ck-itb p{margin:0;font-size:.86rem;line-height:1.55;color:var(--smoke);overflow-wrap:anywhere}
.ck-itb .ck-itnote{font-size:.74rem;color:var(--dim)}
.ck-steps{margin:2px 0 0;padding-inline-start:18px;display:grid;gap:8px}
.ck-steps li{display:grid;gap:2px;font-size:.88rem;line-height:1.5;min-width:0}
.ck-steps li::marker{color:var(--brass)}
.ck-steps li span{color:var(--smoke);font-size:.84rem;overflow-wrap:anywhere}
.ck .ck-steps .ck-stl a,.ck .ck-itlinks a{font-weight:600;color:var(--brass)}
.ck-itlinks{display:flex;flex-wrap:wrap;gap:6px 14px}
.ck-itlinks a{font-size:.84rem;overflow-wrap:anywhere}
.ck-first{margin:0;padding:14px 14px 14px 34px;display:grid;gap:10px;border:1px solid var(--brass-deep);border-radius:10px;background:var(--pit)}
.ck-first li{font-size:.9rem;line-height:1.55;color:var(--smoke)}
.ck-first li b{color:var(--chalk)}
.ck-first li::marker{color:var(--brass);font-weight:800}
@media (min-width:900px){.ck-it{grid-template-columns:150px minmax(0,1fr);column-gap:16px}.ck-itl{padding-top:3px}}

/* ---------- Redline Vehicle Report (public/report.js) ---------- */
.rp{--rp-japan:#2a78d6;--rp-uk:#eb6834;--rp-nz:#1baf7a;--rp-dash:#6250d6;--rp-listing:var(--smoke)}
:root[data-theme="dark"] .rp{--rp-japan:#3987e5;--rp-uk:#d95926;--rp-nz:#199e70;--rp-dash:#9085e9;--rp-listing:var(--smoke)}
.rp-head{display:grid;gap:8px;min-width:0}
.rp-head h1{font-family:var(--display);font-size:clamp(1.9rem,7vw,3rem);letter-spacing:-.04em;line-height:1.05;font-weight:400;margin:0;overflow-wrap:anywhere}
.rp-ids2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.86rem;color:var(--smoke)}
.rp-ids2 b{color:var(--chalk);overflow-wrap:anywhere}
.rp-ids2 .ck-pl{font-size:1rem;padding:4px 10px}
.rp-free{display:inline-block;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--go) 14%,var(--pit));color:var(--chalk);font-weight:600;font-size:.78rem}
.rp-label{font-size:.82rem;line-height:1.5;color:var(--smoke);border-left:3px solid var(--brass);padding-left:10px}
.rp-foot{margin-top:4px}
.rp-ids{border:1px solid var(--line);border-radius:8px;background:var(--pit);padding:12px 14px;min-width:0}
.rp-ids summary{cursor:pointer;font-weight:600;font-size:.92rem}
.rp-ids form,.rp-add,.rp-uk{display:grid;gap:12px;margin-top:12px;min-width:0}
.rp-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.rp-f{display:grid;gap:6px;min-width:0;margin:0}
.rp-f>span{font-weight:600;font-size:.84rem}
.rp-f input,.rp-f select{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--asphalt);color:var(--chalk);font:inherit}
.rp-sum{display:grid;gap:12px;padding:18px 14px;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:6px;background:var(--pit);min-width:0}
.rp-sum h2{font-family:var(--display);font-size:clamp(1.35rem,4.6vw,1.9rem);letter-spacing:-.03em;font-weight:400;margin:0}
.rp-lines{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rp-l{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.45;padding:10px 12px;border-radius:8px;background:var(--pit2);border-left:3px solid var(--line)}
.rp-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--dim)}
.rp-t-good{border-left-color:var(--go)}.rp-t-good .rp-dot{background:var(--go)}
.rp-t-look{border-left-color:var(--amber)}.rp-t-look .rp-dot{background:var(--amber);border-radius:2px;transform:rotate(45deg)}
.rp-t-info{border-left-color:var(--sky)}.rp-t-info .rp-dot{background:var(--sky)}
.rp-sec{display:grid;gap:12px;padding:16px 14px;border:1px solid var(--line);border-radius:10px;background:var(--pit);min-width:0}
.rp-sech{display:grid;gap:4px}
.rp-sech h2{font-family:var(--display);font-size:clamp(1.3rem,4.4vw,1.8rem);letter-spacing:-.03em;line-height:1.12;font-weight:400;margin:0}
.rp-sec h3{margin:0;font-size:1rem}
.rp-sec p{margin:0;line-height:1.55}
.rp-src{font-size:.74rem;line-height:1.5;color:var(--dim);border-top:1px solid var(--line);padding-top:10px}
.rp-dim{font-size:.82rem;color:var(--smoke);line-height:1.5}
td .rp-dim{display:block}
.rp-note{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--sky) 9%,var(--pit));font-size:.9rem}
.rp-ok{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--go) 10%,var(--pit));font-size:.9rem}
.rp-flags{margin:0;padding:10px 12px 10px 30px;border-radius:8px;background:color-mix(in srgb,var(--amber) 12%,var(--pit));display:grid;gap:6px;font-size:.9rem;line-height:1.5}
.rp-wait{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--smoke)}
.rp-spin{width:12px;height:12px;border:2px solid var(--dim);border-top-color:transparent;border-radius:50%;animation:ckspin 1s linear infinite}
@media (prefers-reduced-motion:reduce){.rp-spin{animation:none}}
.rp-btn{display:inline-flex;align-items:center;min-height:48px;text-decoration:none!important}
.rp-tag{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--live) 16%,var(--pit));color:var(--chalk)}
/* chart */
.rp-chart{margin:0;display:grid;gap:8px;min-width:0;max-width:780px}
.rp-chart>svg{width:100%;height:auto;display:block;overflow:visible}
.rp-legend svg{flex:0 0 auto}
.rp-grid{stroke:var(--line);stroke-width:1}
.rp-base{stroke:var(--smoke);stroke-width:1}
.rp-tick{stroke:var(--smoke)}
.rp-ax{fill:var(--smoke);font-size:12px;font-variant-numeric:tabular-nums}
.rp-line{fill:none;stroke:var(--dim);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.rp-mk{stroke:var(--pit);stroke-width:2}
.rp-s-japan .rp-mk{fill:var(--rp-japan)}.rp-s-uk .rp-mk{fill:var(--rp-uk)}.rp-s-nz .rp-mk{fill:var(--rp-nz)}.rp-s-dash .rp-mk{fill:var(--rp-dash)}.rp-s-listing .rp-mk{fill:var(--rp-listing)}
.rp-ring{fill:none;stroke:var(--live);stroke-width:2;stroke-dasharray:3 2}
.rp-pt{outline:none}.rp-pt:focus-visible .rp-mk,.rp-pt:hover .rp-mk{stroke:var(--chalk)}
.rp-lab{fill:var(--chalk);font-size:12px;font-weight:600;paint-order:stroke;stroke:var(--pit);stroke-width:4px;stroke-linejoin:round}
.rp-lab-drop{fill:var(--live)}
.rp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--smoke)}
.rp-legend span{display:inline-flex;align-items:center;gap:6px}
.rp-legend .rp-dim{font-size:.76rem}
.rp-twrap{overflow-x:auto;min-width:0}
.rp-t{width:100%;border-collapse:collapse;font-size:.86rem}
.rp-t th,.rp-t td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.rp-t th{font-size:.76rem;color:var(--smoke);font-weight:600}
.rp-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.rp-t input[type=date]{min-height:36px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--asphalt);color:var(--chalk);font:inherit;max-width:150px}
.rp-del{min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--smoke);font-size:1.1rem;cursor:pointer}
.rp-add{padding-top:12px;border-top:1px solid var(--line)}
.rp-uk{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.rp-uk .btn{min-height:44px}
/* US */
.rp-dl2{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.rp-dl2 div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:8px 10px;border-bottom:1px solid var(--line)}
.rp-dl2 div:last-child{border-bottom:0}
.rp-dl2 dt{color:var(--smoke);font-size:.82rem}.rp-dl2 dd{margin:0;font-size:.9rem;overflow-wrap:anywhere}
.rp-recalls,.rp-mots{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rp-recalls details{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--pit2)}
.rp-recalls summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.rp-recalls details p{margin-top:8px;font-size:.88rem}
/* MOT */
.rp-mot{border:1px solid var(--line);border-left:3px solid var(--go);border-radius:8px;padding:10px 12px;background:var(--pit2);display:grid;gap:6px}
.rp-mot.rp-fail{border-left-color:var(--live)}
.rp-moth{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.rp-res{font-weight:700;font-size:.84rem}
.rp-fail .rp-res{color:var(--live)}
.rp-mk2{font-size:.76rem;font-weight:700;color:var(--smoke);text-transform:uppercase;letter-spacing:.06em}
.rp-mot ul{margin:0;padding-left:18px;font-size:.86rem;line-height:1.5;display:grid;gap:3px}
@media (min-width:720px){
 .rp-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rp-add .rp-row{grid-template-columns:1.2fr 1.2fr .7fr 1.6fr}
 .rp-sec,.rp-sum{padding:22px 24px}
 .rp-dl2{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rp-dl2 div:nth-last-child(2):nth-child(odd){border-bottom:0}
}