/* guide.css — 링크비서 안내 글(/linkbiseo/guide/*). 문서 틀(.doc, 내비, 바닥글)은 privacy.css·site.css를 그대로 쓰고,
   여기에는 글에만 있는 것(위치 표시, 첫 문단, 그림, 단계 목록, 질문, 신청 상자, 다른 글)만 둬요. */
.doc__crumb ol { display: flex; flex-wrap: wrap; gap: 6px; font-size: 14px; line-height: 20px; color: var(--muted-foreground); }
.doc__crumb li { font-size: 14px; line-height: 20px; }
.doc__crumb li + li::before { content: "›"; margin-right: 6px; color: var(--muted-foreground); }
.doc .doc__crumb a { color: var(--muted-foreground); text-decoration: none; }
.doc .doc__crumb a:hover { color: var(--foreground); }
.guide .doc__title { margin-top: 12px; word-break: keep-all; }
.guide h2.doc__h, .guide h3 { word-break: keep-all; }
.doc p.doc__lead { margin-top: 24px; font-size: 18px; line-height: 31px; color: var(--foreground); }
@media (width < 48rem) { .doc p.doc__lead { font-size: 17px; line-height: 29px; } }
.doc ol.doc__steps { margin-top: 12px; display: grid; gap: 8px; padding-left: 22px; list-style: decimal; }
.doc__fig { margin: 28px auto 4px; max-width: 280px; text-align: center; }
.doc__fig img { display: block; width: 100%; height: auto; border-radius: var(--radius-lg); box-shadow: 0 0 0 1px var(--hairline), 0 18px 40px -24px rgb(9 11 12 / 0.35); }
.doc__fig figcaption { margin-top: 12px; font-size: 14px; line-height: 21px; color: var(--muted-foreground); text-wrap: pretty; word-break: keep-all; }
.doc__faq h3 { margin-top: 24px; }
.doc__faq h3 + p { margin-top: 6px; }
.doc__cta { margin-top: 56px; border-radius: var(--radius-md); background: var(--subtle); padding: 28px 24px; box-shadow: inset 0 0 0 1px var(--hairline); }
@media (width >= 48rem) { .doc__cta { padding: 32px 36px; } }
.doc p.doc__cta-title { margin-top: 0; font-family: var(--font-heading); font-size: 22px; line-height: 30px; font-weight: 600; letter-spacing: -0.01em; word-break: keep-all; }
.doc p.doc__cta-title + p { margin-top: 8px; color: var(--muted-foreground); word-break: keep-all; }
.doc .doc__cta .btn { margin-top: 20px; height: 44px; padding: 0 20px; gap: 8px; border-radius: 9999px; background: var(--primary); color: var(--primary-foreground); font-size: 16px; line-height: 24px; box-shadow: 0 1px 0 rgb(255 255 255 / 0.12) inset, 0 10px 24px -12px rgb(9 11 12 / 0.55); }
.doc .doc__cta .btn:hover { background: rgb(9 11 12 / 0.8); }
.doc .doc__cta .btn:focus-visible { box-shadow: 0 0 0 3px rgb(115 115 115 / 0.4); }
.doc .doc__cta .btn .ico { width: 16px; height: 16px; }
.doc__related { margin-top: 40px; border-top: 1px solid var(--border); padding-top: 20px; }
.doc p.doc__related-h { margin-top: 0; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--muted-foreground); }
.doc__related ul { margin-top: 8px; display: grid; gap: 6px; }
.doc__related li { word-break: keep-all; }