.guides-main,.guides-footer{width:min(100%,1220px);margin:auto;padding:0 40px}.breadcrumbs{color:var(--soft);flex-wrap:wrap;align-items:center;gap:10px;padding-top:30px;font-size:13px;display:flex}.breadcrumbs a:hover{color:var(--green);text-decoration:underline}.guide-heading{max-width:850px;padding:46px 0}.guide-heading h1{letter-spacing:-2px;color:var(--hero-heading);margin:0 0 24px;font-size:clamp(36px,4.5vw,58px);font-weight:650;line-height:1.1}.guide-heading>p:last-child{color:var(--soft);margin:0;font-size:18px;line-height:1.8}.guide-body{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:64px;display:grid}.guide-contents{border:1px solid var(--line);background:#ffffffb8;border-radius:12px;padding:18px 20px;position:sticky;top:112px}.guide-contents p{margin:0 0 14px;font-size:13px;font-weight:650}.guide-contents a{color:var(--soft);margin:12px 0;font-size:13px;line-height:1.6;display:block}.guide-contents a:hover{color:var(--green)}.guide-article{min-width:0;max-width:760px}.guide-article>section{margin-bottom:42px}.guide-article h2,.guide-note h2{color:var(--forest-heading);letter-spacing:-.7px;margin:0 0 18px;font-size:26px;font-weight:600;line-height:1.3}.guide-article p,.guide-article li,.guide-note p{color:var(--soft);font-size:16px;line-height:1.85}.guide-article p{margin:18px 0}.guide-article ul{padding-left:24px}.guide-article li{margin:10px 0}.guide-article pre{border:1px solid var(--forest-border);background:var(--forest-surface);color:var(--forest-text);font:13px/1.8 var(--font-geist-mono), monospace;border-radius:10px;padding:20px;overflow-x:auto}.guide-note{border:1px solid var(--line);background:#f1faf3;border-radius:14px;margin:40px 0;padding:28px}.guide-note a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.guides-footer{border-top:1px solid var(--line);color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:50px;padding-top:32px;padding-bottom:32px;font-size:13px;display:flex}@media (max-width:900px){.guide-body{grid-template-columns:1fr;gap:32px}.guide-contents{position:static}}@media (max-width:650px){.guides-main,.guides-footer{padding-left:22px;padding-right:22px}.guide-heading{padding:32px 0}.guide-heading h1{letter-spacing:-1.3px}.guide-heading>p:last-child{font-size:16px}.guide-article h2{font-size:23px}.guide-note{padding:22px}}
