.guides-main { max-width: 1100px; margin: 0 auto; padding: 130px 24px 80px; }
.guides-main h1 { margin: 0 0 16px; line-height: 1.25; }
.guides-main .lead { font-size: 1.15rem; line-height: 1.9; max-width: 760px; margin-bottom: 32px; }
.guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.guide-card { border: 1px solid var(--line, #cbd5e1); border-radius: 14px; padding: 24px; background: var(--panel, #fff); display: flex; flex-direction: column; }
.guide-card h2 { font-size: 1.35rem; line-height: 1.45; margin: 0 0 12px; }
.guide-card p { line-height: 1.8; flex: 1; }
.guide-card h2 a { color: inherit; text-decoration: none; }
.guide-more, .guide-article a, .guide-crumb a { text-decoration: underline; text-underline-offset: 3px; }
.guide-more { font-weight: 700; }
.guide-article { max-width: 780px; }
.guide-article h2 { margin: 2em 0 .5em; font-size: 1.45rem; }
.guide-article p { line-height: 1.95; }
.guide-crumb { margin-bottom: 24px; font-size: .95rem; }
.guide-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 40px; }
.guide-actions a { border: 1px solid currentColor; border-radius: 9px; padding: 10px 16px; font-weight: 700; }
@media (max-width: 600px) { .guides-main { padding: 105px 20px 60px; } }