.lang{max-width:60rem;color:var(--fw-text);margin:0 auto;padding:24px 20px 80px}.lang h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.lang h2{margin:0 0 8px;font-size:1.25rem}.lang p{max-width:62ch;margin:0 0 12px;line-height:1.6}.lang code{padding:1px var(--fw-space-1);background:var(--fw-surface-alt,#7f7f7f1f);border-radius:4px;font-size:.9em}.lang__lead{font-size:1.05rem}.lang__axes{background:var(--fw-surface-alt,#7f7f7f14);border-radius:10px;gap:4px 16px;margin:0 0 32px;padding:16px;display:grid}.lang__axes dt{font-weight:var(--fw-weight-strong)}.lang__axes dd{line-height:var(--fw-line-body);margin:0 0 8px}@media (width>=48rem){.lang__axes{grid-template-columns:repeat(3,1fr)}.lang__axes dt{grid-row:1}.lang__axes dd{grid-row:2;margin:0}}.lang__step{border-left:3px solid var(--fw-primary);margin:0 0 40px;padding:0 0 0 20px}.lang__controls{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;display:flex}.lang__controls label{font-size:.9rem;font-weight:var(--fw-weight-strong)}.lang__controls button,.lang__controls select{padding:var(--fw-space-2) 12px;border:1px solid var(--fw-border,#7f7f7f59);background:var(--fw-surface,transparent);color:inherit;font:inherit;cursor:pointer;border-radius:6px;font-size:.9rem}.lang__controls button:hover,.lang__controls select:hover{border-color:var(--fw-primary)}.lang__controls :focus-visible{outline:3px solid var(--fw-text);outline-offset:2px;box-shadow:0 0 0 5px var(--fw-focus-ring)}.lang pre{padding:var(--fw-space-4);border-radius:var(--fw-radius-field);background:var(--fw-surface-alt,#7f7f7f1a);white-space:pre-wrap;word-break:break-word;margin:0 0 16px;font-size:.85rem;line-height:1.55;overflow-x:auto}
