/* User Provided Stylesheet */

@media (min-width: 1280px) {  
  /* Linker sidebar 20% breed maken */  
  .myst-primary-sidebar {  
    display: block !important;
    left: 0 !important;  
    width: 20vw !important;  
    max-width: 20vw !important;  
    padding: 0 !important;  
    font-size: 1.05rem !important;  
  }  
  
  .myst-primary-sidebar-pointer {  
    display: flex !important;  
    width: 100% !important;  
    max-width: none !important;  
  }  
  
  .myst-primary-sidebar-nav,  
  .myst-primary-sidebar-toc,  
  .myst-primary-sidebar-footer {  
    width: auto !important;  
    max-width: none !important;  
    margin-left: 0 !important;  
    margin-right: 0 !important;  
    padding-left: 0.5rem !important;  
    padding-right: 0.5rem !important;  
  }  
  
  /* Hoofdgebied opschuiven zodat het naast de sidebar komt */  
  main.article-grid {  
    margin-left: 20vw !important;  
    width: calc(100% - 20vw) !important; 
    max-width: none !important;  
  }  
  
  /* Binnen article: tekst 60%, rechter navigatie 20% */  
  article.article.content {  
    display: grid !important;  
    grid-template-columns: minmax(0, 60vw) minmax(0, 20vw) !important;  
    column-gap: 0 !important;  
    max-width: none !important;  
    font-size: 1.1rem !important;  
  }  
  
  /* Alles standaard in de tekstkolom */  
  article.article.content > * {  
    grid-column: 1 !important;  
    min-width: 0 !important;  
    padding-left: 1rem !important;  
    padding-right: 1rem !important;  
  }  
  
  /* Rechter outline expliciet in kolom 2 */  
  article.article.content > .lg\:col-margin-right {  
    grid-column: 2 !important;  
    width: 100% !important;  
    margin-left: 0 !important;  
    padding-left: 1rem !important;  
    padding-right: 1rem !important;  
  }  
  
  .myst-outline-section,  
  .myst-outline {  
    width: 100% !important;  
    max-width: none !important;  
  }  
  
  /* Figuren en afbeeldingen laten meegroeien met de bredere tekstkolom */  
  article.article.content img,  
  article.article.content figure,  
  article.article.content svg,  
  article.article.content canvas {  
    max-width: 100% !important;  
    height: auto !important;  
  }  

  article.article.content table,  
  article.article.content table.dataframe {  
    font-size: 1rem !important;  
  } 

  article.article.content table th,  
  article.article.content table td,  
  article.article.content table.dataframe th,  
  article.article.content table.dataframe td {  
    font-size: 1rem !important;  
    line-height: 1.4 !important;  
    padding: 0.5rem 0.75rem !important;  
  }  

  article.article.content pre,  
  article.article.content code {  
    font-size: 0.95rem !important;  
  }  

  .js-plotly-plot,  
  .plotly-graph-div {  
    max-width: 1200px;  
    margin-left: auto !important;  
    margin-right: auto !important;  
  }  
}