/*
Theme Name: Réseau APIS
Theme URI: https://reseau-apis.fr
Description: Revue de sciences appliquées : phénomènes optiques, structures et énergie décortiqués pour les curieux du quotidien.
Author: Julien Marchand
Template: astra
Version: 0.1.0
Text Domain: sciencesappliquees
Tags: custom-colors, translation-ready, featured-images, custom-logo, custom-menu, one-column
*/

@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('assets/fonts/red-hat-display-500-800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('assets/fonts/red-hat-display-500-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url('assets/fonts/red-hat-text-italic-400-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url('assets/fonts/red-hat-text-italic-400-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('assets/fonts/red-hat-text-400-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('assets/fonts/red-hat-text-400-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  
  --blanc: #ffffff;
  --lame: #f2f2ef;
  --anthracite: #1a1d24;
  --anthracite-2: #4f5562;
  --marine: #162e4e;
  --or: #c8933f;
  --or-pale: #e6cfa6;
  --or-fonce: #855a12;
  --filament: #dddbd4;
  --filament-fort: #b7b4ab;

  
  --f-titre: 'Red Hat Display', 'Segoe UI', sans-serif;
  --f-corps: 'Red Hat Text', 'Segoe UI', sans-serif;

  
  --tap: 44px;

  
  --marge: clamp(16px, 4vw, 48px);
  --cadre: 1240px;
  --lecture: 44rem;
  --noeud: 11px;
}

:where(html) { -webkit-text-size-adjust: 100%; box-sizing: border-box; }

:where(html) ::before, :where(html) ::after, :where(html) * { box-sizing: inherit; }
body.sa {
  margin: 0;
  font-family: var(--f-corps);
}
:where(body.sa) :where(img, video, svg, iframe) { max-width: 100%; }
:where(body.sa) :where(img, video) { height: auto; }
:where(body.sa) :where(figure) { margin: 0; }
:where(body.sa) :where(input, textarea, select) { font: inherit; max-width: 100%; }
:where(body.sa) :where(textarea) { width: 100%; }
:where(body.sa) :where(table) { border-collapse: collapse; width: 100%; }
:where(body.sa) .screen-reader-text:not(:focus) {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
:where(body.sa) .alignleft { float: left; margin: 0 1.5em 1em 0; }
:where(body.sa) .alignright { float: right; margin: 0 0 1em 1.5em; }
:where(body.sa) .aligncenter { display: block; margin-inline: auto; }
.sa-container {
  max-width: var(--cadre);
  margin: 0 auto;
  padding: 0 var(--marge);
}
.sa-main { min-height: 60vh; }

:where(.button, button, input[type="button"], input[type="submit"], input[type="reset"]) {
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

.sa-searchform {
  display: flex;
  align-items: stretch;
}
.sa-searchform__input {
  flex: 1;
  min-width: 0;
  min-height: var(--tap);
}
.sa-searchform__submit {
  min-width: var(--tap);
  padding: 0 1rem;
}
.sa-drawer-close,
.sa-findbar-close,
.sa-burger {
  width: var(--tap);
  height: var(--tap);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sa-findtoggle {
  min-height: var(--tap);
  padding: 0 1rem;
}
.sa-newsletter :is(input, button),
:where(body.sa) .form-submit #submit {
  min-height: var(--tap);
  padding: 0 1rem;
}

.sa-topnav-list > li {
  position: relative;
}
.sa-topnav-list .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 60;
  margin: 0;
  list-style: none;
  visibility: hidden;
  opacity: 0;
}
.sa-topnav-list > li:hover > .sub-menu,
.sa-topnav-list > li.is-open > .sub-menu {
  visibility: visible;
  opacity: 1;
}
.sa-submenu-toggle {
  min-height: var(--tap);
}
.sa-drawer .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(body.sa) .sa-menu-label {
  cursor: default;
}

.sa-crumbs {
  display: flex;
  align-items: baseline;
  gap: .35em;
  min-width: 0;
  white-space: nowrap;
}
.sa-crumbs > * {
  flex: none;
}
.sa-crumbs > [aria-current] {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(body.sa) :where(h1, h2, h3, h4, h5, h6, a) { color: inherit; }
:where(body.sa) :where(a) { text-decoration-color: currentColor; }

body.sa {
  font-size: 1rem;
  line-height: 1.55;
}
:where(body.sa) :where(h1, h2, h3, h4) {
  font-family: var(--f-titre);
  line-height: 1.18;
}
:where(body.sa) :focus-visible {
  outline: 2px solid var(--or-fonce);
  outline-offset: 2px;
}

.sa-band-title::before,
.sa-shelf-title::before,
.sa-lecture-cat a::before,
.sa-fiche-cat::before,
.sa-chain > .sa-fiche::after,
.sa-links > .sa-fiche::after {
  content: "";
  flex: none;
  width: var(--noeud);
  height: var(--noeud);
  border: 2px solid var(--or);
  border-radius: 50%;
  background: var(--blanc);
}

.sa-photo {
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: linear-gradient(135deg, var(--lame), #e4e2db);
}
.sa-photo--seed-2, .sa-photo--seed-5 { background: linear-gradient(160deg, #e9e7e0, var(--lame)); }
.sa-photo--seed-3, .sa-photo--seed-6 { background: linear-gradient(110deg, var(--lame), #ece5d6); }
.sa-photo__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sa-masthead {
  position: relative;
  z-index: 50;
  background: var(--blanc);
  border-bottom: 1px solid var(--filament);
}
.sa-masthead-row {
  display: flex;
  align-items: center;
  gap: 1rem 2rem;
  max-width: var(--cadre);
  margin: 0 auto;
  padding: 12px var(--marge);
}
.sa-brand {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex: 0 1 auto;
  min-width: 0;
  text-decoration: none;
}
.sa-brand-mark {
  width: 48px;
  height: 48px;
}
.sa-brand-name {
  display: block;
  font-family: var(--f-titre);
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--marine);
}
.sa-brand-sub {
  display: block;
  font-size: .8rem;
  font-weight: 500;
  color: var(--or-fonce);
}
.sa-topnav {
  flex: 1;
  display: flex;
  justify-content: center;
}
.sa-topnav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sa-topnav-list > li > a {
  position: relative;
  display: block;
  padding: 14px 0;
  font-family: var(--f-titre);
  font-size: .98rem;
  font-weight: 600;
  color: var(--anthracite);
  text-decoration: none;
}
.sa-topnav-list > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  border: 2px solid var(--or);
  border-radius: 50%;
  background: var(--blanc);
  opacity: 0;
  transform: scale(.4);
  transition: opacity .18s, transform .18s;
}
.sa-topnav-list > li > a:hover { color: var(--marine); }
.sa-topnav-list > li > a:hover::after { opacity: .55; transform: none; }
.sa-topnav-list > :is(.current-menu-item, .current-menu-ancestor, .current-post-ancestor, .current-category-ancestor) > a { color: var(--marine); }
.sa-topnav-list > :is(.current-menu-item, .current-menu-ancestor, .current-post-ancestor, .current-category-ancestor) > a::after {
  opacity: 1;
  transform: none;
  background: var(--or);
}
.sa-topnav-list .sub-menu {
  min-width: 15rem;
  padding: .5rem 0;
  background: var(--blanc);
  border: 1px solid var(--filament);
  box-shadow: 0 8px 24px rgba(22, 46, 78, .08);
}
.sa-topnav-list .sub-menu a {
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
}
.sa-masthead-tools {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-left: auto;
}
.sa-findtoggle {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--f-titre);
  font-weight: 600;
  color: var(--marine);
  border: 1px solid var(--filament-fort);
  border-radius: 4px;
}
.sa-findtoggle:hover,
.sa-findtoggle[aria-expanded="true"] { border-color: var(--or); }
.sa-burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  color: var(--marine);
}
.sa-burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: currentColor;
}

.sa-findbar {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--lame);
  border-bottom: 1px solid var(--filament);
  box-shadow: 0 10px 20px rgba(22, 46, 78, .06);
}
.sa-findbar[hidden] { display: none; }
.sa-findbar-inner {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding-block: 16px;
}
.sa-findbar .sa-searchform { flex: 1; min-width: 0; }
.sa-searchform__input {
  padding: 0 1rem;
  font-size: 1.05rem;
  background: var(--blanc);
  border-radius: 4px 0 0 4px;
}
.sa-searchform__submit {
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--blanc);
  background: var(--marine);
  border-radius: 0 4px 4px 0;
}
.sa-searchform__submit:hover { background: #0e2240; }
.sa-findbar-close {
  flex: none;
  font-size: 1.7rem;
  line-height: 1;
  color: var(--marine);
}

.sa-veil {
  position: fixed;
  inset: 0;
  z-index: 98;
  background: rgba(22, 46, 78, .35);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s, visibility .2s;
}
.sa-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: min(86vw, 360px);
  padding: 12px 20px 32px;
  overflow-y: auto;
  background: var(--blanc);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform .25s ease, visibility .25s;
}
body.nav-open .sa-veil { opacity: 1; visibility: visible; }
body.nav-open .sa-drawer { transform: none; visibility: visible; }
body.nav-open { overflow: hidden; }
.sa-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--filament);
}
.sa-drawer-title {
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--marine);
}
.sa-drawer-close {
  font-size: 1.8rem;
  line-height: 1;
  color: var(--marine);
}
.sa-drawer-list {
  position: relative;
  margin: 0;
  padding: 0 0 0 26px;
  list-style: none;
}
.sa-drawer-list::before {
  content: "";
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 5px;
  width: 1px;
  background: var(--or-pale);
}
.sa-drawer-list > li { position: relative; }
.sa-drawer-list > li::before {
  content: "";
  position: absolute;
  top: 17px;
  left: -26px;
  width: var(--noeud);
  height: var(--noeud);
  border: 2px solid var(--or);
  border-radius: 50%;
  background: var(--blanc);
}
.sa-drawer-list > li.current-menu-item::before { background: var(--or); }
.sa-drawer-list a {
  display: block;
  padding: 11px 0;
  font-family: var(--f-titre);
  font-size: 1.08rem;
  font-weight: 600;
  text-decoration: none;
}

