.se-lang { margin: .25rem 0 1rem; font-size: .875rem; }
.se-lang button[aria-pressed="true"] { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary); }
[data-pivot][hidden] { display: none !important; }

/* Tuiles de l'accueil. DocFX remplace la classe des liens xref par « xref » : le cadre est donc porté par
   un div, et le lien du titre couvre toute la tuile par un pseudo-élément. */
.se-tile { position: relative; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.se-tile:hover, .se-tile:focus-within { border-color: var(--bs-primary); box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .12); }
.se-tile:focus-within { outline: 2px solid var(--bs-primary); outline-offset: 2px; }
.se-tile .card-body { padding: 1.25rem 1.5rem; }
.se-tile .card-title { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; font-weight: 600; }
.se-tile .card-title a { color: var(--bs-link-color); text-decoration: none; }
.se-tile .card-title a:focus-visible { outline: none; }
.se-tile .card-title a::after { content: ""; position: absolute; inset: 0; }
.se-tile-arrow { color: var(--bs-link-color); transition: transform .15s ease-in-out; }
.se-tile:hover .se-tile-arrow, .se-tile:focus-within .se-tile-arrow { transform: translateX(.25rem); }
.se-tile .card-text { color: var(--bs-secondary-color); margin-bottom: 0; }
.se-tile-tags { display: flex; flex-wrap: wrap; gap: .375rem; list-style: none; margin: .875rem 0 0; padding: 0; }
.se-tile-tags li { margin: 0; padding: .3rem .6rem; font-size: .75rem; font-weight: 500; line-height: 1;
  color: var(--bs-secondary-color); background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-pill); }
@media (prefers-reduced-motion: reduce) {
  .se-tile, .se-tile-arrow { transition: none; }
}

/* Logo : variante couleur sur fond clair. En thème sombre, la variante inversée remplace
   l'image sans script : l'image d'origine est sortie de son cadre et la variante sombre,
   de mêmes proportions, est peinte en arrière-plan à sa place. */
#logo { height: 2.5rem; width: auto; margin-right: .75rem; }
[data-bs-theme="dark"] #logo {
  background: url("logo-sombre.svg") center / contain no-repeat;
  object-position: -99999px 0;
}