.depth-intro{max-width:850px;margin:0 0 18px;color:#405c60}.depth-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 24px;border:1px solid var(--line);background:var(--line)}.depth-summary>div{padding:16px;background:var(--white)}.depth-summary b,.depth-summary span{display:block}.depth-summary b{color:var(--teal);font-size:22px}.depth-summary span{font-size:13px;color:#526a6d}.quiz-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#526a6d;font:700 12px/1.4 'JetBrains Mono',monospace}.quiz-status b{color:#526a6d}.quiz-status .status-solved{color:var(--teal)}.quiz-status .status-retry{color:var(--coral)}.confidence-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px}.confidence-row span{margin-right:3px;font-size:13px;font-weight:800}.confidence-row button,.route-switch button{min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink);font-weight:800;cursor:pointer}.confidence-row button.selected{border-color:var(--blue);background:#e6eff5}.quiz-feedback.retry{border-left-color:var(--yellow);background:#fff5d6}.quiz-feedback.success{border-left-color:var(--teal);background:#e5f1ee}.evidence-box{display:block;margin-top:22px;padding:18px;border-left:5px solid var(--teal);background:var(--white)}.evidence-box b,.evidence-box span,.evidence-box small{display:block}.evidence-box span{margin:5px 0 10px;color:#405c60}.evidence-box textarea{width:100%;min-height:112px;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fff;font:inherit;resize:vertical}.evidence-box small{margin-top:6px;color:#64797c}.depth-controls{display:flex;justify-content:flex-end;margin-top:10px}.route-diagnosis{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border-left:6px solid var(--yellow);background:#fff5d6}.route-diagnosis span,.route-diagnosis strong{display:block}.route-diagnosis span{font:700 11px/1.4 'JetBrains Mono',monospace;color:var(--coral)}.route-diagnosis strong{margin-top:4px;font-size:22px}.route-diagnosis p{margin:4px 0 0;color:#405c60}.route-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.route-switch button.active{border-color:var(--ink);background:var(--ink);color:#fff}.route-panel{border:1px solid var(--line);background:var(--white)}.route-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.route-head span{color:var(--coral);font:700 12px/1.4 'JetBrains Mono',monospace}.route-head h3{margin:4px 0 0;font-size:22px}.route-head>b{font:700 18px/1.4 'JetBrains Mono',monospace;color:var(--teal)}.route-tasks{display:grid}.route-tasks label{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:15px 18px;border-bottom:1px solid var(--line);cursor:pointer}.route-tasks input{width:21px;height:21px;margin:2px 0 0;accent-color:var(--teal)}.route-tasks span,.route-tasks b{display:block}.route-tasks b{color:var(--teal);font-size:12px}.route-evidence,.teacher-move{padding:15px 18px}.route-evidence{border-bottom:1px solid var(--line);background:#e5f1ee}.route-evidence b,.teacher-move b{color:var(--teal)}.route-evidence p,.teacher-move p{margin:3px 0 0}.teacher-move{border-left:5px solid var(--blue)}.local-only{margin:10px 0 0;color:#64797c;font-size:13px}@media(max-width:720px){.depth-summary{grid-template-columns:1fr}.route-diagnosis{align-items:flex-start;flex-direction:column}.route-diagnosis .action{width:100%}.route-switch{grid-template-columns:1fr}.confidence-row button{flex:1}.depth-controls .action{width:100%}}@media print{.confidence-row,.depth-controls,.route-switch,#acceptRoute{display:none!important}.route-panel,.depth-summary{break-inside:avoid}}
.depth-materials{padding-top:0}.depth-materials>p{margin-top:-6px;color:#526a6d}.depth-media-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:start}.depth-infographic{display:block;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--white);text-decoration:none}.depth-infographic img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.depth-infographic span{display:block;padding:10px 13px;border-top:1px solid var(--line);font-weight:900;color:var(--teal)}.depth-resource-list{grid-template-columns:1fr}.depth-resource-list .resource{min-height:72px}@media(max-width:820px){.depth-media-grid{grid-template-columns:1fr}}@media print{.depth-materials{break-inside:avoid}}