.download-guides { margin-top:36px; padding-top:28px; border-top:1px solid var(--card-border); text-align:start; }
.download-guides h2 { font-size:22px; margin:0 0 14px; color:var(--ink); }
.download-guides p { color:var(--muted); line-height:1.9; max-width:70ch; }
.download-guides li { margin:12px 0; }
.download-guides a,.guide-body a { text-underline-offset:4px; }
.guide-body { max-width:780px; margin-inline:auto; padding:32px 0 48px; color:var(--ink); }
.guide-body h1 { font-size:clamp(27px,4vw,38px); line-height:1.6; margin:0 0 18px; }
.guide-body h2 { font-size:23px; margin:34px 0 12px; line-height:1.6; }
.guide-body p,.guide-body li { line-height:2; max-width:72ch; }
.guide-body li { margin-bottom:12px; }
.guide-body .guide-intro { font-size:18px; color:var(--muted); }
.guide-body .guide-download { margin-top:24px; }
.guide-body .related-guides { margin-top:40px; padding-top:24px; border-top:1px solid var(--card-border); }
.project-directory { display:grid; gap:28px; margin-block:24px; }
.project-entry { display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; padding-bottom:28px; border-bottom:1px solid var(--card-border); align-items:start; }
.project-entry img { width:100%; height:auto; aspect-ratio:16/9; border-radius:12px; }
.project-entry h2 { margin:0 0 8px; font-size:22px; }
.project-entry p { margin-bottom:14px; }
.guide-nav { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:30px; font-size:14px; }
.guide-updated { color:var(--muted); font-size:13px; margin-top:32px; }
@media(max-width:640px) {
 .guide-body { padding-top:12px; }
 .guide-body h1 { font-size:28px; }
 .project-entry { grid-template-columns:1fr; gap:16px; }
 .guide-body .guide-intro { font-size:16px; }
}