.av-wrap {
      background: var(--warm-white);
      display: grid;
      grid-template-columns: 280px 1fr;
      gap: 0;
      align-items: start;
      min-height: 80vh;
    }
 
    /* ── SIDEBAR / INHOUDSOPGAVE ── */
    .av-sidebar {
      padding: 56px 32px 56px 80px;
      position: sticky;
      top: 72px;
      border-right: 1px solid var(--sand);
      background: var(--cream);
    }
    .av-sidebar-tag {
      font-size: 10px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 10px;
    }
    .av-sidebar-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px;
      font-weight: 300;
      color: var(--charcoal);
      margin-bottom: 28px;
      line-height: 1.2;
    }
    .av-sidebar-title em { font-style: italic; color: var(--accent); }
    .av-toc {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .av-toc li {
      border-bottom: 1px solid var(--sand);
    }
    .av-toc li:last-child { border-bottom: none; }
    .av-toc a {
      display: block;
      padding: 10px 0;
      font-size: 11px;
      letter-spacing: 0.06em;
      color: var(--bark);
      text-decoration: none;
      transition: color 0.25s;
      line-height: 1.4;
    }
    .av-toc a:hover { color: var(--accent); }
    .av-toc .av-toc-num {
      color: var(--stone);
      font-size: 10px;
      margin-right: 6px;
    }
 
    .av-sidebar-info {
      margin-top: 28px;
      padding-top: 24px;
      border-top: 1px solid var(--sand);
      font-size: 11px;
      color: var(--stone);
      line-height: 1.7;
    }
    .av-sidebar-info a { color: var(--accent); text-decoration: none; }
 
    /* ── CONTENT ── */
    .av-content {
      padding: 56px 80px 80px 64px;
    }
 
    .av-page-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(32px, 4vw, 48px);
      font-weight: 300;
      color: var(--charcoal);
      margin-bottom: 8px;
      line-height: 1.1;
    }
    .av-page-title em { font-style: italic; color: var(--accent); }
    .av-page-meta {
      font-size: 11px;
      letter-spacing: 0.1em;
      color: var(--stone);
      margin-bottom: 48px;
      padding-bottom: 32px;
      border-bottom: 1px solid var(--sand);
    }
 
    /* ARTIKEL */
    .av-article {
      margin-bottom: 48px;
      padding-bottom: 48px;
      border-bottom: 1px solid var(--sand);
      scroll-margin-top: 100px;
    }
    .av-article:last-child { border-bottom: none; margin-bottom: 0; }
 
    .av-article-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px;
      font-weight: 300;
      color: var(--deep);
      margin-bottom: 16px;
      display: flex;
      align-items: baseline;
      gap: 12px;
    }
    .av-article-title::before {
      content: '';
      width: 20px;
      height: 1px;
      background: var(--accent);
      flex-shrink: 0;
      margin-bottom: 3px;
    }
 
    .av-article p {
      font-size: 13px;
      line-height: 1.9;
      color: var(--bark);
      margin-bottom: 12px;
    }
    .av-article p:last-child { margin-bottom: 0; }
 
    .av-article ol, .av-article ul {
      padding-left: 20px;
      margin: 12px 0;
    }
    .av-article li {
      font-size: 13px;
      line-height: 1.85;
      color: var(--bark);
      margin-bottom: 8px;
    }
    .av-article strong { color: var(--deep); font-weight: 400; }
 
    .av-bedrijf {
      background: var(--cream);
      border: 1px solid var(--sand);
      padding: 20px 24px;
      margin: 16px 0;
      font-size: 13px;
      line-height: 1.9;
      color: var(--bark);
    }
    .av-bedrijf strong { color: var(--deep); font-weight: 400; display: block; margin-bottom: 4px; }
 
    /* ── RESPONSIVE ── */
    @media (max-width: 1024px) {
      .av-wrap    { grid-template-columns: 240px 1fr; }
      .av-sidebar { padding: 48px 24px 48px 40px; }
      .av-content { padding: 48px 40px 64px; }
    }
    @media (max-width: 768px) {
      .av-wrap    { grid-template-columns: 1fr; }
      .av-sidebar { position: static; border-right: none; border-bottom: 1px solid var(--sand); padding: 36px 24px; }
      .av-content { padding: 40px 24px 56px; }
    }