/* Update to main styles.css to include content.css */
@import 'content.css';

/* Additional SEO-friendly styles */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Improve accessibility */
:focus {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}

/* Improve mobile experience */
@media (max-width: 767px) {
  .hero-content h2 {
    font-size: 2rem;
  }
  
  .section-header h2 {
    font-size: 1.75rem;
  }
}

/* Print styles for better SEO */
@media print {
  .site-header, .site-footer, .sidebar, .content-navigation {
    display: none;
  }
  
  .content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  a[href]:after {
    content: " (" attr(href) ")";
  }
}