/* © 2026 MARLITHA — una caro (una-caro.org). Tous droits réservés. Reproduction non autorisée. */
/* =====================================================================
   una caro — restitution/restitution.css
   LA FEUILLE COMMUNE DES RESTITUTIONS (03/10/2026, prompt 1 sur 3 d'Éric).
   Reprise des trois maquettes de référence (Html\Maquettes Rapports\).

   TOUT EST RANGÉ SOUS .ucr, et chaque classe porte le préfixe « rz- » :
   les pages du site ont leurs propres .page, .duo, .mot, .note, .verdict,
   table, details… Sans préfixe, leurs règles se seraient mêlées à celles
   de la restitution.

   LES COULEURS SONT FIXES, DANS LES DEUX MODES. La restitution est un
   document qu'on lit et qu'on imprime : ses cartes claires et leurs textes
   foncés ne bougent pas en mode sombre, comme sur le papier — les
   pastilles des maquettes n'ont qu'une version. Tout texte de la
   restitution reçoit donc une couleur écrite ici : aucune ne vient des
   variables du site, qui s'éclaircissent en mode sombre.

   Écarts aux maquettes, et pourquoi :
   — la police est celle du site, Karla (CLAUDE.md § 8) ;
   — les petits textes à 13 px passent à 14 : aucun texte du site ne
     descend sous 14 px (plancher d'Éric, 01/10/2026) ;
   — « ▾ » et « ▴ » des dépliants sont retirés : un signe ne se clique
     pas, on écrit un mot (révision 33 du banc).
   ===================================================================== */
.ucr{--rz-fond:#F2EEE5;--rz-carte:#FFFFFF;--rz-encre:#1F2833;--rz-douce:#5A6470;
  --rz-or:#7E5C18;--rz-trait:#E4DDD0;--rz-lui:#5E6B49;--rz-elle:#33567E;--rz-nous:#A87B23;
  --rz-v0:#1E7A46;--rz-v2:#E0841C;--rz-v3:#C2402C;
  color:var(--rz-encre);font-family:'Karla','Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.55;
  text-align:left;-webkit-font-smoothing:antialiased}
.ucr *,.ucr *::before,.ucr *::after{box-sizing:border-box}
/* La remise à zéro de ce que les pages du site posent sur les éléments nus. */
.ucr :is(h2,h3,h4,p,ul,ol,li,dl,dt,dd,table,caption,th,td,details,summary,section,div,span,b,strong,i,small){
  font-family:inherit;letter-spacing:normal;text-transform:none;color:inherit;text-shadow:none}
.ucr :is(h2,h3,h4){font-weight:700;line-height:1.3}
.ucr svg text{font-family:'Karla','Helvetica Neue',Arial,sans-serif}
.ucr .rz-dessin{display:block;width:100%}
.ucr .rz-dessin svg{display:block;width:100%;height:auto;overflow:visible}

