:root{--ink:#0b1513;--paper:#f5f1e8;--lime:#dfff45;--blue:#3964ff;--orange:#ff6742;--line:#cfd2ca;--muted:#67716e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.practice-head{height:76px;padding:0 max(4vw,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.practice-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-size:9px;letter-spacing:.09em}.practice-brand img{width:38px;height:38px;object-fit:contain}.practice-brand span{color:#718e00}.practice-head nav{display:flex;gap:24px}.practice-head nav a{color:inherit;text-decoration:none;font-size:12px;font-weight:700}.practice-hero{min-height:630px;padding:80px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.practice-hero>div>span,.practice-example span,.practice-workspace>aside>span,.live-preview>span,.practice-finish>div>span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#6f8b00}.practice-hero h1{font:700 clamp(48px,6vw,82px)/.98 Unbounded;margin:20px 0;letter-spacing:-.055em}.practice-hero>div>p{font-size:18px;line-height:1.65;color:#4c5753;max-width:720px}.practice-facts{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.practice-facts b{padding:10px 13px;border:1px solid var(--line);border-radius:999px;font-size:11px}.practice-hero button,.finish-actions button{border:0;border-radius:999px;padding:15px 20px;background:var(--lime);color:var(--ink);font-weight:800}.practice-hero>aside{padding:36px;border-radius:28px;background:var(--ink);color:#fff;box-shadow:20px 20px 0 #dfe8b9}.practice-hero>aside small{color:var(--lime);font-weight:800;letter-spacing:.15em}.practice-hero>aside h2{font:700 27px/1.15 Unbounded}.practice-hero>aside p{color:#b3beb9;line-height:1.65}.practice-example{padding:28px max(5vw,calc((100vw - 1180px)/2));background:var(--lime);display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center}.practice-example span{color:#324000}.practice-example p{font-size:16px;line-height:1.55}.practice-workspace{min-height:calc(100vh - 76px);display:grid;grid-template-columns:230px minmax(380px,1fr) minmax(300px,.75fr)}.practice-workspace[hidden],.practice-finish[hidden]{display:none!important}.practice-workspace>aside:first-child{background:var(--ink);color:#fff;padding:28px 18px;display:flex;flex-direction:column}.practice-workspace>aside:first-child>button{border:0;background:none;color:#b1bcb7;text-align:left;padding:8px}.practice-workspace>aside>span{margin:32px 10px 15px;color:var(--lime)}#steps{display:grid;gap:6px}#steps button{border:0;border-radius:12px;background:transparent;color:#9eaaa5;padding:13px;text-align:left;display:grid;grid-template-columns:24px 1fr;gap:8px}#steps button.active{background:#27332f;color:#fff}#steps button.done{color:var(--lime)}.practice-workspace>aside:first-child>div{margin-top:auto;padding:18px;border:1px solid #34433e;border-radius:16px;display:grid;gap:8px}.practice-workspace>aside:first-child small{font-size:8px;color:#95a19c}.practice-workspace>aside:first-child b{font-size:12px}.practice-workspace>aside:first-child i{height:5px;background:#394640;border-radius:10px;overflow:hidden}.practice-workspace>aside:first-child em{display:block;height:100%;background:var(--lime)}.practice-step{padding:55px clamp(28px,5vw,70px);background:#fff}.step-head{display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:#7a8580}.practice-step h2{font:700 clamp(34px,4vw,58px)/1.05 Unbounded;letter-spacing:-.04em;margin:20px 0}.practice-step>p{color:var(--muted);line-height:1.7}.practice-step label{display:grid;gap:10px;margin-top:30px;font-size:13px}.practice-step textarea{width:100%;padding:18px;border:1px solid var(--line);border-radius:16px;font:14px/1.6 Manrope;resize:vertical;min-height:220px}.practice-step textarea:focus{outline:3px solid var(--lime);border-color:var(--ink)}.step-actions{display:flex;justify-content:space-between;margin-top:20px}.step-actions button{border:1px solid var(--ink);border-radius:999px;padding:12px 17px;background:transparent;font-weight:800}.step-actions #next{background:var(--ink);color:#fff}.live-preview{padding:50px 28px;background:#e8ecff;overflow:auto}.live-preview h3{font:700 22px/1.2 Unbounded}.live-preview pre,.practice-finish pre{white-space:pre-wrap;font:12px/1.65 Manrope}.live-preview small{display:block;margin-top:30px;padding-top:18px;border-top:1px solid #b8c0d9;color:#5f6b67;line-height:1.5}.practice-finish{padding:80px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.practice-finish h2{font:700 clamp(36px,4vw,58px)/1.05 Unbounded}.practice-finish>div>p{color:var(--muted);line-height:1.6}.finish-actions{display:grid;gap:8px;margin:25px 0}.finish-actions button{background:var(--ink);color:#fff;text-align:left}.finish-actions button:first-child{background:var(--lime);color:var(--ink)}.practice-finish>pre{margin:0;padding:30px;border-radius:22px;background:var(--ink);color:#eef4f0;white-space:pre-wrap;font:13px/1.7 ui-monospace,monospace}.practice-finish footer{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.practice-finish footer button,.practice-finish footer a{border:0;background:none;color:var(--ink);font-weight:800;text-decoration:none}.practice-finish footer a{padding:13px 18px;border-radius:999px;background:var(--lime)}.mentor-status{font-size:12px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){.practice-workspace{grid-template-columns:190px 1fr}.live-preview{grid-column:2}.practice-finish{grid-template-columns:1fr}}@media(max-width:680px){.practice-head{padding:0 15px}.practice-head nav a:first-child{display:none}.practice-hero{grid-template-columns:1fr;padding:50px 18px 70px}.practice-hero>aside{box-shadow:10px 10px 0 #dfe8b9}.practice-example{grid-template-columns:1fr;padding:25px 18px;gap:6px}.practice-workspace{display:block}.practice-workspace>aside:first-child{padding:18px;position:static}.practice-workspace>aside>span{margin:15px 0 10px}#steps{display:flex;overflow-x:auto}#steps button{min-width:145px}.practice-workspace>aside:first-child>div{margin-top:16px}.practice-step{padding:35px 18px}.live-preview{padding:35px 18px}.practice-finish{padding:55px 18px}.practice-finish footer{align-items:stretch;flex-direction:column;gap:18px}.practice-finish footer a{text-align:center}}
.practice-finish>div>.practice-reward{padding:13px 15px;border:1px solid #b7cd33;border-radius:14px;background:#f4ffd0;color:#253000;font-size:12px;font-weight:700}
.practice-auth-note{display:block;margin-top:14px;color:var(--muted);font-size:11px;line-height:1.5}.practice-upgrade{grid-column:1/-1;padding:30px;border-radius:22px;background:#e8ecff;border:1px solid #bdc7f4}.practice-upgrade>span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#3554cb}.practice-upgrade h3{font:700 clamp(22px,3vw,34px)/1.15 Unbounded;margin:12px 0}.practice-upgrade p{max-width:760px;color:#4e5a56;line-height:1.65}.practice-upgrade a{display:inline-flex;margin-top:8px;padding:13px 18px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px;font-weight:800}
/* Keep long Russian titles inside narrow phones. */
@media(max-width:680px){
  .practice-hero h1{font-size:clamp(31px,11vw,48px);line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}
  .practice-finish h2,.practice-step h2{overflow-wrap:anywhere}
}
@media(max-width:360px){
  .practice-hero{padding-left:14px;padding-right:14px}
  .practice-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .practice-facts b{min-width:0;padding:9px 8px;text-align:center;overflow-wrap:anywhere}
  .practice-hero>aside{padding:25px 20px;box-shadow:7px 7px 0 #dfe8b9}
  .practice-hero>aside h2{font-size:23px;overflow-wrap:anywhere;word-break:normal}
}