/* Runavík Newsletter signup — on-brand, but self-contained so it looks right
   even if the theme's CSS variables aren't present (var(..., fallback)). */
.rnl{margin:0}
.rnl-card{
  --rnl-navy:var(--navy-900,#0b1327);
  --rnl-cyan:var(--cyan,#009cdf);
  --rnl-teal:var(--teal,#25c6c0);
  background:linear-gradient(150deg,#152036,#0b1327);
  color:#fff;border-radius:20px;padding:30px clamp(20px,4vw,40px);
  box-shadow:0 22px 60px -26px rgba(9,16,33,.7);
  display:grid;gap:20px;align-items:center}
@media(min-width:760px){.rnl-card{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px}}
.rnl-heading{font-family:var(--serif,"Frank Ruhl Libre",Georgia,serif);color:#fff;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 .35em;line-height:1.15}
.rnl-intro{color:rgba(255,255,255,.86);font-size:.98rem;line-height:1.5;margin:0}
.rnl-form{display:flex;flex-direction:column;gap:12px;min-width:0}
.rnl-row{display:flex;gap:10px;flex-wrap:wrap}
.rnl-field{display:block;min-width:0}
.rnl-field-grow{flex:1 1 220px}
.rnl-input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:13px 15px;font-size:1rem;
  transition:border-color .15s,background .15s}
.rnl-input::placeholder{color:rgba(255,255,255,.55)}
.rnl-input:focus{outline:none;border-color:var(--rnl-cyan);background:rgba(255,255,255,.13)}
.rnl-btn{flex:none;border:0;cursor:pointer;border-radius:12px;padding:13px 22px;font-size:1rem;font-weight:700;
  color:#052235;background:linear-gradient(135deg,var(--rnl-cyan),var(--rnl-teal));
  box-shadow:0 8px 20px -8px rgba(0,156,223,.8);transition:transform .12s,opacity .15s}
.rnl-btn:hover{transform:translateY(-1px)}
.rnl-btn:disabled{opacity:.6;cursor:default;transform:none}
.rnl-fine{font-size:.8rem;color:rgba(255,255,255,.62);margin:2px 0 0;line-height:1.45}
.rnl-fine a{color:rgba(255,255,255,.85);text-decoration:underline}
.rnl-msg{margin:2px 0 0;font-size:.9rem;line-height:1.45;min-height:0}
.rnl-msg.is-ok{color:#8ff0d6}
.rnl-msg.is-err{color:#ffb0a6}
/* Honeypot: keep it in the DOM but far away from human eyes. */
.rnl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}