.lesson-menu{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.lesson-menu a{border:1px solid #4f748c;border-radius:24px;background:#1b3445;color:#c5edf5;text-decoration:none;padding:5px 11px;font-size:12px}
.lesson-intro{color:#d1f5ee;border-left:3px solid #6bc7ab;background:#183b40;border-radius:0 9px 9px 0;padding:11px 14px;margin:15px 0 24px;font-size:13px}
.study-section{margin:25px 0;scroll-margin-top:12px}
.section-head{display:flex;align-items:start;gap:12px;margin:18px 0 12px}
.section-head>span{background:#25495b;color:#d3faff;border:1px solid #5a8c99;border-radius:9px;padding:8px 11px;font-weight:bold}
.section-head h2{margin:0 0 6px}
.section-head p{margin:0}
.pad-buttons{display:flex;justify-content:center;gap:8px;margin:13px 0}
.pad-buttons button{flex:1;min-height:48px;max-width:230px;touch-action:none}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}
.stats>div{border:1px solid #445f74;background:#16273a;border-radius:9px;padding:10px}
.stats span{font-size:12px;color:#abcad9;display:block}
.stats strong{font-size:19px;color:#eafaff;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.insight{background:#193949;border-left:3px solid #75cce0;border-radius:0 8px 8px 0;color:#e0f5f8;padding:12px 13px;font-size:14px;margin:11px 0}
.trace-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.trace-title strong{font-size:17px}
.trace-list{display:grid;gap:0;margin:12px 0}
.trace-row{display:flex;align-items:stretch;gap:10px;position:relative;min-height:43px}
.trace-row+.trace-row:before{content:"";position:absolute;top:-9px;left:35px;height:12px;width:2px;background:#496d7c}
.trace-name{width:82px;flex-shrink:0;border:1px solid #44647b;border-radius:8px;padding:8px 6px;text-align:center;background:#253b53;color:#e0f3ff;font-weight:bold;font-size:12px}
.trace-row.system-Level .trace-name{border-color:#569a9b;color:#bdf8dc;background:#1e4548}
.trace-row.system-Entity .trace-name{border-color:#6eaa8d;color:#d6ffe3;background:#204c41}
.trace-row.system-Camera .trace-name,.trace-row.system-Fx .trace-name{border-color:#9674af;background:#423250;color:#f5d8ff}
.trace-message{flex:1;border:1px solid #344e62;border-radius:8px;background:#112438;padding:8px 11px;font-size:13px;color:#d0e4ed}
.trace-row+.trace-row{margin-top:11px}
.facts{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}
.fact{border:1px solid #425f71;border-radius:8px;padding:6px 10px;background:#1b3446;color:#e3f4f9;font-size:12px}
.compact .trace-row{min-height:34px}.compact .trace-message{padding:6px 9px}
.responsibilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.responsibilities>div{border:1px solid #456074;background:#142c3e;border-radius:9px;padding:12px}
.responsibilities strong{color:#9adffc}
.responsibilities p{font-size:13px;margin:5px 0}
.meter{height:14px;border:1px solid #527081;border-radius:99px;background:#0e1c2c;overflow:hidden;margin:8px 0}
.meter>div{height:100%;width:0;background:#75caa6;transition:width .15s}
.meter>div.full{background:#f5a98a}
.questions{display:grid;gap:11px}
.question{background:#192b3d;border:1px solid #426178;border-radius:9px;padding:13px}
.question h3{font-size:15px;margin:0 0 11px}
.answers{display:flex;gap:8px;flex-wrap:wrap}
.answers button{flex:1 1 210px;text-align:left;font-size:13px}
.answers button.right{background:#235441;border-color:#6eb78e}
.answers button.wrong{background:#522f41;border-color:#bf748b}
@media(max-width:740px){
  .responsibilities{grid-template-columns:1fr}
  .stats strong{font-size:17px}
  .trace-name{width:69px;padding:9px 3px;font-size:11px}
  .trace-message{font-size:12px}
  .trace-row+.trace-row:before{left:29px}
  .pad-buttons{gap:6px}
  .pad-buttons button{padding:8px}
  .answers button{flex:1 1 100%}
}