.guides-main { padding-block: var(--space-6); }

.guides-hero { padding-block: var(--space-6); }

.guides-hero__inner { display: grid; gap: var(--space-6); align-items: center; }

@media (min-width: 900px) { .guides-hero__inner { grid-template-columns: minmax(0, 3fr) minmax(0, 2.5fr); } }

.guides-hero__lead { font-size: var(--font-size-lg); max-width: 40rem; }

.guides-hero__cta { margin-top: var(--space-4); display: flex; flex-wrap: wrap; gap: var(--space-3); }

.guides-hero__notice { margin-top: var(--space-4); }

.guides-hero__media { position: relative; display: flex; flex-direction: column; gap: var(--space-4); }

.guides-hero__image { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); border: 1px solid var(--color-border-subtle); }

.guides-hero__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }

@media (max-width: 600px) { .guides-hero__stats { grid-template-columns: minmax(0, 1fr); } }

.guides-section { padding-block: var(--space-6); }

.guides-section--alt { background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), transparent 55%), var(--color-bg-elevated); border-block: 1px solid rgba(15, 23, 42, 0.9); }

.guides-section__header { max-width: 46rem; margin-bottom: var(--space-4); }

.guides-section__header--compact { max-width: 40rem; }

.guides-section__header p { margin-top: var(--space-2); }

.guides-intro-layout { display: grid; gap: var(--space-4); align-items: flex-start; }

@media (min-width: 900px) { .guides-intro-layout { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }

.guides-intro__card { height: 100%; }

.guides-list { list-style: none; padding-left: 0; display: grid; gap: 0.55rem; font-size: var(--font-size-sm); }

.guides-list li::before { content: "\2022"; color: var(--color-primary); display: inline-block; width: 0.9rem; margin-left: -0.9rem; }

.guides-quick-nav__list { list-style: decimal; padding-left: 1.25rem; display: grid; gap: 0.45rem; font-size: var(--font-size-sm); }

.guides-quick-nav__footer { justify-content: flex-start; margin-top: var(--space-3); }

.guides-steps { display: grid; gap: var(--space-4); }

@media (min-width: 900px) { .guides-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.guides-step .guides-subtext { margin-top: var(--space-1); font-size: var(--font-size-sm); }

.guides-filters-card { margin-top: var(--space-2); }

.guides-filters-layout { display: grid; gap: var(--space-4); align-items: flex-start; }

@media (min-width: 960px) { .guides-filters-layout { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }

.guides-filters-table-wrapper { overflow-x: auto; }

.guides-filters-aside__title { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }

.guides-filters-aside__cta { margin-top: var(--space-3); }

.guides-cards-calendar-layout { display: grid; gap: var(--space-4); align-items: stretch; }

@media (min-width: 1000px) { .guides-cards-calendar-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } }

.guides-cards-card, .guides-calendar-card { height: 100%; }

.guides-subtext { color: var(--color-text-muted); font-size: var(--font-size-sm); }

.guides-calendar-shell-wrapper { display: grid; gap: var(--space-3); }

.guides-calendar__image { border-radius: var(--radius-lg); border: 1px solid var(--color-border-subtle); box-shadow: var(--shadow-sm); }

@media (min-width: 768px) { .guides-calendar-shell-wrapper { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; } }

.guides-two-column { display: grid; gap: var(--space-4); }

@media (min-width: 960px) { .guides-two-column { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.guides-topic__title { margin-bottom: var(--space-2); font-size: var(--font-size-lg); }

.guides-topic__cta { margin-top: var(--space-3); }

.guides-boardgames-layout { display: grid; gap: var(--space-4); align-items: center; }

@media (min-width: 960px) { .guides-boardgames-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr); } }

.guides-boardgames__image { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); border: 1px solid var(--color-border-subtle); }

.guides-boardgames-content { display: grid; gap: var(--space-4); }

.guides-faq-grid { display: grid; gap: var(--space-4); }

@media (min-width: 900px) { .guides-faq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.guides-faq-item__question { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }

.guides-section--cta { border-top: 1px solid rgba(15, 23, 42, 0.9); margin-top: var(--space-6); padding-block: var(--space-6); }

.guides-cta__inner { display: flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; }

@media (min-width: 900px) { .guides-cta__inner { flex-direction: row; justify-content: space-between; align-items: center; } }

.guides-cta__buttons { display: flex; flex-wrap: wrap; gap: var(--space-3); }

.guides-cta__inner h2 { max-width: 32rem; }

.guides-cta__inner p { max-width: 36rem; }
