.online-classes{min-width:0}.online-form,.online-filters,.online-card{margin:18px 0;padding:22px}.online-form fieldset{border:0;min-width:0;padding:0}.online-classes .form-grid label{flex-direction:column;gap:7px;display:flex}.online-classes input,.online-classes select{box-sizing:border-box;width:100%;min-height:44px}.online-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.online-actions button,.online-primary{font:inherit;cursor:pointer;border:1px solid #b9cbdc;border-radius:8px;padding:11px 16px;font-size:14px;text-decoration:none}.online-primary{color:#fff;background:#123d65;display:inline-block}.online-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;display:grid}.online-grid .online-card{margin:0}.online-card h2{overflow-wrap:anywhere;font-size:21px;line-height:1.4}.online-card p{line-height:1.6}.online-room{color:#123451;max-width:1320px;margin:auto;padding:24px;font-family:Inter,Segoe UI,sans-serif}.online-room iframe{border:1px solid #bacbdd;border-radius:12px;width:100%;height:75vh;min-height:480px;margin-top:22px;display:block}.online-room-info{background:#edf4fa;border-radius:12px;padding:20px}.online-room h1{font-size:28px}.online-room a{color:#0b5287}.online-room .online-primary{color:#fff}.online-room .online-actions button{color:#123451;background:#fff}@media (width<=600px){.online-room{padding:14px}.online-room iframe{height:70vh;min-height:400px}.online-classes .page-title{flex-direction:column;align-items:stretch}.online-actions>*{box-sizing:border-box;max-width:100%}.online-card,.online-form,.online-filters{padding:16px}.online-room h1{font-size:23px}}