/* Subscribe box (Buttondown embed). Plain form, no JS. */
.sub{--sub-btn:#b93c14;--sub-btn-ink:#fff;--sub-btn-hover:#9f3210}
html[data-theme="dark"] .sub{--sub-btn:#ff7a4d;--sub-btn-ink:#10161c;--sub-btn-hover:#ff9470}
.sub .sub-h{font-weight:700;margin:0 0 10px;padding:0;border:0;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.sub form{display:flex;align-items:flex-end;gap:10px;margin:0}
.sub .sub-field{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;color:var(--ink)}
.sub input[type=email]{width:100%;min-height:44px;box-sizing:border-box;font:inherit;font-size:16px;font-weight:400;color:var(--ink);background:var(--bg);border:1px solid var(--muted);border-radius:8px;padding:8px 12px}
.sub input[type=email]::placeholder{color:var(--muted);opacity:1}
.sub input[type=submit]{flex:none;min-height:44px;min-width:44px;padding:8px 20px;font:inherit;font-size:16px;font-weight:700;color:var(--sub-btn-ink);background:var(--sub-btn);border:2px solid var(--sub-btn);border-radius:8px;cursor:pointer;-webkit-appearance:none;appearance:none}
.sub input[type=submit]:hover{background:var(--sub-btn-hover);border-color:var(--sub-btn-hover)}
.sub input:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.sub input[type=email]:user-invalid{border-color:var(--warm-ink);border-width:2px}
.sub .sub-fine{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
.sub .sub-new{color:var(--muted);white-space:nowrap}
.sub .sub-new::before{content:"\00b7";margin:0 6px}
/* All widths use the compact stacked card (mobile look); narrow on desktop */
.sub form{flex-direction:column;align-items:stretch}
.sub input[type=submit]{width:100%}
.sub .sub-new{display:block;white-space:normal}.sub .sub-new::before{content:none}
/* home hero: under tagline, left-aligned with content */
.sub-home{margin:20px 0 0;max-width:460px}
.sub-home .sub-h{font-size:16px;margin-bottom:8px}
/* end of issue: card aligned with the content column */
.sub-post{margin:44px 0 0;padding:22px 24px;max-width:480px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
.sub-post .sub-h{font-size:22px}
.sub-post .sub-lede{margin:0 0 14px;color:var(--ink-2);font-size:16px;line-height:1.5}
.sub-post form{max-width:none}
/* band above footer: centered narrow card */
.sub-band{margin:50px 0 -50px;background:var(--soft);border-top:1px solid var(--line)}
.sub-band-in{display:block;max-width:480px;padding-top:22px;padding-bottom:20px;margin:0 auto}
.sub-band .sub-h{margin:0 0 8px;font-size:17px;white-space:normal}
@media (max-width:600px){.sub-post{padding:18px;max-width:none}}

@media (min-width:900px){
/* home hero: two columns, compact card on the right */
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:48px;align-items:start}
.home-hero>h1,.home-hero>.home-pitch,.home-hero>.home-stats{grid-column:1}
.home-hero>.home-stats{align-self:start}
.home-hero>.sub-home{grid-column:2;grid-row:1 / span 3;align-self:center;margin:0;max-width:none;padding:20px 22px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
.sub-home .sub-h{font-size:18px;margin-bottom:12px}
/* band: one card on the content column, balanced two-column layout */
.sub-band{background:none;border-top:0;margin:56px 0 -50px;padding:0 0 28px}
.sub-band-in{max-width:none;margin:0 auto;padding:22px 24px 18px;box-sizing:border-box;background:var(--soft);border:1px solid var(--line);border-radius:12px}
.sub-band-in{width:calc(100% - 44px);max-width:716px}
body.page-wide .sub-band-in{max-width:1056px}
}

/* Footer band option A: centered stack (desktop) */
@media (min-width:900px){
.sub-band{padding:0 0 28px}
.sub-band-in{display:grid!important;grid-template-columns:1fr;grid-template-areas:"h" "c" "f" "n";justify-items:center;text-align:center;padding:28px 24px!important;row-gap:0}
.sub-band .sub-h{grid-area:h;margin:0 0 6px;font-size:22px;text-align:center}
.sub-band .sub-fine{display:contents}
.sub-band .sub-fine>span:first-child{grid-area:c;font-size:14px;color:var(--muted);margin:0 0 16px}
.sub-band form{grid-area:f;flex-direction:row!important;align-items:flex-end!important;justify-content:center;gap:10px}
.sub-band .sub-field{flex:none;width:320px}
.sub-band input[type=submit]{width:auto!important}
.sub-band .sub-new{grid-area:n;display:block;margin:12px 0 0;font-size:13px;white-space:normal;text-align:center}
}
.sub .sub-lab{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@media (min-width:900px){.sub-band form{align-items:center!important}.sub-band .sub-field{gap:0}}