/* Article Sidebar layout — minimal CSS, Bootstrap handles grid */

/* Content column: max 800px for readability on wide screens */
/* Sidebar (col-3) scales with grid, content caps at 800px */
@media (min-width: 992px) {
  .layout--article-sidebar__content {
    max-width: 800px;
    /* Border starts after padding-top via pseudo-element — does not touch hero */
    position: relative;
  }

  .layout--article-sidebar__content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 64px; /* Match padding-top so border starts below hero gap */
    bottom: 0;
    width: 1px;
    background-color: #f0f0f0;
  }

  /* Sidebar sticky on desktop — top accounts for sticky navbar (~104px + 16px gap) */
  .layout--article-sidebar__sidebar {
    position: sticky;
    top: 120px;
  }
}