/* Guide pages reuse Skitchlet’s cream, ink, pink, and native type family. */



.skip-link{position:absolute;left:18px;top:-100px;padding:12px;background:var(--ink);color:var(--paper);z-index:2}
.skip-link:focus{top:12px}
.guide-document{max-width:900px;padding-block:32px 88px}
.guide-document h1{font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.045em;margin:30px 0 26px}
.guide-document .lead{font-size:23px;line-height:1.5;max-width:65ch}
.guide-document h2{font-size:32px;line-height:1.15;letter-spacing:-.025em;margin-bottom:22px}
.guide-document section{margin-top:64px;scroll-margin-top:28px}
.guide-document p{margin:18px 0;max-width:70ch}
.guide-document li{margin-block:14px;padding-left:6px}
.guide-document ul,.guide-document ol{padding-left:24px}
.guide-document code{font-size:.9em;overflow-wrap:anywhere}
.guide-document figure{margin-block:38px}
.guide-document figure img{display:block;width:100%;height:auto}
.guide-document figcaption{font-size:14px;color:var(--muted);margin-top:12px}
.breadcrumbs{font-size:15px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0}
.breadcrumbs li{padding:0;margin:0}
.breadcrumbs li+li::before{content:'›';margin-right:16px;color:var(--muted)}
.contents{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:16px;margin-block:32px;padding:22px;background:var(--soft)}
.guide-page .contents a{display:inline-block}
.guide-hub{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start;margin-top:42px}
.guide-hub figure{margin:0}
.guide-hub .guide-list{margin:0}
.guide-list article+article{margin-top:34px}
.guide-list h2{font-size:28px;margin:0}
.guide-list p{font-size:17px;margin:12px 0 0}
.guide-page footer{gap:24px;flex-wrap:wrap}
@media(max-width:700px){.guide-document{padding-top:20px}.guide-document h1{font-size:42px;line-height:1.05}.guide-document .lead{font-size:20px}.guide-document h2{font-size:28px}.guide-document section{margin-top:48px}.guide-hub{display:block;margin-top:30px}.guide-hub .guide-list{margin-top:38px}.contents{gap:10px 18px}.breadcrumbs{font-size:14px}}