/* Zion Fire Academy — guides section (matches academy.css design tokens) */
.guide-wrap { max-width: 860px; padding-bottom: 40px; }
.crumbs { font-size: 13px; color: var(--muted); margin: 22px 0 6px; }
.crumbs a { color: var(--muted); text-decoration: none; }
.crumbs a:hover { color: var(--accent); }
.crumbs span { margin: 0 6px; }

.guide h1 { font-size: clamp(28px, 4.5vw, 40px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; margin: 10px 0 6px; }
.guide h1 .accent, .guide-wrap h1 .accent { color: var(--accent); }
.guide > p:first-of-type em, .guide > em { color: var(--muted); }
.guide h2 { font-size: 24px; letter-spacing: -0.015em; margin: 34px 0 10px; border-left: 5px solid var(--accent); padding-left: 12px; }
.guide h3 { font-size: 18px; margin: 24px 0 8px; }
.guide p { margin: 12px 0; }
.guide ul, .guide ol { margin: 12px 0 12px 24px; }
.guide li { margin: 7px 0; }
.guide a { color: var(--accent); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--accent) 35%, white); }
.guide a:hover { border-bottom-color: var(--accent); }
.guide hr { border: none; border-top: 1px solid var(--border); margin: 30px 0; }
.guide blockquote { border-left: 4px solid var(--border); margin: 14px 0; padding: 4px 16px; color: var(--muted); }
.guide-lede { font-size: 18px; color: var(--muted); max-width: 680px; }

/* Tables */
.table-scroll { overflow-x: auto; margin: 18px 0; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); background: var(--surface); }
.guide table { border-collapse: collapse; width: 100%; font-size: 14px; min-width: 640px; }
.guide th { background: #211d1a; color: #fff; text-align: left; padding: 10px 12px; font-weight: 600; position: sticky; top: 0; }
.guide td { padding: 10px 12px; border-top: 1px solid var(--border); vertical-align: top; }
.guide tbody tr:nth-child(even) { background: #faf9f7; }
.guide td a { border-bottom: none; }

/* CTA */
.guide-cta { background: var(--surface); border: 1.5px solid var(--border); border-left: 5px solid var(--accent); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px 26px; margin: 38px 0 8px; }
.guide-cta h2 { font-size: 20px; margin-bottom: 6px; }
.guide-cta p { color: var(--muted); margin-bottom: 14px; }
.btn-primary { display: inline-block; background: var(--accent); color: #fff; font-weight: 600; padding: 10px 22px; border-radius: 8px; text-decoration: none; }
.btn-primary:hover { background: var(--accent-hover); }

/* Related */
.guide-related { margin: 26px 0 10px; }
.guide-related h3 { font-size: 15px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin-bottom: 8px; }
.guide-related ul { list-style: none; margin: 0; padding: 0; }
.guide-related li { margin: 6px 0; }
.guide-related a { color: var(--text); text-decoration: none; font-weight: 500; }
.guide-related a:hover { color: var(--accent); }

/* Index grid */
.guide-hub { margin: 30px 0; }
.guide-hub .cat-head p { color: var(--muted); }
.guide-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; margin-top: 16px; }
.guide-card { display: flex; flex-direction: column; gap: 8px; background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 18px; text-decoration: none; color: var(--text); box-shadow: var(--shadow); transition: transform .12s ease, border-color .12s ease; }
.guide-card:hover { transform: translateY(-2px); border-color: var(--accent); }
.guide-card h3 { font-size: 16px; line-height: 1.3; }
.guide-card p { font-size: 13.5px; color: var(--muted); flex: 1; }
.read-more { font-size: 13px; font-weight: 600; color: var(--accent); }

/* Footer */
.site-footer { border-top: 1px solid var(--border); background: var(--surface); margin-top: 40px; padding: 22px 0; font-size: 13.5px; color: var(--muted); }
.site-footer a { color: var(--muted); }
.foot-note { margin-top: 6px; font-size: 12.5px; }