
/* DriveQuery v740 — US Tesla home charging setup calculator */
.thc-hero{background:radial-gradient(circle at 80% 15%,rgba(83,153,255,.23),transparent 28%),linear-gradient(145deg,#0d1527,#183458);color:#fff}.thc-hero .breadcrumbs,.thc-hero .breadcrumbs a,.thc-hero .eyebrow{color:#c7d6ea}.thc-hero .lead{max-width:870px;color:#e5edf8}.thc-hero h1{max-width:920px}.thc-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.72fr);gap:34px;align-items:end}.thc-hero-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:24px;padding:22px;backdrop-filter:blur(8px)}.thc-hero-card>span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#b9cae2}.thc-hero-card>strong{display:block;font-size:36px;line-height:1.05;margin:8px 0}.thc-hero-card p{margin:0;color:#d4e0ef;line-height:1.5}.thc-hero-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.thc-hero-mini div{border-top:1px solid rgba(255,255,255,.13);padding-top:12px}.thc-hero-mini span{display:block;font-size:11px;color:#c4d2e5}.thc-hero-mini b{display:block;font-size:18px;margin-top:4px}.thc-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.thc-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);border:1px solid #dbe4ef;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(24,42,70,.08)}.thc-inputs{padding:26px}.thc-results{padding:26px;background:linear-gradient(155deg,#0f1729,#193b62);color:#fff}.thc-title-row{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:18px}.thc-title-row h3{margin:0}.thc-title-row small{color:#77849a}.thc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.thc-grid label>span{display:block;font-size:13px;font-weight:800;color:#34425a;margin-bottom:7px}.thc-field{width:100%;border:1px solid #cdd8e7;border-radius:12px;background:#fff;padding:12px;font:inherit;color:#1f2d44}.thc-field:focus{outline:2px solid rgba(62,124,226,.22);border-color:#5483cf}.thc-wide{grid-column:1/-1}.thc-hint{font-size:12px;line-height:1.5;color:#6e7a90;margin:7px 0 0}.thc-input-note{margin-top:17px;border:1px solid #dfe7f1;background:#f8fafc;border-radius:16px;padding:14px 15px;font-size:12px;line-height:1.55;color:#59667d}.thc-preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thc-preset-row button{appearance:none;border:1px solid #cbd7e7;background:#f8fafc;color:#31405a;border-radius:999px;padding:8px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.thc-preset-row button:hover{background:#edf3fb}.thc-preset-row button.is-active{background:#10182b;color:#fff;border-color:#10182b}
.thc-result-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#c2d0e3;font-weight:800}.thc-verdict{margin:8px 0 18px}.thc-verdict strong{display:block;font-size:38px;line-height:1.05}.thc-verdict p{color:#cedbed;margin:8px 0 0;line-height:1.5}.thc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thc-kpis article{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:15px;padding:13px;min-height:95px}.thc-kpis span,.thc-kpis small{display:block;font-size:12px;color:#c7d4e6}.thc-kpis strong{display:block;font-size:21px;margin:5px 0}.thc-fit-list{display:grid;gap:9px;margin-top:17px}.thc-fit{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;background:rgba(255,255,255,.045)}.thc-fit-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.thc-fit-name{font-weight:800}.thc-fit-badge{font-size:11px;font-weight:800;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.1);color:#dbe6f4}.thc-fit-badge.is-enough{background:rgba(80,190,137,.18);color:#c8f1dc}.thc-fit-badge.is-tight{background:rgba(244,184,79,.18);color:#ffe3ad}.thc-fit-badge.is-slow{background:rgba(240,110,95,.17);color:#ffd1ca}.thc-fit small{display:block;color:#c6d2e3;margin-top:6px;line-height:1.4}.thc-bar{height:7px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin-top:9px}.thc-bar b{display:block;height:100%;border-radius:999px;background:#78aaf9}.thc-result-note{margin-top:15px;border-radius:13px;padding:11px 12px;background:rgba(255,255,255,.07);font-size:12px;line-height:1.5;color:#d9e4f2}
.thc-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.thc-answer-grid article{border:1px solid #dfe6ef;border-radius:18px;padding:18px;background:#fff}.thc-answer-grid span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800;color:#74819a}.thc-answer-grid strong{display:block;font-size:23px;margin:5px 0}.thc-answer-grid p{margin:0;color:#5f6c82}.thc-compare{overflow-x:auto;margin-top:22px}.thc-compare table{width:100%;min-width:760px;border-collapse:collapse}.thc-compare th,.thc-compare td{text-align:left;padding:12px 10px;border-bottom:1px solid #e1e7ef}.thc-compare th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6c788c}.thc-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;border-radius:22px;background:#f1f6fc;padding:23px 24px}.thc-callout h3,.thc-callout p{margin-top:0}.thc-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thc-link-grid a{display:block;border:1px solid #dce4ee;border-radius:16px;padding:17px;text-decoration:none}.thc-link-grid a span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#748099;font-weight:800}.thc-link-grid a strong{display:block;margin-top:5px;color:#22324c}.thc-source-note{font-size:12px;line-height:1.55;color:#67758b;margin-top:14px}.thc-source-note strong{color:#34425a}
@media(max-width:950px){.thc-hero-grid,.thc-shell{grid-template-columns:1fr}.thc-results{order:2}.thc-answer-grid,.thc-link-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.thc-grid,.thc-kpis,.thc-answer-grid,.thc-link-grid,.thc-hero-mini{grid-template-columns:1fr}.thc-wide{grid-column:auto}.thc-inputs,.thc-results{padding:18px}.thc-verdict strong{font-size:32px}.thc-callout{grid-template-columns:1fr}.thc-hero-actions{flex-direction:column;align-items:stretch}.thc-hero-actions .button{text-align:center}}
