/* Pages des services, V20 (31/10) : mise en page « Linear », comme la landing Kap. Aucune carte encadrée : des
   colonnes séparées par des filets, un visuel produit dans le hero (fenêtre inclinée, comme l'écran de la démo Kap),
   une ligne de temps sur l'aplat marine, une échelle pour les programmes de calcul.
   Charte : branche Propul AI du Kit Com (crème, marine, orange en aplat, filets, mono en capitales pour les repères).
   Mouvement : impulsions et lignes qui s'affichent ; tout s'arrête en mouvement réduit. Version V19 : services.v19.bak.css. */

/* ---- Hero : titre seul en haut, appui à gauche et appel à droite, puis la scène en pleine largeur. */
.sv-hero { position: relative; isolation: isolate; overflow-x: clip; padding: clamp(56px, 8vw, 112px) 0 0; }
.sv-hero::before { content: ""; position: absolute; inset: 0 0 30%; z-index: -1; pointer-events: none;
  background-image: linear-gradient(var(--grille) 1px, transparent 1px), linear-gradient(90deg, var(--grille) 1px, transparent 1px); background-size: 44px 44px;
  -webkit-mask-image: linear-gradient(#000 30%, transparent); mask-image: linear-gradient(#000 30%, transparent); }
.pa .sv-hero h1 { max-width: 16ch; font-size: clamp(2.3rem, 5vw, 4.8rem); line-height: 1.02; letter-spacing: -.035em; }
.pa-service--calcul-europeen .sv-hero h1 { max-width: 21ch; font-size: clamp(2.2rem, 4.4vw, 4.3rem); }
.sv-hero__bas { display: grid; gap: 24px 64px; margin-top: clamp(28px, 3.5vw, 44px); }
@media (min-width: 900px) { .sv-hero__bas { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; } .sv-hero .sv-cta { justify-content: flex-end; } }
.sv-hero__sous { max-width: 34em; font: 400 1.15rem/1.45 var(--sans); color: var(--second); }
.sv-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.sv-cta p { font-size: .9rem; color: var(--second); }

/* La scène : une fenêtre d'application inclinée. */
.sv-scene { position: relative; z-index: 1; margin-top: clamp(48px, 6vw, 80px); margin-bottom: clamp(56px, 7vw, 96px); perspective: 1600px; }
.sv-fen { position: relative; border: 1px solid var(--filet); border-radius: 12px; background: var(--blanc); overflow: hidden;
  transform: rotateX(8deg); transform-origin: 50% 100%;
  box-shadow: 0 1px 0 rgba(16, 34, 78, .04), 0 24px 48px -24px rgba(16, 34, 78, .22), 0 60px 120px -60px rgba(16, 34, 78, .28); }
.sv-fen__barre { display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-bottom: 1px solid var(--filet); background: var(--creme); }
.sv-fen__barre i { width: 9px; height: 9px; border-radius: 50%; background: var(--filet); }
.sv-fen__barre span { margin-left: 10px; font: 500 .68rem/1 var(--mono); letter-spacing: .08em; color: var(--second); }

/* Modèles métier : quatre nœuds sur un trajet, une impulsion orange qui le parcourt. */
.sv-flux { --haut: clamp(36px, 5vw, 64px); position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding: var(--haut) clamp(20px, 4vw, 56px);
  background-image: linear-gradient(var(--grille) 1px, transparent 1px), linear-gradient(90deg, var(--grille) 1px, transparent 1px); background-size: 28px 28px; }
.sv-flux::before { content: ""; position: absolute; left: 14%; right: 14%; top: calc(var(--haut) + 28px); height: 1px; background: var(--marine); opacity: .25; }
.sv-flux::after { content: ""; position: absolute; left: 14%; top: calc(var(--haut) + 25px); width: 7px; height: 7px; background: var(--orange); animation: sv-impulsion 4.8s cubic-bezier(.6, 0, .4, 1) infinite; }
@keyframes sv-impulsion { 0% { left: 14%; opacity: 0; } 8% { opacity: 1; } 92% { opacity: 1; } 100% { left: 86%; opacity: 0; } }
.sv-flux li { position: relative; z-index: 1; display: grid; justify-items: center; gap: 6px; text-align: center; }
.sv-flux__ico { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 10px; border: 1px solid var(--marine); border-radius: 10px; background: var(--blanc); color: var(--marine);
  animation: sv-noeud 4.8s linear infinite; animation-delay: calc(var(--i) * 1.45s - .1s); }
.sv-flux li:last-child .sv-flux__ico { background: var(--marine); color: var(--creme); }
.sv-flux__ico .kd__ico { width: 22px; height: 22px; }
@keyframes sv-noeud { 0%, 14%, 100% { box-shadow: 0 0 0 0 rgba(255, 144, 71, 0); } 5% { box-shadow: 0 0 0 6px rgba(255, 144, 71, .35); } }
.sv-flux b { font: 600 1rem/1.25 var(--sans); color: var(--marine); }
.sv-flux li > span:last-child { font: 500 .7rem/1.4 var(--mono); letter-spacing: .06em; color: var(--second); }

/* Calcul européen : un terminal sur fond marine ; les lignes arrivent une à une, puis le curseur attend. */
.sv-fen--term { border-color: var(--marine); background: var(--marine); }
.sv-fen--term .sv-fen__barre { background: #0B1A3F; border-bottom-color: rgba(255, 255, 255, .08); }
.sv-fen--term .sv-fen__barre i { background: rgba(255, 255, 255, .16); }
.sv-fen--term .sv-fen__barre span { color: var(--second-clair); }
.sv-term { margin: 0; padding: clamp(24px, 3.5vw, 44px); min-height: 300px; overflow-x: auto; font: 500 clamp(.78rem, .4vw + .65rem, .95rem)/2 var(--mono); color: #C9D2E6; white-space: pre;
  background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px); background-size: 28px 28px; }
.sv-term__l { display: block; opacity: 0; animation: sv-arrive .3s var(--sortie) forwards; animation-delay: calc(var(--i) * .55s + .3s); }
.sv-term__l em { font-style: normal; color: var(--orange); }
.sv-term__l.is-cmd { color: var(--creme); }
.sv-term__l.is-attente, .sv-term__l.is-attente em { color: var(--second-clair); }
.sv-term__curseur { display: inline-block; width: .6em; height: 1.1em; vertical-align: -.2em; background: var(--orange); opacity: 0; animation: sv-arrive .1s forwards, sv-clignote 1s steps(1) infinite; animation-delay: calc(var(--i) * .55s + .3s), calc(var(--i) * .55s + .4s); }
@keyframes sv-arrive { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes sv-clignote { 50% { opacity: 0; } }

/* ---- Sections claires : filet en haut, titre, colonnes séparées par des filets verticaux. */
.sv-sec { border-top: 1px solid var(--filet); }
.sv-cols { display: grid; margin-top: clamp(28px, 3vw, 44px); border-top: 1px solid var(--filet); }
@media (min-width: 900px) { .sv-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sv-cols > li { display: flex; flex-direction: column; gap: 10px; padding: 28px 28px 8px 0; }
@media (min-width: 900px) { .sv-cols > li + li { padding-left: 28px; border-left: 1px solid var(--filet); } }
@media (max-width: 899px) { .sv-cols > li + li { border-top: 1px solid var(--filet); } .sv-cols > li { padding: 24px 0; } }
.sv-cols__tete { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.sv-cols__ico { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--filet); border-radius: 8px; color: var(--marine); background: var(--blanc); }
.sv-cols__ico .kd__ico { width: 18px; height: 18px; }
.sv-cols__n { font: 500 .7rem/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--second); }
.pa .sv-cols h3 { font-size: 1.25rem; letter-spacing: -.015em; }
.sv-cols p { max-width: 30em; color: var(--second); }

/* Programmes : l'échelle des heures, alignée sur les trois colonnes. */
.sv-echelle { position: relative; margin-top: clamp(28px, 3vw, 44px); padding-bottom: 26px; }
.sv-echelle__piste { display: grid; grid-template-columns: repeat(3, 1fr); height: 8px; }
.sv-echelle__piste i:nth-child(1) { background: var(--filet); }
.sv-echelle__piste i:nth-child(2) { background: var(--marine); }
.sv-echelle__piste i:nth-child(3) { height: 0; margin-top: 3px; border-top: 2px dashed var(--marine); }
.sv-echelle b { position: absolute; bottom: 0; font: 500 .7rem/1 var(--mono); letter-spacing: .08em; color: var(--second); }
.sv-echelle b:nth-of-type(1) { left: 0; }
.sv-echelle b:nth-of-type(2) { left: 66.66%; transform: translateX(-100%); padding-right: 10px; color: var(--marine); }
.sv-echelle b:nth-of-type(3) { right: 0; }
.sv-cols--prog { margin-top: 0; border-top: 0; }
@media (max-width: 899px) { .sv-echelle { display: none; } .sv-cols--prog { margin-top: 28px; border-top: 1px solid var(--filet); } }
.sv-note { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--filet); font-size: .92rem; color: var(--second); }

/* Deux colonnes : le titre à gauche, le texte (ou la FAQ) à droite. */
.sv-deux { display: grid; gap: 20px 64px; }
@media (min-width: 900px) { .sv-deux { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } }
.sv-deux__texte { display: grid; gap: 16px; max-width: 38em; }
.sv-deux__texte p { color: var(--second); font-size: 1.08rem; }
.sv-deux__texte p:first-child { color: var(--marine); font-weight: 500; }
.sv-deux.fn-faq .fn-faq__liste { margin-top: 0; }

/* ---- L'aplat marine : la ligne de temps, une piste, des gares carrées, un point orange qui la parcourt. */
.sv-nuit { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(72px, 9vw, 128px); background: var(--marine); color: var(--creme); }
.sv-nuit::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: 56px 56px; }
.pa .sv-nuit h2 { color: var(--creme); }
.sv-ligne { position: relative; display: grid; gap: 36px 28px; margin-top: clamp(40px, 5vw, 64px); }
.sv-ligne li { position: relative; display: grid; align-content: start; gap: 10px; }
.sv-ligne__gare { position: absolute; left: 0; top: -36px; width: 11px; height: 11px; border: 1px solid var(--second-clair); background: var(--marine); }
.sv-ligne li:last-child .sv-ligne__gare { background: var(--orange); border-color: var(--orange); }
@media (min-width: 900px) {
  .sv-ligne { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); padding-top: 36px; }
  .sv-ligne::before { content: ""; position: absolute; left: 0; right: 0; top: 5px; height: 1px; background: rgba(255, 255, 255, .22); }
  .sv-ligne::after { content: ""; position: absolute; left: 0; top: 2px; width: 7px; height: 7px; background: var(--orange); animation: sv-parcours 6s cubic-bezier(.6, 0, .4, 1) infinite; }
}
@keyframes sv-parcours { 0% { left: 0; opacity: 0; } 6% { opacity: 1; } 94% { opacity: 1; } 100% { left: calc(100% - 7px); opacity: 0; } }
.sv-ligne__n { font: 500 .7rem/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--orange); }
.pa .sv-ligne h3 { font-size: 1.3rem; color: var(--creme); }
.sv-ligne p { max-width: 28em; color: #C9D2E6; }
@media (max-width: 899px) {
  .sv-ligne { padding-left: 28px; border-left: 1px solid rgba(255, 255, 255, .22); }
  .sv-ligne__gare { left: -34px; top: 2px; }
}
.sv-preuve { display: flex; gap: 18px; margin-top: clamp(48px, 6vw, 72px); padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, .14); }
.sv-preuve__carre { flex: none; width: 12px; height: 12px; margin-top: 8px; background: var(--orange); }
.pa .sv-preuve h3 { font-size: clamp(1.3rem, 1vw + 1rem, 1.7rem); color: var(--creme); }
.sv-preuve p { max-width: 44em; margin-top: 10px; font-size: 1.05rem; color: #C9D2E6; }

/* ---- Fin : grand titre à gauche, appel à droite, sur la grille du Kit Com. */
.sv-fin { position: relative; isolation: isolate; padding-block: clamp(80px, 10vw, 144px); border-top: 1px solid var(--filet); }
.sv-fin::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(var(--grille) 1px, transparent 1px), linear-gradient(90deg, var(--grille) 1px, transparent 1px); background-size: 44px 44px;
  -webkit-mask-image: linear-gradient(transparent, #000 60%); mask-image: linear-gradient(transparent, #000 60%); }
.sv-fin__g { display: grid; gap: 24px 64px; }
@media (min-width: 900px) { .sv-fin__g { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: end; } }
.pa .sv-fin h2 { font: 700 clamp(2rem, 3.4vw, 3.2rem)/1.05 var(--serif); letter-spacing: -.025em; }
.sv-fin__d { display: grid; gap: 20px; }
.sv-fin__d > p { color: var(--second); max-width: 30em; }

/* ---- Téléphone */
@media (max-width: 599px) {
  .sv-hero { padding-top: 40px; }
  .pa .sv-hero h1, .pa .pa-service--calcul-europeen .sv-hero h1 { font-size: clamp(2rem, 8.6vw, 2.6rem); }
  .sv-cta .pa-btn { width: 100%; }
  .sv-cta p { width: 100%; text-align: center; }
  .sv-fen { transform: none; }
  .sv-flux { grid-template-columns: 1fr 1fr; gap: 28px 12px; }
  .sv-flux::before, .sv-flux::after { display: none; }
  .sv-term { min-height: 0; white-space: pre-wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .sv-flux::after, .sv-ligne::after { display: none; }
  .sv-flux__ico { animation: none; }
  .sv-term__l, .sv-term__curseur { opacity: 1; animation: none; }
}

/* ---------- V21 (31/10) : Pour qui, la démonstration, le parcours. Plus de colonnes numérotées ni d'icônes en série. */

/* Pour qui : à gauche les publics en grande typo, à droite ce que le public choisi apporte au modèle. */
.sv-pub { display: grid; margin-top: clamp(28px, 3vw, 44px); border-top: 1px solid var(--filet); }
@media (min-width: 900px) { .sv-pub { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); } }
.sv-pub__liste { display: grid; align-content: start; }
.sv-pub__liste button { position: relative; display: block; width: 100%; padding: 22px 0 22px 30px; border: 0; border-bottom: 1px solid var(--filet); background: none; text-align: left; cursor: pointer;
  font: 600 clamp(1.45rem, 1.6vw + .9rem, 2.4rem)/1.1 var(--sans); letter-spacing: -.025em; color: #A9B2C8; transition: color var(--vite) var(--sortie); }
.sv-pub__liste button::before { content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: var(--orange); transform: scale(0); transition: transform 240ms var(--sortie); }
.sv-pub__liste button:hover { color: var(--second); }
.sv-pub__liste button[aria-selected="true"] { color: var(--marine); }
.sv-pub__liste button[aria-selected="true"]::before { transform: none; }
.sv-pub__liste button:focus-visible { outline: 2px solid var(--marine); outline-offset: -2px; }
.sv-pub__p { display: grid; align-content: start; gap: 16px; padding: 28px 0; }
@media (min-width: 900px) { .sv-pub__p { padding: 30px 0 30px clamp(32px, 4vw, 64px); border-left: 1px solid var(--filet); min-height: 100%; } }
.sv-pub__h { font-size: 1.4rem; }
.sv-pub__p > p:not(.sv-pub__t) { max-width: 30em; font-size: 1.15rem; line-height: 1.5; color: var(--marine); }
.sv-pub__t { margin-top: 12px; font-size: .92rem; font-weight: 600; color: var(--second); }
.sv-pub__p ul { display: grid; border-top: 1px solid var(--filet); }
.sv-pub__p li { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--filet); font-size: 1.02rem; color: var(--marine); }
.sv-pub__p li::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--marine); }
html.js .sv-pub__p[data-cache] { display: none; }
html.js .sv-pub__h { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html:not(.js) .sv-pub__liste { display: none; }
@media (max-width: 899px) { .sv-pub__liste button { padding-block: 16px; } .sv-pub__p { padding-top: 24px; } }

/* La démonstration : la question, puis deux réponses côte à côte ; la vôtre sur marine. */
.sv-cmp__tete { display: grid; gap: 20px 64px; align-items: end; }
@media (min-width: 900px) { .sv-cmp__tete { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.sv-cmp__q { justify-self: end; max-width: 30em; padding: 14px 18px; border: 1px solid var(--filet); border-radius: 10px 10px 2px 10px; background: var(--blanc); font-size: 1.05rem; font-weight: 500; color: var(--marine); }
.sv-cmp { display: grid; margin-top: 28px; border: 1px solid var(--marine); border-radius: 12px; overflow: hidden; }
@media (min-width: 900px) { .sv-cmp { grid-template-columns: 1fr 1fr; } }
.sv-cmp__r { display: grid; align-content: start; gap: 16px; margin: 0; padding: clamp(24px, 3vw, 40px); }
.sv-cmp__r figcaption { display: flex; align-items: center; gap: 10px; font-size: .92rem; font-weight: 600; color: var(--second); }
.sv-cmp__r figcaption::before { content: ""; width: 9px; height: 9px; border: 1px solid currentColor; }
.sv-cmp__r p { max-width: 32em; font-size: clamp(1.05rem, .4vw + .95rem, 1.25rem); line-height: 1.55; color: var(--second); }
.sv-cmp__r--vous { background: var(--marine); }
.sv-cmp__r--vous figcaption { color: var(--creme); }
.sv-cmp__r--vous figcaption::before { background: var(--orange); border-color: var(--orange); }
.sv-cmp__r--vous p { color: var(--creme); }
.sv-cmp__note { margin-top: 14px; font-size: .88rem; color: var(--second); }
.sv-cmp__phrase { max-width: 34em; margin-top: clamp(48px, 6vw, 80px); font: 400 clamp(1.4rem, 1.3vw + 1rem, 2.1rem)/1.35 var(--sans); letter-spacing: -.015em; color: var(--second); text-wrap: pretty; }
.sv-cmp__phrase strong { font-weight: 600; color: var(--marine); }
.pa-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Programmes : le nom en clair (plus de capitales mono). */
.sv-prog__nom { font: 600 1rem/1.3 var(--sans); color: var(--second); }
.sv-cols--prog > li { padding-top: 22px; }

/* Le parcours : le dossier, la porte (la décision, hors de nos mains), le travail. */
.sv-par { display: grid; gap: 40px 0; margin-top: clamp(40px, 5vw, 64px); }
@media (min-width: 900px) { .sv-par { grid-template-columns: minmax(0, 1fr) 240px minmax(0, 1fr); } }
.sv-par__m { display: grid; align-content: start; gap: 14px; }
.pa .sv-par__m h3 { font-size: 1.5rem; color: var(--creme); }
.sv-par__m > p { max-width: 30em; color: #C9D2E6; }
.sv-par__m ol { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; margin-top: 18px; border-top: 1px solid rgba(255, 255, 255, .22); }
.sv-par__m li { position: relative; padding: 18px 10px 0 0; font-size: .92rem; font-weight: 500; color: var(--creme); }
.sv-par__m li::before { content: ""; position: absolute; left: 0; top: -6px; width: 11px; height: 11px; border: 1px solid var(--second-clair); background: var(--marine); }
.sv-par__porte { position: relative; display: grid; align-content: center; justify-items: center; gap: 8px; padding: 0 20px; text-align: center; }
.sv-par__porte span { position: absolute; top: 0; bottom: 0; left: 50%; border-left: 2px dashed var(--orange); z-index: -1; }
.sv-par__porte b, .sv-par__porte em { position: relative; padding: 4px 8px; background: var(--marine); }
.sv-par__porte b { font: 600 1rem/1.3 var(--sans); color: var(--creme); }
.sv-par__porte em { font-style: normal; font-size: .85rem; color: var(--orange); }
@media (max-width: 899px) {
  .sv-par__m ol { grid-auto-flow: row; border-top: 0; border-left: 1px solid rgba(255, 255, 255, .22); padding-left: 22px; gap: 14px; }
  .sv-par__m li { padding: 0; }
  .sv-par__m li::before { left: -28px; top: 4px; }
  .sv-par__porte { padding: 22px 0; }
  .sv-par__porte span { top: 50%; bottom: auto; left: 0; right: 0; border-left: 0; border-top: 2px dashed var(--orange); }
}
.sv-nuit .sv-preuve { display: grid; gap: 10px; }

/* ---------- V22 (31/10) : Pour qui, trois lignes pleine largeur (le sélecteur V21 est retiré). Le public en grand à
   gauche, ce qu'il fait au centre, ce que ça lui apporte à droite ; un filet entre chaque ligne, un carré orange devant
   chaque public. */
.sv-qui { margin-top: clamp(28px, 3vw, 44px); border-top: 1px solid var(--marine); }
.sv-qui > li { display: grid; gap: 14px 48px; padding: clamp(24px, 3vw, 40px) 0; border-bottom: 1px solid var(--filet); }
@media (min-width: 1000px) { .sv-qui > li { grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 4fr); align-items: start; } }
.pa .sv-qui h3 { position: relative; padding-left: 26px; font: 600 clamp(1.6rem, 1.6vw + 1rem, 2.5rem)/1.08 var(--sans); letter-spacing: -.03em; }
.sv-qui h3::before { content: ""; position: absolute; left: 0; top: .32em; width: 12px; height: 12px; background: var(--orange); }
.sv-qui > li > p { max-width: 26em; padding-top: 6px; font-size: 1.08rem; line-height: 1.5; color: var(--marine); }
.sv-qui__a { display: grid; gap: 8px; padding-top: 6px; }
.sv-qui__a > span { font-size: .88rem; font-weight: 600; color: var(--second); }
.sv-qui__a li { display: flex; align-items: center; gap: 10px; font-size: .98rem; color: var(--second); }
.sv-qui__a li::before { content: ""; flex: none; width: 6px; height: 6px; background: var(--second); }
@media (max-width: 999px) { .sv-qui > li > p, .sv-qui__a { padding-left: 26px; } }

/* V23 (31/10) : épuré. Pour qui sur deux colonnes (le public, une phrase) ; textes un peu plus grands. */
@media (min-width: 1000px) { .sv-qui > li { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); align-items: center; } }
.sv-qui > li > p { font-size: 1.15rem; color: var(--second); }
.sv-deux__texte p:first-child { font-size: 1.2rem; line-height: 1.55; }
.sv-ligne p { font-size: 1.05rem; }
/* V24 : la preuve sur une ligne en largeur d'ordinateur. */
.sv-preuve p { max-width: none; }
@media (min-width: 1280px) { .sv-preuve p { font-size: .98rem; white-space: nowrap; } }