.sa-fiche { position: relative; }
.sa-fiche-pic { display: block; }
.sa-fiche-title {
  margin: 0;
  font-size: 1.06rem;
  font-weight: 700;
  color: var(--anthracite);
  overflow-wrap: break-word;
}
.sa-fiche-title a { text-decoration: none; }
.sa-fiche-title a:hover {
  text-decoration: underline;
  text-decoration-color: var(--or);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.sa-fiche-deck {
  margin: .6rem 0 0;
  color: var(--anthracite-2);
}
.sa-fiche-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .2rem .9rem;
  margin: .45rem 0 0;
  font-size: .84rem;
  color: var(--anthracite-2);
}
.sa-fiche-cat {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-weight: 600;
  color: var(--or-fonce);
}
.sa-fiche-cat::before {
  width: 8px;
  height: 8px;
  border-width: 1.5px;
}
.sa-fiche-tile .sa-fiche-text { padding-top: .85rem; }
.sa-fiche-row {
  display: grid;
  grid-template-columns: 136px 1fr;
  gap: 16px;
  align-items: center;
}
.sa-fiche-row .sa-fiche-title { font-size: 1rem; }

.sa-ouverture { padding-top: clamp(28px, 4vw, 52px); }
.sa-ouverture-head {
  max-width: 46rem;
  margin-bottom: 1.75rem;
}
.sa-kicker {
  margin: 0 0 .3rem;
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--or-fonce);
}
.sa-ouverture-title {
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -.015em;
  color: var(--marine);
}
.sa-mosaic {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 28px 26px;
  align-items: start;
}
.sa-mosaic .sa-fiche-lead { grid-row: span 2; }
.sa-fiche-lead .sa-photo { aspect-ratio: 4 / 3; }
.sa-fiche-lead .sa-fiche-title {
  font-size: clamp(1.4rem, 2.3vw, 1.85rem);
  letter-spacing: -.01em;
}

