/* Guides pages and homepage SEO sections. CSP allows only same-origin stylesheets, so no inline styles. */
.guide { max-width: 860px; padding-top: 32px; padding-bottom: 64px; }
.g-crumbs ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 24px; padding: 0; font-size: 0.85rem; color: var(--bone-2, #8d8374); }
.g-crumbs li + li::before { content: "/"; margin-right: 8px; opacity: 0.6; }
.g-crumbs a { color: inherit; }
.g-kicker { font: 500 0.75rem var(--mono, monospace); letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent, #e2b07a); margin: 0 0 8px; }
.g-head h1 { margin: 0 0 12px; }
.g-meta { color: var(--bone-2, #8d8374); font-size: 0.9rem; margin: 0 0 24px; }
.g-body { line-height: 1.7; }
.g-body h2 { margin: 2.2em 0 0.6em; }
.g-body h3 { margin: 1.6em 0 0.4em; }
.g-body ul, .g-body ol { padding-left: 1.4em; }
.g-body li { margin: 0.4em 0; }
.g-body code { font-family: var(--mono, monospace); font-size: 0.9em; }
.g-fig { margin: 2em 0; }
.g-fig img, .home-fig img { display: block; width: 100%; height: auto; border: 1px solid var(--line-2, #3a3228); border-radius: 8px; }
.g-fig figcaption, .home-fig figcaption { margin-top: 8px; font-size: 0.85rem; color: var(--bone-2, #8d8374); }
.g-table { width: 100%; border-collapse: collapse; }
.g-table th, .g-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line-2, #3a3228); vertical-align: top; }
.g-cta { margin: 48px 0 32px; padding: 24px; border: 1px solid var(--accent, #e2b07a); border-radius: 10px; }
.g-cta h2 { margin-top: 0; }
.g-more ul { padding-left: 1.2em; }
.g-list { list-style: none; margin: 32px 0; padding: 0; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.g-card { display: block; height: 100%; color: inherit; text-decoration: none; border: 1px solid var(--line-2, #3a3228); border-radius: 10px; overflow: hidden; }
.g-card:hover, .g-card:focus-visible { border-color: var(--accent, #e2b07a); }
.g-card img { display: block; width: 100%; height: auto; }
.g-card-body { display: block; padding: 14px 16px 18px; }
.g-card-body strong { display: block; margin-bottom: 6px; }
.g-card-body span { color: var(--bone-2, #8d8374); font-size: 0.9rem; }

/* Homepage sections */
.home-seo { padding-top: 48px; padding-bottom: 8px; max-width: 900px; }
.home-seo h2 { margin-bottom: 0.5em; }
.home-seo p { line-height: 1.7; }
.home-fig { margin: 24px 0 0; }
.home-guides ul { padding-left: 1.2em; }
.home-faq .faq-list dt { font-weight: 700; margin-top: 1.2em; }
.home-faq .faq-list dd { margin: 0.3em 0 0; line-height: 1.7; }