.how-to-use-page{background:radial-gradient(circle at 85% 0,#fff 0,transparent 34rem),var(--paper)}.how-to-use-main{width:min(1120px,92vw);padding-bottom:80px}.how-to-use-hero{max-width:900px;padding:76px 0 42px}.how-to-use-hero h1{margin:10px 0 18px;font:400 clamp(44px,7vw,78px)/.98 Georgia,serif;letter-spacing:-.055em}.how-to-use-hero>p:last-child{max-width:820px;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.7}.walkthrough-languages{display:grid;gap:28px}.walkthrough-language{padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 18px 55px #2720140d}.walkthrough-language h2{margin:0 0 24px;font:400 clamp(28px,4vw,42px)/1.08 Georgia,serif;letter-spacing:-.03em}.walkthrough-video{position:relative;width:100%;max-width:1040px;aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:14px;background:#1f2926;box-shadow:0 18px 45px #202a271f}.walkthrough-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.walkthrough-topics{max-width:1040px;margin:30px auto 0;padding-top:24px;border-top:1px solid var(--line)}.walkthrough-topics h3{margin:0 0 16px;font:400 24px/1.2 Georgia,serif}.walkthrough-topics ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px;margin:0;padding-left:20px;color:#3e4742;line-height:1.55}.how-to-use-footer{padding:28px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;text-align:center}@media(max-width:680px){.how-to-use-hero{padding:48px 0 30px}.walkthrough-language{padding:20px}.walkthrough-language h2{margin-bottom:18px}.walkthrough-topics ul{grid-template-columns:1fr 1fr;gap:8px 20px}}@media(max-width:420px){.walkthrough-topics ul{grid-template-columns:1fr}}