/* Save-money section: maps the calculators' markup onto Sumly tokens */
.svx .field{margin-bottom:1rem}
.svx label{display:block;flex:none;margin-bottom:.3rem}
.svx .row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start;margin:0}
.svx .row.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:560px){.svx .row,.svx .row.three{grid-template-columns:1fr}}
.svx .hint{display:block;font-weight:400;color:var(--ink-soft);font-size:.83rem;margin-top:.25rem}
.svx .unit{position:relative}
.svx .unit span{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--ink-soft);font-size:.9rem;pointer-events:none}
.svx .unit input{padding-right:3.4rem}
.svx .pre span{left:.75rem;right:auto}
.svx .pre input{padding-left:1.8rem;padding-right:.7rem}
.svx .result{font:inherit;word-break:normal;margin:.5rem 0 0;background:var(--steel);border-left:6px solid var(--tape);border-radius:8px;padding:1rem 1.1rem}
.svx .result .big{font:800 clamp(2rem,6vw,2.6rem)/1 var(--display);letter-spacing:-.02em}
.svx .result .sub{color:var(--ink-soft);margin-top:.4rem;font-size:.95rem}
.svx .figs{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.9rem}
.svx .figs div{background:var(--paper);border-radius:6px;padding:.6rem .75rem}
.svx .figs b{display:block;font:700 1.15rem/1.2 var(--display)}
.svx .figs small{color:var(--ink-soft)}
@media (max-width:420px){.svx .figs{grid-template-columns:1fr 1fr}}
.svx button.small{padding:.35rem .6rem;font-size:.85rem}
.svx .tablewrap{overflow-x:auto;margin-top:.75rem}
.svx table{width:100%;border-collapse:collapse;font-size:.95rem}
.svx th,.svx td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
.svx th{font-size:.85rem;color:var(--ink-soft);font-weight:600}
.svx td.num,.svx th.num{text-align:right;white-space:nowrap}
.svx tr.best td{background:rgba(243,183,26,.2)}
.svx .tag{display:inline-block;background:var(--ink);color:var(--tape);border-radius:99px;font-size:.75rem;font-weight:600;padding:.05rem .5rem;margin-left:.4rem;vertical-align:middle}
.svx .offer:empty,.svx .ad-slot:empty{display:none}
.svx .offer{margin-top:1.1rem}
.svx .hidden{display:none}
.svx details{border-bottom:1px solid var(--line);padding:.8rem 0}
.svx summary{font-weight:600;cursor:pointer}
.svx details p{color:var(--ink-soft);margin:.5rem 0 0;max-width:68ch}
.svx .meta{font-size:.85rem;color:var(--ink-soft);border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1rem}
.svx .meta p{margin:.3rem 0}
.svx .tgrid{margin:.5rem 0 1rem}