/* River-page email capture.
   Seventeen river pages carried the full planning content and no way to ask for
   an email; the Paddler's Guide was a card link to a gate on another page. This
   puts the same gate inline, on the page where the intent already is.
   Deliberately the SAME offer, not a competing one, so it cannot cannibalise the
   guide funnel. */
.rcap{
  margin:26px 0 0;
  padding:24px 26px;
  background:var(--panel,#1E1710);
  border:1px solid var(--line,#4A3826);
  border-radius:14px;
  display:grid;
  grid-template-columns:1fr minmax(260px,380px);
  gap:22px 30px;
  align-items:center;
}
@media(max-width:760px){
  .rcap{grid-template-columns:1fr;padding:20px}
}
.rcap-rk{
  font:600 11px/1 var(--sans,system-ui);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ember,#D2622A);
  margin:0 0 8px;
}
.rcap h2{
  font-size:21px;
  margin:0 0 8px;
  line-height:1.25;
  text-wrap:balance;
}
.rcap p{
  margin:0;
  color:var(--tan,#CBB68C);
  font-size:15px;
  line-height:1.55;
}
.rcap-form{display:flex;flex-direction:column;gap:10px}
.rcap-row{display:flex;gap:10px;flex-wrap:wrap}
.rcap-row input{
  flex:1 1 190px;
  min-width:0;
  padding:11px 13px;
  font:inherit;
  font-size:15px;
  color:var(--sand,#F3E8D2);
  background:var(--ink,#110D08);
  border:1px solid var(--line,#4A3826);
  border-radius:10px;
}
.rcap-row input::placeholder{color:#8A7A62}
.rcap-row input:focus-visible{
  outline:2px solid var(--ember,#D2622A);
  outline-offset:1px;
}
.rcap-row button{
  padding:11px 18px;
  font:600 15px/1.2 var(--serif,Georgia,serif);
  color:#1A1206;
  background:var(--ember,#D2622A);
  border:0;
  border-radius:10px;
  cursor:pointer;
  white-space:nowrap;
}
.rcap-row button:hover{filter:brightness(1.07)}
.rcap-row button:disabled{opacity:.6;cursor:default}
.rcap-msg{margin:0;font-size:14px;min-height:1.2em;color:var(--tan,#CBB68C)}
.rcap-msg.good{color:#8FC79B}
.rcap-msg.bad{color:#E39182}
.rcap-fine{margin:0;font-size:12.5px;color:#8A7A62}
.rcap-fine a{color:inherit}
/* Honeypot. Off-screen rather than display:none, which some bots skip. */
.rcap-trap{position:absolute;left:-9999px;width:0;height:0;overflow:hidden}