.guide-hero{padding:58px 0 28px}
.guide-hero h1{font-size:clamp(38px,6vw,62px);line-height:1;letter-spacing:-.045em;margin:16px 0}
.guide-hero p{max-width:820px;color:#475569;font-size:18px;line-height:1.75}
.guide-wrap{width:min(1080px,calc(100% - 32px));margin:auto;padding-bottom:70px}
.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.guide-card{background:#fff;border:1px solid #d9dee7;border-radius:22px;padding:26px;box-shadow:0 14px 35px rgba(15,23,42,.06)}
.guide-card section{padding:24px 0;border-bottom:1px solid #eef2f7}
.guide-card section:first-child{padding-top:0}.guide-card section:last-child{border-bottom:0;padding-bottom:0}
.guide-card h2{font-size:22px;margin:0 0 9px}.guide-card h3{font-size:16px;margin:20px 0 8px}
.guide-card p,.guide-card li{color:#475569;line-height:1.72}
.guide-card ul,.guide-card ol{padding-left:22px}
.guide-side{position:sticky;top:100px}
.guide-side a{display:block;margin-top:10px}
.codeblock{background:#0f172a;color:#e2e8f0;border-radius:15px;padding:16px;overflow:auto;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}
.good{border-left:4px solid #16a34a;background:#f0fdf4;padding:14px 16px;border-radius:12px;color:#166534}
.bad{border-left:4px solid #dc2626;background:#fef2f2;padding:14px 16px;border-radius:12px;color:#991b1b}
.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flow span{background:#f8fafc;border:1px solid #e2e8f0;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:800}
.guide-link{font-weight:850;text-decoration:underline;color:#0f172a}
.checklist{display:grid;gap:9px}
.checklist div{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:11px 13px;color:#334155}
@media(max-width:850px){.guide-grid{grid-template-columns:1fr}.guide-side{position:static}}