/* /subscribe. Tokens only, from site.css. */
body.sub-page{padding-bottom:0}
body.sub-page main{padding:1.25rem 0 1.5rem}
body.sub-page .subscribe{position:relative;width:min(480px,100%);margin-inline:auto}
body.sub-page .subscribe h1{font-family:var(--serif);font-size:clamp(2rem,8vw,2.6rem);margin:0 0 .4rem}
body.sub-page .subscribe .lede{font-family:var(--sans);font-size:1rem;line-height:1.45;max-width:none;margin:0 0 1rem}
body.sub-page .subscribe .field{margin:0 0 .75rem}
body.sub-page .subscribe label{display:block;font-family:var(--sans);font-weight:700;font-size:1rem;margin:0 0 .35rem}
body.sub-page .sub-req{font-size:.75rem;font-weight:500;color:var(--stone);margin-left:.35rem}
body.sub-page .subscribe input[type="text"]{display:block;width:100%;height:48px;min-height:48px;padding:0 .9rem;border:2px solid var(--ink);border-radius:var(--r-s);background:var(--white);color:var(--ink);font:400 1.0625rem/1 var(--sans)}
body.sub-page .subscribe input[type="text"]:focus{border-color:var(--tide);outline:0;box-shadow:0 0 0 3px color-mix(in srgb, var(--tide) 20%, transparent)}
body.sub-page .subscribe input[type="text"]:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
body.sub-page .subscribe .btn-ghost{width:100%;min-height:56px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-weight:700}
body.sub-page .subscribe .btn-ghost:hover{background:transparent;color:var(--ink)}
body.sub-page .subscribe .btn-ghost:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
body.sub-page .subscribe .btn-ghost:disabled{opacity:.6;cursor:default;transform:none}
body.sub-page .sub-privacy{margin:.7rem 0 0;font-family:var(--sans);font-size:.875rem;line-height:1.45;color:var(--stone)}
body.sub-page .sub-privacy a{display:inline-block;min-height:44px;padding:.35rem 0;color:var(--stone);text-decoration:underline;text-underline-offset:3px}
body.sub-page .sub-privacy a:hover{color:var(--stone)}
body.sub-page .sub-error{display:flex;gap:.4rem;align-items:flex-start;margin:.4rem 0 .75rem;color:var(--bark);font-family:var(--sans);font-size:.95rem;font-weight:600;line-height:1.35}
body.sub-page .sub-error-icon{flex:none;width:1.1rem;height:1.1rem;margin-top:.15rem}
body.sub-page .sub-thanks{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,8vw,2.6rem);line-height:1.08;margin:0 0 .5rem}
body.sub-page .sub-thanks:focus{outline:3px solid var(--ink);outline-offset:3px}
body.sub-page .sub-success-body{font-family:var(--sans);font-size:1.0625rem;line-height:1.45;margin:0 0 1rem}
body.sub-page .sub-trap{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden}
body.sub-page .sub-trap input{height:1px;min-height:0;border:0;padding:0}
@media(max-width:390px){
  body.sub-page main{padding:1rem 0 1.25rem}
  body.sub-page .subscribe .lede{margin-bottom:.75rem}
  body.sub-page .subscribe .field{margin-bottom:.65rem}
}