
:root{--cct-ink:#122033;--cct-muted:#657386;--cct-line:#dfe6ee;--cct-bg:#f6f8fb;--cct-card:#fff;--cct-accent:#1769e0;--cct-accent-dark:#0f4fae;--cct-good:#137a4a;--cct-warn:#a55b00;--cct-bad:#b42318}
.cct-page,.cct-tool{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cct-ink);box-sizing:border-box}
.cct-page *,.cct-tool *{box-sizing:border-box}
.cct-page{max-width:1120px;margin:0 auto;padding:28px 20px 70px}
.cct-breadcrumb{font-size:14px;color:var(--cct-muted);margin-bottom:28px}.cct-breadcrumb a{color:var(--cct-accent);text-decoration:none}
.cct-hero{padding:42px 0 28px;border-bottom:1px solid var(--cct-line);margin-bottom:28px}.cct-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.05;margin:8px 0 12px;letter-spacing:-.03em}.cct-hero p{font-size:18px;color:var(--cct-muted);max-width:760px}
.cct-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--cct-accent)}
.cct-section{margin:26px 0}.cct-section h2{font-size:27px;margin:0 0 10px;letter-spacing:-.02em}.cct-section>p{color:var(--cct-muted);line-height:1.65}
.cct-tool{background:var(--cct-bg);border:1px solid var(--cct-line);border-radius:22px;padding:24px;max-width:980px;margin:20px auto}
.cct-tool-head h2{margin:4px 0 8px;font-size:30px}.cct-tool-head p{margin:0 0 22px;color:var(--cct-muted)}
.cct-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.cct-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cct-tool label{font-weight:700;font-size:14px;color:var(--cct-ink)}.cct-tool input,.cct-tool select{display:block;width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:12px 13px;font-size:16px;color:var(--cct-ink);min-height:46px}
.cct-target{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.cct-target>div{background:#fff;border:1px solid var(--cct-line);border-radius:16px;padding:18px}.cct-target span{display:block;color:var(--cct-muted);font-size:13px}.cct-target strong{display:block;font-size:32px;margin-top:4px}
.cct-current{background:#fff;border:1px solid var(--cct-line);border-radius:18px;padding:20px;margin-top:18px}.cct-current h3{margin:0 0 5px}.cct-current p{color:var(--cct-muted);margin-top:0}
.cct-check,.cct-apply-manual{border:0;border-radius:11px;background:var(--cct-accent);color:#fff;font-weight:800;padding:13px 18px;margin-top:16px;cursor:pointer;min-height:46px}.cct-check:hover,.cct-apply-manual:hover{background:var(--cct-accent-dark)}
.cct-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.cct-result{border-radius:15px;padding:16px;background:#fff;border:1px solid var(--cct-line)}.cct-result strong{display:block;font-size:18px}.cct-result span{display:block;color:var(--cct-muted);margin-top:4px}.cct-result.good{border-color:#a8ddc5}.cct-result.bad{border-color:#f1b5ae}.cct-result.warn{border-color:#f2d39b}
.cct-notice,.cct-empty{background:#eef5ff;border:1px solid #cfe1fb;border-radius:14px;padding:14px 16px;color:#36516f;margin-top:18px;line-height:1.55}
.cct-manual{background:#fff;border:1px solid var(--cct-line);border-radius:18px;padding:20px;margin-top:18px}.cct-manual h3{margin-top:0}
.cct-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cct-spec-grid>div{border:1px solid var(--cct-line);border-radius:14px;padding:15px;background:#fff}.cct-spec-grid span{display:block;color:var(--cct-muted);font-size:13px;margin-bottom:5px}.cct-spec-grid strong{display:block;font-size:16px}.cct-spec-grid small{display:block;margin-top:7px}.cct-spec-grid small a{color:var(--cct-accent)}
.cct-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--cct-line);border-radius:14px;overflow:hidden}.cct-table th,.cct-table td{text-align:left;padding:14px;border-bottom:1px solid var(--cct-line)}.cct-table th{background:#f8fafc;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.cct-table tr:last-child td{border-bottom:0}
@media(max-width:800px){.cct-grid-4,.cct-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cct-page{padding:18px 14px 50px}}
@media(max-width:560px){.cct-grid-2,.cct-target,.cct-results,.cct-grid-4,.cct-spec-grid{grid-template-columns:1fr}.cct-tool{padding:16px;border-radius:16px}.cct-hero{padding-top:25px}.cct-target strong{font-size:28px}}
.cct-vehicle-picker{padding:18px;margin:0 0 18px;border:1px solid #e4e7ec;border-radius:14px;background:#fafbfc}.cct-vehicle-picker h3{margin-top:0}.cct-credit{font-size:13px;opacity:.72;margin-top:18px}
.cct-estimate-banner{margin-top:14px;padding:14px 16px;border-left:4px solid #dba617;background:#fff8e5;border-radius:4px;color:#4a3b00}
.cct-vehicle-picker select:disabled{opacity:.65;cursor:not-allowed}.cct-picker-note{margin-top:12px}.cct-estimate-banner{margin-top:16px;padding:14px 16px;border:1px solid #f0c36d;background:#fff8e6;border-radius:8px}.cct-result{display:flex;flex-direction:column;gap:4px}.cct-result.good{border-left:4px solid #22a06b}.cct-result.bad{border-left:4px solid #d63638}.cct-result.warn{border-left:4px solid #dba617}
