.guides-page { max-width:850px; margin:40px auto 90px; padding:0 24px; overflow-wrap:anywhere; }
.guides-page h1 { font-size:clamp(2rem,5vw,3.4rem); letter-spacing:-.035em; }
.guides-page h2 { font-size:1.65rem; margin-top:2rem; }
.guides-page a:not(.public-button) { text-decoration:underline; text-underline-offset:4px; }
.guide-heading { margin:28px 0; }
.guide-heading p { color:var(--muted); }
.guide-hero,.guide-content img { display:block; max-width:100%; height:auto; border-radius:12px; margin:24px auto; }
.guide-content { font-size:17px; line-height:1.8; }
.guide-content h1 { font-size:2rem; }
.guide-content h2,.guide-content h3 { margin-top:2em; }
.guide-content figure { margin:24px 0; }
.guide-content figcaption { color:var(--muted); font-size:.9em; }
.guide-content blockquote { margin:24px 0; border-left:4px solid var(--accent); padding:8px 24px; }
.guide-content pre { overflow:auto; background:var(--control-line); padding:18px; border-radius:8px; }
.guide-content table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; margin:24px 0; }
.guide-content th,.guide-content td { border:1px solid var(--control-line); padding:10px; text-align:left; }
.guide-note { margin-top:48px; padding:24px; border:1px solid var(--control-line); border-radius:12px; font-size:14px; }
.guide-list { display:grid; gap:24px; margin-top:40px; }
.guide-list article { border:1px solid var(--control-line); border-radius:12px; padding:24px; }
.guide-list h2 { margin-top:0; }
@media(max-width:560px) { .guides-page { margin-top:24px; padding:0 20px; } .guide-content { font-size:16px; } }