/* Lesson 01 interactive lab: scoped classes, no effects on other lessons. */
.lesson-nav{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 17px}
.lesson-nav a{font-size:12px;border:1px solid #405772;background:#1a2b41;border-radius:99px;padding:5px 11px;text-decoration:none;color:#bbdeef}
.lesson-nav a:hover{background:#28445b}
.study-keyline{background:#173047;border-left:3px solid #83d7ff;padding:11px 15px;border-radius:0 9px 9px 0;color:#d7e9f7;margin-bottom:22px;font-size:14px}
.study-keyline strong{color:#f1fafc}
.study-section{scroll-margin-top:12px;margin:25px 0}
.study-title{display:flex;gap:12px;align-items:start;margin:20px 0 13px}
.study-title h2{margin:0 0 4px}
.study-title p{margin:0}
.study-number{flex:none;color:#b5dfff;border:1px solid #567f99;border-radius:9px;background:#1c354b;padding:8px 10px;font-size:15px;font-weight:700}
.study-config{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.study-config label{display:flex;flex-direction:column;gap:6px;color:#c8d7e8;font-size:13px}
.study-config select{min-height:43px;border-radius:9px;border:1px solid #60738d;color:#f1f6fb;background:#132338;padding:8px 10px;font-size:14px;max-width:100%}
.study-slider-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin:9px 0 4px;color:#d8eaf8;font-size:14px}
.study-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;border:1px solid #536f88;padding:4px 10px;border-radius:99px;color:#c9e8f7;background:#1e374e}
.study-range{display:block;width:100%;max-width:none!important;accent-color:#80d9de;cursor:pointer;height:28px}
.study-legend{display:flex;flex-wrap:wrap;gap:9px 16px;color:#b6c9da;font-size:12px;margin:11px 0 17px}
.study-dot{display:inline-block;vertical-align:middle;height:9px;width:9px;border-radius:50%;margin-right:5px}
.dot-press{background:#ffc37c}.dot-event{background:#78ccaf}.dot-now{background:#ffffff}
.study-timeline{height:88px;position:relative;background:#101b2d;border:1px solid #3d516b;border-radius:10px;margin:6px 10px 8px;overflow:visible}
.study-timeline:before{content:"";height:2px;background:#405572;position:absolute;left:0;right:0;top:49px}
.study-track{position:absolute;top:45px;height:10px;border-radius:6px;background:#4b9a85;opacity:.75;min-width:0;z-index:1}
.study-marker{position:absolute;top:17px;height:52px;width:2px;transform:translateX(-1px);z-index:2;pointer-events:none}
.study-marker span{position:absolute;top:-5px;left:3px;white-space:nowrap;font-size:11px;font-weight:600;background:#223246;padding:2px 5px;border-radius:5px}
.marker-event{background:#8cd9b9}.marker-event span{color:#9de7c9}
.marker-press{background:#ffca85}.marker-press span{top:55px;left:3px;color:#ffce91}
.marker-expire{background:#e5848a;opacity:.85}.marker-expire span{top:30px;color:#f0a4aa}
.marker-now{background:#f8fcff;box-shadow:0 0 0 1px #203f5d}.marker-now span{top:-22px;color:#fff}
.study-scrub{margin:17px 0}
.study-scrub label{color:#c8e6f8;font-size:13px;display:block;margin-bottom:3px}
.study-scrub .row{margin-top:8px}
.study-feedback{margin:12px 0 7px;background:#203a52;border:1px solid #4e7391;border-radius:9px;padding:11px 13px;min-height:46px;color:#e4f3fb;font-size:14px;overflow-wrap:anywhere}
.study-feedback.success{border-color:#3c9079;background:#1a403b;color:#bef7df}
.study-feedback.failure{border-color:#a46c71;background:#442b37;color:#ffdae0}
.study-queue-top{justify-content:space-between;margin-bottom:9px}
.study-secondary{background:#25374a;border-color:#4c647e}
.study-events{display:grid;gap:7px;margin-top:12px}
.study-eventrow{display:grid;grid-template-columns:125px minmax(0,1fr);gap:10px;align-items:center;padding:10px;background:#102135;border:1px solid #33485e;border-radius:9px;min-height:49px}
.study-eventrow strong{color:#deeffa;font-size:13px}
.study-eventpills{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.study-eventpill{border-radius:7px;padding:3px 7px;border:1px solid #546179;background:#28344a;color:#d0dcec;font-size:12px}
.study-eventpill.pressed{background:#594833;border-color:#a8845e;color:#ffe0b8}
.study-eventpill.expired{opacity:.52;text-decoration:line-through}
.study-nodata{color:#7890a8;font-size:12px}
.study-challenge{border-left:3px solid #e8ba7b;background:#2d3040;padding:11px 14px;margin:13px 0;border-radius:0 8px 8px 0;color:#fff0d5}
.study-challenge p{margin:5px 0 0;font-size:13px;color:#d9cdb9}
.study-audit{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}
.study-audit div{background:#101e30;border:1px solid #3c4f65;border-radius:9px;padding:12px 13px}
.study-audit strong{color:#e9f5fa}
.study-audit p{font-size:13px;margin:7px 0 0}
.study-questions{display:grid;gap:12px}
.study-question{background:#1a2739;border:1px solid #384a61;border-radius:10px;padding:15px}
.study-question h3{margin:0 0 10px}
.study-answers{display:flex;gap:8px;flex-wrap:wrap}
.study-answer{background:#21344c;border:1px solid #58708a;text-align:left;font-size:13px;flex:1 1 175px;min-height:50px}
.study-answer.chosen.correct{background:#1e483b;border-color:#65b69a;color:#d1ffeb}
.study-answer.chosen.incorrect{background:#512c35;border-color:#bc7280;color:#ffe2e6}
.study-question .small{margin:8px 0 0}
@media(max-width:740px){
  .study-config,.study-audit{grid-template-columns:1fr}
  .study-number{padding:6px 9px}
  .study-eventrow{grid-template-columns:1fr;gap:4px}
  .study-queue-top{align-items:start}
  .study-timeline{margin-left:4px;margin-right:4px}
  .study-timeline .study-marker span{font-size:10px;padding:2px}
  .study-timeline .marker-event span{left:3px}
  .study-answer{flex:1 1 100%;min-height:47px}
  .lesson-nav{gap:6px}
  .lesson-nav a{font-size:11px;padding:5px 8px}
  .study-scrub .row button{min-height:43px}
}