.class-intro {max-width:850px}
.class-schedule .card {display:flex;flex-direction:column}
.class-schedule .card h3 {font:32px 'Cormorant Garamond',Georgia,serif;color:var(--cream);margin-bottom:12px}
.class-schedule .card .date {font-size:16px;color:var(--cream)}
.class-schedule .card .button {margin-top:auto;align-self:flex-start}
.class-schedule .card p {margin-bottom:18px}
.class-status {max-width:850px;border-left:2px solid var(--blue);padding:4px 0 4px 22px;margin:34px 0 0}
.class-status p:last-child {margin-bottom:0}
.signup-layout {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:64px}
.signup-form {max-width:740px}
.signup-form label {font-size:13px}
.signup-form .consent {display:flex;align-items:flex-start;gap:12px;font-size:13px;margin-top:25px}
.signup-form .consent input {width:18px;min-width:18px;height:18px;margin:3px 0 0;accent-color:#83b6d0}
.signup-form a:not(.button),.class-status a {text-decoration:underline;text-underline-offset:3px}
.signup-form button {font:inherit;cursor:pointer}
.signup-form button:disabled {opacity:.6;cursor:wait}
.signup-form .status {outline:none;font-size:14px}
.signup-form .status:focus {outline:1px solid var(--blue);outline-offset:8px}
.signup-aside {border-top:2px solid var(--blue);padding-top:22px}
.signup-aside p {font-size:14px}
.form-trap {position:absolute;left:-10000px;overflow:hidden;width:1px;height:1px}
.preview-note {background:#223443;color:#e5edf0;padding:14px 6vw;margin:0;font-size:13px}
.preview-note[hidden] {display:none}
:focus-visible {outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:760px){.signup-layout{grid-template-columns:1fr;gap:30px}.class-schedule .card{padding:24px}.class-schedule .card h3{font-size:30px}.signup-form input,.signup-form select{font-size:16px}.signup-form button{width:100%}}