/* Joy B2B · l'accueil (préfixe ac-) · la partie 5 du socle v30, mot pour mot, plus les retours de Joy du 30/09 (le point qui appelle et qui fleurit, les barres du ciblage, la bascule), marqués · v018 */
/* 5 · l'accueil (préfixe ac-) ======================================================== */

/* le seuil */
.seuil{padding-block:clamp(1.75rem,4.4cqw,3.5rem) clamp(2.4rem,6cqw,3.8rem)}
.ac-seuil{display:grid;grid-template-columns:1.28fr .72fr;gap:clamp(1.2rem,4cqw,3rem);align-items:center}
@container page (max-width: 760px){ .ac-seuil{grid-template-columns:1fr} }
.seuil h1{font-size:var(--t-h1);line-height:1.13;letter-spacing:-.012em;color:var(--papier);margin:0 0 .9rem;max-width:20ch}
.seuil .sous{margin:0;max-width:54ch;font-size:var(--t-sous);line-height:1.5;color:var(--sur-vert-1)}
.ac-accroche.change{animation:fondu-haut var(--d-fondu) var(--douce)}
.ac-appel{margin-top:clamp(1.5rem,3.5cqw,2.1rem)}
.ac-appel .signature{margin-top:clamp(1.9rem,4cqw,2.4rem)}
.figure-signe{width:min(100%,300px);margin-inline:auto}
.figure-signe svg{width:100%;height:auto;display:block;overflow:visible}
.figure-signe .s-fond{fill:var(--signe-fond)}
.figure-signe .s-cercle{fill:none;stroke:var(--signe-trait);stroke-width:.05}
.figure-signe .s-trefle{fill:var(--signe-trefle)}
/* le seuil au téléphone : le signe au coin, derrière le texte, sans rien ajouter à la hauteur (Joy, 1/10 : l'idéation 3).
   Il sort par le bas et par la droite ; le texte et le bouton passent devant. */
@container page (max-width: 760px){
  #seuil{position:relative;overflow:hidden;overflow:clip}
  #seuil .ac-seuil{position:static}
  #seuil .ac-seuil>div:first-child{position:relative;z-index:1}
  /* la boîte du Dispositif (5 × 5,9 unités, v018) : mêmes cercles, même place qu'au choix de Joy, à l'échelle de 80 % pour
     5,2 unités ; la marge du bas, en part de la largeur, rattrape la hauteur gagnée */
  .figure-signe{position:absolute;right:-28.462%;bottom:-20%;width:76.923%;max-width:none;margin:0 0 -5.385%;pointer-events:none;z-index:0;opacity:.45}
}

/* ---- le signe de l'accueil, à l'endroit exact où le Dispositif le révèle (Joy, 1/10) ----
   Même grille que le seuil du Dispositif, même colonne, même centre, même échelle (72 px par unité à 1 440) : la page change
   autour de lui. Depuis la v018, la même boîte aussi (5 × 5,9 unités) : pendant la transition, les deux images du signe
   se superposent exactement, sans dédoublement.
   Le signe entier, fixe, en sourdine (Joy, 1/10 au soir : « le 3 entier oui, mais fixe ») : cercles au trait, trèfle à peine
   plus clair que le vert. Il ne tourne pas, même au clic : le visiteur découvre le mouvement à l'étape 2, sur le Dispositif,
   sa page de profondeur (dispositif.css).
   Au téléphone, rien ne change : le signe reste au coin, tel que Joy l'a choisi. */
