body { padding-top: 82px; }
.site-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 40; box-shadow: 0 4px 22px rgba(20,42,35,.06); }
@media (max-width: 600px) { body { padding-top: 68px; } }
.language-picker{display:flex;align-items:center;padding:3px;border:1px solid #dfe5e2;border-radius:11px;background:#f3f6f4}.language-picker button{height:30px;min-width:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#7b8581;font-size:11px;font-weight:800;letter-spacing:.05em;transition:background .2s,color .2s,box-shadow .2s}.language-picker button:hover{color:var(--green)}.language-picker button.active{background:#fff;color:var(--green);box-shadow:0 2px 7px rgba(20,45,38,.12)}.language-picker button:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.lesson-icon{font-size:0;color:var(--green)}.lesson-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.level-switch{display:inline-flex;gap:6px;margin-top:30px;padding:5px;border:1px solid rgba(13,102,85,.16);border-radius:14px;background:rgba(255,255,255,.75)}.level-switch button{display:flex;align-items:center;gap:9px;padding:11px 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:800}.level-switch button small{font-size:11px;font-weight:600}.level-switch button.active{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(13,102,85,.2)}
.writing-help{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.55}.writing-input{width:100%;height:54px;padding:0 16px;border:2px solid #dbe4df;border-radius:12px;background:#fff;color:var(--ink);font:700 20px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}.writing-input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(13,102,85,.09)}.letter-pool,.kazakh-keyboard{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.letter-chip,.key{min-width:42px;height:42px;padding:0 10px;border:1px solid #dbe4df;border-radius:9px;background:#fff;color:var(--ink);font-weight:800;transition:.15s}.letter-chip:hover,.key:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px)}.letter-chip:disabled{opacity:.25;transform:none}.writing-clear{margin-top:12px;padding:8px 0;border:0;background:none;color:var(--muted);font-size:12px;font-weight:700}.kazakh-keyboard{max-height:230px;overflow:auto;padding:2px}.key-wide{min-width:120px}.key-action{background:var(--mint);color:var(--green)}@media(max-width:600px){.letter-pool,.kazakh-keyboard{gap:6px}.letter-chip,.key{min-width:38px;height:39px;padding:0 8px}.kazakh-keyboard{max-height:205px}}