.practice-page .top-nav{height:auto;min-height:64px;flex-wrap:wrap;padding:16px 5%;gap:14px}.practice-page .nav-links{display:flex;flex-wrap:wrap;gap:16px}.practice-page .doc-container{width:min(1100px,calc(100% - 32px));max-width:1100px;margin:32px auto}.practice-page p,.practice-page li{line-height:1.9}.practice-page a{color:var(--cyan,#38bdf8)}.lesson-lab{border:1px solid var(--glass-border,#334155);border-radius:18px;padding:clamp(16px,3vw,28px);background:var(--bg-card,#10192c)}.lesson-lab select,.lesson-lab button{font:inherit;color:var(--text-main,#f8fafc);background:var(--bg-main,#0b1120);border:1px solid #64748b;border-radius:8px;padding:12px;min-height:44px;cursor:pointer}.lesson-lab select{max-width:100%;width:100%;margin:8px 0 16px}.lesson-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.lesson-lab button:hover{border-color:var(--cyan,#38bdf8)}.lesson-lab :focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.lesson-layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;margin:24px 0}.lesson-layer h3{font-size:16px;margin-bottom:12px}.lesson-layer table{border-spacing:5px;width:100%;table-layout:fixed}.lesson-layer caption{font-size:12px;line-height:1.6;text-align:left;color:var(--text-dim,#94a3b8);margin-bottom:8px}.lesson-layer td{text-align:center;height:46px;font:600 clamp(12px,3vw,18px)/1.2 monospace;border:1px solid #475569;border-radius:7px}.lesson-layer .occupied{background:#143449;color:#e0f2fe}.lesson-layer .empty{color:var(--text-dim,#94a3b8)}.lesson-status{min-height:3.6em;padding:12px;border-left:3px solid var(--cyan,#38bdf8);line-height:1.8}.lesson-compare{overflow-x:auto}.lesson-compare table{width:100%;border-collapse:collapse}.lesson-compare th,.lesson-compare td{border-bottom:1px solid #475569;padding:12px 8px;text-align:left;white-space:nowrap}.lesson-note{font-size:14px;color:var(--text-dim,#94a3b8)}.practice-page footer{border-top:1px solid #334155;padding:24px;text-align:center}.practice-page footer a{display:inline-block;margin:8px}.lesson-article-link{display:inline-block;padding:12px 0}@media(max-width:480px){.lesson-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}[hidden]{display:none!important}