@container page (min-width: 761px){
  .ac-seuil{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4rem)}
  .figure-signe{width:min(100%,360px);margin:0;justify-self:center;align-self:start;pointer-events:none}
  .figure-signe .s-fond{display:none}
  .figure-signe .s-cercle{stroke:#2C6538;stroke-width:.026}
  .figure-signe .s-trefle{fill:#285F35}
  .figure-signe svg{view-transition-name:signe}
}
/* d'une page à l'autre, entre l'accueil, le Dispositif et la page égarée : la page passe, le signe reste */
@media (prefers-reduced-motion: no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
  ::view-transition-group(signe),::view-transition-old(signe),::view-transition-new(signe){animation-duration:.7s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
}

/* où en êtes-vous ? */
.ac-situations{background:var(--papier);padding-block:clamp(1.8rem,4cqw,2.8rem)}
.page .ac-question{font-size:var(--t-question);line-height:1.2;color:var(--porteur);margin:0 0 1rem;max-width:none}
.ac-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
@container page (max-width: 760px){ .ac-cartes{grid-template-columns:1fr} }
.ac-carte{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 1.05rem;border:1.5px solid var(--voile-fonce);border-radius:var(--rayon-moyen);background:var(--blanc);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--d-geste) var(--douce),transform var(--d-geste) var(--douce),box-shadow var(--d-geste) var(--douce)}
.ac-carte:hover,.ac-carte:focus-visible{border-color:var(--porteur);transform:translateY(-2px)}
.ac-carte:active{transform:none;box-shadow:inset 0 0 0 1px var(--porteur)}
.ac-carte b{display:block;margin-bottom:.3rem;font:500 var(--t-chapeau)/1.2 var(--serif);color:var(--porteur)}
.ac-carte span{display:block;font-size:var(--t-petit);line-height:1.45;color:var(--gris)}
.ac-autres{background:var(--papier);padding-block:clamp(1.4rem,3cqw,2rem)}
.ac-autres p{margin:0;font-size:.95rem;color:var(--gris)}
.ac-autres a{color:var(--action);text-decoration-color:var(--eclat);text-underline-offset:3px}

/* le niveau : la figure des cinq */
.ac-figure{margin-top:var(--r-objet);padding:clamp(1.2rem,3cqw,2rem) clamp(1rem,3cqw,1.8rem) 1.3rem;background:var(--blanc);border:1px solid var(--voile);border-radius:var(--rayon)}
.bascule{display:inline-flex;gap:.2rem;margin:0 0 1.4rem;padding:.25rem;background:var(--blanc);border:1px solid var(--voile-fonce);border-radius:999px}
.bascule button{display:inline-flex;align-items:center;gap:.5rem;padding:.62rem 1.15rem;border:0;border-radius:999px;background:transparent;color:var(--gris);font:600 var(--t-petit) var(--sans);cursor:pointer;transition:background-color .2s var(--douce),color .2s var(--douce)}
.bascule button:hover:not([aria-pressed="true"]){color:var(--porteur)}
.bascule button[aria-pressed="true"]{background:var(--porteur);color:var(--papier)}
.bascule button i{width:.44rem;height:.44rem;border-radius:50%;background:var(--eclat);display:inline-block}
.bascule button[aria-pressed="true"] i{background:var(--sur-vert-1)}
/* le point qui appelle (Joy, 30/09) : sur « Ce qui change pour vous », il respire avec un halo d'éclat, six fois, tant que
   le lecteur n'a ni cliqué ni passé la ligne des barres ; puis le calme (le halo, celui du tiroir d'Accompagnement v015) */
@keyframes ac-appel{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(30,184,63,.55)}45%{transform:scale(1.4);box-shadow:0 0 0 .5rem rgba(30,184,63,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(30,184,63,0)}}
.ac-figure.joue:not(.vu) .bascule button[aria-pressed="false"] i{animation:ac-appel 1.8s ease-out .6s 6}
/* R7 · le point qui fleurit, sur la bascule : au survol, le point d'éclat se déploie en trèfle une seconde */
.bascule button i{position:relative}
.bascule button i::after{content:"";position:absolute;left:50%;top:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;background:var(--eclat);-webkit-mask:var(--m-trefle) center/contain no-repeat;mask:var(--m-trefle) center/contain no-repeat;opacity:0;transform:scale(.3) rotate(-45deg);pointer-events:none}
/* le point s'efface pendant que le trèfle fleurit, comme sur les surtitres : jamais le rond et le trèfle ensemble (Joy, 7/10).
   Seules les étapes du milieu sont écrites : le point garde sa couleur, d'éclat ou de papier, au début et à la fin. */
@media (hover:hover){ .bascule button:hover i::after{animation:fleurit 1.1s var(--douce) both} .bascule button:hover i{animation:ac-point-efface 1.1s var(--douce) both!important} }
@keyframes ac-point-efface{22%,78%{background-color:transparent}}
@container page (max-width: 760px){
  .bascule{display:flex;width:100%}
  .bascule button{flex:1 1 auto;justify-content:center;gap:.35rem;min-height:2.75rem;padding:.6rem .55rem;font-size:var(--t-note)}
}
.ac-champ{position:relative;height:190px}
.ac-barres{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:end}
.ac-col{display:flex;justify-content:center;align-items:flex-end;height:100%}
.ac-tige{width:13px;height:calc(var(--h) * 100%);border-radius:7px 7px 0 0;background:var(--voile-fonce);transform-origin:50% 100%;transition:height .9s var(--douce),background-color .6s var(--douce),transform var(--d-trace) var(--douce)}
.ac-col:nth-child(2) .ac-tige{transition-delay:.07s}.ac-col:nth-child(3) .ac-tige{transition-delay:.14s}.ac-col:nth-child(4) .ac-tige{transition-delay:.21s}.ac-col:nth-child(5) .ac-tige{transition-delay:.28s}
.ac-figure.attend .ac-tige{transform:scaleY(0)}
.ac-figure[data-etat="au"] .ac-tige{height:100%;background:var(--porteur)}
.ac-trait-niveau{position:absolute;left:0;top:0;width:0;height:2px;border-radius:2px;background:var(--eclat);transition:width 1.1s var(--douce) .5s}
.ac-figure[data-etat="au"] .ac-trait-niveau{width:100%}
.ac-axe{border-top:1px solid var(--voile-fonce)}
.ac-noms{display:grid;grid-template-columns:repeat(5,1fr);padding-block:.75rem;border-bottom:1px solid var(--voile);text-align:center}
.ac-noms b{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:600 var(--t-petit) var(--sans);letter-spacing:.005em;color:var(--porteur)}
/* les deux textes d'une légende partagent une cellule : le plus long fixe la hauteur */
.ac-legendes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;padding-top:1rem}
.ac-legendes>div{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;font-size:var(--t-petit);line-height:1.45}
.ac-legendes .lab{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ac-legendes .part,.ac-legendes .au{grid-area:1/1;min-width:0;transition:opacity var(--d-fondu) var(--douce),visibility 0s linear var(--d-fondu)}
.ac-legendes .part{color:var(--gris)}
.ac-legendes .au{color:var(--encre);opacity:0;visibility:hidden}
.ac-figure[data-etat="au"] .ac-legendes .part{opacity:0;visibility:hidden}
.ac-figure[data-etat="au"] .ac-legendes .au{opacity:1;visibility:visible;transition-delay:0s}
.ac-figure[data-etat="part"] .ac-legendes .part{transition-delay:0s}
.ac-note{margin:1.1rem 0 0;padding-top:.85rem;border-top:1px solid var(--voile);font-size:var(--t-note);color:var(--gris)}
@container page (max-width: 820px){
  .ac-champ{height:150px}
  .ac-noms{display:none}
  .ac-legendes{grid-template-columns:1fr;gap:0;padding-top:.6rem}
  .ac-legendes>div{padding-block:.65rem;border-top:1px solid var(--voile)}
  .ac-legendes>div:first-child{border-top:0}
  .ac-legendes .lab{grid-area:1/1;position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0 0 .2rem;font:600 var(--t-note) var(--sans);letter-spacing:.005em;color:var(--porteur)}
  .ac-legendes .part,.ac-legendes .au{grid-area:2/1}
}

/* la preuve : le texte à gauche, la mesure à droite */
.ac-preuve-duo{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(1.4rem,4cqw,3.2rem);align-items:start}
@container page (max-width: 760px){ .ac-preuve-duo{grid-template-columns:1fr} }
.page .ac-preuve h2{max-width:none}
.ac-carte-fig{margin:0;padding:clamp(1.2rem,3cqw,1.7rem);background:var(--blanc);border:1px solid var(--voile);border-radius:var(--rayon)}
.ac-titre-fig{margin:0 0 1.3rem;font:600 .98rem var(--sans);color:var(--porteur)}
.ac-titre-fig>span{display:block;margin-top:.25rem;font:400 var(--t-petit) var(--sans);color:var(--gris)}
.ac-rangs{display:grid;gap:1.15rem}
.ac-rang{display:grid;gap:.45rem}
.ac-rang-tete{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.ac-nom-f{font-size:var(--t-ui);font-weight:600;line-height:1.25;color:var(--encre)}
.ac-taux{font:500 var(--t-chiffre) var(--serif);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--porteur);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ac-piste{display:block;height:12px;border-radius:999px;background:var(--ombre)}
.ac-val{display:block;width:var(--w);height:100%;border-radius:999px;background:var(--porteur);transition:width 1s var(--douce) .15s}
.ac-rang.gagne .ac-val{background:var(--eclat)}
/* le remplissage des deux barres, comme celui des cases du calendrier (Joy, 30/09 au soir) : la barre s'allonge et
   garde ses bouts ronds tout du long (le découpage arrondi d'avant pouvait sauter), à la même vitesse que les cases,
   la longue prenant le temps de sa longueur */
.ac-rang.gagne .ac-val{transition-duration:2.4s;transition-delay:.45s}
.ac-carte-fig.attend .ac-val{width:0}

/* ce qui vous appartient : le signe à gauche, les cinq onglets à droite */
.page .ac-reste h2{max-width:32ch}
.ac-moteur{display:grid;grid-template-columns:minmax(250px,.4fr) 1fr;gap:clamp(1.4rem,3.5cqw,2.8rem);align-items:start;margin-top:var(--r-objet);padding:clamp(1.2rem,3cqw,2rem) clamp(1rem,3cqw,1.8rem) clamp(1.3rem,3cqw,1.8rem);background:var(--blanc);border:1px solid var(--voile);border-radius:var(--rayon)}
@container page (max-width: 760px){ .ac-moteur{grid-template-columns:1fr;gap:1.1rem} }
.ac-m-gauche{display:grid;justify-items:center;align-content:center;align-self:stretch;padding:clamp(1rem,2.4cqw,1.6rem)}
.ac-m-signe{width:min(100%,300px)}
@container page (max-width: 760px){ .ac-m-signe{width:min(100%,190px)} }
.ac-m-signe svg{width:100%;height:auto;display:block;overflow:visible}
.ac-m-signe .c{fill:transparent;stroke:var(--voile-fonce);stroke-width:.045;cursor:pointer;transition:opacity .6s ease,fill .5s ease,stroke .5s ease}
.ac-m-signe .p:nth-of-type(2) .c{transition-delay:.12s,0s,0s}.ac-m-signe .p:nth-of-type(3) .c{transition-delay:.24s,0s,0s}.ac-m-signe .p:nth-of-type(4) .c{transition-delay:.36s,0s,0s}
.ac-m-signe.attend .c{opacity:0}
.ac-m-signe .p.deja .c{fill:rgba(24,73,40,.10);stroke:var(--porteur)}
.ac-m-signe .p.on .c{fill:var(--porteur);stroke:var(--porteur)}
.ac-m-signe .f{fill:var(--porteur);opacity:0;cursor:pointer;transform-origin:0 0;transition:opacity .6s ease}
.ac-m-signe.pilote .f{opacity:1;animation:tour var(--d-tour) var(--tour) 1 both}
.ac-m-droite{min-width:0}
.ac-onglets{display:flex;flex-wrap:wrap;gap:0 clamp(.9rem,2cqw,1.4rem);margin:0 0 clamp(1.1rem,2.4cqw,1.6rem);border-bottom:1px solid var(--voile)}
.ac-onglets button{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.45rem 0 .6rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--gris);font:600 var(--t-petit) var(--sans);letter-spacing:.005em;cursor:pointer;transition:color .2s var(--douce),border-color .2s var(--douce)}
.ac-onglets button:hover{color:var(--porteur)}
.ac-onglets button[aria-selected="true"]{color:var(--porteur);border-bottom-color:var(--eclat)}
/* au téléphone : les pictogrammes seuls, le nom du savoir-faire choisi à côté du sien */
@container page (max-width: 760px){
  .ac-onglets{flex-wrap:nowrap;justify-content:space-between;gap:0}
  .ac-onglets button{justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.4rem .35rem .5rem}
  .ac-onglets .nom-onglet{display:none}
  .ac-onglets button[aria-selected="true"] .nom-onglet{display:inline}
}
/* les cinq panneaux partagent une cellule : le bloc garde la hauteur du plus long, rien ne bouge autour */
.ac-panneaux{display:grid}
.ac-panneau{grid-area:1/1;min-width:0;visibility:hidden}
.ac-panneau.actif{visibility:visible}
.ac-panneau.actif.anime{animation:parait .28s var(--douce) both}
.ac-sur2{margin:0 0 .75rem;font:600 var(--t-surtitre)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.page .ac-m-titre{margin:0 0 .8rem;max-width:30ch;font-size:var(--t-h3);line-height:1.18;letter-spacing:-.01em;color:var(--encre)}
.ac-m-texte{margin:0;max-width:56ch;font-size:var(--t-corps);line-height:1.55;color:var(--gris)}
.ac-m-deux{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3cqw,2.2rem);margin-top:clamp(1.2rem,2.6cqw,1.8rem);padding-top:clamp(1.1rem,2.4cqw,1.6rem);border-top:1px solid var(--voile)}
@container page (max-width: 760px){ .ac-m-deux{grid-template-columns:1fr;gap:1rem} }
.ac-m-deux h4{margin:0 0 .5rem;font:600 var(--t-surtitre)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--porteur)}
.ac-m-deux p{margin:0;font-size:var(--t-corps);line-height:1.5;color:var(--encre)}
.ac-pageur{display:flex;align-items:center;gap:.6rem;margin-top:clamp(1.2rem,2.6cqw,1.6rem);font:500 .95rem var(--sans);color:var(--gris);font-variant-numeric:tabular-nums}
.ac-pageur button{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid var(--voile-fonce);background:var(--blanc);color:var(--porteur);font:500 1.1rem/1 var(--sans);cursor:pointer;transition:border-color var(--d-geste) var(--douce)}
.ac-pageur button:hover{border-color:var(--porteur)}
@container page (max-width: 760px){ .ac-pageur button{width:2.75rem;height:2.75rem} }

