@import '../network-basics/css/style.css?v=20260920-032225';

.LessonExperiment .ExperimentControls { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); margin-bottom:24px; }
.LessonExperiment .ExperimentControls button { width:100%; min-width:0; padding:11px 13px; border:1px solid rgba(117,214,210,.4); background:transparent; color:var(--academy-muted); font:inherit; cursor:pointer; }
.LessonExperiment .ExperimentControls button:hover,
.LessonExperiment .ExperimentControls button:focus-visible,
.LessonExperiment .ExperimentControls button.is-selected { border-color:var(--academy-lime); color:var(--academy-lime); }
.LessonExperiment .ExperimentControls button:focus-visible { outline:2px solid var(--academy-coral); outline-offset:3px; }
.LessonResult { display:grid; gap:8px; margin-top:18px; padding:18px; border-left:3px solid var(--academy-lime); background:rgba(9,20,22,.45); }
.LessonResultLabel { color:var(--academy-cyan); font-family:'Orbitron',sans-serif; font-size:.68rem; letter-spacing:.08em; }
.LessonResult strong { color:var(--academy-paper); font-weight:400; line-height:1.5; }
.LessonResult p { margin:0; color:var(--academy-muted); line-height:1.6; }

@media (max-width:560px) {
	.LessonExperiment .ExperimentControls { display:grid; grid-template-columns:1fr; }
	.LessonExperiment .ExperimentControls button { width:100%; min-width:0; }
}