/* The Drawn Edit signup. Styles for /newsletter.js, shared by every page.
   Variants: footer (dark footer bar), block (homepage), inline (brand pages,
   New In), article (end of articles), profile (style profile modal, after sign-up).
   Corners are 2px to match the search button and Find similar / Save. */

.dnl-form{display:flex;gap:8px}
.dnl-input{flex:1;min-width:0;border:1px solid var(--border-mid);border-radius:2px;background:#fff;padding:12px 14px;font-family:'Switzer',sans-serif;font-size:14px;color:var(--ink);outline:none;transition:border-color 0.2s}
.dnl-input::placeholder{color:var(--ink-muted)}
.dnl-input:focus{border-color:var(--ink)}
.dnl-btn{flex-shrink:0;background:var(--green);color:#fff;border:none;border-radius:2px;padding:12px 22px;font-family:'Switzer',sans-serif;font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:opacity 0.2s}
.dnl-btn:hover{opacity:0.88}
.dnl-btn:disabled{opacity:0.5;cursor:default}
.dnl-btn:focus-visible,.dnl-input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.dnl-heading{font-family:'Zodiak',serif;font-weight:400;color:var(--ink);margin:0 0 6px}
.dnl-line{font-size:14px;line-height:1.5;color:var(--ink-muted);margin:0 0 14px}
.dnl-msg{font-size:13px;line-height:1.5;margin:8px 0 0;min-height:0}
.dnl-msg:empty{display:none}
.dnl-msg.ok{color:var(--green);font-weight:500}
.dnl-msg.err{color:#b42318}
.dnl.done .dnl-form{display:none}
.dnl.done .dnl-msg{margin-top:0}
.dnl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* block: homepage, centred between sections */
.dnl-block{border-top:1px solid var(--border-mid);padding:72px 24px;text-align:center}
.dnl-block .dnl-heading{font-size:30px;letter-spacing:-0.01em;margin-bottom:8px}
.dnl-block .dnl-line{margin-bottom:22px}
.dnl-block .dnl-form{max-width:440px;margin:0 auto}

/* inline: one line of copy above a small form */
.dnl-inline .dnl-form{max-width:440px}
.dnl-inline .dnl-line{color:var(--ink);margin-bottom:10px}

/* article: end of a piece in The Edit, centred under a thin rule */
.dnl-article{border-top:1px solid var(--border-mid);padding:56px 24px 64px;text-align:center}
.dnl-article .dnl-line{color:var(--ink);font-size:15px;margin-bottom:16px}
.dnl-article .dnl-form{max-width:440px;margin:0 auto}

/* profile: inside the style profile modal */
.dnl-profile{border-top:1px solid var(--border-mid);padding-top:22px;margin-top:22px}
.dnl-profile .dnl-heading{font-size:20px}

/* footer: dark footer bar, copy left, form right */
.dnl-footer{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.08)}
.dnl-footer .dnl-heading{font-family:'Switzer',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.dnl-footer .dnl-line{font-size:13px;color:rgba(255,255,255,0.55);margin:0}
.dnl-footer .dnl-form-wrap{flex:0 1 460px;min-width:260px}
.dnl-footer .dnl-input{border:none}
.dnl-footer .dnl-input:focus-visible{outline-color:#fff}
.dnl-footer .dnl-msg{text-align:right}
.dnl-footer .dnl-msg.ok{color:rgba(255,255,255,0.9)}
.dnl-footer .dnl-msg.err{color:#fca5a5}
.footer-newsletter-bar{margin-bottom:32px}

@media(max-width:640px){
  .dnl-input{font-size:16px} /* 16px stops iPhones zooming in on tap */
  .dnl-block{padding:56px 20px}
  .dnl-block .dnl-heading{font-size:26px}
  .dnl-footer{flex-direction:column;align-items:flex-start}
  .dnl-footer .dnl-form-wrap{width:100%;flex-basis:auto}
  .dnl-footer .dnl-msg{text-align:left}
}