/* Terrapilgrim AI hybrid, ROUND 2 design fixes (Oct 23, 2026, overnight order from Terra). PREVIEW ONLY: loaded only when build.py runs with R2=1.
   Source: /workspace/web/critiques/terrapilgrim-ai-design-critique-all-pages-20261023.md (W1, W2, M1). Visual style unchanged; only target sizes and one font rule. */

/* W1: 44px minimum tap targets (layout does not move: padding is cancelled by negative margin where needed) */
body.hy a.logo{display:inline-flex;align-items:center;min-height:44px}
body.hy .kitrow h3 a,body.hy .ka-grid h3 a,body.hy h3>a{display:inline-block;padding:10px 0;margin:-10px 0}
body.hy .up-meta a,body.hy .up-all a{display:inline-flex;align-items:center;min-height:44px}
body.hy details>summary{padding-top:10px;padding-bottom:10px;min-height:44px}
body.hy .nav .menu-btn{min-width:44px;min-height:44px}

/* W2: small text outside the footer stays in the serif; Inter only for footer small print */
body.hy :not(footer) > .micro:not(.kc-advice):not(.stat-src),body.hy .pricebox .micro,body.hy .pricebox .renew,body.hy .kit-hero .micro,body.hy .kit-meta .micro,body.hy .home-hero .micro{font-family:var(--serif)!important;font-size:17px;line-height:1.5;font-feature-settings:"kern","liga";letter-spacing:0}
body.hy footer .micro{font-family:var(--ui)!important;font-size:15px}

/* M1: equal kit-row buttons on desktop */
@media(min-width:901px){body.hy .kitrow .btn{min-width:230px}}

/* G1 (Oct 23, 8:23 AM, Terra): "Get the free guide" lands on the guide block, heading + description + form visible below the 73px sticky header.
   Header is 73px at 1280 and 390, so 104px leaves ~30px of air above the gold hairline. */
body.hy #ht-signup{scroll-margin-top:104px}
body.hy #safestart{scroll-margin-top:73px}
body.hy .hs-signup-title{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.22;color:var(--ink);margin:0 0 8px;font-style:normal}
body.hy #human .hs-signup-intro{margin:0 0 18px}

/* G2: email sign-up spans its column. Input flexes to fill, button hugs the right on desktop; stacked full width on phones. 52px tall targets, 17px text. */
body.hy form.nl{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;width:100%;margin:0}
body.hy form.nl input[type=email]{flex:1 1 auto;width:auto;min-width:0;height:52px;min-height:52px;padding:0 18px;font-size:17px;border:1px solid var(--gold);border-right:0;border-radius:5px 0 0 5px;background:#fff;color:var(--ink);box-sizing:border-box}
body.hy form.nl input[type=email]::placeholder{color:#6b6a62;opacity:1}
body.hy form.nl input[type=email]:focus-visible{outline:2px solid var(--brand);outline-offset:-4px;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
body.hy form.nl .btn{flex:0 0 auto;min-height:52px;padding:12px 26px;border-radius:0 5px 5px 0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:520px){
  body.hy form.nl{flex-direction:column;gap:10px}
  body.hy form.nl input[type=email]{border-right:1px solid var(--gold);border-radius:5px;width:100%}
  body.hy form.nl .btn{width:100%;border-radius:5px}
}
/* G2 root cause: the home page's inline style capped the guide box at max-width:600px while its column is wider, so the form stopped short of the column edge. */
body.hy #human .hs-signup{max-width:none;width:100%;box-sizing:border-box}
/* G3: other in-page anchors cleared the 73px sticky header too (same root cause class); sections already have their own top padding */
body.hy :is(#pricing,#inside,#addons,#newsletter){scroll-margin-top:73px}
body.hy :is(#lookup,#updates){scroll-margin-top:100px}