/* /bills/: plan comparison calculator and savings tables (warm paper palette from site.css) */
.bills-page .plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:12px 0}
.bills-page .plan{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:14px 18px}
.bills-page .plan h3{margin:0 0 10px}
.bills-page .plan .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 12px}
.bills-page label{display:flex;flex-direction:column;gap:5px;font:600 12.5px/1.3 var(--sans);color:var(--bark)}
.bills-page .in{display:flex;align-items:center;gap:6px}.bills-page .in i{font-style:normal;font-size:13px;color:var(--fog);white-space:nowrap}
.bills-page :is(input,select){width:100%;min-height:42px;padding:8px 10px;font:400 15px var(--sans)}
.bills-page fieldset{border:0;border-top:1px solid var(--ln);margin:12px 0 0;padding:10px 0 0}
.bills-page legend{font:700 12px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--fog);padding:0 6px 0 0}
.bills-page .usage{max-width:320px;margin:8px 0 4px}
.bills-page .calc-out{margin:14px 0 0;padding:14px 16px;background:var(--panel2);border-radius:10px}
.bills-page .calc-res{margin:0 0 8px;font:400 15.5px/1.5 var(--sans)}.bills-page .calc-res b{color:var(--green)}
.bills-page .calc-out h4{margin:12px 0 4px;font:700 13px var(--sans)}
.bills-page .calc-eq{margin:0;padding:6px 0 0 20px;border-top:1px solid var(--ln);font:400 13px/1.6 var(--mono);color:var(--bark)}
.bills-page .calc-eq li{overflow-wrap:anywhere}.bills-page .calc-eq b{color:var(--ink)}
.bills-page .calc-warn{margin:10px 0 0;font:600 13.5px/1.45 var(--sans);color:var(--rust)}
.bills-page .calc-foot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:10px;font-size:13px}
.bills-page #plan-chart svg{width:100%;height:auto;display:block;margin-top:14px;background:#fff;border:1px solid var(--ln);border-radius:10px}
.bills-page #plan-chart .gl{stroke:var(--ln);stroke-width:1}.bills-page #plan-chart .ax{font:11px var(--sans);fill:var(--fog)}
.bills-page #plan-chart .la{fill:none;stroke:#B04420;stroke-width:2.5}.bills-page #plan-chart .lb{fill:none;stroke:#1F5C45;stroke-width:2.5;stroke-dasharray:7 4}
.bills-page #plan-chart .you-line{stroke:#6B6A68;stroke-width:1.5;stroke-dasharray:3 3}
.bills-page .legend{font-size:13px;color:var(--bark);display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;margin:6px 0 0}
.bills-page .legend span{display:inline-block;width:22px;height:0;border-top:3px solid #B04420;vertical-align:middle;margin-right:4px}
.bills-page .legend .kb{border-top:3px dashed #1F5C45}.bills-page .legend .ky{border-top:2px dotted #6B6A68}
.bills-page table.ref{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0 22px}
.bills-page table.ref th,.bills-page table.ref td{padding:9px 10px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}
.bills-page table.ref .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bills-page table.ref small{display:block;color:var(--fog);font-size:12px}
.bills-page table.ref tr.you th,.bills-page table.ref tr.you td{background:#FBF3E8}
.bills-page .tw{overflow-x:auto}
.bills-page .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:12px 0 24px}
.bills-page .cards a{display:block;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.bills-page .cards a b{display:block;font:700 16px/1.3 var(--serif,Georgia,serif);color:var(--rust);margin-bottom:4px}
.bills-page .cards a span{font-size:14px;color:var(--bark)}
.bills-page .callout{background:#fff;border-left:3px solid var(--rust);padding:10px 14px;border-radius:0 8px 8px 0;margin:14px 0}