/* Praktyczna szkoła lotu: jedno płótno sterowania, bez kart udających kurs. */
.control-atlas{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:28px 0;border:1px solid #ffffff27;border-radius:14px;overflow:hidden;background:#ffffff27}
.control-hand{padding:23px 24px;background:radial-gradient(circle at 100% 0,#57e38912,transparent 45%),#111820}
.atlas-label{display:block;margin-bottom:16px;color:#57e389;font:800 11px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.key-row{display:flex;align-items:center;gap:7px;min-height:49px;border-top:1px solid #ffffff13}
.key-row span{margin-left:8px;color:#c3cad6;font-size:13.5px;line-height:1.4}
.key-row kbd{flex:none}
.exercise-list{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #ffffff30}
.exercise-list li{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #ffffff25}
.exercise-list li>span{font:800 28px var(--display);color:#57e389;line-height:1}
.exercise-list h3{margin:0 0 6px;font-size:23px}
.exercise-list p{margin:0 0 9px}
.exercise-list a{font-weight:750;text-decoration-thickness:2px}
.diagnosis{border-top:1px solid #ffffff25}
.diagnosis>div{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1fr);gap:24px;padding:21px 0;border-bottom:1px solid #ffffff25}
.diagnosis h3{font-size:18px}
.diagnosis p{margin:0}
.mode-chapter{position:relative;border-top:1px solid #ffffff28;padding-top:26px}
.mode-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin:27px 0;padding:21px 24px;border-left:4px solid #57e389;background:linear-gradient(105deg,#57e38919,#111820 62%)}
.mode-task.blue{border-color:#4da3ff;background:linear-gradient(105deg,#4da3ff19,#111820 62%)}
.mode-task.red{border-color:#ff4654;background:linear-gradient(105deg,#ff465419,#111820 62%)}
.mode-task span{display:block;color:#9aa5b1;font:800 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.mode-task strong{display:block;margin:5px 0;color:#f2f5f9;font:750 18px/1.3 var(--display)}
.mode-task p{margin:0;color:#aab4c1;font-size:13px;line-height:1.5}
.mode-task a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid #ffffff52;border-radius:7px;color:#fff;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.mode-task a:hover{border-color:#57e389;background:#57e38914}
@media(max-width:700px){.control-atlas{grid-template-columns:1fr}.control-hand{padding:17px 18px}.diagnosis>div{grid-template-columns:1fr;gap:4px}.mode-task{grid-template-columns:1fr;padding:18px}.mode-task a{justify-self:start;white-space:normal}.exercise-list li{grid-template-columns:46px 1fr;gap:11px}.exercise-list li>span{font-size:22px}}
@media print{.control-hand{background:#fff}.atlas-label,.exercise-list li>span{color:#176b39}.key-row,.exercise-list,.exercise-list li,.diagnosis,.diagnosis>div,.mode-chapter{border-color:#bbb}.mode-task,.mode-task.blue,.mode-task.red{background:#f3f4f6}.mode-task strong,.mode-task a{color:#111}.mode-task p{color:#555}}