// Pages de thème du programme (templates/theme/*.html.twig)
@use '../variables' as *;

.page-theme {
  max-width: 760px;

  .page-title { max-width: 22ch; }

  .theme-further { margin-top: 40px; }
}

// Encadré « ce que dit le programme » : les notions officielles, listées sobrement.
.theme-official {
  margin: 0 0 28px;
  padding: 20px 24px;
  border-left: 3px solid $color-accent;
  background: $color-surface;

  p:not([class]) { margin-bottom: 8px; }
  ul:not([class]) { margin-bottom: 0; }
}