/* v8.23 QA pass (post-launch). CSS only. Loads after v822-result.css, before v821-logo.css.
   No copy, data, logic, class-name or masking changes. Cool palette, slate accent (#3B5B8C). */

/* 1. Hero text fields: visible keyboard focus (was a ~1px border shift on #hname/#size/#income).
      Inset ring so the grid of shared cell borders does not move. Home + hospitals.html quick check. */
form .field:not(.f-status):not(.f-go):not(details):has(input:focus-visible,select:focus-visible){
  outline:2px solid var(--focus,#3B5B8C);outline-offset:-2px;position:relative;z-index:2}
form .field input:focus-visible,form .field select:focus-visible{outline:none}

/* 2. Phone hero tap targets >=44px without moving "Check my bill" (fold budget is 0px).
      Hit areas grow; layout boxes do not. */
@media (max-width:767px){
  body.page-zip .hero-form #hname,body.page-zip .hero-form #size,body.page-zip .hero-form #income{
    padding-top:6px;padding-bottom:6px;margin-top:-6px;margin-bottom:-6px;box-sizing:content-box}
  body.page-zip .hero-form>details.f-hh>summary{min-height:44px!important;margin:-1px 0!important}
  body.page-zip .hero-form>.f-lm .lim-link{min-height:44px;margin:-2px 0}
}
/* hospitals.html "See the income limits" was 32px tall */
body:not(.page-zip) .f-lm .lim-link{min-height:44px;display:inline-flex;align-items:center;font-size:1rem}

/* 3. Footer "Buy me a coffee": phones showed "Tip", which did not match the button's
      accessible name (WCAG 2.5.3) or the desktop label. Show the full label in the footer. */
.foot .tip .tip-t::before{content:none}
.foot .tip .tip-w{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap}
.foot .foot-tip .tip{white-space:nowrap}

/* 4. Leftover all-caps labels: dialog (What to do next / Deadline / What to say / contact terms)
      and the ZIP-list phone label. Sentence case like the result page. */
.nx-head .kicker,.nx-k,.nx-contact dt,.zitem .phlab{
  text-transform:none;letter-spacing:0;font-weight:600;color:var(--body,#3A4357)}

/* 5. Verdict labels that wrap (longer labels proposed): keep pills tidy on 2-3 lines,
      balance the big verdict and avoid one-word last lines. */
.obadge{text-wrap:balance;overflow-wrap:anywhere}
.zout{border-radius:16px;align-items:flex-start;text-wrap:pretty}
.zout svg{margin-top:2px}

/* 6. Small text in the "How this works" income table and source line (14px -> 16px). */
.fpl-mount .fpl-switch button{font-size:1rem;min-height:44px}
.fpl-table .fpl-extra th,.fpl-src,.fpl-src a{font-size:1rem}
/* "Who counts in my household?" answer text (only visible when opened, so no fold impact) */
.f-hh .f-hint{font-size:1rem}

/* 7. Tablet/desktop: show the line under Check that phones already show. */
@media (min-width:768px){
  body.page-zip .priv-in{display:block;margin:12px 0 0;font-size:1rem;line-height:1.4;color:var(--body,#3A4357);text-align:center}
  body.page-zip .hero-form>details.f-hh>summary,body.page-zip .hero-form>.f-lm .lim-link{font-size:1rem}
  body.page-zip .hero-form>details.f-hh>summary{min-height:44px!important;margin:-6px 0!important}
}

/* CMO copy, Oct 20: menu header matches tooltip */
.tipmenu::before{content:"Waivr is free to use. A tip is a thank-you for building it."}