/* Scoped to the approved inline signup placements. Existing site and footer styles stay intact. */
.perch-inline-signup[hidden] { display:none !important; }
.perch-inline-signup {
  margin:32px 0 48px;
  padding:clamp(24px,3.5vw,36px);
  border:1px solid #d6ddd3;
  border-radius:16px;
  background:var(--sand,#f4eee3);
  color:var(--ink,#183138);
  scroll-margin-top:140px;
}
.perch-inline-signup.perch-inline-signup-wide {
  width:min(calc(100% - 40px),var(--max));
  margin:48px auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px 48px;
  align-items:center;
}
.perch-inline-signup .perch-inline-copy h2 {
  font-size:clamp(1.65rem,2.8vw,2.15rem);
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--garden2,#1e4638);
  margin:0 0 12px;
}
.perch-inline-signup .perch-inline-copy p {
  max-width:60ch;
  margin:0;
  font-size:.98rem;
  line-height:1.6;
  color:var(--soft,#4c6065);
}
.perch-inline-signup [data-perch-inline-form] { min-width:0; margin-top:22px; }
.perch-inline-signup-wide [data-perch-inline-form] { margin-top:0; }
.perch-inline-signup .perch-signup-form { max-width:none; }
.perch-inline-signup .perch-inline-button {
  background:var(--garden2,#1e4638);
  border-color:var(--garden2,#1e4638);
  color:var(--paper,#fffdf8);
  box-shadow:none;
}
.perch-inline-signup .perch-inline-button:hover:not(:disabled) { background:#183b30; }
.perch-inline-signup .perch-signup-consent { margin:10px 0 0; font-size:.75rem; line-height:1.5; }
.perch-inline-signup .perch-signup-status { margin:8px 0 0; font-size:.86rem; line-height:1.5; }
@media(max-width:900px) {
  .perch-inline-signup.perch-inline-signup-wide { grid-template-columns:1fr; gap:22px; }
}
@media(max-width:680px) {
  .perch-inline-signup.perch-inline-signup-wide { width:calc(100% - 28px); }
}
@media(max-width:480px) {
  .perch-inline-signup { padding:24px 20px; }
  .perch-inline-signup .perch-signup-fields { flex-direction:column; }
  .perch-inline-signup .perch-signup-fields button { width:100%; }
}

/* Keep a nested signup inside its existing guide section without doubling its bottom gap. */
.perch-inline-signup.perch-inline-signup-inset { margin-bottom:0; }
/* Quiet links point to the existing, script-mounted footer form. */
.perch-signup-prompt { margin:20px 0 0; font-size:.95rem; line-height:1.6; color:var(--soft,#4c6065); }
.perch-signup-prompt a { text-decoration:underline; text-underline-offset:.2em; }
.perch-signup-prompt a:focus-visible { outline:2px solid var(--garden2,#1e4638); outline-offset:4px; }
.no-js .perch-signup-prompt { display:none; }
#perch-signup-title { scroll-margin-top:150px; }