/* v2 pages: agents. The savings calculator on /websites-for-estate-agents/.
   Night surface; inputs reuse the enquiry form's .f fields, the results reuse
   .bill__rows. Locked palette: --night-2 card, --lift accents, --mist notes. */
.ag-calc{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,2rem + 2vw,56px)}
.ag-calc>*,.ag-calc__body>*{min-width:0}
.ag-calc__head .lead{max-width:46ch;color:var(--haze)}
.ag-calc__body{display:grid;gap:28px;align-items:start}
@media (min-width:1024px){.ag-calc__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.ag-calc__form fieldset{margin:0 0 26px;padding:0;border:0;min-width:0}
.ag-calc__form legend{margin-bottom:14px;color:var(--mist)}
.ag-hint{display:block;margin-top:8px;font-size:.8125rem;line-height:1.45;color:var(--mist)}
.ag-check{display:flex;align-items:center;gap:12px;min-height:52px;align-self:end;cursor:pointer;color:var(--haze);font:600 .9375rem/1.3 var(--body)}
.ag-check input{width:22px;height:22px;flex:none;accent-color:var(--bright)}
.ag-out{position:sticky;top:96px;padding:clamp(24px,1.5rem + 1vw,36px);border:1px solid var(--line-n);border-radius:var(--r-lg);background:var(--night-2);color:var(--haze)}
.ag-out .label{color:var(--mist)}
.ag-out__empty{margin-top:14px;font:700 1.25rem/1.35 var(--display);color:#fff}
.ag-out__rows dd{font:800 1.25rem/1.2 var(--display);color:#fff;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.ag-out__save dd{font-size:1.75rem;color:var(--lift)}
.ag-out__verdict{margin-top:16px;font-size:.9375rem;line-height:1.5;color:var(--haze)}
.ag-out__verdict:empty{display:none}
.ag-out__note{margin-top:14px;font-size:.8125rem;line-height:1.5;color:var(--mist)}
.ag-out .pill{margin-top:20px}
.ag-out [hidden]{display:none!important}
@media (max-width:1023px){.ag-out{position:static}}
@media (max-width:380px){.ag-out__rows div{flex-wrap:wrap}.ag-out__rows dd{text-align:left}}