/* Groupe « d » (maquettes Honoraires, Contact, Urgences) — composants propres, préfixe .ds-d-, jetons --ds-* uniquement.
   .ds-d-ancres (sommaire en pastilles du haut de page) · .ds-d-cit (citation officielle) · .ds-d-eq (formule « qui paie quoi »)
   .ds-d-paniers/.ds-d-panier/.ds-d-jauge (paniers 100 % Santé) · .ds-d-tpile (tableau empilé sur téléphone) · .ds-d-af (encadré à compléter)
   .ds-d-coord (coordonnées) · .ds-d-hcard/.ds-d-plage (horaires) · .ds-d-carte (plan + itinéraire) · .ds-d-champ/.ds-d-choix (champs)
   .ds-d-moment (qui appeler, selon le moment) · .ds-d-niveaux/.ds-d-niv (est-ce urgent ?) · .ds-d-exp (dent expulsée)
   .ds-d-geste/.ds-d-puces/.ds-d-delai (bons gestes) · .ds-d-non (à ne pas faire) · .ds-d-vital-note */

/* ── sommaire en pastilles (bas du haut de page, sur toute la largeur) ── */
.ds-d-sommaire{grid-column:1/-1;justify-self:stretch;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:clamp(8px,2vw,22px);padding-top:22px;border-top:1px solid var(--ds-rule)}
.ds-d-sommaire > span{font:500 11px/1.3 var(--ds-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-mute)}
.ds-d-ancres{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ds-d-ancres a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 14px;border-radius:999px;background:var(--ds-bg);box-shadow:inset 0 0 0 1px var(--ds-rule-2);color:var(--ds-ink);text-decoration:none;font:500 14px/1.2 var(--ds-f-body);transition:color .2s,box-shadow .2s,background-color .2s}
/* flèche dessinée : le glyphe « ↓ » manque à plusieurs polices des styles (8 px de large : l'encombrement de l'ancien glyphe) */
.ds-d-ancres a::before{content:"";flex:none;width:8px;height:12px;color:var(--ds-accent);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/12px no-repeat}
.ds-d-ancres a:hover{color:var(--ds-accent);background:var(--ds-tint);box-shadow:inset 0 0 0 1px var(--ds-accent)}
@media (max-width:767px){.ds-d-sommaire{display:grid;min-width:0;gap:10px}.ds-d-ancres{flex-wrap:nowrap;overflow-x:auto;min-width:0;max-width:100%;padding-bottom:6px;scrollbar-width:thin}.ds-d-ancres a{min-height:44px;white-space:nowrap}}

/* ── citation d'un texte officiel ── */
.ds-d-cit{margin:0;padding:20px 24px;border-left:3px solid var(--ds-accent);border-radius:0 var(--ds-r) var(--ds-r) 0;background:var(--ds-bg);color:var(--ds-ink);font-size:16px;line-height:1.65;box-shadow:var(--ds-shadow)}
.ds-d-cit p + p{margin-top:.6em}
.ds-d-cit cite{display:block;margin-top:10px;font:500 11px/1.4 var(--ds-f-mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--ds-mute)}

