.guide-page { --guide-border: color-mix(in srgb, var(--default-color), transparent 84%); }
.guide-home-hero { max-width: 800px; margin: 22px 0 32px; }.guide-kicker { color: var(--accent-color); font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.guide-chapter-grid { display:grid; gap:20px; grid-template-columns:repeat(3,minmax(0,1fr)); }.guide-chapter-card,.guide-article { background:var(--surface-color); border:1px solid var(--guide-border); border-radius:12px; display:block; padding:24px; }.guide-chapter-grid h2 { font-size:1.2rem; }.guide-chapter-grid h2 a { color:inherit; }.guide-chapter-grid h2 a:hover { color:var(--accent-color); }.guide-chapter-card .guide-read-button { align-items:center; background:#0d6efd; border:1px solid #0d6efd; border-radius:6px; color:#fff !important; display:inline-flex; font-weight:700; justify-content:center; line-height:1.5; margin-top:16px; padding:9px 14px; text-decoration:none; }.guide-chapter-card .guide-read-button:hover,.guide-chapter-card .guide-read-button:focus { background:#0b5ed7; border-color:#0a58ca; color:#fff !important; }.guide-layout { display:grid; gap:32px; grid-template-columns:260px minmax(0,1fr); }.guide-sidebar { align-self:start; position:sticky; top:110px; }.guide-nav { border:1px solid var(--guide-border); border-radius:10px; padding:18px; }.guide-nav h2 { font-size:1rem; margin-top:0; }.guide-nav ol,.guide-toc ol { margin:0; padding-left:20px; }.guide-nav li { margin:8px 0; }.guide-nav .is-current>a { color:var(--accent-color); font-weight:800; }.guide-reviewed { color:color-mix(in srgb,var(--default-color),transparent 30%); font-size:.9rem; }.guide-toc { background:color-mix(in srgb,var(--accent-color),transparent 94%); border-left:3px solid var(--accent-color); margin:24px 0; padding:16px; }.guide-toc .level-3 { margin-left:16px; }.guide-content { line-height:1.8; }.guide-content h2 { margin-top:42px; }.guide-content h3 { margin-top:30px; }.guide-pagination { border-top:1px solid var(--guide-border); display:flex; gap:18px; justify-content:space-between; margin-top:36px; padding-top:22px; }.guide-mobile-nav { display:none; margin-bottom:18px; }.guide-mobile-nav summary { cursor:pointer; font-weight:800; margin-bottom:10px; }.guide-empty { padding:24px 0; }
@media (max-width: 991px) { .guide-layout { grid-template-columns:1fr; }.guide-sidebar { display:none; }.guide-mobile-nav { display:block; }.guide-chapter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 575px) { .guide-chapter-grid { grid-template-columns:1fr; }.guide-chapter-card,.guide-article { padding:18px; }.guide-pagination { align-items:flex-start; flex-direction:column; } }