/* 060 (2026-10-05): the free check on the home page's first screen and the page check's one next step. Own-site pages
   only (base-design.html); the marketplace and $17 pages never load this file. */
.design-v1 .hero-check{margin:6px 0 22px;padding:16px 18px 14px;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink);max-width:560px}
.design-v1 .hero-check label{display:block;font-weight:700;font-size:17px;line-height:1.35;color:var(--ink);margin:0 0 8px}
.design-v1 .hero-check-row{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.design-v1 .hero-check-row input{flex:1 1 220px;width:auto;min-width:0;margin:0;min-height:52px;padding:10px 14px;border:2px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:17px}
.design-v1 .hero-check-row input:focus{border-color:var(--accent)}
.design-v1 .hero-check-row .button{flex:0 0 auto;width:auto;margin:0;min-height:52px}
.design-v1 .hero-check-note{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.design-v1 .hero:has(.hero-check) .lead{margin-top:0}
.design-v1 .hero:has(.hero-check) .actions{margin-top:16px}
/* The page check's address box: plain text now, so scheme-less addresses reach the server; same look as before. */
.design-v1 .audit-form input#url{display:block;width:100%;box-sizing:border-box;margin-top:6px;min-height:50px;font:inherit;font-size:17px;padding:12px 14px;border-radius:14px;border:1px solid #d9d7c6;background:#fff;color:var(--ink)}
/* The result's next step */
.design-v1 .result-offer{padding:18px 20px;border:2px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink)}
.design-v1 .result-offer h3{margin:0 0 8px;font-size:22px;line-height:1.25}
.design-v1 .result-offer .result-buy{margin:14px 0 8px}
.design-v1 .result-offer .result-alt{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line-strong);font-size:15px}
.design-v1 .result-alt .text-link{min-height:0;display:inline;font-size:15px}
.design-v1 .guide-cta .result-buy{margin:12px 0}
@media(max-width:480px){
 .design-v1 .hero-check{padding:14px 14px 12px;box-shadow:3px 3px 0 var(--ink)}
 .design-v1 .hero-check-row .button,.design-v1 .result-buy .button{width:100%}
 .design-v1 .result-offer{padding:16px 14px}
}
/* 071: dated "what's new" lines sit in the page's own type; only spacing here */
.design-v1 #check-news{max-width:640px;margin:18px 0 0}.design-v1 #check-news .fine{margin-top:6px}
.design-v1 .guides-news{margin-top:28px}.design-v1 #whats-new{margin-bottom:10px}
.design-v1 .changelog-note{margin-bottom:8px}