/* ── formule « qui paie quoi » ── */
.ds-d-eq{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}
.ds-d-eq-i{display:grid;align-content:start;gap:6px;padding:20px 18px;border-radius:var(--ds-r);background:var(--ds-bg);border:1px solid var(--ds-rule)}
.ds-d-eq-i b{font:var(--ds-w-title) 17px/1.25 var(--ds-f-title);font-stretch:var(--ds-stretch);letter-spacing:-.015em;color:var(--ds-ink)}
.ds-d-eq-i span{font-size:14px;line-height:1.5}
.ds-d-eq-i i{width:28px;height:6px;border-radius:3px;margin-bottom:6px;background:var(--ds-accent)}
.ds-d-eq-i--tot{background:var(--ds-ink);border-color:var(--ds-ink)}
.ds-d-eq-i--tot b{color:var(--ds-bg)}.ds-d-eq-i--tot span{color:color-mix(in srgb,var(--ds-bg) 75%,transparent)}
.ds-d-eq-i--tot i{background:var(--ds-bg)}
.ds-d-eq-i--amc i{background:color-mix(in srgb,var(--ds-accent) 45%,var(--ds-bg))}
.ds-d-eq-i--rac i{background:repeating-linear-gradient(135deg,var(--ds-ink) 0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1px var(--ds-ink)}
.ds-d-eq-op{display:grid;place-items:center;font:500 22px/1 var(--ds-f-mono);color:var(--ds-accent)}
@media (max-width:1000px){.ds-d-eq{grid-template-columns:1fr}.ds-d-eq-op{padding:2px 0}}

/* ── paniers du 100 % Santé ── */
.ds-d-paniers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ds-d-panier{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px 26px;background:var(--ds-bg);border:1px solid var(--ds-rule);border-radius:var(--ds-r)}
.ds-d-panier h3{font-size:21px;line-height:1.2}
.ds-d-panier p{font-size:15px;line-height:1.6}
.ds-d-panier--0{border-color:var(--ds-accent);box-shadow:inset 0 3px 0 var(--ds-accent),var(--ds-shadow)}
.ds-d-rac{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--ds-rule)}
.ds-d-rac small{font:500 11px/1.3 var(--ds-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-mute)}
.ds-d-rac b{font:var(--ds-w-title) 17px/1.2 var(--ds-f-title);color:var(--ds-ink);text-align:right}
.ds-d-jauge{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px;background:var(--ds-surface)}
.ds-d-jauge i{display:block;height:100%}
.ds-d-jauge .amo{flex:0 0 34%;background:var(--ds-accent)}
.ds-d-jauge .amc{flex:1 1 auto;background:color-mix(in srgb,var(--ds-accent) 45%,var(--ds-bg))}
.ds-d-jauge .rac{flex:0 0 0;background:repeating-linear-gradient(135deg,var(--ds-ink) 0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1px var(--ds-ink)}
.ds-d-jauge--m .rac{flex-basis:14%}
.ds-d-jauge--l .amc{flex:0 1 30%}.ds-d-jauge--l .rac{flex:1 1 auto}
.ds-d-legende{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:13.5px;color:var(--ds-body);list-style:none;padding:0}
.ds-d-legende li{display:inline-flex;align-items:center;gap:8px}
.ds-d-legende i{width:22px;height:10px;border-radius:5px;background:var(--ds-accent)}
.ds-d-legende .amc{background:color-mix(in srgb,var(--ds-accent) 45%,var(--ds-bg))}
.ds-d-legende .rac{background:repeating-linear-gradient(135deg,var(--ds-ink) 0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1px var(--ds-ink)}
@media (max-width:1000px){.ds-d-paniers{grid-template-columns:1fr}}

/* ── tableau pédagogique : empilé sur téléphone ── */
.ds-d-tpile td small{display:block;margin-top:4px;color:var(--ds-mute);font-size:13px;line-height:1.45}
.ds-d-tpile tbody th{min-width:180px}
.ds-d-oui{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--ds-tint);color:var(--ds-accent-2);font-weight:600;font-size:13.5px;white-space:nowrap}
.ds-d-oui--n{background:var(--ds-surface);color:var(--ds-body)}
@media (max-width:700px){
  .ds-table-w:has(.ds-d-tpile){overflow:visible;border:0;background:none}
  .ds-d-tpile{min-width:0;display:block}
  .ds-d-tpile thead{display:none}
  .ds-d-tpile tbody{display:grid;gap:12px}
  .ds-d-tpile tr{display:grid;gap:0;padding:6px 18px 10px;background:var(--ds-bg);border:1px solid var(--ds-rule);border-radius:var(--ds-r)}
  .ds-d-tpile tr > *{display:block;padding:10px 0;border-bottom:1px solid var(--ds-rule)!important}
  .ds-d-tpile tr > :last-child{border-bottom:0!important}
  .ds-d-tpile tbody th{min-width:0;font-size:17px;padding-top:12px}
  .ds-d-tpile td::before{content:attr(data-l);display:block;margin-bottom:3px;font:500 10.5px/1.3 var(--ds-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-mute)}
}

/* ── encadré « à compléter par le cabinet » ── */
.ds-d-af{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:start;padding:20px 22px;border:1.5px dashed var(--ds-rule-2);border-radius:var(--ds-r);background:var(--ds-bg);font-size:15px;line-height:1.6}
.ds-d-af > .ds-svg{width:22px;height:22px;color:var(--ds-accent);margin-top:2px;grid-row:span 2}
.ds-d-af b{color:var(--ds-ink);font-weight:650}

/* ── coordonnées (haut de la page Contact) ── */
.ds-d-coord{display:grid;width:100%;padding:6px 26px 8px;background:var(--ds-bg);border:1px solid var(--ds-rule);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow-h)}
.ds-d-coord-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:18px 0 16px;border-bottom:1.5px solid var(--ds-ink)}
.ds-d-coord-top small{font:500 11px/1.3 var(--ds-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-mute)}
.ds-d-coord-l{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:64px;padding:14px 0;border-bottom:1px solid var(--ds-rule);color:var(--ds-ink);text-decoration:none}
.ds-d-coord-l:last-child{border-bottom:0}
.ds-d-coord-l .ds-ico{width:40px;height:40px;border-radius:10px}
.ds-d-coord-l .ds-ico .ds-svg{width:19px;height:19px}
.ds-d-coord-l > span:not(.ds-ico){min-width:0}
.ds-d-coord-l small{display:block;margin-bottom:3px;font:500 11px/1.3 var(--ds-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-mute)}
.ds-d-coord-l b{display:block;font:600 16.5px/1.35 var(--ds-f-body);overflow-wrap:anywhere}
.ds-d-coord-l em{display:block;font-style:normal;font-size:13.5px;color:var(--ds-mute)}
.ds-d-coord-l > .ds-svg{width:16px;height:16px;color:var(--ds-mute);transition:transform .25s var(--ds-ease),color .25s}
.ds-d-coord-l--tel b{font:var(--ds-w-title) clamp(24px,20px + 1vw,30px)/1.1 var(--ds-f-title);font-stretch:var(--ds-stretch);letter-spacing:-.02em}
a.ds-d-coord-l:hover b{color:var(--ds-accent)}
a.ds-d-coord-l:hover > .ds-svg{transform:translateX(3px);color:var(--ds-accent)}
a.ds-d-coord-l:hover .ds-ico{background:var(--ds-accent);color:var(--ds-bg)}
@media (max-width:520px){.ds-d-coord{padding:4px 18px 6px}}