.sa-band {
  margin: clamp(48px, 6vw, 84px) 0 clamp(20px, 3vw, 32px);
  background: var(--lame);
  border-block: 1px solid var(--filament);
}
.sa-band-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .4rem 2rem;
  padding-block: 20px;
}
.sa-band-title {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 1.7rem);
  font-weight: 700;
  color: var(--marine);
}
.sa-band-title::before {
  width: 14px;
  height: 14px;
  border-width: 3px;
}
.sa-band-desc {
  max-width: 54ch;
  margin: 0;
  font-size: .95rem;
  color: var(--anthracite-2);
}
.sa-band-link {
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--or-fonce);
  white-space: nowrap;
  text-underline-offset: 4px;
}

.sa-chain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 52px;
}
.sa-chain > .sa-fiche {
  padding: 14px 0 14px 28px;
  border-bottom: 1px solid var(--filament);
}
.sa-chain > .sa-fiche::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 1px;
  background: var(--or-pale);
}
.sa-chain > .sa-fiche:nth-child(-n+2)::before { top: 50%; }
.sa-chain > .sa-fiche:nth-last-child(-n+2)::before { bottom: 50%; }
.sa-chain > .sa-fiche::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: calc(var(--noeud) / -2);
}

.sa-shelf {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 20px 36px;
  padding: 26px 0;
  border-bottom: 1px solid var(--filament);
}
.sa-shelf:last-child { border-bottom: 0; }
.sa-shelf-title {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--marine);
}
.sa-shelf-title a { text-decoration: none; }
.sa-shelf-title a:hover { text-decoration: underline; text-decoration-color: var(--or); }
.sa-shelf-desc {
  margin: .5rem 0 .6rem;
  font-size: .9rem;
  color: var(--anthracite-2);
}
.sa-shelf-more {
  font-size: .9rem;
  font-weight: 600;
  color: var(--or-fonce);
}
.sa-shelf-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.sa-shelf-list .sa-fiche-line {
  padding-top: .8rem;
  border-top: 2px solid var(--or-pale);
}
.sa-shelf-list .sa-fiche-title { font-size: 1.02rem; }

