/* Email reminder signups (scripts/lib/email-signup.mjs, assets/subscribe.js). Its own file because build.mjs adds the
   boxes to pages with other stylesheets too (the tax appeal page), so every value has a fallback. */
.signup{background:var(--stone,#F3EFE8);border:1px solid var(--line,#E6E0D6);border-radius:var(--r,14px);padding:clamp(20px,3vw,28px);margin:2.2em 0}
.signup h2{margin:.15em 0 .3em!important;font-size:clamp(1.25rem,2vw,1.5rem)}
.signup > p{color:var(--ink-2,#4A4B52);margin:0 0 14px;max-width:44em}
.su-kicker{font:700 .7rem/1.3 var(--sans,'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--red,#B4161F);margin:0!important}
.su-topics{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.su-topics legend{font:700 .7rem/1.3 var(--sans,'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3,#7A7A80);margin:0 0 8px;padding:0;width:100%}
.su-chip{display:inline-flex;align-items:center;gap:8px;background:var(--card,#FFFFFF);border:1px solid var(--line-2,#D6CEC1);border-radius:999px;padding:7px 13px 7px 10px;font:600 .88rem/1.2 var(--sans,'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif);color:var(--ink,#17181C);cursor:pointer}
.su-chip:has(input:checked){border-color:var(--ink,#17181C)}
.su-chip input{margin:0;width:15px;height:15px}
.su-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.su-row label{display:grid;gap:6px;font:700 .7rem/1.3 var(--sans,'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3,#7A7A80)}
.su-email{flex:1 1 240px}
.su-town{flex:0 1 200px}
.su-row input,.su-row select{font:600 1rem/1.2 var(--sans,'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif);letter-spacing:0;text-transform:none;color:var(--ink,#17181C);padding:13px 14px;border:1px solid var(--line-2,#D6CEC1);border-radius:10px;background:var(--card,#FFFFFF);width:100%}
.su-row input:focus,.su-row select:focus{outline:none;border-color:var(--ink,#17181C);box-shadow:0 0 0 4px rgba(23,24,28,.08)}
.su-row .btn{flex:0 0 auto}
.su-fine{font-size:.82rem!important;line-height:1.5;color:var(--ink-3,#7A7A80)!important;margin:12px 0 0!important}
.su-fine a{color:var(--ink-2,#4A4B52)}
.su-status{margin:12px 0 0!important;font:600 .95rem/1.5 var(--sans,'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif)}
.su-status.is-ok{color:var(--ok,#2C6A44)}
.su-status.is-err{color:var(--red,#B4161F)}
.su-trap,.su-sr{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.foot-signup{border-top:1px solid #2B2C31;padding-block:28px}
.signup--foot{background:none;border:0;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px 48px;align-items:start}
@media (max-width:860px){.signup--foot{grid-template-columns:1fr}}
.signup--foot h2{font:600 1.2rem/1.3 var(--serif,'Newsreader',Georgia,serif)!important;color:#fff!important;letter-spacing:0!important;text-transform:none!important;margin:0 0 6px!important}
.signup--foot .su-copy p{margin:0;font-size:.92rem;line-height:1.55;color:#B7B5B0}
.signup--foot .su-chip{background:transparent;border-color:#45464C;color:#E9E7E3}
.signup--foot .su-chip:has(input:checked){border-color:#E9E7E3}
.signup--foot .su-chip input{accent-color:#E9E7E3}
.signup--foot .su-row input{background:#232429;border-color:#45464C;color:#fff}
.signup--foot .su-row input:focus{border-color:#E9E7E3;box-shadow:none}
.signup--foot .su-fine{color:#7F7D78!important}.signup--foot .su-fine a{color:#B7B5B0}
.signup--foot .su-status.is-ok{color:#9BD3AE}.signup--foot .su-status.is-err{color:#F2A0A4}
.btn--light{background:#fff;color:var(--ink,#17181C);border-color:#fff}.btn--light:hover{background:#E9E7E3;color:var(--ink,#17181C)}
.signup .btn{display:inline-flex;align-items:center;justify-content:center;font:700 .98rem/1 var(--sans,'Public Sans',system-ui,sans-serif);padding:14px 20px;border-radius:999px;border:1.5px solid var(--ink,#17181C);background:var(--ink,#17181C);color:#fff;cursor:pointer}
.signup .btn.btn--light{background:#fff;color:var(--ink,#17181C);border-color:#fff}
.signup h2{font-family:var(--serif,'Newsreader',Georgia,serif);font-weight:600;line-height:1.2;color:var(--ink,#17181C)}
.signup > p,.signup .su-fine{font-family:var(--sans,'Public Sans',system-ui,sans-serif)}