/* Carnet de rénovation — styles du parcours */
/* L'en-tete du site est collant : sans cette marge, le defilement automatique
   place le haut du parcours (et la jauge) juste derriere le bandeau. */
#roy-carnet-app{scroll-margin-top:104px}
.rk{max-width:640px;margin:0 auto;font-family:'Manrope',system-ui,sans-serif;color:#2B2420}
.rk *{box-sizing:border-box}
.rk-h1{font-family:'Sora',sans-serif;font-weight:800;font-size:26px;line-height:1.22;color:#1A1410;margin:0 0 8px}
.rk-sub{font-size:14.5px;line-height:1.55;color:#6B6157;margin:0 0 22px}
.rk-lbl{font-family:'Sora',sans-serif;font-weight:700;font-size:12px;color:#8A8078;margin:20px 0 10px}

/* Choix des domaines */
.rk-tout,.rk-cat{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:15px 16px;margin-bottom:10px;
  border-radius:15px;background:#fff;border:1px solid rgba(26,20,16,.11);cursor:pointer;transition:border-color .15s,box-shadow .15s;font:inherit}
.rk-tout{border-color:rgba(232,93,47,.34)}
.rk-tout.on{border-color:#E85D2F;box-shadow:0 0 0 3px rgba(232,93,47,.08)}
.rk-cat.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 10%,transparent)}
.rk-tout:hover,.rk-cat:hover{border-color:rgba(26,20,16,.24)}
.rk-tout-t{font-family:'Sora',sans-serif;font-weight:800;font-size:16px;color:#1A1410;display:block}
.rk-tout-s{font-size:12.5px;color:#6B6157;display:block;margin-top:3px}
.rk-tout>span:first-child{flex:1}
.rk-tout{flex-wrap:wrap}
.rk-tout .rk-tout-t,.rk-tout .rk-tout-s{flex-basis:100%}
.rk-cat-p{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.rk-cat-x{flex:1;min-width:0}
.rk-cat-n{font-family:'Sora',sans-serif;font-weight:700;font-size:15px;color:#1A1410;display:block}
.rk-cat-r{font-size:12.5px;color:#8A8078;line-height:1.4;display:block;margin-top:3px}
.rk-cat-m{font-size:12px;font-family:'Sora',sans-serif;font-weight:700;color:#8A8078;display:block;margin-top:5px}
.rk-fini{font-size:11px;font-weight:700;color:#4F9A26;background:#F1F7EC;padding:2px 8px;border-radius:99px;margin-left:6px}
.rk-check{width:22px;height:22px;border-radius:7px;border:1.6px solid rgba(26,20,16,.2);background:#fff;flex:0 0 auto;position:relative}
.rk-check.on{background:var(--c,#E85D2F);border-color:var(--c,#E85D2F)}
.rk-check.on::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg)}
.rk-recap{margin:14px 0 16px;padding:12px 14px;border-radius:12px;background:#F7F4EF;border:1px solid rgba(26,20,16,.08);
  font-size:13px;color:#8A8078;text-align:center}
.rk-recap.on{background:#fff;border-color:rgba(232,93,47,.28);color:#1A1410}

/* Boutons */
.rk-cta{display:block;width:100%;padding:15px;border-radius:13px;border:none;background:#E85D2F;color:#fff;
  font-family:'Sora',sans-serif;font-weight:800;font-size:15px;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s}
.rk-cta:hover{background:#C2481F;color:#fff}
.rk-cta[disabled]{background:#E4DFD8;color:#9A9188;cursor:default}
.rk-bk{padding:14px 18px;border-radius:13px;border:1px solid rgba(26,20,16,.16);background:#fff;color:#6B6157;
  font-family:'Sora',sans-serif;font-weight:700;font-size:14px;cursor:pointer}
.rk-full{width:100%;margin-top:16px}
.rk-nav{display:flex;gap:10px;margin-top:20px}
.rk-nav .rk-cta{flex:1;width:auto}

/* Question */
.rk-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.rk-top-n{font-family:'Sora',sans-serif;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.rk-top-c{font-size:12px;color:#8A8078}
.rk-prog{height:5px;border-radius:99px;background:#EEEBE6;overflow:hidden;margin-bottom:24px}
.rk-prog i{display:block;height:100%;border-radius:99px;transition:width .3s}
.rk-q{font-family:'Sora',sans-serif;font-weight:800;font-size:21px;line-height:1.3;color:#1A1410;margin:0 0 8px}
.rk-a{font-size:13.5px;line-height:1.55;color:#6B6157;margin:0 0 18px}
.rk-opt{width:100%;text-align:left;padding:15px 16px;margin-bottom:9px;border-radius:13px;background:#fff;
  border:1px solid rgba(26,20,16,.11);cursor:pointer;position:relative;font:inherit;transition:border-color .15s}
.rk-opt:hover{border-color:rgba(26,20,16,.26)}
.rk-opt.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 10%,transparent)}
.rk-opt-l{display:block;font-family:'Sora',sans-serif;font-weight:700;font-size:15px;color:#1A1410;padding-right:30px}
.rk-opt.on .rk-opt-l{color:var(--c)}
.rk-opt-d{display:block;font-size:12.5px;color:#8A8078;margin-top:3px}
.rk-cm{position:absolute;right:15px;top:16px;width:21px;height:21px;border-radius:6px;border:1.6px solid rgba(26,20,16,.2);background:#fff}
.rk-cm.on{background:var(--c);border-color:var(--c)}
.rk-cm.on::after{content:"";position:absolute;left:6.5px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2.3px 2.3px 0;transform:rotate(45deg)}
.rk-cur{background:#fff;border:1px solid rgba(26,20,16,.11);border-radius:14px;padding:18px 16px}
.rk-cur-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:13px;color:#8A8078}
.rk-cur-h b{font-family:'Sora',sans-serif;font-weight:800;font-size:22px}
.rk-cur input[type=range]{width:100%;height:6px;border-radius:99px;appearance:none;background:#EEEBE6;outline:none}
.rk-cur input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;
  border:3px solid var(--c);box-shadow:0 2px 8px rgba(26,20,16,.18);cursor:pointer}
.rk-cur input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--c);cursor:pointer}
.rk-txt{width:100%;padding:15px 16px;border-radius:13px;border:1px solid rgba(26,20,16,.16);font-family:'Sora',sans-serif;
  font-weight:700;font-size:19px;letter-spacing:.12em;text-align:center;color:#1A1410}

/* Résultat */
.rk-score{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid rgba(26,20,16,.11);
  border-radius:18px;padding:20px;margin-bottom:14px;flex-wrap:wrap}
.rk-jauge{width:150px;height:150px;flex:0 0 auto}
.rk-jv{font-family:'Sora',sans-serif;font-weight:800;font-size:44px}
.rk-jl{font-family:'Manrope',sans-serif;font-size:12px;fill:#8A8078}
.rk-score-x{flex:1;min-width:180px}
.rk-score-k{display:block;font-family:'Sora',sans-serif;font-weight:700;font-size:11px;letter-spacing:.07em;
  text-transform:uppercase;color:#8A8078;margin-bottom:6px}
.rk-score-t{display:block;font-family:'Sora',sans-serif;font-weight:800;font-size:19px;line-height:1.25;color:#1A1410}
.rk-score-m{display:block;font-size:13.5px;line-height:1.5;color:#6B6157;margin-top:6px}
.rk-det{background:#fff;border:1px solid rgba(26,20,16,.11);border-radius:16px;padding:16px;margin-bottom:20px}
.rk-det-k{display:block;font-family:'Sora',sans-serif;font-weight:800;font-size:12.5px;color:#1A1410;margin-bottom:12px}
.rk-det-l{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rk-det-p{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
.rk-det-n{font-size:13px;flex:0 0 auto;min-width:120px}
.rk-det-b{flex:1;height:6px;border-radius:99px;background:#EEEBE6;overflow:hidden}
.rk-det-b i{display:block;height:100%;border-radius:99px}
.rk-det-v{font-family:'Sora',sans-serif;font-weight:800;font-size:12.5px;width:42px;text-align:right}
.rk-sec{font-family:'Sora',sans-serif;font-weight:800;font-size:16px;color:#1A1410;margin:0 0 12px}
.rk-sec span{color:#8A8078;font-weight:700}
.rk-al{background:#fff;border:1px solid rgba(26,20,16,.10);border-left:3px solid var(--c);border-radius:13px;padding:14px 16px;margin-bottom:10px}
.rk-al-t{font-family:'Sora',sans-serif;font-weight:700;font-size:14.5px;color:#1A1410;line-height:1.35}
.rk-al-m{font-size:13px;line-height:1.55;color:#6B6157;margin-top:6px}
.rk-al-a{font-family:'Sora',sans-serif;font-weight:700;font-size:12.5px;color:var(--c);margin-top:8px}
.rk-vide{background:#F7F4EF;border-radius:13px;padding:16px;font-size:13px;color:#8A8078;line-height:1.55}
.rk-ok{background:#F1F7EC;border:1px solid #D6E7C9;border-radius:13px;padding:14px 16px;font-size:13.5px;color:#31631A;margin:20px 0 12px}
.rk-ok.warn{background:#FFF6E8;border-color:#EBD5A8;color:#7A5A0A}
.rk-a-cta{margin-bottom:4px}
.rk-garde{background:#fff;border:2px solid #E85D2F;border-radius:16px;padding:18px;margin:22px 0 4px}
.rk-garde-t{font-family:'Sora',sans-serif;font-weight:800;font-size:16px;color:#1A1410;margin-bottom:6px}
.rk-garde-s{font-size:13px;line-height:1.55;color:#6B6157;margin-bottom:14px}
.rk-garde-n{font-size:11.5px;color:#8A8078;text-align:center;margin-top:10px}

@media(max-width:520px){
  .rk-h1{font-size:23px}
  .rk-score{gap:14px;justify-content:center;text-align:center}
  .rk-score-x{min-width:100%}
  .rk-det-n{min-width:96px;font-size:12.5px}
}

/* ═══ Fenêtre superposée pour les questions ═══ */
body.rk-fige{overflow:hidden}
/* z-index 99990 : au-dessus du bouton d'appel (9990) et de la barre d'onglets (900),
   mais SOUS le bandeau de consentement (99999), qui doit rester atteignable. */
.rk-modale{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;
  padding:16px;opacity:0;transition:opacity .22s}
.rk-modale.on{opacity:1}
.rk-voile{position:absolute;inset:0;background:rgba(26,20,16,.55);backdrop-filter:blur(4px)}
.rk-fen{position:relative;width:100%;max-width:560px;max-height:calc(100dvh - 32px);overflow-y:auto;background:#FDFCFA;
  border-radius:22px;padding:26px 20px 22px;box-shadow:0 26px 70px rgba(26,20,16,.34);
  transform:translateY(16px) scale(.985);transition:transform .28s cubic-bezier(.22,1,.36,1);
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.rk-modale.on .rk-fen{transform:translateY(0) scale(1)}
.rk-x{position:absolute;top:13px;right:13px;width:34px;height:34px;border-radius:50%;border:none;background:#F1EDE7;
  color:#6B6157;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.rk-x:hover{background:#E6E0D8}
.rk-fen .rk-top{padding-right:42px}
@supports not (height: 100dvh){ .rk-fen{max-height:calc(100vh - 32px)} }
@media(min-width:640px){ .rk-fen{padding:28px 26px 24px} }
@media(max-height:620px){ .rk-fen{padding:20px 18px 18px} .rk-fen .rk-q{font-size:19px} }

/* ═══ Anneau compact, réutilisable ═══ */
.rk-anneau{flex:0 0 auto}
.rk-anneau-v{font-family:'Sora',sans-serif;font-weight:800}

/* ═══ Sous-onglets du résultat ═══ */
.rk-ong{display:flex;gap:6px;background:#F3F0EA;border-radius:13px;padding:5px;margin:0 0 18px}
.rk-ong-b{flex:1;padding:10px 6px;border:none;border-radius:9px;background:transparent;cursor:pointer;
  font-family:'Sora',sans-serif;font-weight:700;font-size:12.5px;color:#8A8078;display:flex;align-items:center;
  justify-content:center;gap:6px;transition:background .15s,color .15s}
.rk-ong-b.on{background:#fff;color:#1A1410;box-shadow:0 1px 3px rgba(26,20,16,.10)}
.rk-pastille{min-width:18px;height:18px;border-radius:99px;background:#E85D2F;color:#fff;font-size:10.5px;
  font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.rk-ong-b.on .rk-pastille{background:#E85D2F}
.rk-vol{min-height:180px}

/* Domaines restants */
.rk-manque{background:#fff;border:1px solid rgba(26,20,16,.11);border-radius:16px;padding:16px;margin-bottom:16px}
.rk-manque-t{font-family:'Sora',sans-serif;font-weight:800;font-size:14.5px;color:#1A1410}
.rk-manque-s{font-size:12.5px;color:#8A8078;margin:4px 0 12px;line-height:1.5}
.rk-manque-l{display:flex;flex-wrap:wrap;gap:8px}
.rk-manque-b{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:99px;cursor:pointer;
  border:1px solid rgba(26,20,16,.13);background:#fff;font:inherit;font-size:12.5px;color:#3A352F;transition:border-color .15s}
.rk-manque-b:hover{border-color:var(--c)}
.rk-mp{width:8px;height:8px;border-radius:50%}
.rk-mm{font-family:'Sora',sans-serif;font-weight:700;font-size:11px;color:#8A8078}
.rk-flash{background:#FDF1EE;border:1px solid #F0C9BC;border-radius:13px;padding:13px 15px;font-size:13px;
  line-height:1.5;color:#8F2622}
.rk-flash b{font-family:'Sora',sans-serif;font-weight:800}

/* Feuille de route */
.rk-etape{margin-bottom:22px}
.rk-etape-h{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px}
.rk-etape-n{width:26px;height:26px;border-radius:50%;background:#1A1410;color:#fff;font-family:'Sora',sans-serif;
  font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rk-etape-k{display:block;font-family:'Sora',sans-serif;font-weight:800;font-size:15px;color:#1A1410}
.rk-etape-d{display:block;font-size:12.5px;color:#8A8078;margin-top:2px}

/* Lectures */
.rk-lire-i{font-size:13px;color:#8A8078;margin:0 0 12px}
.rk-art{display:block;padding:15px 16px;margin-bottom:9px;border-radius:13px;background:#fff;
  border:1px solid rgba(26,20,16,.11);text-decoration:none;transition:border-color .15s}
.rk-art:hover{border-color:#E85D2F}
.rk-art-t{display:block;font-family:'Sora',sans-serif;font-weight:700;font-size:14.5px;color:#1A1410;line-height:1.35}
.rk-art-f{display:block;font-family:'Sora',sans-serif;font-weight:700;font-size:12.5px;color:#E85D2F;margin-top:7px}

/* ═══ Conseils : cartes illustrées ═══ */
.rk-lire-h{margin:0 0 16px}
.rk-lire-t{font-family:'Sora',sans-serif;font-weight:800;font-size:16px;color:#1A1410;margin-bottom:5px}
.rk-lire-i{font-size:13px;line-height:1.55;color:#8A8078;margin:0}
.rk-art{display:flex;gap:13px;align-items:stretch;padding:0;margin-bottom:10px;border-radius:14px;background:#fff;
  border:1px solid rgba(26,20,16,.10);text-decoration:none;overflow:hidden;transition:border-color .15s,transform .15s}
.rk-art:hover{border-color:rgba(26,20,16,.24);transform:translateY(-1px)}
.rk-art-img{flex:0 0 96px;background-size:cover;background-position:center;background-color:#F1EDE7;min-height:96px}
.rk-art-noimg{background-image:linear-gradient(135deg,#F5F1EA,#EAE4DA)}
.rk-art-x{flex:1;min-width:0;padding:12px 14px 12px 0;display:flex;flex-direction:column;justify-content:center}
.rk-art-c{display:block;font-family:'Sora',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;color:#8A8078;margin-bottom:5px}
.rk-art-t{display:block;font-family:'Sora',sans-serif;font-weight:700;font-size:14px;color:#1A1410;line-height:1.32}
.rk-art-f{display:block;font-size:12px;color:#8A8078;margin-top:6px}
.rk-art-tous{display:block;text-align:center;padding:13px;border-radius:13px;background:#F7F4EF;
  font-family:'Sora',sans-serif;font-weight:700;font-size:13.5px;color:#6B6157;text-decoration:none;margin-top:4px}
.rk-art-tous:hover{background:#EFEAE2;color:#3A352F}
@media(max-width:400px){ .rk-art-img{flex:0 0 78px;min-height:84px} .rk-art-t{font-size:13.5px} }