/* le calendrier : cinq colonnes, une ligne par savoir-faire */
.ac-cal{--tpl:minmax(6.5rem,auto) repeat(5,1fr);margin-top:var(--r-objet);padding:clamp(1rem,2.6cqw,1.6rem) clamp(1rem,3cqw,1.8rem) clamp(1.1rem,2.6cqw,1.5rem);background:var(--blanc);border:1px solid var(--voile);border-radius:var(--rayon)}
.ac-cal-rang{display:grid;grid-template-columns:var(--tpl);align-items:center;gap:0 .4rem;padding-block:.5rem;border-top:1px solid var(--voile)}
.ac-cal-rang.tete{border-top:0;padding-block:0 .5rem}
.ac-cal-rang.tete b{font:600 var(--t-note) var(--sans);letter-spacing:.06em;color:var(--gris);text-align:center}
.ac-cal-rang.pilote{margin-top:.15rem;padding-top:.75rem;border-top:1.5px solid var(--encre)}
.ac-cal-rang .lab{font:600 1rem var(--sans);color:var(--encre)}
.ac-barre-cal{padding:.6rem .7rem;border-radius:var(--rayon-petit);background:var(--voile);font:500 var(--t-petit)/1.3 var(--sans);color:var(--encre);text-align:center;clip-path:inset(0 0 0 0);transition:clip-path var(--d-trace) var(--douce)}
.ac-barre-cal i{display:none}
.ac-cal .r2 .ac-barre-cal{transition-delay:.18s}.ac-cal .r3 .ac-barre-cal{transition-delay:.36s}.ac-cal .r4 .ac-barre-cal{transition-delay:.54s}
.ac-cal.attend .ac-barre-cal{clip-path:inset(0 100% 0 0)}
.ac-jalon{grid-column:6;padding:.15rem 0 .15rem .7rem;border-left:2px solid var(--eclat);transition:opacity .6s ease .85s,transform .6s ease .85s}
.ac-jalon b{display:block;font:600 var(--t-ui)/1.25 var(--sans);color:var(--encre)}
.ac-jalon span{display:block;margin-top:.1rem;font:400 var(--t-note)/1.35 var(--sans);color:var(--gris)}
.ac-cal.attend .ac-jalon{opacity:0;transform:translateX(-6px)}
.ac-cal-ligne{margin:clamp(1.1rem,2.4cqw,1.5rem) 0 0;max-width:60ch;font-size:var(--t-corps);color:var(--encre)}
@container page (max-width: 760px){
  .ac-cal-rang{grid-template-columns:1fr;gap:.35rem;padding-block:.8rem}
  .ac-cal-rang.tete{display:none}
  .ac-cal-rang.r1{border-top:0;padding-top:.2rem}
  .ac-barre-cal{grid-column:1/2!important;text-align:left}
  .ac-cal.attend .ac-barre-cal{clip-path:inset(0 0 0 0)}
  .ac-cal.attend .ac-jalon{transform:none}
  .ac-barre-cal i{display:inline;margin-right:.45rem;font-style:normal;font-weight:600;color:var(--gris)}
  .ac-jalon{grid-column:1/2;margin-top:.2rem}
}