.sa-lecture-head {
  max-width: 54rem;
  padding-top: clamp(32px, 5vw, 64px);
  text-align: center;
}
.sa-lecture-cat { margin: 0; }
.sa-lecture-cat a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--or-fonce);
  text-decoration: none;
}
.sa-lecture-cat a:hover { text-decoration: underline; }
.sa-lecture-title {
  max-width: 32ch;
  margin: .7rem auto .9rem;
  font-size: clamp(1.85rem, 4vw, 2.95rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.018em;
  color: var(--anthracite);
  overflow-wrap: break-word;
}
.sa-lecture-deck {
  max-width: 40rem;
  margin: 0 auto;
  font-size: 1.18rem;
  color: var(--anthracite-2);
}
.sa-lecture-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 1.1rem 0 0;
  padding: 0;
  list-style: none;
  font-size: .92rem;
  color: var(--anthracite-2);
}
.sa-lecture-meta li { display: inline-flex; align-items: center; gap: .3em; }
.sa-lecture-meta li + li::before {
  content: "";
  width: 30px;
  height: 8px;
  margin: 0 .3rem;
  background:
    radial-gradient(circle at 15px 4px, var(--or) 0 3px, transparent 3.5px),
    linear-gradient(var(--or-pale), var(--or-pale)) 0 3.5px / 100% 1px no-repeat;
}
.sa-lecture-meta a { color: var(--marine); font-weight: 600; text-decoration: none; }
.sa-lecture-meta a:hover { text-decoration: underline; }
.sa-lecture-cover {
  max-width: 68rem;
  margin: clamp(24px, 3.5vw, 40px) auto 0;
  padding-inline: var(--marge);
}
.sa-lecture-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.sa-prose {
  max-width: var(--lecture);
  margin: clamp(28px, 4vw, 44px) auto 0;
  font-size: 1.1rem;
  line-height: 1.7;
  overflow-wrap: break-word;
}
.sa-prose > :first-child { margin-top: 0; }
.sa-prose p { margin: 0 0 1.15em; }
.sa-prose h2 {
  margin: 2.2em 0 .7em;
  font-size: clamp(1.45rem, 2.4vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--marine);
}
.sa-prose h2::before {
  content: "";
  display: block;
  width: 64px;
  height: 12px;
  margin-bottom: .55rem;
  background:
    radial-gradient(circle at 6px 6px, var(--blanc) 0 3px, var(--or) 3.5px 6px, transparent 6.5px),
    linear-gradient(var(--or), var(--or)) 12px 5.5px / 52px 1px no-repeat;
}
.sa-prose h3 {
  margin: 1.8em 0 .5em;
  font-size: 1.25rem;
  font-weight: 700;
}
.sa-prose a {
  color: var(--marine);
  text-decoration-color: var(--or);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.sa-prose a:hover { text-decoration-thickness: 2px; }
.sa-prose :is(ul, ol) { margin: 0 0 1.2em; padding-left: 1.3em; }
.sa-prose li { margin-bottom: .35em; }
.sa-prose li::marker { color: var(--or-fonce); }
.sa-prose blockquote {
  margin: 1.8em 0;
  padding: 1.1rem 1.4rem;
  background: var(--lame);
  border-left: 3px solid var(--or);
}
.sa-prose blockquote > :last-child { margin-bottom: 0; }
.sa-prose blockquote cite {
  display: block;
  margin-top: .5rem;
  font-size: .9rem;
  font-style: normal;
  color: var(--anthracite-2);
}
.sa-prose img { display: block; margin-inline: auto; }
.sa-prose figcaption {
  margin-top: .5rem;
  font-size: .88rem;
  color: var(--anthracite-2);
}

.sa-prose :is(.wp-block-table, .sa-tablewrap) {
  margin: 1.8em 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sa-prose table {
  font-size: .95rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}
.sa-prose table:has(tr > :nth-child(4)) { min-width: 36rem; }
.sa-prose :is(th, thead td) {
  padding: .6em .8em;
  font-family: var(--f-titre);
  font-weight: 700;
  text-align: left;
  vertical-align: bottom;
  color: var(--marine);
  border-bottom: 2px solid var(--or);
}
.sa-prose td {
  padding: .55em .8em;
  vertical-align: top;
  border-bottom: 1px solid var(--filament);
}
.sa-prose tbody td:first-child { font-weight: 600; }

body.sa #ez-toc-container {
  display: block;
  width: auto;
  margin: 1.8em 0;
  padding: 1.1rem 1.4rem 1rem;
  background: var(--lame);
  border: 1px solid var(--filament);
  border-radius: 4px;
  box-shadow: none;
}
body.sa #ez-toc-container .ez-toc-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  width: auto;
}
body.sa #ez-toc-container .ez-toc-title {
  font-family: var(--f-titre);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--marine);
}
body.sa #ez-toc-container ul.ez-toc-list {
  position: relative;
  margin: .7rem 0 0;
  padding: 0 0 0 24px;
  list-style: none;
}
body.sa #ez-toc-container ul.ez-toc-list,
body.sa #ez-toc-container ul.ez-toc-list > li { overflow: visible; }
body.sa #ez-toc-container ul.ez-toc-list > li { position: relative; margin: 0; padding: .3em 0; }
body.sa #ez-toc-container ul.ez-toc-list > li::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -19px;
  width: 1px;
  background: var(--or-pale);
}
body.sa #ez-toc-container ul.ez-toc-list > li:first-child::before { top: .95em; }
body.sa #ez-toc-container ul.ez-toc-list > li:last-child::before { bottom: calc(100% - .95em); }
body.sa #ez-toc-container ul.ez-toc-list > li::after {
  content: "";
  position: absolute;
  top: .62em;
  left: -24px;
  width: 7px;
  height: 7px;
  border: 2px solid var(--or);
  border-radius: 50%;
  background: var(--blanc);
}
body.sa #ez-toc-container a {
  font-size: .98rem;
  color: var(--anthracite);
  text-decoration: none;
}
body.sa #ez-toc-container a::before { content: none; }
body.sa #ez-toc-container .ez-toc-title-toggle a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: var(--tap);
  min-height: var(--tap);
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
body.sa #ez-toc-container .ez-toc-js-icon-con {
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px 4px;
  border: 1px solid var(--filament-fort);
  border-radius: 4px;
}
body.sa #ez-toc-container .ez-toc-js-icon-con svg { fill: var(--marine) !important; color: var(--marine) !important; }
body.sa #ez-toc-container a:hover { color: var(--marine); text-decoration: underline; }

