.recording-course{margin:16px 0;border:1px solid #ced5e4;border-radius:12px;background:#fff;padding:16px}.recording-course>summary{cursor:pointer;font-weight:700}.recording-course small{font-weight:400;color:#65718a;margin-left:8px}.recording-module h4{margin:20px 0 8px}.recording-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid #e5e9f1;padding:10px 0}.recording-row strong,.recording-row small{display:block;overflow-wrap:anywhere}.recording-row small{margin:4px 0 0}.recording-row>span{font-size:12px;color:#65718a}.recording-row>.feedback-upload{grid-column:1/-1;margin:0}.recording-row .recording-ready{color:#087748;font-weight:700}.recording-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;margin-top:16px}.recording-card{background:#fff;border:1px solid #ced5e4;border-radius:12px;padding:16px;min-width:0}.recording-card h4{margin:8px 0;font-size:20px}.recording-card p,.recording-card>small{font-size:13px;color:#65718a}.recording-card iframe{width:100%;aspect-ratio:16/9;border:0}.recording-row [hidden]{display:none!important}@media(max-width:600px){.recording-row{grid-template-columns:minmax(0,1fr) auto}.recording-row>span{grid-column:1}.recording-row>button{grid-column:2;grid-row:1/3}.recording-course{padding:12px}}