.ucr .rz-page{background:var(--rz-fond);border:1px solid #D8D0C1;border-radius:18px;margin:0 0 22px;
  overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.ucr .rz-page > .rz-corps{padding:26px 28px 30px}
.ucr .rz-rang{margin:0;padding:11px 28px;background:#1F2833;color:#FFFFFF;font-size:15px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.45}

/* le titre */
.ucr .rz-titre{text-align:center;padding:36px 28px 32px}
.ucr .rz-titre .rz-marque{margin:0;font-size:15px;letter-spacing:.3em;text-transform:uppercase;color:var(--rz-or)}
.ucr .rz-titre .rz-noms{margin:16px 0 4px;font-size:30px;line-height:1.2;font-weight:600;overflow-wrap:anywhere}
.ucr .rz-titre .rz-quoi{margin:0 0 22px;font-size:17px;color:var(--rz-douce)}
.ucr .rz-titre .rz-fil{height:1px;background:var(--rz-trait);margin:0 auto 20px;max-width:260px}
.ucr .rz-titre dl{display:grid;grid-template-columns:auto auto;gap:7px 26px;justify-content:center;margin:0;text-align:left;font-size:16px}
.ucr .rz-titre dt{color:var(--rz-douce)} .ucr .rz-titre dd{margin:0;font-weight:600}

/* l'ouverture */
.ucr .rz-oc{padding:26px 28px 28px;text-align:center}
.ucr .rz-k{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--rz-douce);font-weight:700}
.ucr .rz-note-svg{max-width:420px;margin:12px auto 0}
.ucr .rz-verdict-note{margin:6px 0 0;font-size:25px;font-weight:700;line-height:1.25}
.ucr .rz-sm{margin:7px 0 0;font-size:16px;color:var(--rz-douce)}
.ucr .rz-sm b{color:var(--rz-encre)}
.ucr .rz-compo{max-width:440px;margin:22px auto 0;text-align:left}
.ucr .rz-cp{display:grid;grid-template-columns:minmax(0,1fr) 118px 60px;align-items:center;gap:12px;margin:0 0 9px}
.ucr .rz-cp:last-child{margin:0}
.ucr .rz-cp .rz-lab{font-size:16px}
.ucr .rz-cp .rz-pt2{display:block;font-size:14px;color:var(--rz-douce);margin-top:2px}
.ucr .rz-cp .rz-bar{height:11px;background:#EFEAE0;border-radius:6px;overflow:hidden}
.ucr .rz-cp .rz-bar i{display:block;height:100%;border-radius:6px}
.ucr .rz-cp .rz-n{font-size:19px;font-weight:700;text-align:right}
.ucr .rz-cp .rz-n small{font-size:14px;font-weight:400;color:var(--rz-douce)}
.ucr .rz-sujet{margin:22px 0 0;padding:18px 20px;background:#FFF8EC;border:1px solid #EBDCBC;
  border-left:5px solid var(--rz-or);border-radius:14px;text-align:left}
.ucr :is(.rz-sujet,.rz-preco,.rz-pepite) .rz-lab{font-size:14px;letter-spacing:.11em;text-transform:uppercase;color:var(--rz-or);font-weight:700}
.ucr .rz-sujet p{margin:8px 0 0;font-size:19px;line-height:1.4;font-weight:600}
.ucr .rz-sujet p.rz-s{margin:6px 0 0;font-size:16px;font-weight:400;color:#5A4A1E}

/* la synthèse */
.ucr .rz-photo{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:var(--rz-carte);
  border:1px solid var(--rz-trait);border-radius:16px;padding:20px 22px;margin:0 0 22px}
.ucr .rz-photo .rz-dess{flex:0 0 220px;max-width:100%}
.ucr .rz-photo .rz-txt{flex:1;min-width:230px}
.ucr .rz-photo h3{margin:0 0 9px;font-size:21px;line-height:1.3}
.ucr h3.rz-grp{margin:0 0 3px;font-size:19px}
.ucr p.rz-grp-s{margin:0 0 13px;font-size:16px;color:var(--rz-douce)}
.ucr .rz-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:14px;margin:0 0 22px}
.ucr .rz-pers{background:var(--rz-carte);border:1px solid var(--rz-trait);border-radius:14px;padding:17px 19px}
.ucr .rz-pers.rz-l{border-top:4px solid var(--rz-lui)} .ucr .rz-pers.rz-e{border-top:4px solid var(--rz-elle)}
.ucr .rz-pers .rz-nom{font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;overflow-wrap:anywhere}
.ucr .rz-pers.rz-l .rz-nom{color:var(--rz-lui)} .ucr .rz-pers.rz-e .rz-nom{color:var(--rz-elle)}
.ucr .rz-pers h4{margin:5px 0 11px;font-size:18px;line-height:1.3}
.ucr .rz-pers ul{margin:0;padding:0;list-style:none}
.ucr .rz-pers li{font-size:16px;margin:0 0 7px;padding-left:16px;position:relative;line-height:1.45}
.ucr .rz-pers li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.4}
.ucr .rz-pers li:last-child{margin:0}
.ucr .rz-pers li.rz-avec-pico{padding-left:0}
.ucr .rz-pers li.rz-avec-pico::before{display:none}
.ucr .rz-preco{padding:20px 22px;background:#FFF8EC;border:1px solid #EBDCBC;border-left:4px solid var(--rz-or);border-radius:14px}
.ucr .rz-preco p{margin:8px 0 0;font-size:19px;line-height:1.45;font-weight:600}

/* le détail */
.ucr h3.rz-sec{margin:0 0 3px;font-size:21px}
.ucr p.rz-sous{margin:0 0 14px;font-size:16px;color:var(--rz-douce)}
.ucr .rz-lire{margin:0 0 16px;padding:14px 17px;background:#F7F3EA;border-radius:12px;font-size:16px;line-height:1.55}
.ucr .rz-lire b{font-weight:600}
.ucr .rz-bloc{background:var(--rz-carte);border:1px solid var(--rz-trait);border-radius:16px;padding:18px 20px;margin:0 0 14px}
.ucr .rz-bloc h4{margin:0 0 2px;font-size:18px}
.ucr .rz-bloc .rz-exp{margin:0 0 14px;font-size:15px;color:var(--rz-douce)}
.ucr .rz-jleg{display:flex;gap:10px 28px;flex-wrap:wrap;justify-content:center;margin:8px 0 0;font-size:16px}
.ucr .rz-jleg span{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}
.ucr .rz-jleg i{width:15px;height:15px;border-radius:50%;flex:none}
.ucr .rz-verdict{margin:14px 0 0;padding-top:13px;border-top:1px solid var(--rz-trait);font-size:17px;line-height:1.5}
.ucr .rz-verdict b{font-weight:600} .ucr .rz-verdict .rz-fort{color:#A23523;font-weight:600}
.ucr .rz-verdict .rz-l{color:var(--rz-lui);font-weight:700} .ucr .rz-verdict .rz-e{color:var(--rz-elle);font-weight:700}
.ucr .rz-leg{margin:12px 0 0;padding:13px 15px;background:#FBF8F2;border-radius:10px;font-size:15px;color:#4A4336;line-height:1.75}
.ucr .rz-leg .rz-t{font-weight:700;color:var(--rz-or);display:block;margin-bottom:5px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.ucr .rz-leg i{font-style:normal;font-weight:600;color:var(--rz-encre)}
.ucr .rz-leg .rz-pu{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:4px}
.ucr .rz-mot{padding:20px 22px;background:#FFFDF8;border:1px solid var(--rz-trait);border-left:4px solid var(--rz-nous);
  border-radius:14px;font-size:17px;line-height:1.55;margin:0 0 16px;overflow-wrap:anywhere}
.ucr .rz-mot .rz-qui{font-size:14px;color:var(--rz-douce);margin-bottom:7px}

/* les pictogrammes */
.ucr .pico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px}
.ucr .pico svg{display:block;width:100%;height:100%}
.ucr .pico.sm{width:23px;height:23px;vertical-align:-6px;margin-right:5px}
.ucr .rz-lp{display:flex;gap:13px;align-items:flex-start;margin:0 0 11px;font-size:17px;line-height:1.45}
.ucr .rz-lp:last-child{margin:0}
.ucr .rz-lp .rz-tx{flex:1;padding-top:3px}
.ucr .rz-lp .rz-tx b.rz-m{color:var(--rz-lui);font-weight:700}
.ucr .rz-lp .rz-tx b.rz-c{color:var(--rz-elle);font-weight:700}
.ucr .rz-lire-pic{margin:0 0 16px;padding:14px 16px;background:#F7F3EA;border-radius:12px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px 18px}
.ucr .rz-pz{display:flex;align-items:center;gap:11px;font-size:16px;line-height:1.35}
.ucr .rz-pz .sy{flex:none;width:34px;height:34px}
.ucr .rz-pz .sy svg{display:block;width:100%;height:100%}
.ucr .rz-pz b{font-weight:700}
.ucr .rz-pz .sy.rz-large{width:52px;height:30px}

/* LES PASTILLES D'ÉTAT : FOND PLEIN, TEXTE BLANC, PICTOGRAMME DESSINÉ DEVANT (Éric, 03/10/2026, maquettes du soir) —
   rouge (danger) · orange (exclamation) · or (vague) · vert (coche) · vert foncé (pouce). « Je ne sais pas » reste pâle :
   ce n'est pas un niveau de l'échelle. */
.ucr .et{display:inline-flex;align-items:center;gap:6px;padding:3px 11px 3px 7px;border-radius:8px;font-weight:700;
  white-space:nowrap;color:#FFFFFF;vertical-align:middle;line-height:1.3}
.ucr .et .pico.sm{width:19px;height:19px;margin:0;vertical-align:0}
/* Contraste du blanc : 4,5 pour 1 au moins (Éric, après la révision 76) — or, vert et orange foncés. */
.ucr .et1{background:#C2402C} .ucr .et2{background:#A85A0C} .ucr .et3{background:#8A6B08}
.ucr .et4{background:#4A7D2A} .ucr .et5{background:#15703C}
.ucr .etx{background:#EDE9E0;color:#6B6456;font-style:italic;font-weight:400;padding:3px 11px}
/* l'harmonie : la même famille de couleurs que l'écart */
.ucr .ha{display:inline-block;padding:1px 10px;border-radius:7px;font-weight:700;white-space:nowrap}
.ucr .ha0{background:#AFD8B9;color:#0E5129} .ucr .ha1{background:#D3E6AE;color:#44661A}
.ucr .ha2{background:#F7E6A4;color:#6E5408} .ucr .ha3{background:#FAD3A0;color:#8A4A05}
.ucr .ha4{background:#EFB9AF;color:#7A1F15}
/* L'écart petit sur un état bas : neutre, jamais vert (Éric, après la révision 76). */
.ucr .haN{background:#E9E4DA;color:#4A4336}
.ucr .pic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:50%;font-size:14px;font-weight:700;color:#fff;vertical-align:-4px;margin-right:5px}
.ucr .pic.b{background:#1E7A46} .ucr .pic.m{background:#B5650F} .ucr .pic.r{background:#C2402C}
/* les quatre cas de perception (maquette Trouver de l'aide) */
.ucr .rz-cas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(168px,100%),1fr));gap:11px;margin:0 0 14px}
.ucr .rz-c4{border-radius:13px;padding:14px 15px;border:1px solid}
.ucr .rz-c4 .rz-haut{display:flex;align-items:center;gap:9px}
.ucr .rz-c4 .rz-n{font-size:30px;font-weight:700;line-height:1}
.ucr .rz-c4 .rz-t{font-size:15px;font-weight:700;margin:5px 0 3px}
.ucr .rz-c4 .rz-d{font-size:14px;line-height:1.4}
.ucr .rz-cas-j{background:#E4F1E6;border-color:#B4D8BC;color:#0E5129}
.ucr .rz-cas-p{background:#FBF2D6;border-color:#E6D193;color:#6E5408}
.ucr .rz-cas-t{background:#FCE7CD;border-color:#F0C78E;color:#8A4A05}
.ucr .rz-cas-c{background:#F8DCD6;border-color:#E6AFA4;color:#7A1F15}

/* le résumé, en phrases */
.ucr .rz-resume{background:var(--rz-carte);border:1px solid var(--rz-trait);border-radius:16px;padding:20px 22px;margin:0 0 20px}
.ucr .rz-resume p{margin:0 0 11px;font-size:18px;line-height:1.5}
.ucr .rz-resume p:last-child{margin:0}
.ucr .rz-resume .rz-l{color:var(--rz-lui);font-weight:700}
.ucr .rz-resume .rz-e{color:var(--rz-elle);font-weight:700}
.ucr .rz-resume .rz-vert{color:#1A6B3E;font-weight:600}
.ucr .rz-resume .rz-amb{color:#9A5408;font-weight:600}
.ucr .rz-resume .rz-sc-t{display:block;font-size:15px;color:var(--rz-douce);margin:0 0 7px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.ucr .rz-resume .rz-sc-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;max-width:300px;padding:5px 0;border-bottom:1px solid #F0EADF;font-size:18px}
.ucr .rz-resume .rz-sc-l:last-child{border-bottom:0}
.ucr .rz-resume .rz-sc-l b{font-size:21px;font-weight:700}

/* une carte de thème */
.ucr .rz-th{background:var(--rz-carte);border:1px solid var(--rz-trait);border-radius:16px;margin:0 0 13px;overflow:hidden}
.ucr .rz-th > .rz-bt{margin:0;padding:13px 20px 11px;background:#FBF8F2;border-bottom:1px solid var(--rz-trait);
  font-size:14px;letter-spacing:.09em;text-transform:uppercase;color:var(--rz-douce);font-weight:700}
.ucr .rz-th > .rz-tc{padding:18px 20px 16px}
.ucr .rz-ligne1{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px}
.ucr .rz-ligne1 .rz-txt{flex:1;min-width:0}
.ucr .rz-ligne1 .rz-h{margin:0 0 9px;font-size:19px;line-height:1.3;font-weight:700}
.ucr .rz-ligne1 .rz-h.rz-ok{color:#1A6B3E}
.ucr .rz-veut{display:flex;gap:11px;align-items:baseline;font-size:17px;margin:0 0 6px;line-height:1.4}
.ucr .rz-veut:last-child{margin:0}
.ucr .rz-veut .rz-n{flex:0 0 auto;min-width:58px;font-weight:700}
.ucr .rz-veut .rz-n.rz-l{color:var(--rz-lui)} .ucr .rz-veut .rz-n.rz-e{color:var(--rz-elle)}
.ucr .rz-veut .rz-n.rz-d{color:var(--rz-or);white-space:nowrap;margin-right:4px}
.ucr .rz-veut .rz-v{font-weight:600;min-width:0}
.ucr .rz-ligne2{border-top:1px solid #F0EADF;padding-top:14px}
.ucr .rz-ligne2 .rz-t{font-size:16px;color:var(--rz-douce);margin:0 0 10px}
.ucr .rz-temoins{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ucr .rz-tem{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;
  border:1.5px solid var(--rz-trait);background:#FBF8F2;font-size:16px}
.ucr .rz-tem b{font-weight:700}
.ucr .rz-tem.rz-ok{border-color:#CFE3C6;background:#F5FAF2}
.ucr .rz-tem .pico.sm{margin-right:0}
.ucr .rz-th details{margin:12px 0 0}
.ucr .rz-th summary{cursor:pointer;font-size:16px;color:var(--rz-or);font-weight:600;list-style:none;padding:8px 0 0;
  text-decoration:underline;text-decoration-color:rgba(126,92,24,.45);text-underline-offset:3px}
.ucr .rz-th summary::-webkit-details-marker{display:none}
.ucr .rz-dedans{margin:11px 0 0;padding:14px 16px;background:#FBF8F2;border-radius:11px;font-size:16px;line-height:1.55}
.ucr .rz-dedans p{margin:0 0 7px} .ucr .rz-dedans p:last-child{margin:0}
.ucr .rz-dedans b{font-weight:600}
.ucr .rz-dedans .rz-props{color:#5A6470;font-size:15px}
.ucr .rz-pepite{margin:0 0 13px;padding:17px 19px;background:#FFF6E4;border:1.5px solid #E9D5AA;
  border-left:5px solid var(--rz-or);border-radius:14px}
.ucr .rz-pepite p{margin:7px 0 0;font-size:18px;line-height:1.4;font-weight:600}
.ucr .rz-pepite p.rz-ou{font-size:15px;font-weight:400;color:#5A4A1E;margin-top:5px}

/* le récapitulatif */
.ucr table.rz-tab{border-collapse:collapse;width:100%;background:var(--rz-carte);border:1px solid var(--rz-trait);border-radius:14px;overflow:hidden;margin:0}
.ucr .rz-tab caption{text-align:left;font-size:15px;color:var(--rz-douce);padding:0 0 10px}
.ucr .rz-tab :is(th,td){padding:12px 14px;text-align:left;border-top:1px solid #F0EADF;font-size:16px;vertical-align:top;overflow-wrap:anywhere}
.ucr .rz-tab thead th{border-top:0;background:#FBF8F2;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--rz-douce);font-weight:700}
.ucr .rz-tab thead th.rz-l{color:var(--rz-lui)} .ucr .rz-tab thead th.rz-e{color:var(--rz-elle)}
.ucr .rz-tab td.rz-q{color:var(--rz-douce);width:42%}
.ucr .rz-tab td b{font-weight:600} .ucr .rz-tab td .rz-ns{color:#6B6151;font-style:italic}
.ucr .rz-espace{height:18px}
.ucr .rz-note{margin:22px 0 0;padding:16px 18px;background:#F7F3EA;border:1px dashed #C9BFA8;border-radius:12px;font-size:15px;line-height:1.55;color:#4A4336}
.ucr .rz-note b{color:var(--rz-or)}
.ucr .rz-manque{margin:0 0 18px;padding:16px 18px;background:#FBF8F2;border:1px solid var(--rz-trait);border-left:4px solid var(--rz-nous);border-radius:12px;font-size:16px;line-height:1.55}
.ucr .rz-manque p{margin:0 0 8px} .ucr .rz-manque p:last-child{margin:0}

/* ce qui porte, ce qui pèse (maquette « Votre couple ») */
.ucr .rz-pp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:14px;margin:0 0 18px}
.ucr .rz-col{background:var(--rz-carte);border:1px solid var(--rz-trait);border-radius:16px;padding:18px 20px}
.ucr .rz-col.rz-bon{border-top:4px solid var(--rz-v0)} .ucr .rz-col.rz-mal{border-top:4px solid var(--rz-v3)}
.ucr .rz-col .rz-ct{display:flex;align-items:center;gap:10px;margin:0 0 13px}
.ucr .rz-col h3{margin:0;font-size:18px}
.ucr .rz-col.rz-bon h3{color:#1A6B3E} .ucr .rz-col.rz-mal h3{color:#A23523}
.ucr .rz-col ul{margin:0;padding:0;list-style:none}
.ucr .rz-col li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;
  padding:9px 0;border-bottom:1px solid #F0EADF;font-size:17px;line-height:1.35}
.ucr .rz-col li:last-child{border-bottom:0}
.ucr .rz-col li .rz-q{flex:1 1 9em;min-width:0}
/* le nom de ce qu'un bloc montre (« les 3 plus grands écarts »…) */
.ucr .rz-outil{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;background:#EDE7DA;color:#5A4A1E;font-size:14px;letter-spacing:.05em}
/* le détail, famille par famille */
.ucr h4.rz-fam{display:flex;justify-content:space-between;align-items:baseline;gap:8px 12px;flex-wrap:wrap;margin:22px 0 10px;font-size:18px}
.ucr h4.rz-fam:first-child{margin-top:4px}
.ucr h4.rz-fam .rz-fn{font-weight:400;color:var(--rz-douce);font-size:16px}
.ucr h4.rz-fam .rz-fs{display:inline-flex;align-items:baseline;gap:10px;font-size:16px}
.ucr .rz-tab td.rz-th3{font-weight:700;color:var(--rz-encre);width:auto}
.ucr .rz-tab td.rz-r{color:var(--rz-douce);font-size:15px}
.ucr .rz-tab td.rz-motl{font-size:15px;color:#4A4336;background:#FFFDF8}
.ucr .rz-tab tr.rz-sep td{border-top:2px solid var(--rz-trait)}

/* le seul bouton : « Voir le détail » */
.ucr .rz-voir{display:inline-block;margin:4px 0 14px;padding:10px 18px;background:#FFFFFF;color:var(--rz-or);
  border:1.5px solid var(--rz-or);border-radius:3px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.ucr .rz-voir:hover{background:#FFF8EC}
.ucr .rz-voir:focus-visible{outline:3px solid rgba(126,92,24,.45);outline-offset:2px}

/* ── sur téléphone, on rend aux dessins la place prise par les marges (maquettes) ── */
@media (max-width:620px){
  .ucr .rz-page > .rz-corps{padding:18px 11px 22px}
  .ucr .rz-rang{padding:10px 13px;font-size:14px}
  .ucr .rz-titre{padding:28px 14px 24px}
  .ucr .rz-oc{padding:20px 11px 22px}
  .ucr .rz-bloc{padding:14px 9px}
  .ucr :is(.rz-pers,.rz-resume,.rz-photo){padding:15px 13px}
  .ucr .rz-th > .rz-tc{padding:15px 12px 14px} .ucr .rz-th > .rz-bt{padding:12px 13px 10px}
  .ucr :is(.rz-lire,.rz-lire-pic){padding:12px 12px}
  .ucr :is(.rz-preco,.rz-sujet,.rz-pepite,.rz-mot,.rz-manque){padding:15px 14px}
  .ucr .rz-tab :is(th,td){padding:10px 8px}
  .ucr .rz-cp{grid-template-columns:minmax(0,1fr) 72px 52px;gap:9px}
  .ucr .rz-titre dl{gap:7px 16px}
}

/* Dans les outils, l'écran du rapport est une colonne ordonnée (order) : la restitution vient en tête,
   avec le titre et l'avis d'exemple, avant le garde-fou, l'offre et le bloc du compte. */
.ecran.resultat > .ucr{order:1}

/* ── le papier : tout se déplie, rien ne se coupe au milieu d'une carte ── */
@media print{
  .ucr .rz-voir{display:none !important}
  .ucr [data-rz-detail][hidden]{display:block !important}
  .ucr .rz-page,.ucr .rz-bloc,.ucr .rz-th,.ucr .rz-pers{break-inside:avoid;page-break-inside:avoid;box-shadow:none}
  .ucr .rz-page{border-radius:6px}
}

/* ══════════ TROUVER DE L'AIDE (maquette point-trouver-de-l-aide.html, 03/10/2026, prompt 3) ══════════ */
.ucr .pico.gr{width:38px;height:38px}
.ucr .rz-cadre{background:#FBF8F2;border:1px solid #D8D0C1;border-radius:14px;padding:19px 21px;margin:0 0 20px}
.ucr .rz-cadre:last-child{margin-bottom:0}
.ucr .rz-cadre h3{margin:0 0 9px;font-size:18px}
.ucr .rz-cadre p{margin:0 0 9px;font-size:16px;line-height:1.55;color:#4A4336}
.ucr .rz-cadre p:last-child{margin:0}
.ucr .rz-cadre b{color:var(--rz-encre)}
.ucr .rz-urgence{margin:0;padding:17px 20px;background:#FFFFFF;border:1.5px solid #E6AFA4;border-left:5px solid #C2402C;border-radius:14px}
.ucr .rz-urgence .rz-t{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#8E2A1F;font-weight:700}
.ucr .rz-urgence p{margin:7px 0 0;font-size:16px;line-height:1.55}
.ucr .rz-urgence a{color:#8E2A1F;text-underline-offset:3px}
.ucr .rz-deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px;margin:0 0 18px}
/* CHANTIER 253 (LOT B) — ÉVITEZ LES VIDES : les réponses ÉCRITES et DITES de chacun (« Ce que vous avez écrit », la voix) n'ont pas la même longueur ; côte à côte, la plus courte
   pendait à côté de l'autre (83 px de texte pour 246, à 1 440 px). Elles passent l'une sous l'autre, chacune en pleine largeur (deux habillages). */
.ucr #tda-ecrit .rz-deux,.ucr #tda-voix .rz-deux{grid-template-columns:minmax(0,1fr);gap:10px}
.ucr .rz-qui{background:#FFFFFF;border:1px solid var(--rz-trait);border-radius:16px;padding:20px 22px;min-width:0}
.ucr .rz-qui.rz-l{border-top:4px solid var(--rz-lui)} .ucr .rz-qui.rz-e{border-top:4px solid var(--rz-elle)}
.ucr .rz-qui .rz-nom{font-size:14px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;overflow-wrap:anywhere}
.ucr .rz-qui.rz-l .rz-nom{color:var(--rz-lui)} .ucr .rz-qui.rz-e .rz-nom{color:var(--rz-elle)}
.ucr .rz-qui .rz-rep{margin:11px 0 0;font-size:22px;line-height:1.3;font-weight:600;display:flex;align-items:center;gap:11px}
.ucr .rz-qui .rz-sous2{margin:9px 0 0;font-size:16px;color:var(--rz-douce);line-height:1.5}
.ucr .rz-kl{list-style:none;margin:12px 0 0;padding:0}
.ucr .rz-kl li{display:flex;justify-content:space-between;align-items:center;gap:6px 12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #F0EADF;font-size:16px;line-height:1.35}
.ucr .rz-etage{margin:0 0 20px} .ucr .rz-etage:last-child{margin:0}
.ucr .rz-et-t{display:flex;align-items:center;gap:13px;margin:0 0 12px}
.ucr .rz-et-t .rz-num{flex:none;width:42px;height:42px;border-radius:50%;background:var(--rz-or);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.ucr .rz-et-t h3{margin:0;font-size:20px;line-height:1.25}
.ucr .rz-et-t .rz-q{display:block;font-size:15px;font-weight:400;color:var(--rz-douce);margin-top:2px}
.ucr .rz-act{background:#FFFFFF;border:1px solid var(--rz-trait);border-radius:14px;padding:16px 18px;margin:0 0 10px}
.ucr .rz-act:last-child{margin:0}
.ucr .rz-act .rz-ligne{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}
.ucr .rz-act h4{margin:0;font-size:18px}
.ucr .rz-act p{margin:8px 0 0;font-size:16px;line-height:1.55;color:#4A4336}
.ucr .rz-act .rz-vers{margin:9px 0 0;padding-top:9px;border-top:1px solid #F0EADF}
.ucr .rz-act .rz-vers b{color:var(--rz-or)}
.ucr .rz-vide{background:#F7F3EA;border:1px dashed #C9BFA8;border-radius:12px;padding:14px 16px;font-size:16px;color:#4A4336}
.ucr .rz-verrou{display:inline-flex;align-items:center;padding:3px 12px;border-radius:8px;background:#EDE9E0;color:#6B6456;font-style:italic;font-size:15px}
.ucr .rz-pers-t{font-size:15px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;margin:0 0 9px}
.ucr .rz-pers-t.rz-l{color:var(--rz-lui)} .ucr .rz-pers-t.rz-e{color:var(--rz-elle)}
.ucr .rz-pj{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px}
.ucr .rz-c4 .rz-d{opacity:.9}
.ucr details.rz-det{margin:0 0 11px;background:#FFFFFF;border:1px solid var(--rz-trait);border-radius:14px;overflow:hidden}
.ucr details.rz-det > summary{cursor:pointer;padding:14px 18px;font-size:17px;font-weight:600;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}
.ucr details.rz-det > summary::-webkit-details-marker{display:none}
.ucr details.rz-det .rz-fam{flex:1 1 12em;min-width:0}
.ucr details.rz-det .rz-fam .rz-fn{color:var(--rz-douce);font-weight:400}
.ucr details.rz-det .rz-ap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ucr details.rz-det .rz-sv{font-size:15px;font-weight:600;color:var(--rz-or);text-decoration:underline;text-decoration-color:rgba(126,92,24,.45);text-underline-offset:3px}
.ucr .rz-dedans2{padding:0 18px 16px}
.ucr table.rz-qt{border-collapse:collapse;width:100%}
.ucr table.rz-qt :is(th,td){padding:9px 6px;text-align:left;border-top:1px solid #F0EADF;font-size:15px;vertical-align:middle;overflow-wrap:anywhere}
.ucr table.rz-qt thead th{border-top:0;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--rz-douce);font-weight:700;line-height:1.3}
.ucr table.rz-qt thead th.rz-l{color:var(--rz-lui)} .ucr table.rz-qt thead th.rz-e{color:var(--rz-elle)}
.ucr table.rz-qt td.rz-q{width:30%;font-weight:600}
.ucr table.rz-qt td.rz-c{text-align:center}
.ucr table.rz-qt .et{white-space:normal;text-align:left}
.ucr .rz-fin-note{margin:10px 0 0;font-size:14px;color:var(--rz-douce);line-height:1.5}
.ucr h4.rz-oq{margin:24px 0 10px;font-size:18px;line-height:1.35}
.ucr h4.rz-oq:first-of-type{margin-top:4px}
.ucr .rz-ecrit{margin:8px 0 0;font-size:17px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.ucr .rz-repris{margin:8px 0 0;font-size:14px;color:var(--rz-douce)}
.ucr .rz-tj{display:grid;grid-template-columns:minmax(0,8em) minmax(0,1fr) 3.4em;align-items:center;gap:10px;margin:7px 0 0;font-size:16px}
.ucr .rz-tj .rz-bar{height:11px;background:#EFEAE0;border-radius:6px;overflow:hidden}
.ucr .rz-tj .rz-bar i{display:block;height:100%;border-radius:6px}
.ucr .rz-tj .rz-n{text-align:right;font-weight:700}
.ucr .rz-qui h3.rz-dom{margin:8px 0 2px;font-size:24px}
.ucr .rz-renc{background:#FFF8EC;border:1px solid #EBDCBC;border-left:5px solid var(--rz-or);border-radius:14px;padding:18px 20px;margin:0 0 16px}
.ucr .rz-renc h3{margin:6px 0 8px;font-size:20px}
.ucr .rz-renc h4{margin:14px 0 6px;font-size:16px;color:#5A4A1E}
.ucr .rz-renc p{margin:0 0 8px;font-size:16px;line-height:1.55}
.ucr .rz-renc ul{margin:0;padding-left:20px}
.ucr .rz-renc li{margin:0 0 5px;font-size:16px;line-height:1.5}
.ucr .rz-renc .rz-lab{font-size:14px;letter-spacing:.11em;text-transform:uppercase;color:var(--rz-or);font-weight:700}
.ucr .rz-tp{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;vertical-align:0}
@media (max-width:620px){
  .ucr :is(.rz-cadre,.rz-qui,.rz-act,.rz-renc){padding:15px 13px}
  .ucr details.rz-det > summary{padding:13px 13px} .ucr .rz-dedans2{padding:0 11px 14px}
  /* Le tableau des questions, au téléphone : une ligne par question, chaque case sous son nom (cinq colonnes
     ne tiennent pas dans 300 px sans tomber sous 14 px). */
  .ucr table.rz-qt thead{display:none}
  .ucr table.rz-qt,.ucr table.rz-qt tbody,.ucr table.rz-qt tr,.ucr table.rz-qt td{display:block;width:auto}
  .ucr table.rz-qt tr{padding:10px 0;border-top:1px solid #F0EADF}
  .ucr table.rz-qt tr:first-child{border-top:0}
  .ucr table.rz-qt td{border:0;padding:3px 0;text-align:left}
  .ucr table.rz-qt td.rz-q{width:auto}
  .ucr table.rz-qt td.rz-c{text-align:left}
  .ucr table.rz-qt td[data-l]::before{content:attr(data-l);display:block;font-size:14px;color:var(--rz-douce);margin:4px 0 2px}
}
@media print{ .ucr details.rz-det{break-inside:avoid} }
/* =====================================================================
   CHANTIER 213 (Éric, 20/10/2026) : LA RESTITUTION EN HABILLAGE MODERNE.
   Chaque règle commence par :root[data-forme="moderne"] : le traditionnel ne la lit pas.
   Les couleurs restent FIXES dans les deux modes (règle de cette feuille) : le beige devient le neutre du moderne
   (#F4F6F9 et #FFFFFF), le texte foncé fixe reste lisible dessus. Les couleurs qui portent un sens ne changent pas
   (les quatre cas de la perception, l'harmonie, lui, elle).
   moderne.css (§ 38) efface tout trait dans <main> : les filets qui portent un sens sont rendus ici (lui, elle, le bon, le mal,
   le filet d'or des sujets, des préconisations et des rencontres, le pointillé de la note).
   Le poids (un identifiant qu'aucun élément ne porte) passe devant moderne.css (§§ 38 et 39).
   ===================================================================== */
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr{--rz-fond:#F4F6F9;--rz-trait:#E5E9EE}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-page{border-color:transparent;box-shadow:0 1px 2px rgba(31,40,51,.04),0 4px 10px rgba(31,40,51,.05),0 16px 40px rgba(31,40,51,.09)}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr :is(.rz-sujet,.rz-preco,.rz-renc,.rz-mot,.rz-qui,.rz-act,.rz-cadre){background:#FFFFFF;border-color:transparent;box-shadow:0 1px 3px rgba(31,40,51,.08),0 6px 18px rgba(31,40,51,.07)}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr :is(.rz-lire,.rz-lire-pic,.rz-note,.rz-leg,.rz-dedans,.rz-manque,.rz-th > .rz-bt,.rz-tem,.rz-tab thead th){background:#F4F6F9}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-outil{background:#EEF1F5}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-verrou{background:#EEF1F5;color:#5A6470}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr :is(.rz-sujet,.rz-renc){border-left:5px solid var(--rz-or)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-preco{border-left:4px solid var(--rz-or)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-mot{border-left:4px solid var(--rz-nous)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-manque{border-left:4px solid var(--rz-nous)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr :is(.rz-pers,.rz-qui).rz-l{border-top:4px solid var(--rz-lui)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr :is(.rz-pers,.rz-qui).rz-e{border-top:4px solid var(--rz-elle)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-col.rz-bon{border-top:4px solid var(--rz-v0)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-col.rz-mal{border-top:4px solid var(--rz-v3)!important}
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr .rz-note{border:1px dashed #CFD5DD!important}
/* « Voir le détail » : le canon des boutons du moderne (Karla demi-gras 17 px, pilule, sans trait, fond léger, une ombre) */
:root[data-forme="moderne"][data-forme="moderne"]:is(#uc-poids,[data-forme]) .ucr button.rz-voir{font-family:'Karla',system-ui,sans-serif!important;font-weight:600!important;font-size:17px!important;letter-spacing:.01em!important;
  line-height:1.25!important;border:0!important;border-radius:999px!important;background:rgba(31,40,51,.055)!important;color:var(--rz-encre)!important;
  box-shadow:0 1px 3px rgba(31,40,51,.08),0 6px 18px rgba(31,40,51,.07)!important}