/* Long-form knowledge guides; scoped to preserve the existing site design. */
.guide-meta { color: var(--color-text-soft); font-size: 14px; margin-bottom: 22px; line-height: 1.8; }
.guide-summary { background: #f5f0f8; border-left: 4px solid var(--color-primary); border-radius: 12px; padding: clamp(18px,3vw,28px); margin-bottom: 26px; }
.article-body .guide-summary h2, .article-body .guide-toc h2 { margin-top: 0; font-size: 21px; }
.article-body .guide-summary ul { margin-bottom: 0; }
.guide-toc { padding: 22px; border: 1px solid var(--border); border-radius: 12px; margin-bottom: 32px; }
.guide-toc ol { columns: 2; column-gap: 32px; padding-left: 24px; }
.guide-toc li { break-inside: avoid; margin-bottom: 10px; }
.article-body a { text-underline-offset: 4px; }
.article-body section p a, .article-body .guide-sources a { text-decoration: underline; }
.article-body section[id] { scroll-margin-top: 130px; }
.guide-table-wrap { overflow-x: auto; margin: 22px 0; max-width: 100%; border: 1px solid var(--border); border-radius: 10px; }
.guide-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.8; }
.guide-table th, .guide-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.guide-table thead { background: #f5f0f8; color: var(--color-primary); }
.guide-table tbody th { width: 23%; font-weight: 600; }
.guide-table tr:last-child > * { border-bottom: 0; }
.guide-sources { margin-top: 40px; border-top: 1px solid var(--border); padding-top: 14px; }
.guide-sources li { margin-bottom: 10px; overflow-wrap: anywhere; }
@media(max-width:600px) { .guide-toc ol { columns: 1; } .guide-table th, .guide-table td { padding: 10px 8px; font-size: 14px; } .guide-table tbody th { width: 25%; } .article-body h2 { font-size: 23px; } }