/* ── horaires ── */
.ds-d-hcard{padding:10px 12px;background:var(--ds-bg);border:1px solid var(--ds-rule);border-radius:var(--ds-r-l);box-shadow:var(--ds-shadow)}
.ds-d-hcard .ds-horaires th,.ds-d-hcard .ds-horaires td{padding:14px 14px;font-size:15.5px}
.ds-d-hcard .ds-horaires tr:last-child > *{border-bottom:0}
.ds-d-hcard .ds-horaires tr > *:first-child{border-radius:10px 0 0 10px}.ds-d-hcard .ds-horaires tr > *:last-child{border-radius:0 10px 10px 0}
.ds-d-plage{display:inline-block;white-space:nowrap} /* pastille : socle.css */
.ds-d-ferme{color:var(--ds-mute)}

/* ── plan et itinéraire ── */
.ds-d-carte{display:grid;gap:16px;justify-items:start}
.ds-d-carte .ds-map{width:100%}
.ds-d-carte .ds-map span b{display:block;font-weight:600}

/* ── champs de saisie (filtres de l'annuaire du Centre ; formulaire de contact retiré le 02/10/2026) ── */
.ds-d-champ{display:grid;gap:7px;align-content:start}
.ds-d-champ label{font:600 14.5px/1.3 var(--ds-f-body);color:var(--ds-ink)}
.ds-d-champ input,.ds-d-champ select,.ds-d-champ textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--ds-rule-2);border-radius:var(--ds-r-s);background:var(--ds-bg);color:var(--ds-ink);font-size:16px;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.ds-d-champ textarea{min-height:150px;resize:vertical}
.ds-d-champ input:hover,.ds-d-champ select:hover,.ds-d-champ textarea:hover{border-color:color-mix(in srgb,var(--ds-accent) 45%,var(--ds-rule-2))}
.ds-d-champ input:focus,.ds-d-champ select:focus,.ds-d-champ textarea:focus{outline:none;border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-tint-2)}
.ds-d-choix{position:relative}
.ds-d-choix select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.ds-d-choix::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.8px solid var(--ds-mute);border-bottom:1.8px solid var(--ds-mute);transform:rotate(45deg);pointer-events:none}