.sa-signature {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 18px;
  max-width: var(--lecture);
  margin: 3rem auto 0;
  padding-top: 1.6rem;
  border-top: 1px solid var(--filament);
}
.sa-signature-node {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  font-family: var(--f-titre);
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--marine);
  border: 3px solid var(--or);
  border-radius: 50%;
}
.sa-signature-name {
  margin: .2rem 0 .3rem;
  font-family: var(--f-titre);
  font-size: 1.1rem;
  font-weight: 700;
}
.sa-signature-name a { text-decoration: none; }
.sa-signature-name a:hover { text-decoration: underline; text-decoration-color: var(--or); }
.sa-signature-bio {
  margin: 0;
  font-size: .95rem;
  color: var(--anthracite-2);
}

.sa-suite { margin-top: clamp(56px, 7vw, 96px); }
.sa-suite-head { margin-bottom: 1.4rem; }
.sa-suite-title {
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 1.65rem);
  font-weight: 700;
  color: var(--marine);
}
.sa-suite-link {
  font-size: .92rem;
  font-weight: 600;
  color: var(--or-fonce);
}
.sa-links {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  padding-top: 30px;
}
.sa-links::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: calc((100% - 84px) / 4 - 5px);
  height: 1px;
  background: var(--or-pale);
}
.sa-links > .sa-fiche::after {
  position: absolute;
  top: -30px;
  left: 0;
}

.sa-base {
  margin-top: clamp(48px, 6vw, 80px);
  font-size: .92rem;
  background: var(--lame);
  border-top: 1px solid var(--filament);
}
.sa-base-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem 3rem;
  padding-block: 28px 22px;
}
.sa-base-brand {
  display: flex;
  align-items: center;
  gap: .7rem;
  text-decoration: none;
}
.sa-base-brand img { mix-blend-mode: multiply; }
.sa-base-brand strong {
  display: block;
  font-family: var(--f-titre);
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--marine);
}
.sa-base-brand em {
  display: block;
  font-size: .85rem;
  font-style: normal;
  color: var(--anthracite-2);
}
.sa-base-cats ul,
.sa-base-pagelist {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem 1.3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sa-base-cats a {
  display: inline-block;
  padding: .3rem 0;
  font-weight: 600;
  text-decoration: none;
}
.sa-base-cats a:hover { color: var(--marine); text-decoration: underline; text-decoration-color: var(--or); }
.sa-base-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem 2rem;
  padding-block: 12px 22px;
  background: linear-gradient(var(--filament), var(--filament)) var(--marge) 0 / calc(100% - 2 * var(--marge)) 1px no-repeat;
  font-size: .86rem;
  color: var(--anthracite-2);
}
.sa-base-pagelist a { display: inline-block; padding: .35rem 0; }
.sa-base-copy { margin: 0; }

.sa-band-head { margin-top: 0; }
.sa-rubrique .sa-band-inner {
  grid-template-columns: 1fr auto;
  grid-template-areas: "titre compte" "texte texte";
  padding-block: 26px 24px;
}
.sa-rubrique .sa-band-title { grid-area: titre; }
.sa-rubrique .sa-band-count { grid-area: compte; }
.sa-rubrique .sa-band-desc { grid-area: texte; max-width: 72ch; margin-top: .3rem; }
.sa-band-head .sa-band-desc > :last-child { margin-bottom: 0; }
.sa-band-head .sa-band-desc p { margin: 0 0 .5em; }
.sa-band-desc strong { color: var(--anthracite); }
.sa-band-count {
  margin: 0;
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--or-fonce);
  white-space: nowrap;
}
.sa-band-form { width: min(100%, 380px); }
.sa-band-form .sa-searchform__input,
.sa-perdu-form .sa-searchform__input { border-right: 0; }

.sa-auteur-inner {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 20px;
  align-items: start;
  padding-block: 24px;
}
.sa-auteur-name {
  margin: .25rem 0 .4rem;
  font-size: clamp(1.35rem, 2.2vw, 1.7rem);
  font-weight: 700;
  color: var(--marine);
}
.sa-auteur-text .sa-band-count { margin-top: .5rem; }

.sa-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 46px 32px;
  margin-top: 6px;
}
.sa-grid > .sa-fiche { padding-top: 28px; }
.sa-grid > .sa-fiche::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: -37px;
  height: 1px;
  background: var(--or-pale);
}
.sa-grid > .sa-fiche:nth-child(3n)::before,
.sa-grid > .sa-fiche:last-child::before { display: none; }
.sa-grid > .sa-fiche::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--noeud);
  height: var(--noeud);
  border: 2px solid var(--or);
  border-radius: 50%;
  background: var(--blanc);
}
.sa-grid .sa-fiche-title { font-size: 1.1rem; }
.sa-empty {
  max-width: var(--lecture);
  margin: 0 0 1.5rem;
  font-size: 1.08rem;
  color: var(--anthracite-2);
}
.sa-nothing { max-width: 34rem; }

