/* First-year cost calculator. Split out of src/styles/wp.css; see html-content.tsx. */
.abcx .calc{display:grid;grid-template-columns:1.25fr .85fr;gap:28px;align-items:start}@media (max-width:900px){.abcx .calc{grid-template-columns:1fr}}.abcx .calc-in,.abcx .calc-out{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 24px;box-shadow:var(--shadow)}.abcx .calc-out{position:sticky;top:90px}@media (max-width:900px){.abcx .calc-out{position:static}}.abcx .cf{display:block;margin:1.1rem 0 0}.abcx .cf>span{display:block;font:600 .93rem var(--ui);color:var(--heading);margin-bottom:.35rem}.abcx .cf input,.abcx .cf select{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:.7rem .9rem;font:500 1rem var(--ui);color:var(--ink);background:#fff}.abcx .cf input:focus,.abcx .cf select:focus{outline:3px solid rgba(var(--winergb),.25);border-color:var(--wine)}.abcx .cf input[hidden]{display:none}.abcx .cf small{display:block;margin-top:.4rem;font-size:.78rem;line-height:1.5;color:var(--muted)}.abcx .cf small a{color:var(--rose)}.abcx .calc-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width:560px){.abcx .calc-row{grid-template-columns:1fr}}.abcx .calc-t{width:100%;border-collapse:collapse;margin:.2rem 0 0;font-size:.95rem}.abcx .calc-t td{padding:.6rem 0;border-bottom:1px solid var(--line);color:var(--soft)}.abcx .calc-t td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--heading);font-weight:600;white-space:nowrap}.abcx .calc-t .dim{color:var(--muted);font-size:.8rem;font-weight:400}.abcx .calc-t tfoot td{border-bottom:0;border-top:2px solid var(--heading);padding-top:.8rem;font:700 1.15rem var(--display);color:var(--heading)}.abcx .calc-share{margin:1rem 0 0;font:600 .95rem var(--ui);color:var(--wine)}.abcx .calc-note{margin:.9rem 0 0;font-size:.78rem;line-height:1.55;color:var(--muted)}