:root{color-scheme:light;--bg:#f7f9f8;--ink:#18313a;--muted:#526972;--line:#cbdade;--accent:#0c6c74}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#075e68}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd8720;outline-offset:2px}.wrap{width:min(100% - 38px,1050px);margin:auto}header{background:#102c36;color:#f5fbfb;padding:18px 0 55px}header a{color:#dbf19a}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:48px}.brand{text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.05em;color:#f7fbfb}.brand span{color:#dbf19a}.lang{display:flex;gap:8px}.lang a{border:1px solid #849ba0;text-decoration:none;border-radius:7px;padding:5px 12px;color:#e7f5f5}.lang a[aria-current=page]{background:#d7eb9b;color:#153138;border-color:#d7eb9b}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#d7eb9b;font-weight:850}.back{display:inline-block;margin:-22px 0 36px}h1{font-size:clamp(36px,6vw,66px);line-height:1.1;letter-spacing:-.05em;margin:10px 0 14px}.subtitle{max-width:760px;font-size:20px;color:#ccdde0;line-height:1.5}main{padding:25px 0 65px}.lead{font-size:19px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:13px;padding:7px 12px;border:1px solid #b1c7c8;background:#e6eeee;border-radius:20px;font-weight:750}.button{background:#d8eca1;display:inline-block;color:#193137;border:1px solid #9ebc78;padding:10px 18px;border-radius:9px;text-decoration:none;font-weight:850;cursor:pointer;font:inherit}.button:hover{filter:brightness(.96)}h2{font-size:clamp(23px,3vw,30px);margin:40px 0 14px;line-height:1.3;letter-spacing:-.025em}h3{font-size:19px;margin:20px 0 10px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{padding:19px;background:white;border:1px solid var(--line);border-radius:13px}.card.planned{border-style:dashed;background:#f7f8f7}.card h3{margin:4px 0 8px}.card small{font-weight:850;color:#4d6d70}.card p{color:var(--muted);margin:5px 0}.muted{color:var(--muted)}.note{border-left:4px solid var(--accent);background:#e7f1f0;padding:15px 21px;margin-top:32px;border-radius:6px}.note h2{margin:0 0 8px}.note p{margin:0 0 12px}.lesson-body{max-width:850px}.lesson-body h2{border-bottom:1px solid #cedbdd;padding-bottom:9px}.lesson-body li{margin-bottom:6px}.tablewrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:9px 12px;border:1px solid var(--line)}th{background:#e4eff0}code,pre{font:14px/1.55 ui-monospace,Consolas,monospace}code{background:#e4eded;padding:2px 4px}pre{background:#102c36;color:white;padding:19px;overflow-x:auto;border-radius:9px}pre code{background:transparent;color:inherit;padding:0}.quiz{background:#edf4f2;border:1px solid #cadbd9;border-radius:14px;padding:0 20px 20px;margin-top:48px}.quiz fieldset{border:1px solid #cadbd9;background:white;border-radius:10px;margin:17px 0;padding:14px 17px}.quiz legend{font-weight:800;padding:0 4px}.quiz label{display:block;cursor:pointer;margin:8px 0}.quiz input{accent-color:#066c70}output{display:block;white-space:pre-line;background:#fff;border:1px solid var(--line);padding:18px;margin-top:18px;border-radius:10px}output[hidden]{display:none}footer{margin-top:50px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);padding:18px 0}@media(max-width:650px){header{padding-bottom:30px}.top{margin-bottom:26px}.cards{grid-template-columns:1fr}.quiz{padding:0 12px 16px}}@media print{header{color:var(--ink);background:white}header a,.subtitle{color:var(--ink)}.quiz .button{display:none}}