/* Homepage bug fixes (2026-10-26). No layout or design change: accessibility and input fixes only. */

/* skip link: hidden until it receives keyboard focus */
.skip{position:absolute;left:16px;top:-80px;z-index:100;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;background:var(--ink-800);color:#fff;font:600 15px/1 var(--body)}
.skip:focus{top:12px}

/* form placeholders were #8A96A3 on white (3.0:1) */
.ha-fld input::placeholder,.ha-fld textarea::placeholder{color:#6B7684}

/* 16px fields stop iOS Safari zooming the page when a field is focused */
@media (max-width:600px){.ha-fld input,.ha-fld select,.ha-fld textarea{font-size:16px}}

/* mobile drawer: green-700 hover text on the ink drawer was 2.96:1 */
.drawer summary:hover{color:var(--green-500)}

/* taller hit areas, same layout: footer links (21px) and the final-CTA email link (23px) */
.site-footer ul a{display:inline-block;padding:6px 0;margin:-6px 0}
.fx-note a{display:inline-block;padding:6px 0;margin:-6px 0}

/* "Latest from the blog." keeps its one line: its full stop runs past the 14ch cap that wraps the case-studies heading */
#blog-h{max-width:none}


/* audit form pop-up (.ha-dlg): audit links below the hero show the hero's form card here.
   Backdrop, close button and motion match the dashboard viewer (.pw-dlg in proof-wall.css). */
.ha-dlg{width:min(560px,calc(100vw - 32px));max-width:none;margin:auto;max-height:calc(100dvh - 32px);padding:0;border:0;background:none;color:inherit;overflow:visible}
.ha-dlg[open]{display:flex;flex-direction:column;animation:ha-dlg-in .28s cubic-bezier(.2,0,0,1)}
.ha-dlg::backdrop{background:rgba(15,20,25,.78);backdrop-filter:blur(4px)}
@keyframes ha-dlg-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.ha-dlg-in{min-height:0;overflow:auto;overscroll-behavior:contain;padding-top:14px}  /* room for the card's tag, which sits on its top edge */
.ha-dlg .ha-card,.ha-dlg .ha-fld,.ha-dlg .ha-seg{opacity:1!important;transform:none!important}  /* the hero intro's pre-state (.ha-pending) and its tweens on the card and fields can't hide them in here */
.ha-dlg .ha-card{box-shadow:none}
.ha-dlg .ha-card h2{padding-right:48px}
.ha-dlg-x{position:absolute;top:26px;right:12px;z-index:1;width:44px;height:44px;border-radius:12px;border:1px solid #DDE3E8;background:#fff;color:#212A33;display:grid;place-items:center;cursor:pointer}
.ha-dlg-x:hover{background:#F5F7F9}
.ha-dlg-x:focus-visible{outline:2px solid #357318;outline-offset:2px}
.ha-dlg-x svg{width:18px;height:18px}
@media (max-width:640px){.ha-dlg{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
@media (prefers-reduced-motion:reduce){.ha-dlg[open]{animation:none}}

/* the logo link no longer stretches across its header grid column (it made empty header space a home link) */
.site-header .logo{justify-self:start}