/* Desktop Styles - 769px and above */

/* Single Column Layout for Desktop */
@media (min-width: 769px) {
  /* Fixed Social Links Sidebar (desktop only) */
  .social-links-column {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 64px; /* 40px icon + 24px padding */
    background-color: var(--primary-color-50);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 200; /* sit above main content so tooltips/arrows are visible */
  }

  /* Shift content to clear the fixed sidebar */
  .main-layout {
    margin-left: 64px; /* sidebar width */
  }

  .main-content {
    display: block;
    padding-right: var(--space-6);
    box-sizing: border-box;
  }

  .content-block {
    margin-bottom: 40px;
  }

  .content-divider {
    display: block;
  }

  .cta-section {
    margin-top: 40px;
  }
}

/* Large Desktop Adjustments */
@media (min-width: 1024px) {
  .main-layout {
    gap: 20px;
  }

  .sidebar {
    width: 200px;
  }

  .header-title {
    font-size: 1.8rem;
  }
}