.related-guides{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.related-guides h2{font-size:1.5rem;color:var(--text-primary,#fff);margin:0 0 1.5rem}.related-guides-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.related-guides-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.related-guides-grid{grid-template-columns:repeat(3,1fr)}}.related-guide-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;transition:all .2s ease}.related-guide-card:hover{background:rgba(255,255,255,.08);border-color:var(--guide-color,rgba(255,255,255,.2));transform:translateX(4px)}.related-guide-timing{font-size:.875rem;font-weight:600;font-family:monospace}.related-guide-title{flex:1 1;color:var(--text-primary,#fff);font-weight:500}.related-guide-card svg{color:var(--text-secondary,rgba(255,255,255,.7));transition:transform .2s ease}.related-guide-card:hover svg{transform:translateX(4px);color:var(--guide-color)}.view-all-guides{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;color:var(--primary-color,#4d88ff);text-decoration:none;font-weight:500;transition:gap .2s ease}.view-all-guides:hover{gap:.75rem}.view-all-guides svg{transition:transform .2s ease}.view-all-guides:hover svg{transform:translateX(4px)}