/* calculator on the Equity page: same three-card layout */
/* Calculate-your-rate page (Kelly 2026-10-24): the rate sits on top and updates live, the form is two columns, no photo band. Scoped to this page only. */
.eq-sec{padding-top:18px !important;padding-bottom:28px !important}
.eq-sec#calc .eq-calc{padding:16px 16px 18px}
.eq-sec#calc .eq-grid{display:flex !important;flex-direction:column;gap:14px}
.eq-sec#calc .eq-side{position:static !important;order:-1}
.eq-sec#calc .eq-side,.eq-sec#calc .eq-form{width:100%;max-width:none !important;min-width:0}
.eq-sec#calc .eq-ph{margin:0;padding:12px 16px;text-align:left;border:2px dashed var(--line-strong);border-radius:14px;font-size:16px}
.eq-sec#calc .eq-field label,.eq-sec#calc .eq-field legend{font-size:15px;margin-bottom:4px}
.eq-sec#calc .eq-field input[type=text],.eq-sec#calc .eq-field select{min-height:44px}
.eq-sec#calc .eq-opt{padding:9px 12px}
.eq-sec#calc .eq-hint{margin-top:4px;font-size:13px}
@media (min-width:900px){
  .eq-sec#calc .eq-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;align-items:start}
  .eq-sec#calc .eq-form>fieldset,.eq-sec#calc .eq-form>.eq-err,.eq-sec#calc .eq-form>.eq-hp{grid-column:1/-1}
  .eq-sec#calc .eq-form>fieldset.eq-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:6px 20px;align-items:start}
  .eq-sec#calc .eq-form>fieldset.eq-field>legend{grid-column:1/-1;float:none}
  .eq-sec#calc .eq-opts{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;gap:8px}
  .eq-sec#calc .eq-pane{grid-column:2;grid-row:1;margin:0}
  .eq-sec#calc .eq-form>.eq-field .eq-hint{display:none}
  .eq-sec#calc .eq-form>fieldset .eq-hint{display:block}
  .eq-sec#calc .eq-form>.eq-field:has(#eq-name){grid-column:3;grid-row:1}
  .eq-sec#calc .eq-form>fieldset.eq-field{grid-row:2}
  .eq-sec#calc .eq-submit{grid-column:1;grid-row:3;justify-self:stretch;min-height:46px}
  .eq-sec#calc .eq-fine{grid-column:2;grid-row:3;margin:0;align-self:center}
  .eq-sec#calc .eq-opt{padding:7px 12px}
  .eq-sec#calc .eq-opts{gap:6px}
  .eq-sec#calc .wrap{position:relative}
  .eq-sec#calc .eq-side{position:absolute !important;right:0;top:-132px;width:400px;z-index:3;order:0}
  .eq-sec#calc .eq-ph{padding:10px 14px;font-size:14px;background:var(--paper);border:2px dashed var(--line-strong);border-radius:14px}
  .eq-sec#calc .eq-result{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center;padding:10px 14px 8px;border-top-width:5px;border-radius:16px}
  .eq-sec#calc .eq-rl,.eq-sec#calc .eq-two,.eq-sec#calc .eq-incl,.eq-sec#calc .eq-privn{display:none}
  .eq-sec#calc .eq-rate{grid-column:1;grid-row:1;font-size:38px;line-height:1;margin:0}
  .eq-sec#calc .eq-per{grid-column:1;grid-row:2;margin:0;font-size:13px}
  .eq-sec#calc .eq-est{grid-column:1/-1;grid-row:3;margin:4px 0 0;padding:0;background:none;font-size:12px;line-height:1.35}
  .eq-sec#calc .eq-actions{display:contents}
  .eq-sec#calc .eq-actions .eq-start{grid-column:2;grid-row:1/3;min-height:46px;font-size:15px;width:100%}
  .eq-sec#calc .eq-actions .btn.ghost,.eq-sec#calc .eq-qrbox,.eq-sec#calc .eq-sharenum{display:none}
  .eq-sec#calc .eq-status{grid-column:1/-1}
  .eq-sec#calc .eq-qrbox,.eq-sec#calc .eq-status,.eq-sec#calc .eq-sharenum{grid-column:1/-1;grid-row:auto}
}
@media (min-width:900px){
  .eq-sec#calc .eq-calc{padding:12px 16px 12px}
  .eq-sec#calc .eq-opt{padding:5px 12px;min-height:0;line-height:1.3;font-size:15px}
  .eq-sec#calc .eq-submit{min-height:42px}
  .eq-sec#calc .eq-form{gap:8px 20px}
  .eq-sec{padding-bottom:12px !important}
}
/* starting state: only the small placeholder shows; the result card stays hidden until there is a rate */
.eq-sec#calc .eq-result[hidden]{display:none !important}
@media (min-width:900px){
  .eq-sec#calc .eq-ph{min-height:0 !important;height:auto !important;margin:0;display:flex;align-items:center;justify-content:center}
  .eq-sec#calc .eq-ph[hidden]{display:none !important}
}
@media (max-width:899px){
  .eq-sec#calc .eq-ph{min-height:0 !important;height:auto !important;padding:10px 14px;font-size:14px;margin:0 0 4px}
  .eq-sec#calc .eq-form>.eq-field .eq-hint{display:none}
  .eq-sec#calc .eq-form>fieldset .eq-hint{display:block}
  .eq-sec#calc .eq-calc{padding:12px}
}
@media (max-width:899px){
  .eq-sec#calc .eq-result{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center;padding:10px 12px 8px;border-top-width:5px;border-radius:16px;margin:0 0 4px}
  .eq-sec#calc .eq-result[hidden]{display:none !important}
  .eq-sec#calc .eq-rl,.eq-sec#calc .eq-two,.eq-sec#calc .eq-incl,.eq-sec#calc .eq-privn{display:none}
  .eq-sec#calc .eq-rate{grid-column:1;grid-row:1;font-size:38px;line-height:1;margin:0}
  .eq-sec#calc .eq-per{grid-column:1;grid-row:2;margin:0;font-size:13px}
  .eq-sec#calc .eq-est{grid-column:1/-1;grid-row:3;margin:4px 0 0;padding:0;background:none;font-size:12px;line-height:1.35}
  .eq-sec#calc .eq-actions{display:contents}
  .eq-sec#calc .eq-actions .eq-start{grid-column:2;grid-row:1/3;min-height:46px;font-size:15px;width:100%}
  .eq-sec#calc .eq-actions .btn.ghost,.eq-sec#calc .eq-qrbox,.eq-sec#calc .eq-sharenum{display:none}
  .eq-sec#calc .eq-status{grid-column:1/-1}
}
/* inner cards: household (left) and income (right), every field the same size */
.eq-sec#calc .eq-form{display:grid;grid-template-columns:1fr;gap:12px}
.eq-sec#calc .eq-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1.5px solid var(--line-strong);border-radius:16px;min-width:0}
.eq-sec#calc .eq-card-a{background:#F4F1EA}
.eq-sec#calc .eq-card-b{background:#fff;border-color:#CBBF9F}
.eq-sec#calc .eq-card .eq-field{margin:0;padding:0;border:0}
.eq-sec#calc .eq-card .eq-field label,.eq-sec#calc .eq-card .eq-field legend{font-size:14px;font-weight:600;margin:0 0 5px;color:var(--navy)}
.eq-sec#calc .eq-card input[type=text],.eq-sec#calc .eq-card select{width:100% !important;height:46px;min-height:46px;padding:0 14px;font-size:16px;border:1.5px solid var(--line-strong);border-radius:12px;background-color:#fff}
.eq-sec#calc .eq-card-a .eq-hint{display:none}
.eq-sec#calc .eq-card-b fieldset.eq-field{display:flex !important;flex-direction:column;gap:10px}
.eq-sec#calc .eq-card-b .eq-opts{display:grid !important;grid-template-columns:1fr;gap:8px}
.eq-sec#calc .eq-card-b .eq-opt{min-height:46px;padding:8px 12px;border-radius:12px}
.eq-sec#calc .eq-card-b .eq-pane{margin:0;grid-row:auto;grid-column:auto}
.eq-sec#calc .eq-card-b .eq-submit{width:100%;min-height:48px;margin:0}
.eq-sec#calc .eq-card-b .eq-fine{margin:0;text-align:center;font-size:13px}
@media (min-width:900px){
  .eq-sec#calc .eq-form{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:stretch}
  .eq-sec#calc .eq-card-b .eq-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eq-sec#calc .eq-card-b .eq-opt{align-items:center}
  .eq-sec#calc .eq-card-b .eq-submit{width:auto;align-self:flex-start;min-width:240px}
  .eq-sec#calc .eq-card-b .eq-fine{text-align:left}
}
@media (min-width:900px){
  .eq-sec#calc .eq-calc{padding:10px 12px}
  .eq-sec#calc .eq-card{padding:12px 14px;gap:10px}
  .eq-sec#calc .eq-card-b .eq-opt{min-height:44px}
  .eq-sec#calc .eq-card-b fieldset.eq-field{gap:8px}
  .eq-sec#calc .eq-card-b .eq-submit{min-height:46px}
  .eq-sec#calc .eq-card-b .eq-fine{margin-top:-2px}
  .eq-sec#calc .eq-side{top:-122px}
  .eq-sec{padding-top:12px !important}
}
@media (min-width:900px){
  .eq-sec#calc .eq-card-b .eq-fine{align-self:flex-start !important;text-align:left}
}
/* Download / Share / Copy link / QR are back, as small links under the Start button in the price card */
.eq-sec#calc .eq-actions{display:flex !important;flex-wrap:wrap;gap:2px 14px;grid-column:2 !important;grid-row:1/3 !important;align-content:center;align-items:center}
.eq-sec#calc .eq-actions .eq-start{grid-column:auto !important;grid-row:auto !important;width:100% !important;flex:1 1 100%}
.eq-sec#calc .eq-actions .btn.ghost{display:inline-flex !important;min-height:26px !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;font-size:12.5px !important;font-weight:600;text-decoration:underline;color:var(--navy)}
.eq-sec#calc .eq-actions .btn.ghost[hidden]{display:none !important}
.eq-sec#calc .eq-actions .btn.ghost::after{display:none !important}
.eq-sec#calc .eq-qrbox:not([hidden]){display:block !important;grid-column:1/-1;margin-top:8px}
.eq-sec#calc .eq-sharenum:not([hidden]){display:block !important;grid-column:1/-1}
.eq-sec#calc .eq-status{grid-column:1/-1;font-size:12px}
@media (min-width:900px){ .eq-sec#calc .eq-side{width:420px} }
/* ===== three cards: household | income | your rate (Kelly's idea, 2026-10-24) ===== */
.eq-sec#calc .eq-grid{display:grid !important;gap:12px}
.eq-sec#calc .eq-form{display:contents !important}
.eq-sec#calc .eq-side{position:static !important;width:auto !important;top:auto !important;right:auto !important;order:0 !important;display:flex;flex-direction:column;min-width:0}
.eq-sec#calc .eq-ph{flex:1;display:flex !important;align-items:center;justify-content:center;margin:0;padding:14px;text-align:center;background:#FBF1DC;border:1.5px dashed #CBBF9F;border-radius:16px;font-size:15px;min-height:0 !important}
.eq-sec#calc .eq-ph[hidden]{display:none !important}
.eq-sec#calc .eq-result{flex:1;display:flex !important;flex-direction:column;gap:6px;padding:12px 16px 12px !important;margin:0;background:#FFF6E0 !important;border:1.5px solid #E2C98A !important;border-top:5px solid var(--gold) !important;border-radius:16px;box-shadow:none !important}
.eq-sec#calc .eq-result[hidden]{display:none !important}
.eq-sec#calc .eq-rl,.eq-sec#calc .eq-two,.eq-sec#calc .eq-incl,.eq-sec#calc .eq-privn{display:block !important;margin:0;font-size:13.5px;line-height:1.4}
.eq-sec#calc .eq-privn[hidden]{display:none !important}
.eq-sec#calc .eq-incl{list-style:none;padding:0}
.eq-sec#calc .eq-rl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.eq-sec#calc .eq-rate{font-size:50px !important;line-height:1 !important;margin:0 !important}
.eq-sec#calc .eq-per{margin:0 !important;font-size:14px !important}
.eq-sec#calc .eq-est{margin:2px 0 0 !important;padding:0 !important;background:none !important;font-size:12.5px !important;line-height:1.35}
.eq-sec#calc .eq-actions{display:flex !important;flex-wrap:wrap;gap:2px 14px;margin:auto 0 0 !important;align-content:flex-end}
.eq-sec#calc .eq-actions .eq-start{width:100% !important;flex:1 1 100%;min-height:48px !important;margin-bottom:4px}
.eq-sec#calc .eq-actions .btn.ghost[hidden]{display:none !important}
@media (min-width:900px){
  .eq-sec#calc .eq-grid{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,4.2fr);align-items:stretch}
  .eq-sec#calc .eq-card-b .eq-opts{grid-template-columns:1fr !important}
  .eq-sec#calc .eq-card-b .eq-opt{min-height:40px !important;padding:6px 12px}
  .eq-sec#calc .eq-card-b .eq-submit{width:100% !important;min-width:0}
  .eq-sec#calc .eq-card-b .eq-fine{align-self:flex-start !important}
  .eq-sec#calc .eq-calc{padding:10px !important}
}
@media (max-width:899px){
  .eq-sec#calc .eq-grid{grid-template-columns:1fr}
  .eq-sec#calc .eq-side{order:5 !important}
}
@media (min-width:900px){
  .eq-sec#calc .eq-card-b .eq-hint,.eq-sec#calc .eq-card-b .eq-fine{display:none !important}
  .eq-sec#calc .eq-two{display:none !important}
  .eq-sec#calc .eq-incl li:nth-child(2){display:none}
  .eq-sec#calc .eq-card-b .eq-opt{min-height:36px !important;padding:4px 12px !important;font-size:14px !important}
  .eq-sec#calc .eq-card input[type=text],.eq-sec#calc .eq-card select{height:44px !important;min-height:44px !important}
  .eq-sec#calc .eq-card{padding:10px 14px !important;gap:8px !important}
  .eq-sec#calc .eq-card-b .eq-submit{min-height:44px !important}
  .eq-sec#calc .eq-result{gap:4px !important}
}
.eq-sec#calc .eq-actions .btn.ghost{flex:1 1 40% !important;justify-content:center;text-align:center}
/* title band: just the title, no sub-line */

.eq-sec#calc .eq-side{position:static !important;top:auto !important;width:auto !important}
.eq-sec#calc{padding-top:34px !important;padding-bottom:34px !important}
.eq-sec#calc .eq-grid{max-width:1120px;margin:0 auto}