.u{text-decoration:underline;text-underline-offset:3px;color:var(--text)}.page-head{padding-top:calc(var(--nav-h) + 72px);scroll-margin-top:var(--nav-h)}.guides-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.guides-side{display:flex;flex-direction:column;gap:24px;position:sticky;top:calc(var(--nav-h) + 24px)}.how-box{padding:22px;display:flex;flex-direction:column;gap:14px}.how-box>b{font-size:16px}.how-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px}.how-row .mono{color:var(--text);padding-top:3px}.how-row>div{display:flex;flex-direction:column;gap:4px}.how-row b{font-size:14px}.how-row span:not(.mono){color:var(--mute);font-size:13px;line-height:1.5}.guide-list{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.guide-link{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 0;border-top:1px solid var(--line);transition:padding-left .2s var(--ease)}.guide-link:hover{padding-left:8px}.guide-link.is-on .mono:first-child{color:var(--text)}.guide-link>div{display:flex;flex-direction:column;gap:6px}.guide-link b{font-size:22px;letter-spacing:-.02em}.guide-link>div span{color:var(--mute);font-size:14px;line-height:1.5}.guides{display:flex;flex-direction:column;gap:120px;padding-top:140px}.guide{scroll-margin-top:calc(var(--nav-h) + 24px);display:flex;flex-direction:column;gap:16px;max-width:880px}.guide-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.guide-back:hover{color:var(--text)}.guide h2{font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0}.guide-note{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--bg-2)}.guide-note p{margin:0;color:var(--text-2);font-size:14.5px;line-height:1.55}.steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column}.step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--line)}.step-num{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--text);padding-top:4px}.step-body{display:flex;flex-direction:column;gap:10px;min-width:0}.step-body h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.015em}.step-body p{margin:0;color:var(--mute);font-size:14.5px;line-height:1.6;max-width:60ch}.step-link,.step-body a:not(.btn){color:var(--text);text-decoration:underline;text-underline-offset:3px}.step-media{margin:6px 0 0;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;background:var(--bg-2);max-width:720px}.step-media img{width:100%;height:auto}.copy-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:6px;background:var(--bg-3);border:1px solid var(--line);font-family:var(--mono);font-size:12.5px;color:var(--text);vertical-align:baseline}.copy-chip:hover{border-color:var(--line-2)}.guide-help{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;border-radius:var(--r-l);background:var(--text);color:var(--ink);margin-top:16px}.guide-help p{margin:0;font-size:14.5px}.guide-help .btn-go{box-shadow:none;border-color:#00000026}.guide.is-on h2{color:#fff}@media (max-width: 1100px){.guides-in{grid-template-columns:1fr;gap:40px}.guides-side{position:static}}@media (max-width: 768px){.page-head{padding-top:calc(var(--nav-h) + 32px)}.guide-link{grid-template-columns:40px minmax(0,1fr);gap:12px}.guide-link>.mono:last-child{grid-column:2}.guide-link b{font-size:18px}.guides{gap:80px;padding-top:88px}.step{grid-template-columns:40px minmax(0,1fr);gap:12px}}