.sa-pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
  margin: clamp(44px, 5vw, 68px) auto 0;
  background: linear-gradient(var(--or-pale), var(--or-pale)) 0 50% / 100% 1px no-repeat;
}
.sa-pager .page-numbers {
  display: inline-grid;
  place-items: center;
  min-width: var(--tap);
  height: var(--tap);
  padding: 0 6px;
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--marine);
  text-decoration: none;
  background: var(--blanc);
  border: 2px solid var(--or-pale);
  border-radius: 22px;
}
.sa-pager a.page-numbers:hover { border-color: var(--or); }
.sa-pager .page-numbers.current {
  color: var(--blanc);
  background: var(--marine);
  border-color: var(--or);
}
.sa-pager .page-numbers.dots {
  min-width: 28px;
  border-color: transparent;
}
.sa-pager :is(.prev, .next) { font-size: 1.35rem; }

.sa-trail { margin-top: 2.2rem; text-align: left; }
.sa-trail-title {
  margin: 0 0 .5rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--marine);
}
.sa-trail-list {
  position: relative;
  margin: 0;
  padding: 0 0 0 26px;
  list-style: none;
}
.sa-trail-list::before {
  content: "";
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 5px;
  width: 1px;
  background: var(--or-pale);
}
.sa-trail-list li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 1rem;
  border-bottom: 1px solid var(--filament);
}
.sa-trail-list li:last-child { border-bottom: 0; }
.sa-trail-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -26px;
  width: var(--noeud);
  height: var(--noeud);
  margin-top: calc(var(--noeud) / -2);
  border: 2px solid var(--or);
  border-radius: 50%;
  background: var(--blanc);
}
.sa-trail-list a {
  padding: 11px 0;
  font-family: var(--f-titre);
  font-weight: 600;
  text-decoration: none;
}
.sa-trail-list a:hover { color: var(--marine); text-decoration: underline; text-decoration-color: var(--or); }
.sa-trail-count { font-size: .86rem; color: var(--anthracite-2); }

.sa-feuillet-head {
  max-width: var(--lecture);
  margin: 0 auto;
  padding-top: clamp(32px, 5vw, 64px);
}
.sa-feuillet-title {
  margin: 0;
  font-size: clamp(1.85rem, 4vw, 2.6rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.018em;
  color: var(--marine);
  overflow-wrap: anywhere;
}
.sa-feuillet-title::after {
  content: "";
  display: block;
  width: 132px;
  height: 14px;
  margin-top: 1rem;
  background:
    radial-gradient(circle at 7px 7px, var(--blanc) 0 3.5px, var(--or) 4px 7px, transparent 7.5px),
    linear-gradient(90deg, var(--or-pale), transparent) 14px 6.5px / 118px 1px no-repeat;
}

.sa-ecrire .sa-feuillet-head { max-width: 64rem; }
.sa-ecrire-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 30rem);
  gap: 32px 56px;
  align-items: start;
  max-width: 64rem;
  margin: clamp(28px, 4vw, 44px) auto 0;
}
.sa-ecrire--seul .sa-feuillet-head,
.sa-ecrire--seul .sa-ecrire-grid { max-width: 36rem; }
.sa-ecrire--seul .sa-ecrire-grid { grid-template-columns: minmax(0, 1fr); }
.sa-ecrire-texte { margin: 0; font-size: 1.05rem; }
.sa-ecrire-form {
  padding: 26px 28px 8px;
  background: var(--lame);
  border-top: 3px solid var(--or);
  border-radius: 0 0 4px 4px;
}

.sa-prose ul:has(> li > .wsp-container) { padding-left: 0; list-style: none; }
.sa-prose .wsp-posts-list { margin-bottom: .8em; }

.sa-perdu-inner {
  max-width: 38rem;
  padding-top: clamp(40px, 6vw, 80px);
  text-align: center;
}
.sa-perdu-code {
  position: relative;
  display: grid;
  place-items: center;
  width: 128px;
  height: 128px;
  margin: 0 auto 1.5rem;
  font-family: var(--f-titre);
  font-size: 2.3rem;
  font-weight: 800;
  color: var(--marine);
  border: 4px solid var(--or);
  border-radius: 50%;
}
.sa-perdu-code::before,
.sa-perdu-code::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 64px;
  height: 1px;
}
.sa-perdu-code::before { right: calc(100% + 14px); background: linear-gradient(90deg, transparent, var(--or-pale)); }
.sa-perdu-code::after { left: calc(100% + 14px); background: linear-gradient(90deg, var(--or-pale), transparent); }
.sa-perdu-title {
  margin: 0 0 .6rem;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--marine);
  overflow-wrap: anywhere;
}
.sa-perdu-msg { margin: 0 0 1.6rem; color: var(--anthracite-2); }
.sa-perdu-form { max-width: 30rem; margin: 0 auto; }
.sa-perdu-inner .sa-trail { max-width: 30rem; margin-inline: auto; }
.sa-perdu-home { margin: 1.8rem 0 0; }
.sa-perdu-home a {
  display: inline-block;
  padding: .6rem 0;
  font-family: var(--f-titre);
  font-weight: 700;
  color: var(--or-fonce);
  text-underline-offset: 4px;
}

