.practice-hero{display:grid;grid-template-columns:1.3fr .8fr;gap:70px;padding:35px 0 50px;align-items:center}.practice-hero h1{margin:15px 0 24px}.practice-hero h1 em{color:#a84b28}.practice-route{background:var(--forest);color:#f1f4e8;border-radius:15px;padding:30px}.practice-route .kicker{color:var(--lime)}.practice-route ol{list-style:none;padding:0;margin:24px 0}.practice-route li{display:flex;gap:17px;margin:20px 0}.practice-route li>span{display:grid;place-items:center;align-self:flex-start;width:29px;height:29px;background:var(--lime);color:var(--forest);border-radius:50%;flex-shrink:0}.practice-route li p{color:#d3dfcc;margin-top:3px}.practice-route>p:last-child{border-top:1px solid #597260;padding-top:17px}.practice-setup{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px 0 45px;border-top:1px solid var(--rule)}.practice-setup h2{margin:12px 0 22px}.practice-setup ol{padding-left:21px}.practice-setup li,.practice-setup p{margin-bottom:17px}.practice-setup a:not(.button),.practice-exercise section a{text-decoration:underline;text-underline-offset:3px}.practice-setup .button{display:inline-flex}.practice-setup .code-panel,.practice-exercise .code-panel{white-space:pre-wrap;overflow-wrap:anywhere}.practice-list{list-style:none;padding:0;margin:0 0 40px;border-top:1px solid var(--rule)}.practice-list>li{display:grid;grid-template-columns:40px 1fr 160px;gap:20px;padding:25px 0;border-bottom:1px solid var(--rule)}.practice-number{color:#8d5636;padding-top:4px}.practice-meta{color:var(--muted);margin-bottom:9px}.practice-list h3{margin-bottom:9px}.practice-list li>div>p:last-child{color:var(--muted)}.practice-entry-end{display:flex;flex-direction:column;justify-content:space-between;align-items:end;gap:16px}.practice-entry-end span,.practice-result-badge{border:1px solid var(--rule);border-radius:20px;padding:5px 12px;display:inline-block}.practice-entry-end .passed,.practice-result-badge.passed{background:var(--lime);border-color:#a5bf76;color:var(--forest)}.practice-exercise-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;margin-top:30px}.practice-sidebar{align-self:start;position:sticky;top:25px;background:#e7ecdc;border:1px solid #c6d1b8;border-radius:10px;padding:20px}.practice-sidebar nav{display:grid;margin:18px 0}.practice-sidebar nav a{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #cdd6c0}.practice-sidebar nav [aria-current]{color:#994526}.practice-sidebar nav span{opacity:.7}.practice-exercise{min-width:0;max-width:780px}.practice-exercise .page-heading{padding-top:0}.practice-exercise .practice-result-badge{margin-top:22px}.practice-exercise section{margin:30px 0}.practice-exercise section>h2{margin-bottom:18px}.practice-exercise p,.practice-exercise li{margin-bottom:15px}.practice-exercise ul{padding-left:22px}.practice-exercise code,.practice-setup code{overflow-wrap:anywhere}.practice-task{background:#f3dfce;border:1px solid #dec7b2;border-radius:12px;padding:25px}.practice-task h3{margin:22px 0 14px}.practice-task li{margin-bottom:8px}.practice-hint,.practice-solution,.practice-retry{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:17px 0;margin:12px 0}.practice-hint summary,.practice-solution summary,.practice-retry summary{cursor:pointer}.practice-hint p,.practice-solution p,.practice-retry p{margin-top:16px}@media(max-width:950px){.practice-hero{gap:35px}.practice-exercise-layout{grid-template-columns:1fr;gap:25px}.practice-sidebar{position:static}.practice-sidebar nav{display:none}.practice-sidebar{display:flex;justify-content:space-between;gap:20px;align-items:center}.practice-exercise{max-width:none}}@media(max-width:650px){.practice-hero,.practice-setup{grid-template-columns:1fr;gap:25px}.practice-hero{padding:20px 0 35px}.practice-route{padding:25px}.practice-list>li{grid-template-columns:28px 1fr;gap:13px}.practice-entry-end{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap}.practice-task{padding:21px}}.practice-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0 65px}.practice-track-card{display:flex;flex-direction:column;gap:15px;padding:30px;border:1px solid #173d49;border-radius:12px;background:#153e49;color:#f6f3e8;text-decoration:none}.practice-track-card h2{color:inherit;margin:0}.practice-track-card p{color:inherit}.practice-track-card.linux{background:#eac16b;color:#242d2c}.practice-track-card.docker{background:#cce7e2;color:#153e49}.practice-track-card>span{margin-top:auto}.practice-local-note{padding:18px 22px;border-left:3px solid #ba8141;background:#f6eddb}#practice-status{white-space:pre-wrap;overflow-wrap:anywhere}.practice-list h2{margin:5px 0}@media(max-width:760px){.practice-track-grid{grid-template-columns:1fr}.practice-track-card{padding:24px}}@media(min-width:651px) and (max-width:900px){.practice-hero{grid-template-columns:1fr}.practice-route{max-width:none}.practice-route ol{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.practice-route li{margin:8px 0}}.practice-exercise button:disabled{opacity:.55;cursor:wait}.practice-completion{padding:25px;border:1px solid #b7c9ad;border-radius:12px;background:#e5ebdc}.practice-completion [aria-pressed="true"]{background:#315b45}.practice-completion #practice-status{margin-top:15px}.practice-exercise .code-panel{max-height:640px;overflow:auto}.practice-review-target{padding:22px 24px;margin:20px 0;background:#edf0e4;border-left:3px solid #637f50;border-radius:0 8px 8px 0}.practice-review-target h3{margin:0 0 12px}.practice-review-target li{margin-bottom:10px}.practice-common-mistake{padding-top:15px;border-top:1px solid #c7d1bd}.practice-common-mistake strong{color:#8a3b22}@media(max-width:600px){.practice-review-target{padding:20px}}

.exercise-search-box{display:grid;gap:10px;margin:24px 0 12px;max-width:650px}.exercise-search-box input{padding:12px 15px;border:1px solid var(--rule);border-radius:6px;background:#fff;min-width:0}.exercise-search-box p{color:var(--muted)}.practice-source-note{margin:28px 0;padding:18px 0;border-top:1px solid var(--rule);color:var(--muted)}.practice-source-note a{text-decoration:underline;text-underline-offset:4px}@media(min-width:951px){.practice-sidebar nav{max-height:calc(100vh - 220px);overflow:auto;padding-right:8px;overscroll-behavior:contain}}