@import 'variables.css';
@import 'reset.css';
@import 'fonts.css';
@import 'components/header.css';
@import 'components/footer.css';
@import 'components/hero.css';
@import 'components/faq.css';
@import 'components/tables.css';
@import 'components/cards.css';
@import 'components/cta.css';
@import 'components/breadcrumb.css';

.container { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--spacing-lg); }
.section { padding: var(--spacing-3xl) 0; }
.section--alt { background-color: var(--color-bg-section); }
.section__title { margin-bottom: var(--spacing-xl); text-align: center; }
.section__subtitle { color: var(--color-text-medium); font-size: var(--font-size-lg); margin-top: var(--spacing-sm); }
.content { max-width: 800px; margin: 0 auto; }
.content h2 { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-md); }
.content h3 { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-md); }
.content p { color: var(--color-text-medium); margin-bottom: var(--spacing-md); }
.content ul, .content ol { margin-bottom: var(--spacing-md); padding-left: var(--spacing-xl); }
.content ul { list-style: disc; }
.content ol { list-style: decimal; }
.content li { margin-bottom: var(--spacing-sm); color: var(--color-text-medium); }
.content img { border-radius: var(--radius-md); margin: var(--spacing-xl) 0; }
.content a { text-decoration: underline; }
.grid { display: grid; gap: var(--spacing-lg); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 768px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .container { padding: 0 var(--spacing-md); }
  .section { padding: var(--spacing-2xl) 0; }
}
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: var(--radius-xl); font-weight: var(--font-weight-semibold); font-size: var(--font-size-sm); cursor: pointer; transition: all var(--transition-fast); border: 2px solid transparent; text-decoration: none; }
.btn--primary { background-color: var(--color-primary); color: var(--color-text-white); border-color: var(--color-primary); }
.btn--primary:hover { background-color: var(--color-primary-hover); border-color: var(--color-primary-hover); color: var(--color-text-white); box-shadow: var(--color-primary-shadow); }
.btn--outline { background-color: transparent; color: var(--color-primary); border-color: var(--color-primary); }
.btn--outline:hover { background-color: var(--color-primary); color: var(--color-text-white); }
.btn--lg { padding: 1rem 2rem; font-size: var(--font-size-base); }
.skip-link { position: absolute; top: -40px; left: 0; background: var(--color-primary); color: var(--color-text-white); padding: var(--spacing-sm) var(--spacing-md); z-index: 100; transition: top var(--transition-fast); }
.skip-link:focus { top: 0; }
main { padding-top: var(--header-height); }