@media (max-width: 1100px) {
  .sa-topnav { display: none; }
  .sa-burger { display: inline-flex; }
  .sa-shelf { grid-template-columns: 1fr; }
  .sa-ecrire-grid { grid-template-columns: minmax(0, 1fr); }
  .sa-ecrire .sa-feuillet-head,
  .sa-ecrire-grid { max-width: var(--lecture); }
}
@media (max-width: 921px) {
  .sa-mosaic { grid-template-columns: 1fr 1fr; }
  .sa-mosaic .sa-fiche-lead { grid-column: 1 / -1; grid-row: auto; }
  .sa-fiche-lead .sa-photo { aspect-ratio: 16 / 9; }
  .sa-chain { grid-template-columns: 1fr; }
  .sa-chain > .sa-fiche:nth-child(2)::before { top: 0; }
  .sa-chain > .sa-fiche:nth-last-child(2)::before { bottom: 0; }
  .sa-band-inner { grid-template-columns: 1fr; }
  .sa-rubrique .sa-band-inner { grid-template-areas: "titre" "compte" "texte"; grid-template-columns: 1fr; }
  .sa-shelf-list { grid-template-columns: 1fr; gap: 14px; }
  .sa-links { grid-template-columns: 1fr 1fr; }
  .sa-links::before { right: calc(50% - 9px); }
  .sa-links > .sa-fiche:nth-child(n+3)::after { display: none; }
  .sa-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px; }
  .sa-grid > .sa-fiche::before,
  .sa-grid > .sa-fiche:nth-child(3n)::before { display: block; right: -33px; }
  .sa-grid > .sa-fiche:nth-child(2n)::before,
  .sa-grid > .sa-fiche:last-child::before { display: none; }
}
@media (max-width: 600px) {
  .sa-findtoggle-label { display: none; }
  .sa-findtoggle { width: var(--tap); padding: 0; justify-content: center; }
  .sa-brand-mark { width: 42px; height: 42px; }
  .sa-brand-name { font-size: 1.15rem; }
  .sa-mosaic { grid-template-columns: 1fr; gap: 18px; }
  .sa-mosaic .sa-fiche-tile:not(.sa-fiche-lead) {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 14px;
    align-items: center;
  }
  .sa-mosaic .sa-fiche-tile:not(.sa-fiche-lead) .sa-fiche-text { padding-top: 0; }
  .sa-fiche-row { grid-template-columns: 104px 1fr; gap: 14px; }
  .sa-chain > .sa-fiche { padding-left: 24px; }
  .sa-prose { font-size: 1.05rem; }
  .sa-lecture-title { hyphens: auto; }
  .sa-lecture-meta { font-size: .85rem; }
  .sa-lecture-meta li + li::before {
    width: 8px;
    margin: 0 .35rem;
    background: radial-gradient(circle, var(--or) 0 3px, transparent 3.5px);
  }
  .sa-links { grid-template-columns: 1fr; gap: 0; padding-top: 0; }
  .sa-links::before { display: none; }
  .sa-links > .sa-fiche::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    width: 1px;
    background: var(--or-pale);
  }
  .sa-links > .sa-fiche:first-child::before { top: 50%; }
  .sa-links > .sa-fiche:last-child::before { bottom: 50%; }
  .sa-links > .sa-fiche {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 14px;
    align-items: center;
    padding: 12px 0 12px 26px;
  }
  .sa-links > .sa-fiche .sa-fiche-text { padding-top: 0; }
  .sa-links > .sa-fiche::after,
  .sa-links > .sa-fiche:nth-child(n+3)::after { display: block; top: 50%; margin-top: calc(var(--noeud) / -2); }
  .sa-base-top { flex-direction: column; align-items: flex-start; }
  .sa-grid { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 0; }
  .sa-grid > .sa-fiche {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 14px;
    align-items: center;
    padding: 12px 0 12px 26px;
  }
  .sa-grid > .sa-fiche .sa-fiche-text { padding-top: 0; }
  .sa-grid .sa-fiche-title { font-size: 1rem; }
  .sa-grid > .sa-fiche::before,
  .sa-grid > .sa-fiche:nth-child(n)::before {
    display: block;
    top: 0;
    bottom: 0;
    left: 5px;
    right: auto;
    width: 1px;
    height: auto;
  }
  .sa-grid > .sa-fiche:first-child::before { top: 50%; }
  .sa-grid > .sa-fiche:last-child::before { bottom: 50%; }
  .sa-grid > .sa-fiche::after { top: 50%; margin-top: calc(var(--noeud) / -2); }
  .sa-pager { gap: 8px; }
  .sa-auteur-inner { grid-template-columns: 1fr; gap: 12px; }
  .sa-feuillet-title { hyphens: auto; }
  .sa-ecrire-form { padding: 22px 18px 4px; margin-inline: calc(var(--marge) * -1); border-radius: 0; }
}

body.sa {
  background: var(--blanc) !important;
  color: var(--anthracite) !important;
}

body.sa .site-content,
body.sa #page,
body.sa .entry-content,
body.sa #content,
body.sa .content-area,
body.sa #primary,
body.sa .ast-article-single,
body.sa .ast-article-post,
body.sa .ast-container,
body.sa .site-main,
body.sa .site-main > article {
  max-width: 100% !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  background: transparent !important;
}

