.wsub-input { width:100%; box-sizing:border-box; background:var(--field-bg); border:1px solid var(--field-border); border-radius:var(--field-radius); color:var(--text); font-size:1rem; padding:10px 13px; outline:none; transition:border-color .15s, box-shadow .15s; }
.wsub-input:hover:not(:focus) { border-color:var(--field-border-hover); }
#wsub-city-input:focus, #wsub-name:focus, #wsub-email:focus {
  border-color: var(--blue);
  box-shadow: var(--focus-ring);
}
.wsub-city-item {
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid var(--border);
  font-size: .88rem;
  color: var(--text);
  line-height: 1.4;
}
.wsub-city-item:last-child { border-bottom: none; }
.wsub-city-item:hover, .wsub-city-item.wsub-active { background: var(--surface-2); }
.wsub-city-country { font-size: .78rem; color: var(--faint); margin-top: 2px; }
@media(hover:none)and(pointer:coarse){input,select,textarea{font-size:1rem!important}}

/* ── Weather-subscribe modal + CTA (token-based; ids kept for JS) ─────────── */
.wsub-cta{text-align:center;margin:28px 0 8px}
.wsub-cta-btn{display:inline-block;font-size:1rem;cursor:pointer}
.wsub-cta-note{text-align:center;color:var(--muted);font-size:0.85rem;margin:8px 0 0}
.wsub-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:900;overflow-y:auto;padding:24px 16px}
.wsub-modal{background:var(--surface);border:1px solid var(--border2);border-radius:16px;max-width:520px;margin:auto;padding:32px 28px;position:relative}
.wsub-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;color:var(--faint);font-size:1.375rem;line-height:1;padding:4px 8px}
.wsub-mb20{margin-bottom:20px}
.wsub-eyebrow{font-size:var(--fs-xs);font-weight:700;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
#wsub-title{margin:0 0 8px;font-size:var(--fs-lg);font-weight:700;color:var(--text);line-height:1.3}
.wsub-lead{margin:0;color:var(--muted);font-size:.9rem;line-height:var(--lh-body)}
.wsub-hp{display:none}
.wsub-field{margin-bottom:14px}
.wsub-label{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text);margin-bottom:5px}
.wsub-rel{position:relative}
#wsub-city-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border2);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:200;margin-top:4px;overflow:hidden}
#wsub-city-hint{margin:5px 0 0;font-size:var(--fs-xs);color:var(--faint)}
#wsub-submit-btn{width:100%;background:var(--btn-primary);border:none;border-radius:var(--field-radius);color:#fff;font-size:1rem;font-weight:700;padding:13px 24px;cursor:pointer;letter-spacing:.01em;transition:opacity .15s} /* token-ok: #fff button text per button spec */
#wsub-submit-btn:hover{opacity:.88}
#wsub-msg{display:none;margin-top:16px;padding:13px 16px;border-radius:8px;font-size:.9rem;line-height:1.55}