.op-assessment-card{border:1px solid #dce5ed;border-radius:18px;padding:24px;margin-top:24px;background:#fff}.op-assessment-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.op-assessment-heading h3{margin:8px 0;font-size:22px}.op-assessment-heading>span{font-size:13px;color:#56677c;white-space:nowrap}.op-rubric{background:#f0f7f6;border-radius:12px;padding:18px;margin:20px 0}.op-rubric li{padding:8px}.op-rubric p{margin:6px 0}.op-question-form fieldset{border:1px solid #dce5ed;border-radius:12px;padding:20px;margin:20px 0}.op-question-form legend{font-weight:650;padding:0 8px;max-width:100%}.op-question-form textarea{width:100%;box-sizing:border-box;border:1px solid #bfccd9;padding:14px;border-radius:10px;font:inherit}.op-answer{display:flex;gap:12px;padding:12px;margin:7px 0;background:#f5f8fb;border-radius:9px;cursor:pointer}.op-answer input{width:18px;height:18px;flex-shrink:0}.op-attempt-summary{background:#f5f8fb;padding:18px;border-radius:12px;margin:16px 0}.op-attempt-summary>span{display:block;margin-top:8px}.op-attempt-summary video{display:block;width:100%;max-height:420px;margin-top:16px;background:#091827}.op-video-upload input{display:block;margin-top:12px;max-width:100%}.op-video-upload progress{display:block;width:100%;margin:18px 0}@media(max-width:650px){.op-assessment-card{padding:16px}.op-assessment-heading{display:block}.op-assessment-heading>span{white-space:normal}}
.op-booking-backdrop{position:fixed;inset:0;background:#091c32b8;z-index:3000;display:grid;place-items:center;padding:20px;overflow:auto}.op-booking-modal{background:#fff;border-radius:24px;max-width:760px;width:100%;max-height:90dvh;overflow:auto;padding:30px;box-sizing:border-box;color:#182c43}.op-booking-modal header{display:flex;justify-content:space-between;align-items:start;gap:20px}.op-booking-modal h2{font-size:25px}.op-booking-steps{display:flex;list-style:none;padding:0;gap:8px;margin:24px 0}.op-booking-steps li{background:#f0f4f8;border-radius:8px;padding:10px;flex:1;font-size:13px}.op-booking-steps .active{background:#dcefe8;color:#145444;font-weight:700}.op-offer{display:flex;flex-direction:column;text-align:left;gap:8px;width:100%;border:1px solid #cedae4;padding:20px;border-radius:14px;background:white;cursor:pointer;margin:12px 0}.op-offer:hover{border-color:#22745c;background:#f6fbf9}.op-offer strong{font-size:19px}.op-offer>span:not(.st-eyebrow){color:#56677c;font-size:14px}.op-offer b{font-size:21px}.op-offer:disabled{opacity:.45;cursor:default}.op-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.op-slot-grid button{border:1px solid #cedae4;border-radius:10px;padding:14px;background:white;cursor:pointer}.op-slot-grid button.selected{background:#145444;color:white}.op-slot-grid small{display:block;margin-top:5px}.op-date-label{display:flex;flex-direction:column;gap:8px;font-weight:600}.op-date-label input{font:inherit;padding:12px;border-radius:9px;border:1px solid #cedae4}.op-selected-date{display:block;padding:12px;margin:8px 0;border:1px solid #cbded7;border-radius:9px;background:#f0f7f4}.op-booking-modal footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.op-booking-summary{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:24px;background:#f4f7fa;border-radius:14px}.op-booking-summary dt{color:#617086}.op-booking-summary dd{margin:0}.op-order-result{max-width:850px;margin:40px auto}@media(max-width:600px){.op-booking-backdrop{padding:8px}.op-booking-modal{padding:20px;border-radius:16px}.op-slot-grid{grid-template-columns:repeat(3,1fr)}.op-booking-modal footer{flex-direction:column}.op-booking-summary{grid-template-columns:1fr;gap:8px}.op-booking-summary dd{margin-bottom:10px}}
