/* Repris du site B (site-mix) : polices, couleurs, fond papier uni (sans grain, décision du 27/10), boutons, menu, carré de souris */
:root{
  --papier:#F8F4EC;--fond:#FBFBF8;--encre:#18181B;--gris:#5B5B60;--gris-c:#6B6963;--filet:#E4E1D8;--case:#F1EEE6;
  --teal:#0D7377;--teal-f:#0A5457;--teal-m:#5A9A96;--teal-c:#B4CFCA;--teal-p:#E3EEEB;--rouge:#F7222C;
  --m:60px;--nav:var(--m);--cote:calc(var(--m) * 2);--gout:24px;--ease:cubic-bezier(.22,1,.36,1);
  --t-d1:clamp(42px,7.2vw,112px);--t-h2:clamp(40px,5.6vw,88px);--t-h3:clamp(24px,2.2vw,34px);
  --trait:rgba(24,24,27,.075);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav) + 16px)}
body{margin:0;background:var(--papier);color:var(--encre);font:400 16px/1.5 var(--police);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.035em;text-wrap:balance}
p{text-wrap:pretty}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--encre);color:#fff;padding:10px 14px}
.skip:focus{top:8px}
.chev{display:inline-block;flex:none;width:7px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 10'%3E%3Cpath d='M1.25 1.25L5 5L1.25 8.75' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 10'%3E%3Cpath d='M1.25 1.25L5 5L1.25 8.75' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") center/100% 100% no-repeat;transition:transform .25s var(--ease)}@media (prefers-reduced-motion:no-preference){a:hover,button:hover,a:focus-visible,button:focus-visible,summary:hover,.cherche:focus-within{--ol-t:1}}.ic-f{display:block;flex:none;overflow:visible}
.grille{padding:0 var(--cote)}
.num{font-variant-numeric:tabular-nums}
.fil{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--gris)}

