/* Purpose-led guide, using the adopted site's typography and palette. */
.ai-guide{max-width:800px;padding-top:44px;padding-bottom:48px}
.ai-kicker{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;margin:0 0 12px}
.ai-guide h1{font-size:clamp(24px,3.5vw,32px);line-height:1.45}
.ai-intro{max-width:670px;color:var(--muted);font-size:14px;line-height:1.9;margin:17px 0 30px}
.ai-resources{border-top:1px solid var(--line)}
.ai-resource{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.ai-resource strong{display:block;color:var(--ink);font-size:15px;font-weight:600}
.ai-resource small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.75}
.ai-resource>span:last-child{color:var(--blue);font-size:15px;flex-shrink:0}
.ai-resource:hover strong,.ai-back:hover{color:var(--blue)}
.ai-back{display:inline-block;color:var(--muted);font-size:12px;margin-top:28px}
@media(max-width:700px){.ai-guide{padding-top:32px;padding-bottom:36px}.ai-intro{font-size:13px}.ai-resource{padding:18px 0}.ai-resource strong{font-size:14px}}
.reference-prose h2{font-size:17px;line-height:1.5;margin:32px 0 12px;font-weight:600}
.reference-prose p,.ai-guide>p:not(.ai-kicker){font-size:13px;line-height:1.95;color:var(--muted)}
.reference-prose a,.ai-guide>p>a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.reference-prose code{overflow-wrap:anywhere;font-size:12px}