.practice-shell{padding:38px 0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--muted)}.breadcrumbs a{color:var(--cyan)}.practice-hero,.practice-panel,.practice-card,.practice-summary{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(20,28,51,.94),rgba(14,20,36,.96))}.practice-hero{padding:24px;margin-bottom:18px}.practice-hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1}.practice-meta,.practice-grid,.practice-actions,.practice-toolbar{display:flex;flex-wrap:wrap;gap:10px}.practice-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:rgba(234,240,255,.05)}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.practice-card,.practice-panel,.practice-summary{padding:18px}.practice-panel{margin:16px 0}.practice-config{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.practice-config label,.answer-field label{display:grid;gap:7px;color:var(--muted);font-weight:800;font-size:.9rem}.practice-config select,.answer-field input,.trace-table input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(234,240,255,.055);color:var(--ink)}.practice-status{margin:12px 0 0;color:var(--gold)}.practice-question header{display:flex;justify-content:space-between;gap:12px}.question-text{color:var(--ink);font-size:1.08rem}.code-block{overflow-x:auto;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#07101d;color:#eaf0ff;line-height:1.55}.code-block code{white-space:pre;font-family:Consolas,monospace}.notation-guide{border-left:3px solid var(--cyan);padding-left:12px}.answer-options{display:grid;gap:8px}.answer-options label{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(234,240,255,.045);color:var(--muted)}.trace-table-wrap{overflow-x:auto}.trace-table{width:100%;border-collapse:collapse;min-width:540px}.trace-table caption{margin-bottom:8px;color:var(--muted);text-align:left;font-weight:800}.trace-table th,.trace-table td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}.trace-table th{color:var(--ink);background:rgba(34,211,238,.08)}.trace-table input[data-state=correct]{border-color:rgba(124,255,107,.75)}.trace-table input[data-state=incorrect]{border-color:rgba(255,59,92,.85)}.feedback{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(234,240,255,.05)}.feedback.correct{border-color:rgba(124,255,107,.55)}.feedback.incorrect{border-color:rgba(255,59,92,.55)}.teacher-display .site-header,.teacher-display .breadcrumbs,.teacher-display .practice-config-panel,.teacher-display .related-links,.teacher-display footer{display:none}.teacher-display main{width:min(calc(100% - 28px),1400px)}.teacher-display .practice-question{font-size:1.25rem}.teacher-display .practice-panel{min-height:80vh}.no-js-fallback{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:rgba(246,201,69,.08)}@media(max-width:940px){.practice-grid,.practice-config{grid-template-columns:1fr}.practice-question header{display:block}}@media(max-width:520px){.practice-hero,.practice-card,.practice-panel{padding:14px}.practice-actions .button,.practice-toolbar .button{width:100%}}@media print{.site-header,.breadcrumbs,.practice-config-panel,.practice-toolbar,.practice-actions,footer,.no-print{display:none!important}:root,body{color-scheme:light}body{background:#fff;color:#111}main{width:100%}p,li,.practice-meta span{color:#222}.practice-hero,.practice-panel,.practice-card,.practice-summary,.feedback,.code-block{box-shadow:none;background:#fff;color:#111;border-color:#999;break-inside:avoid}.code-block code{color:#111}a::after{content:" (" attr(href) ")";font-size:.85em}}