/* Boutons : cases, chevron */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border:0;border-radius:0;background:var(--case);color:var(--encre);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s var(--ease),transform .15s var(--ease)}
.btn:hover{background:#E7E3D9}
.btn:hover .chev{transform:translateX(3px)}
.btn:active{transform:translateY(1px) scale(.985)}
.btn.plein{background:var(--encre);color:#fff}
.btn.plein:hover{background:#000}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}
.btn svg{flex:none}
.lien-s{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/100% 1px no-repeat;transition:background-size .25s var(--ease)}
.lien-s:hover{background-size:0 1px;background-position:100% calc(100% - 10px)}
.lien-s:active{opacity:.7}
@media (max-width:760px){
  :root{--m:48px;--cote:16px;--gout:12px}
}
@media (min-width:761px) and (max-width:1100px){:root{--cote:var(--m)}}

/* Carré de souris (site-mix) */
.souris{position:fixed;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;background:#02D5C6;mix-blend-mode:difference;pointer-events:none;z-index:2147483000;opacity:0;transition:opacity .25s var(--ease);will-change:transform}
.souris.vu{opacity:1}
.souris.vu.cache{opacity:0;transition-duration:.15s}

/* Grille des cases, calée sur le menu */
.cases{background:
  linear-gradient(90deg,transparent calc(var(--m) - 1px),var(--trait) 0) 0 0/var(--m) var(--m),
  linear-gradient(180deg,transparent calc(var(--m) - 1px),var(--trait) 0) 0 0/var(--m) var(--m)}

/* Carte du site : fond uni, filet 1 px, liseré bleu canard en haut */
.carte{position:relative;background:var(--fond);border:1px solid var(--filet)}
.carte::before{content:"";position:absolute;left:-1px;top:-1px;width:var(--liseré,calc(var(--m) * 2));height:3px;background:var(--teal);transition:width .6s var(--ease)}

/* Solidité de la preuve en cases */
.sol{display:inline-flex;gap:3px;vertical-align:middle}
.sol i{display:block;width:9px;height:9px;background:var(--teal-f)}
.sol i.v{background:transparent;box-shadow:inset 0 0 0 1px var(--teal-c)}
.sol.af i{box-shadow:inset 0 0 0 1px var(--gris-c);background:transparent;opacity:.55}

/* État « à fournir » : un seul vocabulaire visuel partout */
.af-t{color:var(--gris);font-style:normal}
.af-pastille{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 9px;font-size:12.5px;font-weight:500;color:var(--gris);background:transparent;box-shadow:inset 0 0 0 1px var(--filet);white-space:nowrap}
.vide{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:28px;color:var(--gris);background:var(--fond);outline:1px dashed #B9B5AA;outline-offset:-1px}
.vide b{color:var(--encre);font-weight:500}

/* Message de confirmation (lien copié) */
.toast{position:fixed;left:50%;bottom:28px;z-index:60;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;background:var(--encre);color:#fff;font-size:15px;font-weight:500;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.toast.vu{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ============ La réponse en très grand ============ */
.rep{--liseré:calc(var(--m) * 3)}
.rep-haut{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--m);padding:0 0 0 calc(var(--m) * .6);border-bottom:1px solid var(--filet)}
.rep-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--gris)}
.rep-actions{display:flex;align-self:stretch}
.rep-actions .btn{min-height:var(--m);height:100%;padding:0 22px;border-left:1px solid var(--filet)}
.rep-partager.copie{background:var(--teal-p);color:var(--teal-f)}
.rep-coeur{padding:calc(var(--m) * .8) calc(var(--m) * .6) calc(var(--m) * .9)}
.rep-nom{font-size:clamp(52px,9.2vw,140px);line-height:.9;letter-spacing:-.06em;margin-left:-.05em}
.rep-neutre .rep-nom{font-size:clamp(44px,6.4vw,100px);color:var(--encre)}
.rep-af .rep-nom{font-size:clamp(52px,9.2vw,140px);color:#8E8C86}
.rep-phrase{max-width:34em;margin-top:28px;font-size:clamp(19px,1.7vw,24px);line-height:1.38;letter-spacing:-.015em;color:var(--gris)}
.rep-phrase b{font-weight:500;color:var(--encre)}
.rep-manque{list-style:none;margin:28px 0 0;padding:0;max-width:560px;border-top:1px solid var(--filet)}
.rep-manque li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;border-bottom:1px solid var(--filet);font-size:15px}
.rep-bas{display:grid;grid-template-columns:5fr 4fr 3fr;margin:0;border-top:1px solid var(--filet)}
.rep-bas>div{padding:22px calc(var(--m) * .6) 26px;border-right:1px solid var(--filet)}
.rep-bas>div:last-child{border-right:0}
.rep-bas dt{font-size:13px;font-weight:500;color:var(--gris);margin-bottom:12px}
.rep-bas dd{margin:0;font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.01em}
.rep-bas small{display:block;margin-top:4px;font-size:13.5px;font-weight:400;line-height:1.45;color:var(--gris);letter-spacing:0}
.rep-sol dd{display:flex;align-items:center;gap:20px}
.rep-sol-t b{font-weight:600}
.gros-sol{display:flex;gap:4px;flex:none}
.gros-sol i{width:calc(var(--m) * .75);height:calc(var(--m) * .75);box-shadow:inset 0 0 0 1px var(--teal-c);background:transparent}
.gros-sol i.p{background:var(--teal-f);box-shadow:none}
.gros-sol.af i{box-shadow:none;outline:1px dashed #C9C5BA;outline-offset:-1px}
@media (max-width:760px){
  .rep{--liseré:calc(var(--m) * 2);display:flex;flex-direction:column}
  .rep-haut{display:contents}
  .rep-label{order:1;min-height:48px;padding:0 18px;border-bottom:1px solid var(--filet)}
  .rep-coeur{order:2}.rep-bas{order:3}
  .rep-actions{order:4;border-top:1px solid var(--filet)}
  .rep-actions .btn{flex:1;justify-content:center;min-height:52px;border-left:0}
  .rep-actions .btn+.btn{border-left:1px solid var(--filet)}
  .rep-actions .btn{min-width:0;padding:0 14px}
  .m-cache{display:none}
  .rep-coeur{padding:28px 18px 30px}
  .rep-nom{font-size:clamp(46px,13.4vw,64px);line-height:.94}
  .rep-neutre .rep-nom{font-size:clamp(38px,10.6vw,52px)}
  .rep-af .rep-nom{font-size:clamp(52px,15vw,72px)}
  .rep-phrase{margin-top:18px;font-size:18px}
  .rep-bas{grid-template-columns:1fr}
  .rep-bas>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:18px;border-right:0;border-bottom:1px solid var(--filet)}
  .rep-bas>div:last-child{border-bottom:0}
  .rep-bas dt{margin:2px 0 0}
  .rep-bas dd{font-size:16px}
  .rep-sol{grid-template-columns:1fr!important}
  .rep-sol dt{margin-bottom:0}
  .gros-sol i{width:40px;height:40px}
  .rep-sol dd{gap:16px}
}

/* ============ Les chiffres : conclusion écrite, puis colonnes sobres ============ */
.g-grille{display:grid;grid-template-columns:7fr 5fr;gap:var(--gout)}
.g{--liseré:var(--m);margin:0;padding:calc(var(--m) * .6);display:flex;flex-direction:column}
.g-titre{font-size:13px;font-weight:500;color:var(--gris)}
.g-conclusion{margin-top:10px;font-size:clamp(22px,1.7vw,26px);line-height:1.18;letter-spacing:-.03em;max-width:22em}
.g-sous{margin-top:10px;font-size:14px;color:var(--gris);max-width:40em}
.g-corps{display:grid;grid-template-columns:1fr;gap:var(--gout);margin-top:36px}
.g-corps.avec-manque{grid-template-columns:max-content 1fr}
.g-zone{--H:240px;position:relative;padding-left:40px;min-width:240px}
.g-axe{position:absolute;left:0;right:0;top:28px;height:var(--H)}
.g-axe span{position:absolute;left:40px;right:0;bottom:calc(var(--y) * 100%);border-top:1px solid var(--filet)}
.g-axe span:last-child{border-top-color:var(--encre)}
.g-axe b{position:absolute;right:calc(100% + 10px);top:-8px;font-size:11.5px;font-weight:400;color:var(--gris-c);font-variant-numeric:tabular-nums;white-space:nowrap}
.g-cols{position:relative;display:flex;gap:20px;padding:0 16px}
.g-col{flex:none;width:96px;display:flex;flex-direction:column}
.g-pile{position:relative;height:calc(var(--H) + 28px);display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}
.g-val{display:block;text-align:center;white-space:nowrap;font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}
.g-barre{display:block;height:calc(var(--H) * var(--v));background:var(--teal-f);transform-origin:50% 100%}
.g-col.premier .g-barre{background:var(--encre)}
.g-nom{margin-top:12px;font-size:13.5px;font-weight:500;line-height:1.25;text-align:center}
.g-nom small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--gris)}
.g-manque{display:flex;align-items:stretch;padding-top:28px;padding-bottom:52px}
.g-manque .vide{width:100%;font-size:14px;line-height:1.5}
.g-liste summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;font-size:14px;font-weight:500;color:var(--encre);cursor:pointer;list-style:none}
.g-liste summary::-webkit-details-marker{display:none}
.g-liste summary::after{content:"";flex:none;width:7px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 10'%3E%3Cpath d='M1.25 1.25L5 5L1.25 8.75' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 10'%3E%3Cpath d='M1.25 1.25L5 5L1.25 8.75' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") center/100% 100% no-repeat;transform:rotate(90deg);transition:transform .25s var(--ease)}
.g-liste[open] summary::after{transform:rotate(-90deg)}
.g-liste summary:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--teal)}
.g-liste ul{list-style:none;margin:6px 0 0;padding:0;columns:2;column-gap:20px;font-size:13.5px;color:var(--encre)}
.g-liste li{break-inside:avoid;padding:3px 0}
.g-liste small{color:var(--gris)}
.g-prix .px-chiffre{display:flex;align-items:flex-end;gap:14px;margin-top:36px}
.px-v{font-size:clamp(72px,7vw,112px);font-weight:500;line-height:.82;letter-spacing:-.06em}
.px-u{font-size:17px;font-weight:600;line-height:1.2}
.px-u small{display:block;font-size:13px;font-weight:400;color:var(--gris)}
.px-mod{margin-top:16px;font-size:15px;font-weight:500}
.px-mod small{font-size:13px;font-weight:400;color:var(--gris)}
.px-details{margin:20px 0 0;border-top:1px solid var(--filet)}
.px-details div{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--filet);font-size:14px}
.px-details dt{color:var(--gris)}
.px-details dd{margin:0}
.px-vide{margin-top:20px;padding:20px;font-size:14px}
.g-note{margin-top:auto;padding-top:16px;font-size:12.5px;color:var(--gris)}
.g-attente{--liseré:var(--m);display:grid;grid-template-columns:5fr 7fr;gap:calc(var(--m) * .6);padding:calc(var(--m) * .6)}
.ga-cases{display:grid;grid-template-columns:1fr 1fr;gap:var(--gout)}
.ga-cases .vide{min-height:200px;justify-content:flex-end;font-size:14px}
.ga-cases .vide b{font-size:17px}
.ga-cases .af-pastille{position:absolute;left:20px;top:20px;background:var(--fond)}
@media (max-width:1100px){.g-grille,.g-attente{grid-template-columns:1fr}}
@media (max-width:760px){
  .g{padding:22px 18px}
  .g-corps.avec-manque{grid-template-columns:1fr}
  .g-zone{--H:200px;padding-left:34px}
  .g-axe span{left:34px}
  .g-cols{gap:14px;padding:0 10px}
  .g-col{width:auto;flex:1 1 0;max-width:120px}
  .g-manque{padding:0}
  .px-details div{grid-template-columns:1fr;gap:2px}
  .g-attente{padding:22px 18px;gap:20px}
  .ga-cases{grid-template-columns:1fr}
  .ga-cases .vide{min-height:150px}
}