/* Nov 3 2026 site.touchUp "Public site touch-up" (Yisroel WhatsApp Nov 3 2026 1:09 AM: "I like the current site better rather work on that
   to improve"; he is colour blind and dislikes things boxed in). Look only: no words, prices, links or behaviour. Linked into public pages
   ONLY while the switch is ON (worker.mjs tuHtml); OFF = no link = every page exactly as before. Never on /pay, /checkout, /admin. */

/* 1. No outline boxes inside cards: step numbers, speed chip, app badge, breakdown, small badges become filled, outline-free */
:root:root:root:root body .hv-num,:root:root:root:root body .hv-steps li:last-child .hv-num{border:0!important;background:#e6ecfb!important;color:#1d3a9e!important;font-weight:750!important}
:root:root:root:root.hfa-dark body .hv-num,:root:root:root:root.hfa-dark body .hv-steps li:last-child .hv-num{background:#1f2f52!important;color:#dfe7ff!important}
:root:root:root:root body .hv-res-speed{border:0!important;padding:0!important;background:transparent!important}
:root:root:root:root body .hv-res-speed .badge,:root:root:root:root body #r-badge{border:0!important;background:#e8eef9!important;color:#1e293b!important}
:root:root:root:root.hfa-dark body .hv-res-speed .badge,:root:root:root:root.hfa-dark body #r-badge{background:#1d2a45!important;color:#e8edf6!important}
:root:root:root:root body .hv-app-badge{border:0!important;box-shadow:none!important;background:transparent!important}
:root:root:root:root body .hv-break{border:0!important;border-top:1px solid #d5dce6!important;border-radius:0!important;padding:0!important;margin:14px 0!important}
:root:root:root:root.hfa-dark body .hv-break{border-top-color:#2c3c58!important}

/* 1b. The three steps read as one open list (no box around each step) */
:root:root:root:root body .hv-steps li{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
@media (max-width:767px){
  :root:root:root:root body .hv-steps{gap:0!important}
  :root:root:root:root body .hv-steps li{border-bottom:1px solid #d5dce6!important;padding-left:2px!important;padding-right:2px!important}
  :root:root:root:root body .hv-steps li:last-child{border-bottom:0!important}
  :root:root:root:root.hfa-dark body .hv-steps li{border-bottom-color:#2c3c58!important}
}
@media (min-width:768px){ :root:root:root:root body .hv-steps li{padding-left:0!important;padding-right:12px!important} }

/* 2. Nothing cut off or scrolling sideways on phones: explore cards and chip rows wrap instead of sliding off the screen */
@media (max-width:767px){
  :root:root:root:root body .hv-tiles{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:visible!important;margin:0!important;padding:0!important;gap:10px!important}
  :root:root:root:root body .hv-tiles>.hv-tile{min-width:0!important}
  :root:root:root:root body .hv-states{flex-wrap:wrap!important;overflow:visible!important;margin:12px 0 0!important;padding:0!important}
  :root:root:root:root body .hv-states-label{flex-basis:100%!important}
}
:root:root:root:root body .sv-jump{flex-wrap:wrap!important;overflow:visible!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;row-gap:8px!important}

/* 3. Chips and secondary buttons: filled, no outline (one clean shape each) */
:root:root:root:root body .hv-states a,:root:root:root:root body .more-states a,:root:root:root:root body .sv-jump a{border-color:transparent!important;background:#eaf0f8!important;color:#13203a!important;box-shadow:none!important}
:root:root:root:root.hfa-dark body .hv-states a,:root:root:root:root.hfa-dark body .more-states a,:root:root:root:root.hfa-dark body .sv-jump a{background:#1a2742!important;color:#e8edf6!important}
:root:root:root:root body .btn-ghost,:root:root:root:root body .hv-btn-ghost{border-color:transparent!important;background:#e6ecf7!important;color:#13203a!important;box-shadow:none!important}
:root:root:root:root.hfa-dark body .btn-ghost,:root:root:root:root.hfa-dark body .hv-btn-ghost{background:#1d2b48!important;color:#eef3fb!important}
:root:root:root:root body .hlx-lt-btn:not([aria-pressed="true"]){border-color:transparent!important;background:#e6ecf7!important;color:#13203a!important}
:root:root:root:root.hfa-dark body .hlx-lt-btn:not([aria-pressed="true"]){background:#1d2b48!important;color:#eef3fb!important}

/* 4. Questions: one clean list with lines between them instead of a box around every question */
:root:root:root:root body .faq{gap:0!important}
:root:root:root:root body .faq details{background:transparent!important;border:0!important;border-bottom:1px solid #d5dce6!important;border-radius:0!important;box-shadow:none!important;padding:0 2px!important}
:root:root:root:root body .faq details:first-child{border-top:1px solid #d5dce6!important}
:root:root:root:root.hfa-dark body .faq details{border-bottom-color:#2c3c58!important}
:root:root:root:root.hfa-dark body .faq details:first-child{border-top-color:#2c3c58!important}
:root:root:root:root.hfa-dark body .faq summary::after{background:linear-gradient(#c3cee0,#c3cee0) center/12px 2px no-repeat,linear-gradient(#c3cee0,#c3cee0) center/2px 12px no-repeat!important}
:root:root:root:root.hfa-dark body .faq details[open] summary::after{background:linear-gradient(#c3cee0,#c3cee0) center/12px 2px no-repeat!important}

/* 5. Contrast: */
:root:root:root:root.hfa-dark body #b-send{background:#2f5be0!important;border-color:#2f5be0!important;color:#fff!important}
/* 5b. Contrast: every small grey line at least 4.5:1 (most 7:1) */
:root:root:root:root body .sv-eta{color:#475569!important}
:root:root:root:root.hfa-dark body .sv-eta{color:#b9c5d8!important}
:root:root:root:root body .site-footer .copy,:root:root:root:root body .site-footer .copy a,:root:root:root:root body footer .copy,:root:root:root:root body footer .copy a{color:#475569!important}
:root:root:root:root.hfa-dark body .site-footer .copy,:root:root:root:root.hfa-dark body .site-footer .copy a,:root:root:root:root.hfa-dark body footer .copy,:root:root:root:root.hfa-dark body footer .copy a{color:#b9c5d8!important}
:root:root:root:root body .hv-app .hv-kicker{color:#b9c8ff!important}
:root:root:root:root body p.lead,:root:root:root:root body p.help{color:#475569!important}
:root:root:root:root.hfa-dark body p.lead,:root:root:root:root.hfa-dark body p.help{color:#b9c5d8!important}