/* TMK Newsletter Capture — shared (Footer + any future inline placement per Page Blueprints).
   Direct translation of components/conversion/NewsletterCapture.jsx.
   variant: inline (default, light) | footer (dark, on the inverse surface). */
.tmk-newsletter{max-width:480px}
.tmk-newsletter__title{margin:0;font-size:var(--text-h3);color:inherit}
.tmk-newsletter__copy{margin:var(--space-2) 0 var(--space-4);font-size:var(--text-body-small);color:var(--color-text-secondary)}
.tmk-newsletter--footer .tmk-newsletter__copy{color:var(--tatami-300)}
.tmk-newsletter__form{display:flex;gap:var(--space-2)}
.tmk-newsletter__label{flex:1}
.tmk-newsletter__sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tmk-newsletter__input{width:100%;padding:12px 14px;border-radius:var(--radius-soft);border:1.5px solid var(--color-border-default);background:var(--color-surface-raised);color:inherit;font:inherit;font-size:var(--text-body-small)}
.tmk-newsletter--footer .tmk-newsletter__input{border-color:var(--tatami-700);background:rgba(253,251,245,0.06)}
.tmk-newsletter__input.is-error{border-color:var(--color-feedback-error)}
.tmk-newsletter__submit{padding:12px 20px;border-radius:var(--radius-soft);border:1.5px solid var(--ink);background:transparent;color:inherit;font-family:var(--font-structure);font-size:var(--text-caption);font-weight:var(--weight-structure-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;cursor:pointer}
.tmk-newsletter--footer .tmk-newsletter__submit{border-color:var(--tatami-50)}
.tmk-newsletter__submit[disabled]{cursor:not-allowed;opacity:0.6}
.tmk-newsletter__msg{margin:var(--space-3) 0 0;font-size:var(--text-body-small)}
.tmk-newsletter__msg--success{color:var(--color-feedback-success)}
.tmk-newsletter--footer .tmk-newsletter__msg--success{color:var(--erva-300)}
.tmk-newsletter__msg--error{color:var(--color-feedback-error)}

/* City-preference variant (NewsletterForm.jsx withCityPreference) */
.tmk-newsletter-form{display:grid;gap:var(--space-3);max-width:480px}
.tmk-newsletter-form__label{display:grid;gap:6px}
.tmk-newsletter-form__label span{font-size:var(--text-caption);font-weight:var(--weight-structure-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-secondary)}
.tmk-newsletter-form select{padding:12px 14px;border-radius:var(--radius-soft);border:1.5px solid var(--color-border-default);background:var(--color-surface-raised);font:inherit;font-size:var(--text-body-small)}