/* CarCostWise calculators: white input card + dark results panel. Uses site tokens. */
.ccw-calc{display:flex;flex-wrap:wrap;gap:var(--space-l);align-items:flex-start;width:100%;font-family:var(--font-body);color:var(--ink);font-variant-numeric:tabular-nums}
.ccw-calc *{box-sizing:border-box}
.ccw-calc__form{flex:999 1 30rem;min-width:0;display:flex;flex-direction:column;gap:var(--space-xl);margin:0;padding:var(--space-xl);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-card)}
.ccw-calc__group{display:flex;flex-direction:column;gap:var(--space-s);min-width:0;margin:0;padding:0;border:0}
.ccw-calc__legend{margin-bottom:var(--space-s);padding:0;font-size:var(--text-s);font-weight:600;color:var(--ink)}
.ccw-calc__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-m)}
.ccw-calc__field{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}
.ccw-calc__label{font-size:var(--text-s);font-weight:500;color:var(--ink-2)}
.ccw-calc__input{display:flex;align-items:center;gap:.375rem;min-height:3rem;padding:0 .875rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-m)}
.ccw-calc__input:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}
.ccw-calc__input input,.ccw-calc__input select{flex:1;min-width:0;min-height:2.75rem;margin:0;padding:0;border:0;outline:0;background:transparent;font:500 1rem/1.2 var(--font-body);color:var(--ink)}
.ccw-calc__input select{appearance:none;padding-right:1.5rem;font-family:var(--font-body);font-size:.9375rem;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23475467' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right center}
.ccw-calc__affix{font-size:var(--text-s);color:var(--muted);white-space:nowrap}
.ccw-calc__seg{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}
.ccw-calc__seg-opt{position:relative;cursor:pointer}
.ccw-calc__seg-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ccw-calc__seg-opt span{display:flex;align-items:center;min-height:2.75rem;padding:0 1.125rem;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);font-size:.9375rem;font-weight:500;color:var(--ink-2)}
.ccw-calc__seg-opt input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ccw-calc__seg-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.ccw-calc__note{margin:0;font-size:var(--text-s);line-height:1.6;color:var(--muted)}
.ccw-calc__result{flex:1 1 20rem;min-width:0;display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-xl);background:var(--dark);border:1px solid var(--dark-line);border-radius:var(--radius-l);color:#fff}
.ccw-calc__eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9AA3AE}
.ccw-calc__big{margin-top:var(--space-2xs);font-family:var(--font-body);font-size:var(--text-4xl);font-weight:500;line-height:1.1;letter-spacing:-.03em;overflow-wrap:anywhere}
.ccw-calc--repair-vs-replace .ccw-calc__big{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:700;color:var(--accent-on-dark)}
.ccw-calc__pairs{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-l);margin-top:var(--space-2xs);font-size:.9375rem;color:#B7BEC7}
.ccw-calc__strong{color:#fff}
.ccw-calc__bars,.ccw-calc__list{display:flex;flex-direction:column;gap:var(--space-s);margin:0;padding:0;list-style:none}
.ccw-calc__bar{display:flex;flex-direction:column;gap:.5rem}
.ccw-calc__row{display:flex;justify-content:space-between;gap:.75rem;font-size:.9375rem;color:#D3D8DE}
.ccw-calc__row dt,.ccw-calc__row dd{margin:0}
.ccw-calc__row .num{color:#fff;font-family:var(--font-body);text-align:right}
.ccw-calc__list .ccw-calc__row{padding-bottom:var(--space-s);border-bottom:1px solid var(--dark-line)}
.ccw-calc__list .ccw-calc__row:last-child{padding-bottom:0;border-bottom:0}
.ccw-calc__track{height:.375rem;border-radius:var(--radius-pill);background:var(--dark-line);overflow:hidden}
.ccw-calc__fill{width:0;height:100%;border-radius:var(--radius-pill);background:#fff;transition:width .2s ease}
.ccw-calc__bar--insurance .ccw-calc__fill{background:var(--accent-on-dark)}
.ccw-calc__bar--fuel .ccw-calc__fill{background:var(--accent-l-2)}
.ccw-calc__bar--maintenance .ccw-calc__fill{background:var(--accent-l-1)}
.ccw-calc__bar--financing .ccw-calc__fill{background:#9AA3AE}
.ccw-calc__bar--taxes .ccw-calc__fill{background:#6B7480}
.ccw-calc__summary{margin:0;padding-top:var(--space-m);border-top:1px solid var(--dark-line);font-size:var(--text-s);line-height:1.6;color:#B7BEC7}
.ccw-calc__summary strong{color:#fff}
.ccw-calc__err{margin:0;font-size:var(--text-s);font-weight:500;line-height:1.4;color:var(--error)}
.ccw-calc__err::before{content:"! ";font-weight:700}
.ccw-calc__input:has([aria-invalid=true]){border:2px solid var(--error)}
.ccw-calc__alert{margin:0;padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);background:var(--error-soft);color:var(--error);font-size:var(--text-s);font-weight:600}
.ccw-calc__bar--gas .ccw-calc__fill{background:#9AA3AE}
.ccw-calc__bar--hybrid .ccw-calc__fill{background:var(--accent-l-2)}
.ccw-calc__bar--ev .ccw-calc__fill{background:var(--accent-on-dark)}
.ccw-calc__bar.is-best .ccw-calc__row{color:#fff;font-weight:600}
.ccw-calc__bar.is-best .ccw-calc__row>span:first-child::after{content:" (cheapest)";font-weight:400;color:var(--accent-on-dark)}
.ccw-calc__scroll{max-width:100%;overflow-x:auto}
.ccw-calc__table{width:100%;border-collapse:collapse;font-size:.875rem;color:#D3D8DE}
.ccw-calc__table th,.ccw-calc__table td{padding:.5rem .25rem;border-bottom:1px solid var(--dark-line);text-align:right;font-weight:400;vertical-align:top}
.ccw-calc__table thead th{color:#9AA3AE;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ccw-calc__table tbody th{text-align:left;padding-left:0}
.ccw-calc__table td.num{color:#fff}
.ccw-calc__table tr:last-child>*{border-bottom:0}
.ccw-calc__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ccw-calc--gas-hybrid-ev .ccw-calc__big{font-size:var(--text-3xl);font-weight:700;color:var(--accent-on-dark)}
.ccw-calc--gas-hybrid-ev .ccw-calc__result{flex-basis:24rem}
@media (prefers-reduced-motion:reduce){.ccw-calc__fill{transition:none}}
@media (max-width:30rem){.ccw-calc__form,.ccw-calc__result{padding:var(--space-l)}}
/* Wide calculator section inside a page (pages otherwise use the 760px reading card). */
body #brx-content>.brxe-section.ccw-calc-section>.brxe-container,body .page-hero+#brx-content>.brxe-section.ccw-calc-section>.brxe-container{max-width:var(--container-width);padding:0;background:none;box-shadow:none;border-radius:0;border:0}
.ccw-calc-section .brxe-text>p:first-child{max-width:var(--reading-width)}