
/* DriveQuery v739 — US Tesla charging calculator */
.tcc-hero{background:radial-gradient(circle at 82% 16%,rgba(79,139,255,.24),transparent 30%),linear-gradient(145deg,#0f1729,#172844);color:#fff}.tcc-hero .breadcrumbs,.tcc-hero .breadcrumbs a,.tcc-hero .eyebrow{color:#c6d4ea}.tcc-hero .lead{max-width:900px;color:#e5edf8}.tcc-hero h1{max-width:920px}.tcc-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.72fr);gap:34px;align-items:end}.tcc-example-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:24px;padding:22px;backdrop-filter:blur(8px)}.tcc-example-card>span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#b8cae5}.tcc-example-card>strong{display:block;font-size:44px;line-height:1;margin:9px 0}.tcc-example-card>small{display:block;color:#d0dced;line-height:1.45}.tcc-example-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.tcc-example-row div{border-top:1px solid rgba(255,255,255,.12);padding-top:13px}.tcc-example-row span,.tcc-example-row small{display:block;color:#c6d4e8;font-size:12px}.tcc-example-row b{display:block;font-size:18px;margin:3px 0}.tcc-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.tcc-tool-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.tcc-tool-head .section-lead{max-width:820px;margin-bottom:0}.tcc-pill{border:1px solid #d3ddeb;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;color:#45546e;white-space:nowrap}.tcc-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.78fr);border:1px solid #dce5f0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(24,42,70,.08)}.tcc-inputs{padding:26px}.tcc-results{padding:26px;background:linear-gradient(155deg,#0f1729,#18375a);color:#fff}.tcc-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.tcc-section-title h3{margin:0}.tcc-section-title small{font-size:12px;color:#728097}.tcc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tcc-grid label>span,.tcc-advanced-grid label>span,.tcc-gas-grid label>span{display:block;font-size:13px;font-weight:800;color:#34425a;margin-bottom:7px}.tcc-select,.tcc-field{width:100%;border:1px solid #cdd8e7;border-radius:12px;background:#fff;padding:12px 12px;font:inherit;color:#1f2d44}.tcc-select:focus,.tcc-field:focus{outline:2px solid rgba(62,124,226,.22);border-color:#5483cf}.tcc-wide{grid-column:1/-1}.tcc-soc{margin:16px 0 4px;padding:14px 15px;border:1px solid #dfe7f1;background:#f8fafc;border-radius:16px}.tcc-soc-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:#4b5870;margin-bottom:8px}.tcc-soc-track{height:12px;background:#e3e8f0;border-radius:999px;position:relative;overflow:hidden}.tcc-soc-current,.tcc-soc-added{position:absolute;top:0;bottom:0}.tcc-soc-current{left:0;background:#8390a4}.tcc-soc-added{background:linear-gradient(90deg,#3d78e8,#69a5ff)}.tcc-setup-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tcc-setup-presets button,.tcc-rate-presets 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}.tcc-setup-presets button:hover,.tcc-rate-presets button:hover{background:#edf3fb}.tcc-setup-presets button.is-active,.tcc-rate-presets button.is-active{background:#10182b;color:#fff;border-color:#10182b}.tcc-note{font-size:12px;line-height:1.55;color:#6d7890;margin:12px 0 0}.tcc-advanced{margin-top:18px;border-top:1px solid #e1e7ef;padding-top:16px}.tcc-advanced summary{font-weight:800;cursor:pointer;color:#34425a}.tcc-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.tcc-rate-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tcc-divider{height:1px;background:#e5eaf1;margin:22px 0}.tcc-gas-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.tcc-gas-head h3{margin:0}.tcc-gas-head span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#70809a}.tcc-gas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.tcc-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tcc-result-top>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#c1cfe1}.tcc-copy{appearance:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:7px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.tcc-main-result{padding:24px 0 18px;border-bottom:1px solid rgba(255,255,255,.13)}.tcc-main-result span,.tcc-main-result small{display:block;color:#c4d2e5}.tcc-main-result strong{display:block;font-size:50px;line-height:1;margin:8px 0}.tcc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.tcc-result-grid article{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:15px;padding:13px;min-height:99px}.tcc-result-grid span,.tcc-result-grid small{display:block;color:#c5d2e4;font-size:12px;line-height:1.35}.tcc-result-grid strong{display:block;font-size:21px;margin:5px 0}.tcc-month-card{margin-top:14px;border-radius:17px;background:rgba(86,159,255,.12);border:1px solid rgba(127,183,255,.2);padding:15px}.tcc-month-card>span,.tcc-month-card>small{display:block;color:#cfe0f4;font-size:12px}.tcc-month-card strong{display:block;font-size:27px;margin:5px 0}.tcc-gas-result{margin-top:14px;border-top:1px solid rgba(255,255,255,.13);padding-top:14px}.tcc-gas-result-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.tcc-gas-result-head span{font-size:12px;color:#c4d3e6}.tcc-gas-result-head strong{font-size:21px}.tcc-gas-result .is-save{color:#bff1da}.tcc-gas-result .is-cost{color:#ffd1c7}.tcc-gas-bars{display:grid;gap:8px;margin-top:12px}.tcc-gas-bar{display:grid;grid-template-columns:72px 1fr auto;gap:9px;align-items:center;font-size:12px;color:#cedaea}.tcc-gas-bar i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}.tcc-gas-bar i b{display:block;height:100%;border-radius:999px;background:#78aaf9}.tcc-gas-bar.is-gas i b{background:#d6b46e}.tcc-result-status{margin-top:15px;border-radius:13px;padding:11px 12px;background:rgba(255,255,255,.07);font-size:12px;line-height:1.5;color:#d9e4f2}.tcc-trust{max-width:1080px;margin:14px auto 0;font-size:12px;line-height:1.55;color:#67758b}.tcc-trust strong{color:#34425a}
.tcc-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.tcc-answer-grid article{border:1px solid #dfe6ef;border-radius:18px;padding:18px;background:#fff}.tcc-answer-grid span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800;color:#74819a}.tcc-answer-grid strong{display:block;font-size:24px;margin:5px 0}.tcc-answer-grid p{margin:0;color:#5f6c82}.tcc-compare-table{overflow-x:auto;margin-top:22px}.tcc-compare-table table{min-width:720px;width:100%;border-collapse:collapse}.tcc-compare-table th,.tcc-compare-table td{text-align:left;border-bottom:1px solid #e1e7ef;padding:12px 10px}.tcc-compare-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6c788c}.tcc-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;border-radius:22px;background:#f1f6fc;padding:23px 24px}.tcc-callout h3,.tcc-callout p{margin-top:0}.tcc-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tcc-link-grid a{display:block;border:1px solid #dce4ee;border-radius:16px;padding:17px;text-decoration:none}.tcc-link-grid a span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#748099;font-weight:800}.tcc-link-grid a strong{display:block;margin-top:5px;color:#22324c}
@media(max-width:900px){.tcc-hero-grid,.tcc-shell{grid-template-columns:1fr}.tcc-example-card{max-width:620px}.tcc-answer-grid,.tcc-link-grid{grid-template-columns:1fr 1fr}.tcc-tool-head{align-items:flex-start;flex-direction:column}.tcc-pill{white-space:normal}.tcc-results{order:2}}
@media(max-width:620px){.tcc-grid,.tcc-advanced-grid,.tcc-gas-grid,.tcc-result-grid,.tcc-answer-grid,.tcc-link-grid,.tcc-example-row{grid-template-columns:1fr}.tcc-wide{grid-column:auto}.tcc-inputs,.tcc-results{padding:18px}.tcc-main-result strong{font-size:42px}.tcc-callout{grid-template-columns:1fr}.tcc-gas-bar{grid-template-columns:62px 1fr auto}.tcc-hero-actions{flex-direction:column;align-items:stretch}.tcc-hero-actions .button{text-align:center}}