/* ── urgences : qui appeler, selon le moment ── */
.ds-d-moment{gap:12px}
.ds-d-moment .ds-k{display:inline-flex;align-items:center;gap:8px}
.ds-d-moment .ds-k .ds-svg{width:16px;height:16px}
.ds-d-appel{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:6px 0 4px;color:var(--ds-ink);text-decoration:none;font:700 clamp(30px,26px + 1vw,38px)/1 var(--ds-f-title);letter-spacing:-.03em;transition:color .2s}
.ds-d-appel .ds-svg{width:26px;height:26px;padding:5px;box-sizing:content-box;border-radius:10px;background:var(--ds-tint);color:var(--ds-accent)}
a.ds-d-appel:hover{color:var(--ds-accent)}
.ds-d-moment--nuit{background:var(--ds-ink);border-color:var(--ds-ink);color:color-mix(in srgb,var(--ds-bg) 80%,transparent)}
.ds-d-moment--nuit h3,.ds-d-moment--nuit .ds-d-appel{color:var(--ds-bg)}
.ds-d-moment--nuit .ds-k{color:color-mix(in srgb,var(--ds-bg) 80%,transparent)}
.ds-d-moment--nuit .ds-d-appel .ds-svg{background:color-mix(in srgb,var(--ds-bg) 14%,transparent);color:var(--ds-bg)}
.ds-d-moment--nuit a:not(.ds-d-appel){color:var(--ds-bg)}
.ds-d-moment .ds-small{margin-top:auto;padding-top:6px}
.ds-d-moment--nuit .ds-small{color:color-mix(in srgb,var(--ds-bg) 65%,transparent)}

/* ── urgences : est-ce urgent ? (4 niveaux, d'après ameli.fr) ── */
.ds-d-niveaux{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.ds-d-niv{display:flex;flex-direction:column;gap:14px;padding:24px 22px 26px;border-radius:var(--ds-r);background:var(--ds-bg);border:1px solid var(--ds-rule);color:var(--ds-body)}
.ds-d-niv-g{display:flex;gap:4px}
.ds-d-niv-g i{flex:1;height:5px;border-radius:3px;background:var(--ds-rule-2)}
.ds-d-niv-g i.on{background:var(--ds-accent)}
.ds-d-niv h3{font-size:19px;line-height:1.2}
.ds-d-niv ul{list-style:none;display:grid;gap:8px;font-size:14.5px;line-height:1.5}
.ds-d-niv li{position:relative;padding-left:16px}
.ds-d-niv li::before{content:"";position:absolute;left:0;top:.68em;width:7px;height:1.5px;background:currentColor;opacity:.6}
.ds-d-niv--2{background:var(--ds-tint);border-color:transparent}
.ds-d-niv--3{background:var(--ds-tint-2);border-color:transparent;color:var(--ds-ink)}
:is(.ds-d-niv--2,.ds-d-niv--3) .ds-small{color:var(--ds-body)}
:is(.ds-d-niv--2,.ds-d-niv--3) .ds-small a{color:var(--ds-accent-2)}
.ds-d-niv--4{background:var(--ds-ink);border-color:var(--ds-ink);color:color-mix(in srgb,var(--ds-bg) 82%,transparent)}
.ds-d-niv--4 h3{color:var(--ds-bg)}
.ds-d-niv--4 .ds-d-niv-g i{background:color-mix(in srgb,var(--ds-bg) 22%,transparent)}
.ds-d-niv--4 .ds-d-niv-g i.on{background:var(--ds-bg)}
.ds-d-niv-num{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.ds-d-niv-num a{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:8px 14px;border-radius:10px;background:var(--ds-bg);color:var(--ds-ink);text-decoration:none;font:700 20px/1 var(--ds-f-title)}
.ds-d-niv-num a:hover{background:var(--ds-tint)}
@media (max-width:1100px){.ds-d-niveaux{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ds-d-niveaux{grid-template-columns:1fr}}

/* ── urgences : dent définitive expulsée ── */
.ds-d-exp{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);border:1px solid var(--ds-rule);border-radius:var(--ds-r-l);overflow:hidden;background:var(--ds-bg);box-shadow:var(--ds-shadow)}
.ds-d-exp-g{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3.4vw,44px);background:var(--ds-ink);color:color-mix(in srgb,var(--ds-bg) 80%,transparent);background-image:linear-gradient(to right,color-mix(in srgb,var(--ds-bg) 7%,transparent) 1px,transparent 1px);background-size:calc(100% / 6) 100%}
.ds-d-exp-g .ds-k{color:color-mix(in srgb,var(--ds-bg) 75%,transparent)}
.ds-d-exp-g h3{color:var(--ds-bg);font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1.1}
.ds-d-exp-g .ds-d-chrono{display:flex;align-items:baseline;gap:10px;margin-top:auto;color:var(--ds-bg);font:500 clamp(64px,48px + 3vw,96px)/.9 var(--ds-f-mono);letter-spacing:-.06em}
.ds-d-chrono small{font:500 13px/1.3 var(--ds-f-mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ds-bg) 70%,transparent)}
.ds-d-exp-g p{font-size:14.5px;line-height:1.55}
.ds-d-exp-d{display:grid;gap:20px;align-content:start;padding:clamp(26px,3.4vw,44px)}
.ds-d-ol{list-style:none;counter-reset:dsdol;display:grid;gap:0;margin:0;padding:0}
.ds-d-ol li{counter-increment:dsdol;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:14px 0;border-bottom:1px solid var(--ds-rule)}
.ds-d-ol li:first-child{padding-top:0}
.ds-d-ol li::before{content:counter(dsdol,decimal-leading-zero);grid-row:span 2;font:500 22px/1.1 var(--ds-f-mono);letter-spacing:-.03em;color:var(--ds-accent)}
.ds-d-ol b{color:var(--ds-ink);font-weight:650;font-size:16.5px;line-height:1.35}
.ds-d-ol span{font-size:15px;line-height:1.55}
@media (max-width:900px){.ds-d-exp{grid-template-columns:1fr}}