/* l'engagement : une colonne centrée, une seule taille de texte */
.ac-engage{padding-block:clamp(3rem,7cqw,5rem)}
.ac-lettre{max-width:35rem;margin-inline:auto}
.page .ac-lettre h2{max-width:none;line-height:1.17;margin-bottom:clamp(1.1rem,2.4cqw,1.5rem)}
.ac-lettre>p:not(.surtitre){margin:0;font-size:var(--t-lettre);line-height:1.6;color:var(--sur-vert-1)}
.ac-lettre>p:not(.surtitre)+p:not(.ac-lien-engagement){margin-top:clamp(1.5rem,3.2cqw,1.9rem)}
.ac-lettre>p.ac-lien-engagement{margin-top:1rem}
.ac-lien-engagement a{display:inline-block;padding-block:.6rem;margin-block:-.6rem;color:inherit;text-decoration-color:rgba(253,252,249,.45);text-underline-offset:4px;transition:text-decoration-color var(--d-geste)}
.ac-lien-engagement a:hover{text-decoration-color:var(--papier)}
.ac-invitation{margin-top:clamp(2rem,4.4cqw,2.8rem);padding-top:clamp(1.4rem,3cqw,1.8rem);border-top:1px solid var(--filet-vert)}
.ac-invitation .signature .nom,.ac-invitation .signature .ligne{font-size:var(--t-lettre)}
.ac-invitation .signature .ligne{line-height:1.5;color:var(--sur-vert-1)}
.ac-invitation .btn{display:flex;width:100%;min-width:0;margin-top:clamp(1.6rem,3.4cqw,1.9rem)}
@container page (max-width: 760px){ .ac-invitation .btn{padding:.85rem .95rem;gap:.6rem} }

/* les liens en attente de leur page : ils restent lisibles, ils ne mènent nulle part */
a[aria-disabled="true"]{cursor:default}