.guide-hero h1 { max-width: 1000px; }
.guide-intro { max-width: 760px; color: #c9c9c9; font-size: 1.15rem; }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.guide-card { padding: clamp(25px, 4vw, 45px); border: 1px solid var(--line); background: var(--paper); }
.guide-card h2 { font-size: clamp(2rem, 3vw, 3rem); }
.guide-card h2 a { text-decoration: none; color: var(--black); }
.guide-card p { color: #484848; }
.guide-prose h2 { margin: 0 0 24px; font-size: clamp(2rem, 3vw, 3rem); }
.guide-prose section { margin-bottom: 50px; scroll-margin-top: 110px; }
.guide-toc { padding-left: 20px; margin: 0 0 30px; }
.guide-toc li { margin-bottom: 16px; }
.guide-toc a { color: var(--black); text-underline-offset: 4px; }
.guide-related { border-top: 2px solid var(--copper); padding-top: 32px; }
@media (min-width: 1051px) { .main-nav { gap: 20px; } }
@media (max-width: 700px) { .guide-grid { grid-template-columns: 1fr; } }
