:root{--layout-section-space:clamp(3.25rem,5vw,5.25rem)}
.section{padding:var(--layout-section-space) 0}
.section+.section{padding-top:clamp(2.25rem,4vw,4.25rem)}
.section-heading{margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.section-heading .eyebrow{margin-bottom:.7rem}
.eyebrow+h1,.eyebrow+h2,.eyebrow+h3{margin-top:.75rem}
h1+.lead,h2+.lead,h2+p,h3+p{margin-top:.9rem}
.page-hero{padding:clamp(2.75rem,5vw,4.75rem) 0 clamp(2.5rem,4vw,3.75rem)}
.page-hero .lead{margin-top:1.05rem}
.article-copy h2{margin-top:2.5rem}
.article-copy h2+p,.article-copy h3+p{margin-top:1rem}
.external-lobby{padding:clamp(3.5rem,5vw,5.25rem) 0;background:#f0f8f2;border-top:1px solid #dcebe0;border-bottom:1px solid #dcebe0}
.external-lobby__heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);align-items:end;gap:clamp(1.25rem,4vw,4rem);margin-bottom:1.5rem}
.external-lobby__heading h2{margin-top:.8rem}
.external-lobby__heading>p{margin:0;color:var(--muted)}
.external-lobby__frame{position:relative;min-height:clamp(480px,62vw,760px);overflow:hidden;border:1px solid #cfe3d4;border-radius:1.25rem;background:#0f3d24;box-shadow:0 12px 30px rgba(17,24,39,.1)}
.external-lobby__iframe{display:block;width:100%;height:clamp(480px,62vw,760px);border:0;background:#0f3d24}
.external-lobby__loader,.external-lobby__error{position:absolute;z-index:1;inset:0;display:grid;place-content:center;justify-items:center;gap:.55rem;padding:1.5rem;background:#0f3d24;color:#fff;text-align:center}
.external-lobby__loader[hidden],.external-lobby__error[hidden]{display:none}
.external-lobby__loader p,.external-lobby__error p{margin:0;color:#d9f0df;font-size:.9rem}
.external-lobby__loader-mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid #a8d7b5;border-radius:50%;color:#bce8c8;font-size:1.25rem}
.external-lobby__controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.external-lobby__controls .button{min-width:10.5rem}
@media (max-width:48rem){.section{padding:2.75rem 0}.section+.section{padding-top:2.25rem}.page-hero{padding:2.25rem 0 2.5rem}.page-hero .lead{margin-top:1rem}.article-copy h2{margin-top:2rem}.external-lobby{padding:2.75rem 0}.external-lobby__heading{grid-template-columns:1fr;gap:.8rem;margin-bottom:1.1rem}.external-lobby__frame{min-height:520px;border-radius:.9rem}.external-lobby__iframe{height:520px}.external-lobby__controls{display:grid;grid-template-columns:1fr}.external-lobby__controls .button{width:100%}}
@media (max-width:23rem){.external-lobby__frame{min-height:480px}.external-lobby__iframe{height:480px}}
