.simulation-shell{padding:38px 0}.simulation-hero,.simulation-panel,.simulation-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(20,28,51,.94),rgba(14,20,36,.96));padding:20px;margin-bottom:16px}.simulation-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.simulation-form{display:grid;gap:14px}.simulation-form fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:14px}.simulation-form label{display:grid;gap:6px;color:var(--muted);font-weight:800}.simulation-form input,.simulation-form select{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)}.mode-options label{display:flex;gap:9px;align-items:center;min-height:38px}.simulation-controls,.sim-step-list,.sim-actions{display:flex;flex-wrap:wrap;gap:10px}.simulation-controls button,.simulation-controls select{min-height:40px}.sim-speed-label{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-weight:800}.sim-step-list{padding:0;margin:0 0 14px;list-style:none}.sim-step-list li{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}.sim-step-list [aria-current=step]{border-color:rgba(34,211,238,.65);color:var(--ink);background:rgba(34,211,238,.08)}.sim-step-list .complete{border-style:dashed}.sim-output{display:grid;gap:12px}.calculation-table-wrap,.binary-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.calculation-table,.binary-table{width:100%;min-width:680px;border-collapse:collapse}.calculation-table caption,.binary-table caption{text-align:left;padding:10px;color:var(--muted);font-weight:900}.calculation-table th,.calculation-table td,.binary-table th,.binary-table td{border-top:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}.bit-row{display:flex;gap:2px;align-items:center;white-space:nowrap}.bit{display:inline-flex;align-items:center;justify-content:center;width:1.45em;min-height:1.8em;border:1px solid var(--line);font-family:Consolas,monospace}.bit.network{border-bottom:4px solid var(--cyan)}.bit.host{border-bottom:4px double var(--gold)}.bit-boundary{display:inline-flex;align-items:center;min-height:1.8em;margin:0 4px;color:var(--ink);font-weight:900}.result-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(234,240,255,.055);color:var(--ink);font-weight:900}.error-list{border:1px solid rgba(255,59,92,.55);border-radius:var(--radius);padding:12px;background:rgba(255,59,92,.08)}.teacher-display .site-header,.teacher-display .breadcrumbs,.teacher-display .simulation-form,.teacher-display footer,.teacher-display .no-display{display:none}.teacher-display main{width:min(calc(100% - 28px),1400px)}.teacher-display .simulation-grid{grid-template-columns:1fr}.teacher-display .simulation-panel{font-size:1.2rem}.teacher-display .calculation-table,.teacher-display .binary-table{min-width:840px}@media(max-width:940px){.simulation-grid{grid-template-columns:1fr}.simulation-hero,.simulation-panel,.simulation-card{padding:16px}}@media(max-width:520px){.simulation-controls .button,.simulation-controls button,.sim-actions .button{width:100%}.calculation-table,.binary-table{min-width:620px}.bit{width:1.25em}}@media print{.site-header,.breadcrumbs,.simulation-form,.simulation-controls,.sim-actions,footer,.no-print{display:none!important}:root,body{color-scheme:light}body{background:#fff;color:#111}main{width:100%}p,li,.simulation-card,.simulation-panel,.simulation-hero{color:#111;box-shadow:none;background:#fff;border-color:#999;break-inside:avoid}.bit{color:#111;border-color:#555}.bit.network{border-bottom:4px solid #111}.bit.host{border-bottom:4px double #555}.calculation-table th,.calculation-table td,.binary-table th,.binary-table td{border-color:#999}.learner-blank .sim-output{display:none}}
