.tutorial-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:24px;max-width:1100px;margin-inline:auto;font-weight:600}.tutorial-top a{display:inline-flex;align-items:center;min-height:44px}.tutorial-page{max-width:850px;margin-inline:auto;padding:48px 24px 80px}.tutorial-page h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance;margin-block:12px 20px}.tutorial-lead{color:var(--muted-fg);font-size:1.2rem;line-height:1.6;margin-block-end:36px}.tutorial-eyebrow{font-size:.875rem;color:var(--muted-fg)}.tutorial-grid{display:grid;gap:24px}.tutorial-card{display:block;border:1px solid var(--line-soft);border-radius:20px;padding:28px;background:var(--card)}.tutorial-card h3{font-size:1.5rem;margin-block:16px 12px}.tutorial-card p{color:var(--muted-fg);line-height:1.7}.tutorial-read{display:inline-block;font-weight:600;margin-block-start:20px}.tutorial-prose{max-width:68ch;line-height:1.8}.tutorial-prose section{margin-block:44px;scroll-margin-top:24px}.tutorial-prose h2{font-size:1.5rem;line-height:1.3;margin-block:28px 16px}.tutorial-prose ol,.tutorial-prose ul{padding-inline-start:1.5rem}.tutorial-prose li{margin-block:14px;padding-inline-start:6px}.tutorial-contents{display:grid;gap:12px;margin-block:28px}.tutorial-prose a{text-decoration:underline;text-underline-offset:3px}.tutorial-note{padding:16px 20px;border-radius:12px;background:var(--bubble);color:var(--muted-fg)}.tutorial-page a:focus-visible,.tutorial-top a:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.tutorial-group{margin-block:40px}.tutorial-group>h2{font-size:1.5rem;margin-block-end:20px}@media(min-width:640px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tutorial-group{padding:0}