/* Newsletter signup card (Nov 1, 2026). Shared by case files, the homepage and /newsletter/. Uses the site's own tokens
   with fallbacks, so it works under file-base.css, site.css and the template stylesheets alike. */
.signup{--su-ink:var(--ink,#1B1A17);--su-paper:var(--paper,#FBF9F3);--su-rule:var(--rule,#D8D2C2);--su-stamp:var(--stamp,#B3261E);
  position:relative;background:var(--su-paper);color:var(--su-ink);padding:20px 16px 18px;box-shadow:0 8px 20px rgba(0,0,0,.35);
  border-top:6px solid var(--su-ink);display:flex;flex-direction:column;gap:10px;scroll-margin-top:64px}
.signup .su-kick{margin:0;font-family:var(--type,"Courier Prime","Courier New",monospace);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--su-stamp)}
.signup .su-h{margin:0;font-family:var(--display,"Anton",Impact,sans-serif);font-weight:400;font-size:32px;line-height:1.08;letter-spacing:.01em;text-transform:uppercase;overflow-wrap:break-word}
.signup .su-lede{margin:0;font-family:var(--story,"Source Serif 4",Georgia,serif);font-size:18px;line-height:1.5;max-width:36em}
.signup .su-form{display:flex;flex-direction:column;gap:6px;margin:6px 0 0}
.signup .su-form[hidden]{display:none}
.signup .su-label{font-family:var(--type,"Courier Prime","Courier New",monospace);font-size:14px;font-weight:700}
.signup .su-row{display:flex;flex-direction:column;gap:8px}
.signup .su-input{font:inherit;font-family:var(--story,"Source Serif 4",Georgia,serif);font-size:18px;min-height:48px;padding:10px 12px;
  color:var(--su-ink);background:#fff;border:2px solid var(--su-ink);border-radius:0;min-width:0;width:100%;box-sizing:border-box}
.signup .su-input[aria-invalid="true"]{border-color:var(--su-stamp);box-shadow:inset 0 0 0 1px var(--su-stamp)}
.signup .su-btn{font-family:var(--type,"Courier Prime","Courier New",monospace);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--su-paper);background:var(--su-ink);border:2px solid var(--su-ink);border-radius:0;padding:10px 18px;min-height:48px;cursor:pointer}
.signup .su-btn:hover{background:var(--su-stamp);border-color:var(--su-stamp)}
.signup .su-btn:disabled{opacity:.7;cursor:progress}
.signup .su-input:focus-visible,.signup .su-btn:focus-visible,.signup a:focus-visible,.signup .su-done:focus-visible{outline:3px solid #FD5711;outline-offset:2px}
.signup .su-input:focus{outline:3px solid #FD5711;outline-offset:2px}
.signup .su-err{margin:2px 0 0;font-family:var(--type,"Courier Prime","Courier New",monospace);font-size:15px;line-height:1.4;font-weight:700;color:var(--su-stamp)}
.signup .su-err[hidden]{display:none}
.signup .su-fine{margin:2px 0 0;font-family:var(--type,"Courier Prime","Courier New",monospace);font-size:13px;line-height:1.45;color:#5F594B}
.signup a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.signup .su-done:empty{display:none}
.signup .su-done{border-top:1px dashed var(--su-rule);padding-top:10px}
.signup .su-done p{margin:0 0 6px;font-family:var(--story,"Source Serif 4",Georgia,serif);font-size:18px;line-height:1.5}
.signup .su-done .su-done-h{font-family:var(--display,"Anton",Impact,sans-serif);font-size:26px;line-height:1.1;text-transform:uppercase}
.signup .su-done .su-done-tip{font-family:var(--type,"Courier Prime","Courier New",monospace);font-size:14px;color:#5F594B}
.signup .su-done b{overflow-wrap:anywhere}
@media (min-width:640px){
  .signup{padding:26px 28px 24px}
  .signup .su-h{font-size:40px}
  .signup .su-row{flex-direction:row}
  .signup .su-input{flex:1 1 auto}
  .signup .su-btn{flex:0 0 auto}
}
/* homepage: sits between the featured case and the drawer */
.signup-homepage{margin:22px 0 6px}
/* footer link needs no extra style; the newsletter page */
.nl-page .signup{box-shadow:none;border:2px solid var(--su-ink,#1B1A17);border-top-width:6px}
@media (max-width:300px){.signup .su-h{font-size:26px}.signup{padding:16px 12px}}
html.bigtext .signup .su-row{flex-direction:column}