/* Academic Studio Mastery: listening-first drills and transparent self-review. */
.as-listen-lab{display:grid;gap:13px;background:linear-gradient(120deg,#edf7f0,#f6f9f1);border:1px solid #c4e1d0;border-radius:14px;padding:16px;margin:0 0 20px}
.as-listen-lab>p{font-size:12px;line-height:1.8;margin:0;color:#355f4e}
.as-listen-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.as-listen-controls label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:750;color:#315741}
.as-listen-controls select{border:1px solid #b3ccb9;border-radius:9px;padding:9px 12px;background:#fff;color:#214731;font:600 12px/1.5 inherit;min-height:40px}
.as-listen-controls button{font-size:11.5px;padding:10px 12px}
.as-audio-only{border:2px dashed #76b69c;border-radius:12px;padding:30px 18px;background:#f5fbf7;color:#24694b;font-size:13px;line-height:1.85;text-align:center;font-weight:650}
.as-rubric-card{background:#fafbf8}
.as-rubric-container>.as-card-heading{margin-bottom:10px}
.as-rubric-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #9cd5b3;background:#e7f8ed;border-radius:12px;padding:14px 17px;margin:15px 0;color:#165b3a}
.as-rubric-summary b{font-size:18px}.as-rubric-summary span{font-size:11px;font-weight:650}
.as-rubric-group{border:1px solid #d4e2d9;border-radius:13px;padding:13px 17px 5px;margin:13px 0;background:#fff;min-width:0}
.as-rubric-group legend{font-size:13px;font-weight:850;color:#276c4e;padding:0 7px}
.as-rubric-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e4ede7;cursor:pointer}
.as-rubric-line:last-child{border-bottom:0}.as-rubric-line>span{display:grid;gap:5px;flex:1}
.as-rubric-line strong{color:#243d2b;font-size:12px}.as-rubric-line small{color:#61776a;font-size:11px;line-height:1.55}
.as-rubric-line select{min-width:174px;max-width:200px;border:1px solid #aec9b6;padding:10px 12px;border-radius:9px;background:#fff;color:#28583c;font-size:12px}
:is(.as-listen-controls select,.as-rubric-line select,.as-listen-controls button,.as-rubric-card button):focus-visible{outline:3px solid #238b67;outline-offset:3px}
body.dark .as-listen-lab{background:linear-gradient(120deg,#203c2b,#28392b);border-color:#487257}
body.dark .as-listen-lab>p,body.dark .as-listen-controls label{color:#c7ead2}
body.dark .as-listen-controls select,body.dark .as-rubric-line select{background:#1e3025;color:#e4f3e8;border-color:#577560}
body.dark .as-audio-only{background:#234331;color:#c0f5d5;border-color:#5aac7d}
body.dark .as-rubric-card{background:#202d24}
body.dark .as-rubric-summary{background:#234936;border-color:#4e9770;color:#cdf6dd}
body.dark .as-rubric-group{background:#1b2a21;border-color:#4c6853}
body.dark .as-rubric-group legend{color:#a1edc1}
body.dark .as-rubric-line{border-bottom-color:#384b3c}
body.dark .as-rubric-line strong{color:#e1f5e6}
body.dark .as-rubric-line small{color:#a8c7b4}
@media(max-width:620px){.as-rubric-line{flex-direction:column;align-items:stretch}.as-rubric-line select{max-width:none;width:100%}.as-listen-controls label{flex:1 1 125px}.as-listen-controls button{flex:1 1 48%}}

/* Four-week learning roadmap — responsive and visually integrated with Studio. */
.as-roadmap{margin:23px 0;padding:23px;border-radius:20px;border:1px solid var(--as-edge);background:var(--as-card)}
.as-roadmap-head h2{font-size:clamp(18px,2.4vw,25px);margin:7px 0;color:var(--as-ink)}
.as-roadmap-head p{color:var(--as-muted);font-size:12px;line-height:1.8;margin:0 0 18px}
.as-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.as-roadmap-week{background:var(--as-soft);border:1px solid var(--as-edge);border-radius:14px;text-align:left;padding:15px;min-width:0;display:flex;flex-direction:column;gap:11px;cursor:pointer}
.as-roadmap-week:hover{border-color:#369c76;box-shadow:0 0 0 3px #34997416}
.as-roadmap-week:focus-visible{outline:3px solid #268862;outline-offset:3px}
.as-roadmap-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;color:#238365;font-size:10.5px;font-weight:850}
.as-roadmap-label span{color:var(--as-muted);font-size:10px}
.as-roadmap-week strong{font-size:13px;color:var(--as-ink);line-height:1.5}
.as-roadmap-week small{flex:1;font-size:11px;line-height:1.7;color:var(--as-muted)}
.as-roadmap-action{font-size:11px;color:#238365;font-weight:850}
body.dark .as-roadmap-label,body.dark .as-roadmap-action{color:#a2e7c4}
@media(max-width:1170px){.as-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.as-roadmap{padding:15px}.as-roadmap-grid{grid-template-columns:1fr}}