/* ── urgences : bons gestes ── */
.ds-d-geste{gap:12px}
.ds-d-geste h3{font-size:20px}
.ds-d-puces{list-style:none;display:grid;gap:9px;margin:0;padding:0;font-size:15px;line-height:1.55}
.ds-d-puces li{position:relative;padding-left:20px}
.ds-d-puces li::before{content:"";position:absolute;left:1px;top:.7em;width:10px;height:2px;border-radius:2px;background:var(--ds-accent)}
.ds-d-puces b{color:var(--ds-ink);font-weight:600}
.ds-d-delai{display:block;margin-top:auto;padding:12px 14px;border-radius:var(--ds-r-s);background:var(--ds-surface);font-size:14px;line-height:1.45;color:var(--ds-ink)}
.ds-d-delai small{display:block;margin-bottom:4px;font:500 10.5px/1.3 var(--ds-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-accent-2)}
.ds-d-delai--fort{background:var(--ds-ink);color:var(--ds-bg)}
.ds-d-delai--fort small{color:color-mix(in srgb,var(--ds-bg) 72%,transparent)}
.ds-d-delai--fort a{color:var(--ds-bg)}

/* ── urgences : à ne pas faire ── */
.ds-d-non{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
.ds-d-non li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;border-radius:var(--ds-r);background:var(--ds-bg);border:1px solid var(--ds-rule);color:var(--ds-ink);font-size:15.5px;line-height:1.55}
.ds-d-non li .ds-svg{width:26px;height:26px;color:var(--ds-accent);margin-top:-1px}
.ds-d-non li small{display:block;margin-top:4px;color:var(--ds-body);font-size:14px}
@media (max-width:760px){.ds-d-non{grid-template-columns:1fr}}

/* ── encadré vital : précision sur le 114 ── */
.ds-d-vital-note{font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--ds-bg) 78%,transparent)}
.ds-d-vital-note a{color:var(--ds-bg)}
.ds-vital .ds-num a,.ds-vital .ds-num span{min-height:44px}
.ds-d-vital-l{display:grid;gap:6px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--ds-bg) 16%,transparent)}
.ds-d-vital .ds-k,.ds-d-exp-g .ds-k{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--ds-bg) 75%,transparent)}
.ds-d-vital .ds-k .ds-svg,.ds-d-exp-g .ds-k .ds-svg{width:16px;height:16px}
.ds-d-vital h2{color:var(--ds-bg)}
.ds-d-vital{align-self:center;padding:clamp(24px,3vw,34px)}
.ds-d-media{margin:0;justify-self:stretch}