
.guide-page{max-width:1240px;margin:0 auto;padding:150px 36px 170px}.guide-intro{max-width:960px;padding-bottom:72px;border-bottom:1px solid var(--line)}.guide-intro h1{margin:0;font:400 var(--heading-main)/1 Georgia,serif;letter-spacing:0}.guide-intro>p:last-child{max-width:720px;margin:28px 0 0;color:var(--muted);font:20px/1.65 Georgia,serif}.guide-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:clamp(44px,8vw,110px);align-items:start;padding-top:70px}.guide-contents{position:sticky;top:110px;display:grid;gap:0;border-top:1px solid var(--line)}.guide-contents strong{padding:18px 0;color:var(--accent);font-size:11px;letter-spacing:2px;text-transform:uppercase}.guide-contents a{padding:11px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.guide-contents a:hover,.guide-contents a:focus-visible{color:var(--text)}.guide-content{min-width:0}.guide-section{scroll-margin-top:110px;padding:0 0 64px;margin:0 0 64px;border-bottom:1px solid var(--line)}.guide-section:last-child{margin-bottom:0}.guide-section h2{margin:0 0 28px;font:400 var(--heading-section)/1 Georgia,serif;letter-spacing:0}.guide-section p{margin:0 0 18px;color:var(--muted);font:18px/1.75 Georgia,serif}.guide-section p:first-of-type{color:var(--text)}

@media(max-width:800px){.guide-page{padding:112px 20px 130px}.guide-intro{padding-bottom:46px}.guide-intro h1{font-size:46px}.guide-intro>p:last-child{font-size:17px}.guide-layout{grid-template-columns:1fr;gap:54px;padding-top:46px}.guide-contents{position:static}.guide-section{padding-bottom:44px;margin-bottom:44px}.guide-section h2{font-size:38px}.guide-section p{font-size:16px;line-height:1.7}}
