/* Systole 1.0.0 — pharmaciedegardenice.com, magazine santé grand public (études de santé, maladies et symptômes,
   examens et traitements, sport et nutrition).
   Ardoise nuit (en-tête, pied, boutons), UNE couleur d'accent : le rouge du pouls (#E5484D, texte #B42D3A), tiré du
   tracé du favicon ; fonds pâles qui alternent : blanc, brume, papier rosé d'électrocardiogramme. Titres Roboto Serif
   (optique « affiche », largeur 85 %), texte Google Sans Flex. Motifs : papier millimétré d'électrocardiogramme,
   tracé du pouls, pictogrammes au trait. Cadrages francs : aucune image arrondie, découpée ni en arche. */

@font-face { font-family: "Roboto Serif"; src: url(../polices/roboto-serif-titre.woff2) format("woff2"); font-weight: 500 700; font-style: normal; font-stretch: 85%; font-display: swap; }
@font-face { font-family: "Roboto Serif"; src: url(../polices/roboto-serif-italique.woff2) format("woff2"); font-weight: 400 500; font-style: italic; font-stretch: 85%; font-display: swap; }
@font-face { font-family: "Google Sans Flex"; src: url(../polices/google-sans-flex.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-stretch: 85% 100%; font-display: swap; }

:root {
    --syt-ardoise: #1F2C34;
    --syt-ardoise-2: #2A3A44;
    --syt-nuit: #151F25;
    --syt-pouls: #E5484D;
    --syt-pouls-texte: #B42D3A;
    --syt-pouls-clair: #FF9A9C;
    --syt-blanc: #FFFFFF;
    --syt-brume: #EEF2F4;
    --syt-rose: #FCEFEE;
    --syt-encre: #17222A;
    --syt-texte: #33414A;
    --syt-gris: #5D6A72;
    --syt-trait: #DAE1E5;
    --syt-titre: "Roboto Serif", "Iowan Old Style", Georgia, serif;
    --syt-corps: "Google Sans Flex", "Segoe UI", system-ui, -apple-system, sans-serif;
    --syt-tete: 76px;
    --syt-millimetre:
        linear-gradient(rgba(229, 72, 77, .24) 1px, transparent 1px) 0 0 / 30px 30px,
        linear-gradient(90deg, rgba(229, 72, 77, .24) 1px, transparent 1px) 0 0 / 30px 30px,
        linear-gradient(rgba(229, 72, 77, .1) 1px, transparent 1px) 0 0 / 6px 6px,
        linear-gradient(90deg, rgba(229, 72, 77, .1) 1px, transparent 1px) 0 0 / 6px 6px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: calc(var(--syt-tete) + 24px); -webkit-text-size-adjust: 100%; }
body.syt { margin: 0; background: var(--syt-blanc); color: var(--syt-texte); font-family: var(--syt-corps); font-size: 17.5px; line-height: 1.62; font-weight: 400; font-stretch: 100%; }
.syt img { max-width: 100%; height: auto; display: block; }
:where(.syt) a { color: inherit; }
.syt h1, .syt h2, .syt h3, .syt h4 { color: var(--syt-encre); font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; line-height: 1.12; letter-spacing: -.01em; }
.syt :is(h1, h2) em { font-style: italic; font-weight: 400; color: var(--syt-pouls-texte); }
:where(.syt) :where(h1, h2, h3, h4, p, figure, ol, ul, dl, dd) { margin: 0; }
.syt-masque { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.syt-evitement { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--syt-blanc); color: var(--syt-encre); padding: 10px 16px; }
.syt-evitement:focus { top: 12px; }
.syt :focus-visible { outline: 2px solid var(--syt-pouls); outline-offset: 3px; }
.syt-cadre { max-width: 1260px; margin: 0 auto; padding-inline: 28px; }
.syt-cadre--lecture { max-width: 820px; }
.syt-picto { flex: none; width: 1.25em; height: 1.25em; }
.syt-trace { display: block; color: var(--syt-pouls); }

/* ---------- En-tête collant unique, ardoise ---------- */
.syt-tete { position: sticky; top: 0; z-index: 60; background: var(--syt-ardoise); color: var(--syt-blanc); }
.syt-tete__rang { display: flex; align-items: center; gap: 28px; height: var(--syt-tete); }
.syt-tete__logo { flex: none; display: block; }
.syt .syt-tete__logo img { width: auto; height: 42px; }
.syt-menu { margin-left: auto; }
.syt-menu__liste { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.syt .syt-menu__liste a { display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: var(--syt-blanc); text-decoration: none; font-size: .93rem; font-weight: 500; white-space: nowrap; position: relative; }
.syt-menu__liste .syt-picto { color: var(--syt-pouls-clair); width: 20px; height: 20px; }
.syt .syt-menu__liste a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: var(--syt-pouls); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.syt .syt-menu__liste a:hover::after, .syt .syt-menu__liste a[aria-current]::after { transform: scaleX(1); }
.syt-tete__loupe, .syt-tete__tiroir { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: transparent; color: var(--syt-blanc); border: 1px solid rgba(255, 255, 255, .28); border-radius: 0; cursor: pointer; padding: 0; transition: border-color .2s ease, color .2s ease; }
.syt-tete__loupe:hover, .syt-tete__loupe[aria-expanded="true"] { border-color: var(--syt-pouls-clair); color: var(--syt-pouls-clair); }
.syt-tete__tiroir { display: none; }
.syt-tete__traits { display: grid; gap: 6px; width: 22px; }
.syt-tete__traits span { height: 2px; background: currentColor; }
.syt-cherche { background: var(--syt-nuit); padding: 18px 0; }
.syt-cherche__forme { display: flex; gap: 10px; max-width: 760px; }
.syt-cherche__forme input { flex: 1; min-width: 0; font: inherit; font-size: 1rem; padding: 12px 16px; border: 1px solid var(--syt-trait); background: var(--syt-blanc); color: var(--syt-encre); border-radius: 0; }
.syt-cherche__forme button { font: inherit; font-weight: 600; font-size: .95rem; padding: 12px 22px; border: 0; background: var(--syt-pouls-texte); color: var(--syt-blanc); cursor: pointer; border-radius: 0; }
.syt-cherche__forme--page { margin-top: 28px; }
.syt-cherche__forme--page button { background: var(--syt-ardoise); }
.syt-lecture { position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: transparent; pointer-events: none; }
.syt-lecture__trait { display: block; height: 100%; background: var(--syt-pouls); transform: scaleX(0); transform-origin: left; }

/* ---------- Éléments communs ---------- */
.syt-surtitre { display: flex; align-items: center; gap: 12px; font-size: .8rem; font-weight: 600; font-stretch: 88%; letter-spacing: .16em; text-transform: uppercase; color: var(--syt-gris); margin-bottom: 14px; }
.syt-surtitre::before { content: ""; flex: none; width: 34px; height: 14px; background: no-repeat center / 34px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 14'%3E%3Cpath d='M0 8h12l2.5-5 3 9 3-11 2.5 7H34' fill='none' stroke='%23E5484D' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.syt .syt-titre { font-size: clamp(2rem, 3vw, 2.8rem); }
.syt .syt-titre--moyen { font-size: clamp(1.7rem, 2.3vw, 2.2rem); }
.syt .syt-titre a { text-decoration: none; }
.syt-chapeau { margin-bottom: 44px; max-width: 760px; }
.syt-chapeau--ligne { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-bottom: 22px; border-bottom: 1px solid var(--syt-trait); position: relative; }
.syt-chapeau--ligne::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 72px; height: 2px; background: var(--syt-pouls); }
.syt .syt-tout { display: inline-flex; align-items: center; gap: 10px; color: var(--syt-encre); font-size: .95rem; font-weight: 600; text-decoration: none; padding-bottom: 3px; border-bottom: 2px solid var(--syt-pouls); }
.syt .syt-tout::after { content: "→"; transition: transform .2s ease; }
.syt .syt-tout:hover { color: var(--syt-pouls-texte); }
.syt .syt-tout:hover::after { transform: translateX(3px); }
.syt .syt-bouton { display: inline-flex; align-items: center; justify-content: center; padding: 15px 26px; background: var(--syt-ardoise); color: var(--syt-blanc); border: 1.5px solid var(--syt-ardoise); border-radius: 0; font-size: 1rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.syt .syt-bouton:hover { background: var(--syt-pouls-texte); border-color: var(--syt-pouls-texte); }
.syt .syt-bouton--trait { background: transparent; color: var(--syt-ardoise); }
.syt .syt-bouton--trait:hover { background: var(--syt-ardoise); border-color: var(--syt-ardoise); color: var(--syt-blanc); }
.syt-etiq { font-size: .74rem; font-weight: 600; font-stretch: 88%; letter-spacing: .12em; text-transform: uppercase; color: var(--syt-gris); margin-bottom: 8px; line-height: 1.3; }
.syt-ariane { font-size: .9rem; color: var(--syt-gris); margin-bottom: 22px; }
.syt .syt-ariane a { color: var(--syt-gris); text-decoration: none; }
.syt .syt-ariane a:hover { color: var(--syt-encre); text-decoration: underline; }

.syt-section { padding: 88px 0; position: relative; }
.syt-section--serree { padding: 48px 0 60px; }
.syt-teinte--blanc { background: var(--syt-blanc); }
.syt-teinte--brume { background: var(--syt-brume); }
.syt-teinte--rose { background: var(--syt-rose); }

/* ---------- Cartes d'article ---------- */
.syt-carte { display: flex; flex-direction: column; min-width: 0; }
.syt-carte__image { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--syt-brume); position: relative; }
.syt .syt-carte__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.syt-carte:hover .syt-carte__image img { transform: scale(1.03); }
.syt-carte__image--vide { display: flex; align-items: center; justify-content: center; color: var(--syt-pouls); background: var(--syt-millimetre), var(--syt-rose); }
.syt-picto--vide { width: 56px; height: 56px; }
.syt-carte__corps { padding-top: 16px; }
.syt .syt-carte__titre { font-size: 1.28rem; line-height: 1.22; }
.syt .syt-carte__titre a { text-decoration: none; background-image: linear-gradient(var(--syt-pouls), var(--syt-pouls)); background-size: 0 2px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .3s ease; }
.syt .syt-carte__titre a:hover { background-size: 100% 2px; }
.syt-carte__chapo { margin-top: 10px; font-size: .98rem; line-height: 1.55; color: var(--syt-texte); }
.syt-carte__date { margin-top: 10px; font-size: .86rem; color: var(--syt-gris); font-variant-numeric: tabular-nums; }
.syt-carte--une .syt-carte__image { aspect-ratio: 16 / 10; }
.syt-carte--une .syt-carte__corps { padding-top: 24px; }
.syt .syt-carte--une .syt-carte__titre { font-size: clamp(1.75rem, 2.5vw, 2.35rem); line-height: 1.1; }
.syt-carte--une .syt-carte__chapo { font-size: 1.06rem; margin-top: 14px; max-width: 42em; }
.syt-carte--ligne { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 20px; align-items: start; }
.syt-carte--ligne .syt-carte__image { aspect-ratio: 4 / 3; }
.syt-carte--ligne .syt-carte__corps { padding-top: 0; }
.syt .syt-carte--ligne .syt-carte__titre { font-size: 1.16rem; }
.syt-carte--ligne .syt-carte__chapo { font-size: .93rem; margin-top: 6px; }
.syt-carte--haute .syt-carte__image { aspect-ratio: 4 / 5; }
.syt .syt-carte--haute .syt-carte__titre { font-size: 1.6rem; }

.syt-rangee { display: grid; gap: 44px 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.syt-rangee--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.syt-rangee--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.syt-rangee--1 { grid-template-columns: minmax(0, 1fr); max-width: 440px; }

/* ---------- Ouverture (hero) : deux colonnes, texte à gauche, photo fixe à droite sur papier millimétré ---------- */
.syt-ouverture { background: var(--syt-brume); padding: 48px 0; position: relative; overflow: hidden; }
.syt-ouverture__grille { display: grid; grid-template-columns: minmax(0, 13fr) minmax(0, 10fr); column-gap: 72px;
    grid-template-rows: 1fr auto auto auto auto auto 1fr; grid-template-areas: ". image" "sur image" "titre image" "chapo image" "boutons image" "releve image" ". image"; }
.syt-ouverture__texte { display: contents; }
.syt-ouverture__sur { grid-area: sur; }
.syt .syt-ouverture__titre { grid-area: titre; font-size: clamp(2.5rem, 3.75vw, 3.6rem); line-height: 1.04; letter-spacing: -.02em; max-width: 13em; }
.syt .syt-ouverture__titre em { white-space: nowrap; }
.syt-ouverture__chapo { grid-area: chapo; margin-top: 24px; font-size: 1.16rem; line-height: 1.55; max-width: 33em; }
.syt-ouverture__boutons { grid-area: boutons; display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.syt-ouverture__releve { grid-area: releve; display: flex; gap: 0; margin-top: 34px; border-top: 1px solid var(--syt-trait); padding-top: 16px; max-width: 520px; }
.syt-ouverture__releve div { flex: 1; padding-right: 18px; }
.syt-ouverture__releve div + div { padding-left: 18px; border-left: 1px solid var(--syt-trait); }
.syt-ouverture__releve dt { font-size: .74rem; font-weight: 600; font-stretch: 88%; letter-spacing: .12em; text-transform: uppercase; color: var(--syt-gris); }
.syt-ouverture__releve dd { font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.55rem; color: var(--syt-encre); line-height: 1.2; font-variant-numeric: tabular-nums; }
.syt-ouverture__image { grid-area: image; position: relative; margin: 0 0 26px 26px; height: clamp(360px, calc(100vh - var(--syt-tete) - 200px), 620px); }
.syt-ouverture__papier { position: absolute; inset: -26px 26px 26px -26px; background: var(--syt-millimetre), var(--syt-rose); }
.syt .syt-ouverture__image img { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.syt-trace--ouverture { position: absolute; left: -26px; bottom: -26px; height: 52px; width: calc(100% + 26px); color: var(--syt-pouls); }
.syt-trace--ouverture path { stroke-width: 2.4; }

/* ---------- Le sommaire : quatre portes à photo fixe ---------- */
.syt-portes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.syt-porte a { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; background: var(--syt-blanc); border: 1px solid var(--syt-trait); transition: border-color .2s ease; }
.syt-porte a:hover { border-color: var(--syt-pouls); }
.syt-porte__image { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--syt-brume); }
.syt .syt-porte__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.syt-porte a:hover .syt-porte__image img { transform: scale(1.03); }
.syt-porte__corps { display: flex; flex-direction: column; gap: 8px; padding: 20px 20px 22px; flex: 1; }
.syt-porte__num { display: flex; align-items: center; gap: 10px; color: var(--syt-pouls-texte); font-weight: 600; font-size: .9rem; font-variant-numeric: tabular-nums; }
.syt-porte__nom { font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.42rem; line-height: 1.15; color: var(--syt-encre); }
.syt-porte__court { font-size: .95rem; line-height: 1.5; color: var(--syt-texte); }
.syt-porte__lien { margin-top: auto; padding-top: 10px; font-size: .9rem; font-weight: 600; color: var(--syt-encre); }
.syt-porte__lien::after { content: " →"; color: var(--syt-pouls); }

/* ---------- À la une : une grande + une pile ---------- */
.syt-une { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; }
.syt-une--seule { grid-template-columns: minmax(0, 1fr); max-width: 860px; }
.syt-une__pile { display: grid; gap: 28px; }
.syt-une__pile .syt-carte + .syt-carte { padding-top: 28px; border-top: 1px solid var(--syt-trait); }

/* ---------- Études de santé : cartes + liste ---------- */
.syt-cursus { display: grid; grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr); gap: 44px; align-items: start; }
.syt-cursus--sans-liste { grid-template-columns: minmax(0, 1fr); }
.syt-cursus__liste { list-style: none; padding: 0; counter-reset: syt-cursus; border-top: 2px solid var(--syt-encre); }
.syt-cursus__liste li { counter-increment: syt-cursus; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding: 16px 0; border-bottom: 1px solid var(--syt-trait); }
.syt-cursus__liste li::before { content: counter(syt-cursus, decimal-leading-zero); font-family: var(--syt-titre); font-style: italic; font-weight: 400; color: var(--syt-pouls-texte); font-size: 1.15rem; line-height: 1.3; }
.syt .syt-cursus__liste a { text-decoration: none; font-weight: 500; line-height: 1.4; }
.syt .syt-cursus__liste a:hover { color: var(--syt-pouls-texte); }

/* ---------- Maladies et symptômes : zones du corps ---------- */
.syt-zones { display: grid; gap: 36px 30px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.syt-zones--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.syt-zones--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.syt-zones--1 { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
.syt-zone { display: flex; flex-direction: column; gap: 16px; }
.syt .syt-zone__nom { display: flex; align-items: center; gap: 10px; font-family: var(--syt-corps); font-stretch: 92%; font-size: .98rem; font-weight: 700; letter-spacing: .02em; color: var(--syt-encre); padding-bottom: 12px; border-bottom: 2px solid var(--syt-encre); }
.syt-zone__nom .syt-picto { color: var(--syt-pouls); width: 26px; height: 26px; }
.syt .syt-carte--zone .syt-carte__titre { font-size: 1.15rem; }
.syt-zone__liste { list-style: none; padding: 0; }
.syt-zone__liste li { padding: 11px 0 11px 26px; border-top: 1px solid var(--syt-trait); position: relative; line-height: 1.4; font-size: .97rem; }
.syt-zone__liste li::before { content: ""; position: absolute; left: 0; top: 17px; width: 16px; height: 8px; background: no-repeat center / 16px 8px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M0 4.5h5l1.5-3 2 6 1.5-4 1 1H16' fill='none' stroke='%23E5484D' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.syt .syt-zone__liste a { text-decoration: none; }
.syt .syt-zone__liste a:hover { color: var(--syt-pouls-texte); text-decoration: underline; }

/* ---------- Examens et traitements : bons d'examen ---------- */
.syt-carte--bon { background: var(--syt-blanc); border: 1px solid var(--syt-trait); }
.syt-carte--bon .syt-carte__corps { padding: 0 20px 22px; display: flex; flex-direction: column; }
.syt-carte--bon .syt-etiq { order: -1; margin: 0 -20px 16px; padding: 9px 20px; color: var(--syt-encre); background: var(--syt-millimetre), var(--syt-rose); border-bottom: 1px solid var(--syt-trait); }
.syt .syt-carte--bon .syt-carte__titre { font-size: 1.18rem; }

/* ---------- Sport et nutrition : une haute + quatre ---------- */
.syt-forme { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: start; }
.syt-forme__grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
.syt-forme__grille--1 { grid-template-columns: minmax(0, 1fr); }
.syt-forme__suite { list-style: none; padding: 0; margin-top: 48px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2px solid var(--syt-encre); }
.syt-forme__suite--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.syt-forme__suite--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.syt-forme__suite--1 { grid-template-columns: minmax(0, 1fr); }
.syt-forme__suite li { padding: 16px 20px 4px 0; display: flex; flex-direction: column; gap: 6px; }
.syt-forme__suite li + li { padding-left: 20px; border-left: 1px solid var(--syt-trait); }
.syt-forme__suite span { font-size: .74rem; font-weight: 600; font-stretch: 88%; letter-spacing: .12em; text-transform: uppercase; color: var(--syt-gris); }
.syt .syt-forme__suite a { text-decoration: none; font-weight: 500; line-height: 1.4; }
.syt .syt-forme__suite a:hover { color: var(--syt-pouls-texte); }

/* ---------- Le relevé des derniers articles ---------- */
.syt-fil { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; border-top: 2px solid var(--syt-encre); }
.syt-fil li { display: grid; grid-template-columns: 74px minmax(0, 1fr); grid-template-areas: "date rub" "date titre"; column-gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--syt-trait); }
.syt-fil__date { grid-area: date; font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.5rem; color: var(--syt-pouls-texte); font-variant-numeric: tabular-nums; line-height: 1.1; }
.syt-fil__rub { grid-area: rub; font-size: .74rem; font-weight: 600; font-stretch: 88%; letter-spacing: .12em; text-transform: uppercase; color: var(--syt-gris); }
.syt .syt-fil a { grid-area: titre; text-decoration: none; font-weight: 500; line-height: 1.4; margin-top: 3px; }
.syt .syt-fil a:hover { color: var(--syt-pouls-texte); }

/* ---------- La rédaction ---------- */
.syt-redaction { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: center; }
.syt-redaction__qui { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 32px; align-items: start; }
.syt-redaction__portrait { display: block; width: 160px; height: 160px; overflow: hidden; background: var(--syt-brume); }
.syt .syt-redaction__portrait img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.syt-redaction__bio { margin-top: 14px; line-height: 1.6; }
.syt-redaction__compte { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--syt-trait); color: var(--syt-gris); }
.syt-redaction__compte strong { font-family: var(--syt-titre); font-stretch: 85%; font-size: 1.5rem; color: var(--syt-pouls-texte); margin-right: 4px; }
.syt-ligne { background: var(--syt-blanc); border: 1px solid var(--syt-trait); padding: 28px 30px 30px; }
.syt-ligne__titre { display: flex; align-items: center; gap: 12px; font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.35rem; color: var(--syt-encre); margin-bottom: 16px; }
.syt-trace--mini { width: 46px; height: 18px; flex: none; }
.syt-ligne__liste { padding: 0; list-style: none; counter-reset: syt-ligne; }
.syt-ligne__liste li { counter-increment: syt-ligne; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; padding: 12px 0; border-top: 1px solid var(--syt-trait); line-height: 1.5; font-size: .98rem; }
.syt-ligne__liste li::before { content: counter(syt-ligne); font-family: var(--syt-titre); font-style: italic; color: var(--syt-pouls-texte); font-size: 1.2rem; line-height: 1.25; }

/* ---------- Texte de fond + questions ---------- */
.syt-fond { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: start; }
.syt-fond__texte { background: var(--syt-blanc); border: 1px solid var(--syt-trait); padding: 40px 44px 42px; position: relative; }
.syt-fond__texte::before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 6px; background: var(--syt-millimetre), var(--syt-rose); border-bottom: 1px solid var(--syt-pouls); }
.syt-fond__texte p:not(.syt-surtitre) { margin-top: 16px; line-height: 1.7; }
.syt .syt-fond__faq-titre { font-size: 1.5rem; margin-bottom: 14px; }
.syt-fond__faq details { border-top: 1px solid var(--syt-trait); }
.syt-fond__faq details:last-child { border-bottom: 1px solid var(--syt-trait); }
.syt-fond__faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 18px; padding: 18px 0; font-weight: 600; color: var(--syt-encre); line-height: 1.4; }
.syt-fond__faq summary::-webkit-details-marker { display: none; }
.syt-fond__faq summary::after { content: "+"; flex: none; color: var(--syt-pouls-texte); font-size: 1.4rem; line-height: 1; transition: transform .2s ease; }
.syt-fond__faq details[open] summary::after { transform: rotate(45deg); }
.syt-fond__faq details p { padding: 0 0 18px; line-height: 1.6; }
.syt .syt-fond a, .syt .syt-redaction__bio a { color: var(--syt-pouls-texte); }

/* ---------- Article « dossier » ---------- */
.syt-dos-tete { background: var(--syt-brume); padding: 48px 0 150px; position: relative; }
.syt-dos-tete::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 34%; background: var(--syt-millimetre); -webkit-mask-image: linear-gradient(90deg, transparent, #000 70%); mask-image: linear-gradient(90deg, transparent, #000 70%); pointer-events: none; }
.syt-dos-tete--sans-image { padding-bottom: 56px; }
.syt-dos-tete__corps { position: relative; z-index: 1; }
.syt-dos-tete__rub { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: .95rem; color: var(--syt-pouls-texte); margin-bottom: 16px; }
.syt .syt-dos-tete__rub a { text-decoration: none; color: var(--syt-encre); }
.syt .syt-dos-tete__titre { font-size: clamp(2.2rem, 4.2vw, 3.7rem); line-height: 1.05; letter-spacing: -.02em; max-width: 19em; }
.syt-signature { display: flex; align-items: center; gap: 14px; margin-top: 28px; font-size: .95rem; color: var(--syt-gris); flex-wrap: wrap; }
.syt-signature__portrait { flex: none; width: 48px; height: 48px; overflow: hidden; background: var(--syt-rose); }
.syt .syt-signature__portrait img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.syt .syt-signature strong { color: var(--syt-encre); font-weight: 600; }
.syt-signature__sep { margin: 0 8px; color: var(--syt-pouls); }
.syt-dos-image { margin-top: -110px; position: relative; z-index: 2; }
.syt-dos-image figure { aspect-ratio: 16 / 8; overflow: hidden; background: var(--syt-brume); }
.syt .syt-dos-image img { width: 100%; height: 100%; object-fit: cover; }
.syt-dos-corps { display: grid; grid-template-columns: minmax(0, 740px) 300px; gap: 76px; justify-content: center; padding-top: 56px; padding-bottom: 32px; }
.syt-rail { min-width: 0; }
.syt-rail__collant { position: sticky; top: calc(var(--syt-tete) + 24px); align-self: start; display: grid; gap: 28px; }
.syt-dos-corps .syt-rail { align-self: stretch; }
.syt-moniteur { background: var(--syt-ardoise); color: var(--syt-blanc); padding: 18px 22px 20px; }
.syt-trace--moniteur { width: 100%; height: 34px; color: var(--syt-pouls-clair); margin-bottom: 8px; }
.syt-moniteur__releve div { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .16); }
.syt-moniteur__releve dt { font-size: .74rem; font-weight: 600; font-stretch: 88%; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }
.syt-moniteur__releve dd { font-weight: 600; font-size: .95rem; text-align: right; font-variant-numeric: tabular-nums; }
.syt .syt-moniteur__releve a { color: var(--syt-pouls-clair); text-decoration: none; }
.syt-rail__titre { font-size: .78rem; font-weight: 700; font-stretch: 88%; letter-spacing: .14em; text-transform: uppercase; color: var(--syt-encre); padding-bottom: 10px; border-bottom: 2px solid var(--syt-encre); }
.syt-rail__memes ul { list-style: none; padding: 0; }
.syt-rail__memes li { padding: 11px 0; border-bottom: 1px solid var(--syt-trait); font-size: .95rem; line-height: 1.4; }
.syt .syt-rail__memes a { text-decoration: none; }
.syt .syt-rail__memes a:hover { color: var(--syt-pouls-texte); }
.syt-dos-pied { max-width: 1260px; padding-bottom: 72px; }
.syt-prudence { max-width: 1116px; margin: 0 auto; display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 28px; align-items: center; padding: 26px 30px; background: var(--syt-millimetre), var(--syt-rose); border: 1px solid #F3CFCF; }
.syt-prudence__titre { display: flex; align-items: center; gap: 12px; font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.2rem; color: var(--syt-encre); line-height: 1.2; }
.syt-prudence p:last-child { background: var(--syt-blanc); padding: 14px 18px; line-height: 1.55; font-size: .98rem; }

/* Texte des articles et des pages (contenu jamais modifié : habillage seulement) */
.syt-texte { min-width: 0; font-size: 1.08rem; line-height: 1.75; color: var(--syt-texte); }
.syt .syt-texte > * { margin-block: 0; }
.syt .syt-texte > * + * { margin-top: 1.1em; }
.syt .syt-texte :is(h2, h3, h4) + * { margin-top: .55em; }
.syt .syt-texte h2 { font-size: clamp(1.6rem, 2.3vw, 2rem); margin-top: 2.1em; padding-top: 22px; position: relative; scroll-margin-top: calc(var(--syt-tete) + 24px); }
.syt .syt-texte h2::before { content: ""; position: absolute; left: 0; top: 0; width: 46px; height: 12px; background: no-repeat left center / 46px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 12'%3E%3Cpath d='M0 7h17l3-5 4 9 4-10 3 6H46' fill='none' stroke='%23E5484D' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.syt .syt-texte h3 { font-size: 1.32rem; margin-top: 1.8em; scroll-margin-top: calc(var(--syt-tete) + 24px); }
.syt .syt-texte h4 { font-size: 1.12rem; margin-top: 1.4em; }
.syt .syt-texte a { color: var(--syt-pouls-texte); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.syt .syt-texte a:hover { text-decoration-thickness: 2px; }
.syt-texte ul, .syt-texte ol { padding-left: 1.4em; }
.syt-texte li + li { margin-top: .45em; }
.syt-texte ul > li::marker { color: var(--syt-pouls); }
.syt-texte ol > li::marker { color: var(--syt-pouls-texte); font-weight: 600; }
.syt-texte blockquote { margin: 1.6em 0; padding: 4px 0 4px 26px; border-left: 3px solid var(--syt-pouls); font-family: var(--syt-titre); font-style: italic; font-size: 1.18rem; color: var(--syt-encre); }
.syt-texte table { width: 100%; border-collapse: collapse; font-size: .96rem; display: block; overflow-x: auto; }
.syt-texte th, .syt-texte td { border: 1px solid var(--syt-trait); padding: 10px 12px; text-align: left; vertical-align: top; }
.syt-texte th, .syt-texte thead td { background: var(--syt-brume); color: var(--syt-encre); font-weight: 600; }
.syt-texte img { height: auto; }
.syt-texte figure { margin: 1.6em 0; }
.syt-texte figcaption { font-size: .88rem; color: var(--syt-gris); margin-top: 8px; }
.syt-texte iframe { max-width: 100%; }
/* Encadrés écrits en ligne dans les articles (fond gris, filet rouge à gauche) : ramenés à la palette, contenu intact */
.syt .syt-texte [style*="border-left"] { background: var(--syt-rose) !important; border-left: 4px solid var(--syt-pouls) !important; border-radius: 0 !important; padding: 20px 24px !important; margin-inline: 0 !important; color: var(--syt-texte) !important; font-family: var(--syt-corps); font-style: normal; font-size: 1.02rem; }
.syt .syt-texte [style*="border-left"] > * + * { margin-top: .7em; }
.syt .syt-texte [style*="border-left"] :is(h2, h3, h4, strong) { color: var(--syt-encre) !important; }
.syt .syt-texte [style*="border-left"] h2::before { display: none; }
.syt .syt-texte [style*="background-color:#f0f0f0"], .syt .syt-texte [style*="background-color: #f0f0f0"] { background: var(--syt-brume) !important; }
/* Encarts « A lire » (articles liés en ligne) : liens intacts, habillage seulement */
.syt .syt-texte a:has(.ctaText) { background-color: var(--syt-brume) !important; border: 1px solid var(--syt-trait) !important; border-left: 4px solid var(--syt-ardoise) !important; text-decoration: none !important; opacity: 1 !important; }
.syt .syt-texte a:has(.ctaText) .ctaText { color: var(--syt-pouls-texte) !important; font-family: var(--syt-corps); font-size: .82rem !important; letter-spacing: .08em; text-transform: uppercase; }
.syt .syt-texte a:has(.ctaText) .postTitle { color: var(--syt-encre) !important; font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.05rem !important; text-decoration-color: var(--syt-pouls) !important; }
/* Sommaire Easy TOC */
.syt #ez-toc-container { width: 100% !important; background: var(--syt-brume) !important; border: 1px solid var(--syt-trait) !important; border-radius: 0 !important; box-shadow: none !important; padding: 16px 22px !important; margin: 1.6em 0 !important; font-family: var(--syt-corps); }
.syt #ez-toc-container .ez-toc-title { font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.15rem !important; color: var(--syt-encre) !important; }
.syt #ez-toc-container a { color: var(--syt-texte) !important; text-decoration: none !important; }
.syt #ez-toc-container a:hover { color: var(--syt-pouls-texte) !important; text-decoration: underline !important; }
.syt #ez-toc-container nav ul { padding-left: 0; }
.syt #ez-toc-container li { margin-top: .35em; }
.syt #ez-toc-container .ez-toc-btn { background: var(--syt-blanc) !important; border: 1px solid var(--syt-trait) !important; border-radius: 0 !important; }

/* Boîte d'auteur (Simple Author Box) en fin d'article : cadrage franc, palette du thème */
.syt .syt-texte .saboxplugin-wrap { margin-top: 2.4em !important; border: 1px solid var(--syt-trait) !important; border-radius: 0 !important; background: var(--syt-brume) !important; box-shadow: none !important; padding: 22px 24px !important; }
.syt .syt-texte .saboxplugin-wrap .saboxplugin-tab { display: grid; grid-template-columns: 88px minmax(0, 1fr); column-gap: 20px; }
.syt .syt-texte .saboxplugin-gravatar { float: none !important; grid-row: span 2; padding: 0 !important; margin: 0 !important; }
.syt .syt-texte .saboxplugin-gravatar img { width: 88px !important; height: 88px !important; max-width: none !important; object-fit: cover; border-radius: 0 !important; }
.syt .syt-texte .saboxplugin-authorname { margin: 0 !important; font-family: var(--syt-titre); font-stretch: 85%; font-weight: 600; font-size: 1.25rem !important; color: var(--syt-encre); }
.syt .syt-texte .saboxplugin-authorname a { color: var(--syt-encre) !important; text-decoration: none !important; }
.syt .syt-texte .saboxplugin-desc { margin: 6px 0 0 !important; color: var(--syt-texte) !important; }
.syt .syt-texte .saboxplugin-desc p { font-size: .98rem !important; line-height: 1.55 !important; margin: 0 !important; }
.syt .syt-texte .saboxplugin-socials { display: none !important; }

/* ---------- Rubrique ---------- */
.syt-rub-tete { background: var(--syt-brume); padding: 44px 0 52px; position: relative; overflow: hidden; }
.syt-rub-tete::before { content: ""; position: absolute; inset: 0 0 0 auto; width: 46%; background: var(--syt-millimetre); -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%); mask-image: linear-gradient(90deg, transparent, #000 60%); pointer-events: none; }
.syt-rub-tete .syt-cadre { position: relative; }
.syt-rub-tete__grille { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 64px; align-items: end; }
.syt-rub-tete__grille--seule { grid-template-columns: minmax(0, 1fr); }
.syt-rub-tete__num { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: .92rem; color: var(--syt-pouls-texte); margin-bottom: 14px; }
.syt-rub-tete__num .syt-picto { width: 28px; height: 28px; }
.syt .syt-rub-tete__titre { font-size: clamp(2.4rem, 4.6vw, 4rem); line-height: 1.02; letter-spacing: -.02em; }
.syt .syt-rub-tete__titre--moyen { font-size: clamp(2rem, 3.4vw, 3rem); }
.syt-rub-tete__intro { margin-top: 18px; font-size: 1.12rem; line-height: 1.55; max-width: 40em; }
.syt-rub-tete__nb { margin-top: 18px; color: var(--syt-gris); }
.syt-rub-tete__nb strong { font-family: var(--syt-titre); font-stretch: 85%; font-size: 1.6rem; color: var(--syt-pouls-texte); margin-right: 4px; }
.syt-rub-tete__image { aspect-ratio: 4 / 5; overflow: hidden; background: var(--syt-rose); outline: 1px solid var(--syt-pouls); outline-offset: 10px; margin: 10px 10px 10px 0; }
.syt .syt-rub-tete__image img { width: 100%; height: 100%; object-fit: cover; }
.syt-rub-tete--simple { padding-bottom: 48px; }
.syt-rub-tete__qui { display: flex; align-items: center; gap: 26px; }
.syt-rub-tete__portrait { flex: none; width: 112px; height: 112px; overflow: hidden; background: var(--syt-rose); }
.syt .syt-rub-tete__portrait img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.syt-grille { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 48px 30px; }
.syt-carte--g { grid-column: span 6; }
.syt-carte--m { grid-column: span 4; }
.syt-carte--p { grid-column: span 3; }
.syt .syt-carte--g .syt-carte__titre { font-size: clamp(1.45rem, 2vw, 1.8rem); line-height: 1.14; }
.syt-carte--g .syt-carte__image { aspect-ratio: 16 / 10; }
.syt .syt-carte--p .syt-carte__titre { font-size: 1.12rem; }
.syt-pages { margin-top: 56px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.syt .syt-pages .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border: 1px solid var(--syt-trait); text-decoration: none; color: var(--syt-encre); font-weight: 600; }
.syt .syt-pages .page-numbers.current { background: var(--syt-ardoise); border-color: var(--syt-ardoise); color: var(--syt-blanc); }
.syt .syt-pages a.page-numbers:hover { border-color: var(--syt-pouls); color: var(--syt-pouls-texte); }

/* ---------- Bandeau des rubriques ---------- */
.syt-onglets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.syt .syt-onglets__lien { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--syt-blanc); border: 1px solid var(--syt-trait); text-decoration: none; color: var(--syt-encre); font-weight: 600; line-height: 1.25; transition: border-color .2s ease; }
.syt-onglets__lien .syt-picto { color: var(--syt-pouls); width: 24px; height: 24px; }
.syt-onglets__num { font-family: var(--syt-titre); font-style: italic; font-weight: 400; color: var(--syt-pouls-texte); }
.syt .syt-onglets__lien:hover, .syt .syt-onglets__lien[aria-current] { border-color: var(--syt-pouls); }
.syt .syt-onglets__lien[aria-current] { box-shadow: inset 0 -3px 0 var(--syt-pouls); }

/* ---------- Pages de structure ---------- */
.syt-page__tete { background: var(--syt-millimetre), var(--syt-brume); padding: 44px 0 46px; }
.syt .syt-page__titre { font-size: clamp(2.2rem, 4vw, 3.3rem); line-height: 1.05; }
.syt-page__corps { padding-top: 48px; padding-bottom: 88px; }
.syt-perdu { padding: 72px 0 80px; }
.syt-trace--plat { width: 220px; height: 30px; margin-top: 18px; }

/* ---------- Pied ---------- */
.syt-pied { background: var(--syt-nuit); color: rgba(255, 255, 255, .82); padding: 74px 0 30px; font-size: .96rem; }
.syt-pied__grille { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr); gap: 44px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.syt .syt-pied__logo img { width: auto; height: 46px; margin-bottom: 18px; }
.syt-pied__marque p { line-height: 1.6; max-width: 26em; }
.syt-pied__titre { font-size: .78rem; font-weight: 700; font-stretch: 88%; letter-spacing: .14em; text-transform: uppercase; color: var(--syt-blanc); margin-bottom: 14px; }
.syt-pied ul { list-style: none; padding: 0; }
.syt-pied li + li { margin-top: 8px; }
.syt .syt-pied a { color: rgba(255, 255, 255, .82); text-decoration: none; }
.syt .syt-pied a:hover { color: var(--syt-pouls-clair); }
.syt-pied__rappel p:last-child { line-height: 1.6; }
.syt-pied__bas { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding-top: 22px; font-size: .86rem; color: rgba(255, 255, 255, .6); }

/* ---------- Écrans moyens ---------- */
@media (max-width: 1180px) {
    .syt-menu__liste .syt-picto { display: none; }
    .syt .syt-menu__liste a { padding: 10px 9px; font-size: .9rem; }
    .syt-zones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .syt-rangee--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .syt-dos-corps { grid-template-columns: minmax(0, 1fr) 280px; gap: 48px; }
}
@media (max-width: 1040px) {
    .syt-tete__tiroir { display: inline-flex; }
    .syt-menu { position: absolute; left: 0; right: 0; top: 100%; background: var(--syt-ardoise); border-top: 1px solid rgba(255, 255, 255, .14); display: none; margin: 0; }
    .syt-menu.syt-ouvert { display: block; }
    .syt-menu__liste { flex-direction: column; align-items: stretch; padding: 8px 28px 18px; gap: 0; }
    .syt-menu__liste .syt-picto { display: block; }
    .syt .syt-menu__liste a { padding: 14px 0; font-size: 1.02rem; border-bottom: 1px solid rgba(255, 255, 255, .1); }
    .syt .syt-menu__liste a::after { display: none; }
    .syt-tete__loupe { margin-left: auto; }
    .syt-portes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .syt-une, .syt-cursus, .syt-forme, .syt-redaction, .syt-fond { grid-template-columns: minmax(0, 1fr); }
    .syt-forme__suite { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .syt-forme__suite li:nth-child(3) { padding-left: 0; border-left: 0; }
    .syt-dos-corps { grid-template-columns: minmax(0, 1fr); max-width: 780px; margin-inline: auto; }
    .syt-rail__collant { position: static; }
    .syt-prudence { grid-template-columns: minmax(0, 1fr); }
    .syt-onglets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .syt-pied__grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .syt-carte--g, .syt-carte--m, .syt-carte--p { grid-column: span 6; }
}

/* ---------- Mobile : ouverture dans l'ordre surtitre, H1, chapô, image, boutons, relevé ---------- */
@media (max-width: 900px) {
    .syt-ouverture { padding: 32px 0 40px; }
    .syt-ouverture__grille { grid-template-columns: minmax(0, 1fr); grid-template-areas: none; grid-template-rows: none; row-gap: 18px; }
    .syt .syt-ouverture__texte > *, .syt .syt-ouverture__image { grid-area: auto; margin-top: 0; }
    .syt-ouverture__sur { order: 1; margin-bottom: 0; }
    .syt-ouverture__titre { order: 2; }
    .syt-ouverture__chapo { order: 3; }
    .syt-ouverture__image { order: 4; height: auto; aspect-ratio: 5 / 5.4; margin: 14px 14px 22px 14px; }
    .syt-ouverture__papier { inset: -14px 14px 14px -14px; }
    .syt-trace--ouverture { left: -14px; bottom: -22px; height: 40px; width: calc(100% + 14px); }
    .syt-ouverture__boutons { order: 5; }
    .syt-ouverture__releve { order: 6; }
    .syt-rub-tete__grille { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .syt-rub-tete__image { max-width: 220px; }
}
@media (max-width: 640px) {
    body.syt { font-size: 17px; }
    .syt-cadre { padding-inline: 18px; }
    :root { --syt-tete: 64px; }
    .syt .syt-tete__logo img { height: 32px; }
    .syt-section { padding: 60px 0; }
    .syt-chapeau { margin-bottom: 32px; }
    .syt .syt-ouverture__titre { font-size: 2.45rem; }
    .syt-ouverture__boutons { flex-wrap: nowrap; gap: 8px; }
    .syt .syt-ouverture__boutons .syt-bouton { flex: 1 1 0; padding: 14px 10px; font-size: .9rem; white-space: normal; text-align: center; }
    .syt-ouverture__releve dd { font-size: 1.3rem; }
    .syt-portes, .syt-rangee, .syt-rangee--2, .syt-rangee--4, .syt-zones, .syt-forme__grille, .syt-fil, .syt-onglets { grid-template-columns: minmax(0, 1fr); }
    .syt-portes { gap: 22px; }
    .syt-porte a { display: grid; grid-template-columns: 112px minmax(0, 1fr); }
    .syt-porte__image { aspect-ratio: auto; height: 100%; min-height: 150px; }
    .syt-porte__corps { padding: 14px 16px 16px; gap: 5px; }
    .syt-porte__nom { font-size: 1.22rem; }
    .syt-carte--ligne { grid-template-columns: 112px minmax(0, 1fr); gap: 14px; }
    .syt-forme__suite { grid-template-columns: minmax(0, 1fr); }
    .syt-forme__suite li, .syt-forme__suite li + li { padding: 14px 0; border-left: 0; border-bottom: 1px solid var(--syt-trait); }
    .syt-redaction__qui { grid-template-columns: 96px minmax(0, 1fr); gap: 20px; }
    .syt-redaction__portrait { width: 96px; height: 96px; }
    .syt-fond__texte { padding: 30px 22px; }
    .syt-dos-tete { padding: 32px 0 96px; }
    .syt-dos-image { margin-top: -70px; }
    .syt-dos-image figure { aspect-ratio: 16 / 10; }
    .syt-signature__sep { margin: 0 4px; }
    .syt-carte--g, .syt-carte--m, .syt-carte--p { grid-column: span 12; }
    .syt-pied__grille { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .syt-prudence { padding: 20px; }
    .syt-rub-tete__qui { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .syt *, .syt *::before, .syt *::after { transition: none !important; }
}