.guide-page article{padding:38px 0 56px}.guide-intro{max-width:780px}.guide-page h1{font-size:36px;line-height:1.45;margin:18px 0;text-wrap:balance}.guide-page h2{font-size:25px;margin-bottom:16px;line-height:1.5}.guide-intro>p{font-size:17px}.guide-toc{display:flex;flex-wrap:wrap;gap:10px 24px;padding:24px 0;margin:28px 0 8px;border-block:1px solid var(--line);font-size:14px}.guide-toc a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.guide-copy{max-width:780px;padding:36px 0 0;scroll-margin-top:28px}.guide-copy ol{padding-inline-start:24px;color:var(--muted);margin:0}.guide-copy li+li{margin-top:12px}.guide-example{padding:40px 0 0}.guide-example>p{max-width:780px}.legend{display:flex;gap:24px;padding-top:14px}.legend span{display:inline-flex;align-items:center;gap:8px}.legend b{display:inline-grid;place-items:center;width:25px;height:25px;line-height:1;color:#10232b;background:#ee9c9b;border-radius:5px}.legend span+span b{background:#79bdde}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.example-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between}.example-card h3{font-size:17px;color:var(--accent);margin-bottom:8px}.example-card p{font-size:15px;line-height:1.8}.teaching-board{display:block;width:100%;height:auto;max-width:360px;margin:18px auto 0;direction:ltr}.guide-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:42px 0 0;padding-top:28px;border-top:1px solid var(--line)}.guide-page .footer{border-top:1px solid var(--line)}.guide-page .header{gap:16px}.guide-page .language-picker{margin-inline-start:auto}@media(max-width:650px){.guide-page article{padding-top:24px}.guide-page h1{font-size:26px;line-height:1.5}.guide-page h2{font-size:22px}.guide-intro>p{font-size:16px}.guide-toc{display:grid;gap:12px;margin-top:22px}.example-grid{grid-template-columns:1fr;gap:16px}.example-card{padding:20px}.guide-copy{padding-top:32px}.guide-cta{gap:20px}.guide-page .footer nav{overflow-wrap:anywhere}}