body.sa .ast-page-header,
body.sa #ast-mobile-header,
body.sa .ast-footer-overlay,
body.sa .ast-mobile-header-wrap,
body.sa .ast-archive-title-wrap {
  margin: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  display: none !important;
  border: none !important;
}

body.sa .ast-header-breadcrumb,
body.sa .ast-breadcrumbs-wrapper,
body.sa .ast-primary-header-bar,
body.sa .site-header,
body.sa .site-footer,
body.sa .ast-breadcrumbs-inner,
body.sa #masthead,
body.sa .ast-page-title-bar,
body.sa .ast-below-footer,
body.sa .ast-above-header-wrap,
body.sa .ast-secondary-header-bar,
body.sa #ast-desktop-header,
body.sa .ast-above-footer,
body.sa .ast-main-header-wrap {
  display: none !important;
  padding: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  border: none !important;
}

body.sa .footer-widget-area,
body.sa .ast-footer-copyright,
body.sa .ast-below-header-wrap,
body.sa .entry-banner,
body.sa #colophon {
  margin: 0 !important;
  height: 0 !important;
  border: none !important;
  overflow: hidden !important;
  display: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.sa .main-header-bar,
body.sa .site-below-footer-wrap,
body.sa .main-header-bar-wrap,
body.sa .ast-small-footer {
  height: 0 !important;
  overflow: hidden !important;
  border: none !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.sa.home .entry-header,
body.sa.home .ast-archive-description {
  display: none !important;
}

:where(body.sa) :where(input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], textarea) {
  background: transparent;
  color: var(--anthracite);
  border: 1px solid var(--filament-fort);
}

body.sa #ast-scroll-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 90;
  width: var(--tap);
  height: var(--tap);
  background: var(--marine);
  color: var(--blanc);
  border-radius: 4px;
  cursor: pointer;
}
body.sa #ast-scroll-top .ast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.sa #ast-scroll-top svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  transform: rotate(180deg);
}

body.sa.admin-bar .sa-masthead { top: 32px; }
@media (max-width: 782px) {
  body.sa.admin-bar .sa-masthead { top: 46px; }
}

body.sa .sib_signup_form { margin: 0; padding: 0; background: transparent; border: none; }
body.sa .sib_signup_form [class*="sib_signup_box_inside_"] {
  display: flex; gap: 8px; padding: 0; background: transparent; border: none;
  align-items: stretch; flex-wrap: wrap;
}

body.sa .sib_signup_form p.sib-email-area { font-size: 0; margin: 0; padding: 0; flex: 1; min-width: 200px; }
body.sa .sib_signup_form p.sib-email-area input[type="email"] {
  width: 100%; background: transparent; border: 1px solid var(--filament-fort); border-radius: 999px;
  padding: 13px 22px; font-family: var(--f-corps); font-size: 14px; color: var(--anthracite); outline: none;
}
body.sa .sib_signup_form input.sib-default-btn,
body.sa .sib_signup_form input[type="submit"] {
  background: var(--or-fonce); color: #fff; border: none; border-radius: 999px;
  padding: 13px 24px; font-size: 11px; font-weight: 600; letter-spacing: 1.4px;
  text-transform: uppercase; cursor: pointer;
}

body.sa .sib_signup_form [class*="sib_signup_box_inside_"] > p { margin: 0; padding: 0; }
body.sa .sib_signup_form p.sib-email-area label {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
body.sa .sib_msg_disp { flex-basis: 100%; order: 3; }

body.sa .sib_signup_form :is(.cf-turnstile, .g-recaptcha) { flex-basis: 100%; order: 4; }
body.sa .sib_msg_disp:empty { display: none; }
body.sa .sib-alert-message-success { color: #2e7d32; }
body.sa .sib-alert-message-error { color: #c0392b; }

body.sa .wpcf7-form p { margin: 0 0 18px; }
body.sa .wpcf7-form label {
  display: block;
  font-family: var(--f-titre);
  font-size: .95rem;
  font-weight: 600;
  color: var(--marine);
}
body.sa .wpcf7-form input[type="text"],
body.sa .wpcf7-form input[type="email"],
body.sa .wpcf7-form input[type="tel"],
body.sa .wpcf7-form textarea {
  display: block;
  width: 100%;
  min-height: var(--tap);
  margin-top: 6px;
  padding: 10px 12px;
  font-family: var(--f-corps);
  font-size: 1rem;
  color: var(--anthracite);
  background: var(--blanc);
  border: 1px solid var(--filament-fort);
  border-radius: 4px;
  box-shadow: none;
}
body.sa .wpcf7-form textarea { height: 170px; resize: vertical; }
body.sa .wpcf7-form input:focus,
body.sa .wpcf7-form textarea:focus { border-color: var(--or-fonce); }
body.sa .wpcf7-form input[type="submit"] {
  min-height: var(--tap);
  padding: 0 1.5rem;
  font-family: var(--f-titre);
  font-size: 1rem;
  font-weight: 700;
  color: var(--blanc);
  background: var(--marine);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
body.sa .wpcf7-form input[type="submit"]:hover { background: #0e2240; }