/* © 2026 WiredType. Proprietary and confidential. Not licensed for copying or reuse. Terms: https://wiredtype.com/terms */
/* CARD-GROWTH-1011 item 5: the email signature maker at /email-signature. */
.sig { max-width: 1120px; margin: 0 auto; padding: clamp(1.5rem, 4vw, 3.5rem) 1.25rem 4rem; }
.sig-eyebrow { font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--accent, #e07a5f); font-weight: 600; margin: 0 0 .75rem; }
.sig h1 { font-family: 'Outfit', sans-serif; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.1; margin: 0 0 1rem; max-width: 18ch; }
.sig-lede { font-size: 1.08rem; line-height: 1.6; max-width: 60ch; color: var(--text-secondary, inherit); margin: 0 0 1rem; }
.sig-note { font-size: .95rem; line-height: 1.5; max-width: 60ch; padding: .75rem 1rem; border-radius: 12px; background: var(--surface-2, rgba(127,127,127,.1)); }
.sig-note a { color: inherit; font-weight: 600; }
.sig section { padding: 0; }
.sig-work { display: grid; gap: 2rem; margin: 2rem 0 3rem; }
.sig-form { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem 1rem; align-content: start; }
.sig-field { display: flex; flex-direction: column; gap: .35rem; font-size: .9rem; font-weight: 600; min-width: 0; }
.sig-field--full { grid-column: 1 / -1; }
.sig-field input { font: inherit; font-weight: 400; font-size: 1rem; padding: .7rem .8rem; border-radius: 10px; min-height: 44px;
  border: 1px solid var(--border, rgba(127,127,127,.4)); background: var(--surface, transparent); color: inherit; width: 100%; box-sizing: border-box; }
.sig-field input:focus-visible { outline: 2px solid var(--accent, #e07a5f); outline-offset: 1px; }
.sig-out h2 { margin: 0 0 .75rem; }
/* The preview is white like an email body, in light and dark mode, so it shows what the reader of an email sees. */
.sig-preview { background: #fff; color: #1d1b22; border-radius: 12px; padding: 1.25rem; overflow-x: auto; border: 1px solid var(--border, rgba(127,127,127,.3)); }
.sig-preview:empty { display: none; }
.sig-empty { font-size: .95rem; opacity: .8; }
.sig-actions { margin-top: 1rem; }
.sig-status { min-height: 1.5em; font-size: .95rem; margin: .75rem 0 0; }
.sig-how ul { padding-left: 1.2rem; line-height: 1.6; max-width: 70ch; }
.sig-how li { margin: 0 0 .5rem; }
.sig-end { margin-top: 3rem; }
@media (min-width: 900px) { .sig-work { grid-template-columns: 1fr 1fr; align-items: start; } }
@media (max-width: 520px) { .sig-form { grid-template-columns: 1fr; } }
/* Phones and tablets: this page is one form, so the bottom tab bar (shown up to 768 px) is left off here; it would sit over the
   form's labels and, on a phone, over the keyboard's edge. The same links stay in the top menu and the footer. */
@media (max-width: 768px) {
  .wt-shell .gnav__bottom-bar { display: none !important; }
  html body.wt-shell { padding-bottom: 0 !important; }
}