/* Both states share a grid cell. The inert entry keeps its responsive height,
   so confirmation never collapses the section or moves the content below it. */
.waitlist-panel{display:grid;isolation:isolate}
.waitlist-entry,.waitlist-success{grid-area:1/1;min-width:0}
.waitlist-entry{display:flow-root}
.waitlist-entry[inert]{visibility:hidden}
.waitlist-panel [hidden]{display:none!important}
.waitlist-panel #waitlist-status{min-height:3.2em}
.waitlist-success{align-self:stretch;display:grid;grid-template-columns:28px minmax(0,1fr);align-content:center;align-items:start;gap:14px;margin-top:25px;padding:24px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--forest);text-align:left;overflow-wrap:anywhere}
.waitlist-check{display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:16px;line-height:1}
.waitlist-success .waitlist-success-title{margin:0;max-width:none;color:var(--forest);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.waitlist-success .waitlist-success-copy{margin:8px 0 0;max-width:36em;color:var(--muted);font-size:14px;line-height:1.6}
.waitlist-success:focus-visible{outline:3px solid #a96026;outline-offset:4px}
@media(max-width:740px){.signup .waitlist-success{margin-top:21px;padding:22px 18px;align-items:flex-start}.signup .waitlist-check{margin-top:1px}}
@media(min-width:1100px){.signup .waitlist-success{margin-top:20px}}
@media(min-width:1100px) and (max-height:800px){.signup .waitlist-success{margin-top:16px}}
.cta .waitlist-panel{max-width:540px;margin-inline:auto}