/* ===== Pass 11 (UX review): type floor, solid muted text, tap targets, calendar height, small additions ===== */

/* S12 type floor: nothing under 11px, captions 12px */
.eyebrow,.lk,.lk-c,.lk-n,.lk-e,.hs-l dt,.cal-wd,.bp-end,.rail-l,caption.eyebrow{font-size:11px}
.fig,.fig-gal{font-size:12px}
.mf-tag{font-size:11px}
.bp5-key .bp5-n{font-size:11px;width:20px;height:20px}
.dk-msg .who{font-size:11px}
.sfoot-legal,.sfoot-x{font-size:12px}
/* SVG labels: rendered size = font-size x drawing scale. Plan: 1.066px/unit at 390px; Section A-A: 0.87px/unit */
@media (max-width:820px){
  .bp .bp-lines .bp-sm,.bp .bp-lines .bp-xs,.bp .bp-lines .bp-acid,.bp .bp-lines .bp-dim,.bp .bp-lines .bp-grid,.bp-z .bp-rs,.bp-z .bp-tiny,.bp-z text{font-size:10.5px}
  .bp-z .bp-tiny{letter-spacing:0}
  .bp5 text{font-size:12.8px}
  .bp5 .tb-lg{display:none}
}
/* Section A-A title block: full lines on wide screens, shorter lines where the labels are enlarged */
@media (min-width:821px){.bp5 .tb-sm{display:none}}

/* S11 contrast: solid muted #9AA88C (5.36:1 on the page background), no opacity-reduced text */
.cf-u{color:var(--muted)}
.sfoot-legal,.sfoot-x{color:var(--muted);opacity:1}
.dk-title,.dk-msg .who{color:var(--muted);opacity:1}
.cal-d.past{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
.cal-d.past .n{opacity:1}
.px-tc{fill:var(--muted);opacity:1}
.bp-zoff text,html.js .bp.in .bp-zoff text,html.js .bp .bp-zoff text{fill:var(--muted);opacity:1}
.bp .bp-lines .bp-dim2{fill:var(--muted);opacity:1}
.bp .bp-lines .bp-dim,.bp .bp-lines .bp-grid{opacity:1}
.bp5 .tgh{fill:var(--muted);fill-opacity:1}
.st-home p:not(.eyebrow),.lede{opacity:1}

/* S10 tap targets: 44px minimum */
.chip,.dk-chip,.bp-chip{min-height:44px}
.seg label>span{min-height:44px}
.facts .src a,.mail-alt a,.sfoot-nav a{display:inline-flex;align-items:center;min-height:44px}
.bp-hit{fill:transparent}

/* S8: the showings grid always renders 6 week rows; reserve that height before calendar.js fills it (CLS 0) */
#calGrid{min-height:var(--cal-h,330px)}

/* S4: visible email fallback beside the mailto actions */
.mail-alt{margin-top:12px;font-size:13px;line-height:1.5;color:var(--muted)}
.mail-alt a{color:var(--text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.mail-alt a:hover{color:var(--acid)}
.fin-alt{margin:22px auto 0;text-align:center;max-width:40ch}
.dk-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* S2: the tax/PMI note sits right under the sources line */
#calc .calc-note{margin-top:8px;padding-top:0;border-top:0}

/* P5: "Skip gallery" link, visible on keyboard focus only */
.skip-gal{position:absolute;left:-9999px;z-index:30;background:var(--acid);color:var(--ink);padding:12px 16px;font-weight:600;border-radius:4px}
.skip-gal:focus{position:relative;left:auto;display:inline-block;margin:0 0 12px}

/* S9: footer legal links sit with the other footer links */
.sfoot-nav a[href="/privacy/"],.sfoot-nav a[href="/terms/"]{color:var(--text)}

/* CLS: "Auto-step" becomes "Pause" when the stepper starts; keep the button as wide as its longer label so the row never reflows */
#upsAuto{min-width:8.4em;justify-content:center}

/* Pass 13: link to /5680/florida-tax/ under the calculator sources (48px target) */
#calc .calc-fl{margin-top:4px;font-size:14px}
.calc-fl-a{display:inline-flex;align-items:center;gap:6px;min-height:48px;color:var(--paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(230,236,189,.45)}
.calc-fl-a:hover{text-decoration-color:currentColor}