.inline-enrollment{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:58px 0 68px;padding:36px 40px;border-top:1px solid #c4a76d55;border-bottom:1px solid #c4a76d55;background:linear-gradient(110deg,#c5a4620b,transparent);scroll-margin-top:100px}
.inline-enrollment .eyebrow{margin-bottom:12px;font-size:10px;letter-spacing:.18em}
.inline-enrollment h3{font-family:var(--serif);font-size:clamp(22px,2.1vw,28px);line-height:1.65;font-weight:500;margin:0 0 14px}
.inline-enrollment .inline-enrollment-price{margin:0;line-height:1.85;font-size:14px;color:var(--muted,#aab4ac)}
.inline-enrollment-price span{display:block;font-size:12px}
.inline-enrollment>div{flex:1;min-width:0}
.inline-enrollment .button{width:auto;min-width:210px;flex-shrink:0;justify-content:center;gap:25px}
@media(max-width:700px){.inline-enrollment{flex-direction:column;align-items:stretch;gap:26px;margin:42px 0 48px;padding:28px 22px}.inline-enrollment .button{width:100%;min-width:0}.inline-enrollment h3{font-size:23px}.inline-enrollment .inline-enrollment-price{font-size:14px}}
@media(max-width:360px){.inline-enrollment{padding-inline:15px}.inline-enrollment h3{font-size:21px}}

/* Keep decorative 3D transforms inside the mobile page viewport. */
html{overflow-x:clip}