.tech-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px}.tech-sidebar{align-self:start}.tech-route{margin:18px 0 28px}.tech-route>div{display:flex;gap:12px;align-items:center;padding:16px 10px;border-left:2px solid #304650;color:#90aab7}.tech-route>div.active{color:#c7f4dc;border-color:#adf1c7;background:#18322f}.tech-route span{border:1px solid #48616d;border-radius:50%;min-width:28px;height:28px;display:grid;place-items:center}.tech-map{border:1px solid #3a535e;border-radius:14px;overflow:hidden;background:#11232c;margin:20px 0}.tech-map svg{width:100%;display:block}.tech-evidence{padding:24px;background:#162a35;border:1px solid #36505b;border-radius:12px;margin-bottom:24px}.tech-evidence p{display:flex;gap:14px;margin:14px 0;color:#d1dfe6}.tech-evidence p span{font-family:monospace;color:#a6d0bc}.tech-feedback{margin-top:20px;padding:22px;border-radius:10px;background:#193b32;border:1px solid #5d957d}.tech-feedback.incorrect{background:#3a2c28;border-color:#a77960}.tech-feedback p{line-height:1.7}.answer-options button:disabled{opacity:1;cursor:default}.tech-score{display:flex;align-items:center;gap:24px;background:#1d3b33;border:1px solid #54866f;border-radius:14px;padding:28px;margin:24px 0}.tech-score strong{font-size:54px;color:#adf1c7;white-space:nowrap}.tech-score p{color:#abc4c0;max-width:600px;line-height:1.6}.tech-review{display:grid;gap:16px;margin:24px 0}.tech-review article{padding:24px;border:1px solid #3a505e;border-radius:12px;background:#142630}.tech-review p{line-height:1.7;color:#bed0da}.tech-review h3{margin-top:14px}@media(max-width:800px){.tech-layout{grid-template-columns:1fr}.tech-sidebar .context-card{margin:10px 0}.tech-route{display:flex;margin:14px 0;gap:8px}.tech-route>div{flex:1;font-size:12px;align-items:flex-start;flex-direction:column;padding:10px}.tech-score{align-items:flex-start;padding:20px;gap:18px}.tech-score strong{font-size:40px}}@media(prefers-reduced-motion:reduce){.tech-map .stream{animation:none}.tech-map circle{display:none}}
