/* Public-page additions. Inline style attributes and <style> blocks from the prototypes live here
   (CSP style-src 'self'); tokens.css and site.css are unchanged. */
.hero-badge-pos{--badge-top:15.5%;--badge-left:54%}
.hero-form{margin:0}
.hero-extra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 0;padding-left:22px}
.hero-tg{border:0;border-bottom:1.5px solid #D3D6E2;background:transparent;font:inherit;font-size:var(--fs-sm);height:36px;min-width:0;flex:1 1 240px;max-width:340px;color:var(--ink)}
.hero-tg:focus{outline:none;border-bottom-color:var(--violet)}
.hero-tg::placeholder{color:var(--muted);opacity:1}
.hero-search.is-invalid{border-color:var(--red)}
.hero-status.is-error{color:var(--red)}
.hero-done{background:#fff;border:2px solid var(--mint);border-radius:var(--r-lg);padding:20px 22px;box-shadow:0 12px 32px -16px rgba(14,19,48,.18)}
.hero-done-h{display:flex;gap:10px;align-items:center;margin:0 0 6px;font-weight:800;color:var(--ink)}
.hero-done-h .i{color:var(--mint)}
.hero-done-p{margin:0 0 14px;color:var(--text)}
.nowrap{white-space:nowrap}
@media (max-width:640px){.hero-extra{padding-left:0}.hero-done .btn{width:100%}}