/* v381.332 · Prise en main : ton MOYEN (ni le papier clair de la v381.273, ni le très sombre de la v381.331) : prune doux et lumineux, texte blanc, accents or. TOUTE la palette tient dans les variables de la ligne suivante : pour éclaircir ou assombrir, ne changer que ces valeurs. La partie « guide complet » (guide.php), plus bas, garde sa palette claire de lecture. */
body.start-guide-open{overflow:hidden!important;overscroll-behavior:none}
body.start-guide-open #pico-layer{visibility:hidden!important;pointer-events:none!important}
#ilot-demarrage,#ilot-visite{font-family:Arial,Helvetica,sans-serif;--sg-text:#ffffff;--sg-body:#f3e8f0;--sg-muted:#dccbd6;--sg-line:#ffffff33;--sg-gold:#f3d59c;--sg-gold-ink:#2b1a10;--sg-soft:#ffffff18;--sg-card-a:#6a557a;--sg-card-b:#52405f;--sg-overlay:rgba(36,24,46,.42);--sg-spot:rgba(32,20,42,.46);--sg-visual-a:#7a6384;--sg-visual-b:#68588a;color:var(--sg-text);color-scheme:dark}
#ilot-demarrage{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--sg-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#ilot-demarrage *,#ilot-visite *{box-sizing:border-box}
#ilot-demarrage .demarrage-carte{width:min(540px,100%);max-width:none;height:auto;max-height:min(640px,calc(100vh - 24px));max-height:min(640px,calc(100dvh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0;border-radius:20px;border:1px solid #ffffff40;background:linear-gradient(165deg,var(--sg-card-a),var(--sg-card-b));box-shadow:0 22px 60px #1c102a66,inset 0 1px 0 #ffffff26;color:var(--sg-text);transform:translateY(8px)}
#ilot-demarrage.show .demarrage-carte{transform:none}
#ilot-demarrage .demarrage-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 16px;background:#ffffff16;border-bottom:1px solid var(--sg-line)}
#ilot-demarrage .demarrage-kicker{display:block;font:800 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.14em;color:var(--sg-gold)}
#ilot-demarrage .demarrage-num{margin-top:3px;font:400 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:var(--sg-muted)}
#ilot-demarrage .demarrage-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff2e;overflow:hidden}
#ilot-demarrage .demarrage-progress i{display:block;height:100%;background:linear-gradient(90deg,#c9a560,var(--sg-gold));transition:width .18s ease}
#ilot-demarrage .demarrage-content{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;padding:18px 20px}
#ilot-demarrage .demarrage-visual{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:10px;align-items:center;min-height:88px;margin:0 0 18px;padding:12px;border-radius:14px;border:1px solid #ffffff38;background:linear-gradient(115deg,var(--sg-visual-a),var(--sg-visual-b));color:var(--sg-gold)}
#ilot-demarrage .demarrage-visual>span{display:flex;align-items:center;gap:9px;min-width:0;max-width:none;text-align:left}
#ilot-demarrage .demarrage-visual svg{width:27px;height:27px;flex:0 0 auto}
#ilot-demarrage .demarrage-visual small{font:600 11px/1.4 Arial,Helvetica,sans-serif;color:#fff;overflow-wrap:anywhere}
#ilot-demarrage .demarrage-visual i{font-style:normal;font-size:21px;color:var(--sg-gold)}
#ilot-demarrage .demarrage-titre:focus{outline:none!important;box-shadow:none!important}
#ilot-demarrage .demarrage-titre{margin:0 0 12px;font:700 20px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.01em;color:#fff;text-wrap:pretty;outline:none}
#ilot-demarrage .demarrage-texte{margin:0;font:400 14px/1.65 Arial,Helvetica,sans-serif;color:var(--sg-body)}
#ilot-demarrage .demarrage-detail{margin:14px 0 0;border:1px solid var(--sg-line);border-radius:12px;background:var(--sg-soft);overflow:hidden}
#ilot-demarrage .demarrage-detail summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:10px 14px;list-style:none;font:700 12px/1.4 Arial,Helvetica,sans-serif;color:var(--sg-gold)}
#ilot-demarrage .demarrage-detail summary::-webkit-details-marker{display:none}
#ilot-demarrage .demarrage-detail summary::after{content:'+';font-size:18px;font-weight:400}
#ilot-demarrage .demarrage-detail[open] summary::after{content:'−'}
#ilot-demarrage .demarrage-detail p{margin:0;padding:0 14px 14px;font:400 13px/1.65 Arial,Helvetica,sans-serif;color:var(--sg-body)}
#ilot-demarrage .demarrage-repere{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:11px 13px;border:0;border-left:3px solid var(--sg-gold);border-radius:0 10px 10px 0;background:#f3d59c2b}
#ilot-demarrage .demarrage-repere>span{font:700 17px/1.3 Arial,Helvetica,sans-serif;color:var(--sg-gold)}
#ilot-demarrage .demarrage-repere p{margin:0;font:400 12.5px/1.55 Arial,Helvetica,sans-serif;color:#fff3dc}
#ilot-demarrage .demarrage-footer{padding:13px 18px;background:#ffffff14;border-top:1px solid var(--sg-line)}
#ilot-demarrage .demarrage-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap;margin:0}
#ilot-demarrage button,#ilot-visite button{font:700 12.5px/1.35 Arial,Helvetica,sans-serif;letter-spacing:0;min-height:44px;margin:0;max-width:100%;border-radius:12px;box-shadow:none;cursor:pointer;text-transform:none}
#ilot-demarrage .demarrage-close,#ilot-visite .visite-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;font:400 23px/1 Arial,Helvetica,sans-serif;color:var(--sg-text);background:#ffffff22;border:1px solid var(--sg-line)}
#ilot-demarrage .demarrage-next,#ilot-visite .visite-next{width:auto;padding:10px 18px;background:var(--sg-gold);color:var(--sg-gold-ink);border:1px solid var(--sg-gold)}
#ilot-demarrage .demarrage-back,#ilot-demarrage .demarrage-later,#ilot-visite [data-tour-back]{width:auto;padding:9px 12px;border:1px solid var(--sg-line);background:#ffffff1f;color:var(--sg-text)}
#ilot-demarrage .demarrage-later{margin-left:auto;border-color:transparent;background:transparent;color:var(--sg-muted)}
#ilot-demarrage .demarrage-case{display:flex;gap:8px;align-items:center;margin:0 0 10px;font:400 12px/1.5 Arial,Helvetica,sans-serif;color:var(--sg-muted);min-height:28px}
#ilot-demarrage .demarrage-case input{width:18px;height:18px;margin:0;accent-color:var(--sg-gold)}
#ilot-demarrage .demarrage-tour{width:100%;padding:11px 14px;margin:0 0 11px;border:1px solid var(--sg-gold);background:var(--sg-gold);color:var(--sg-gold-ink);font-size:13.5px}
#ilot-demarrage .demarrage-next-quiet{background:transparent;color:var(--sg-text);border:1px solid var(--sg-line)}
#ilot-demarrage .demarrage-example{width:auto;padding:9px 0;margin-top:11px;background:transparent;border:0;color:var(--sg-gold);text-align:left;text-decoration:underline;text-underline-offset:3px}
#ilot-demarrage :is(button,summary,input):focus-visible,#ilot-visite button:focus-visible{outline:2px solid var(--sg-gold);outline-offset:2px}
/* la visite : le projecteur sur chaque élément de la page de l'îlot */
#ilot-visite .visite-halo{border:2px solid var(--sg-gold);border-radius:14px;box-shadow:0 0 0 9999px var(--sg-spot),0 0 0 5px #f3d59c55,0 0 22px 4px #f3d59c66}
#ilot-visite .visite-bulle{display:block;padding:15px 17px 16px;background:linear-gradient(165deg,var(--sg-card-a),var(--sg-card-b));border:1px solid #ffffff40;border-radius:16px;box-shadow:0 16px 40px #1c102a66;color:var(--sg-text);overflow:auto;overscroll-behavior:contain}
#ilot-visite .visite-bulle header{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:-4px -5px 8px}
#ilot-visite .visite-bulle header>span{font:800 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.1em;color:var(--sg-gold)}
#ilot-visite .visite-bulle h3{margin:0 0 8px;font:700 17px/1.35 Arial,Helvetica,sans-serif;color:#fff}
#ilot-visite .visite-bulle p{margin:0 0 7px;font:400 13px/1.6 Arial,Helvetica,sans-serif;color:var(--sg-body)}
#ilot-visite .visite-bulle ul{margin:0 0 7px;padding:0;list-style:none;display:grid;gap:5px}
#ilot-visite .visite-bulle li{position:relative;padding-left:16px;font:400 13px/1.5 Arial,Helvetica,sans-serif;color:var(--sg-body)}
#ilot-visite .visite-bulle li::before{content:'';position:absolute;left:3px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--sg-gold)}
#ilot-visite .visite-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
@media(max-width:360px){#ilot-demarrage .demarrage-content{padding:15px}#ilot-demarrage .demarrage-head,#ilot-demarrage .demarrage-footer{padding-left:13px;padding-right:13px}#ilot-demarrage .demarrage-titre{font-size:18px}#ilot-demarrage .demarrage-visual{gap:6px;padding:10px}#ilot-demarrage .demarrage-visual>span{gap:6px}#ilot-demarrage .demarrage-visual svg{width:23px;height:23px}#ilot-demarrage .demarrage-next{padding:10px 12px}}
@media(max-height:480px){#ilot-demarrage .demarrage-head{padding-top:7px;padding-bottom:9px}#ilot-demarrage .demarrage-content{padding-top:12px}#ilot-demarrage .demarrage-visual{min-height:64px;margin-bottom:12px}#ilot-demarrage .demarrage-footer{padding-top:8px;padding-bottom:8px}#ilot-demarrage .demarrage-tour{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){#ilot-demarrage,#ilot-demarrage *,#ilot-visite,#ilot-visite *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* v381.278 — guide complet : palette claire cohérente, prioritaire sur les anciens styles sombres intégrés. */
html:has(body.guide-readable){background:#faf6f3!important;color-scheme:light}
body.guide-readable{--ui-bg:#faf6f3;--ui-panel:#fffdfb;--ui-raised:#f7edf1;--ui-soft:#f3e7ed;--ui-text:#352631;--ui-muted:#66515f;--ui-line:#ddcfd6;--ui-accent:#743d5b;--ui-on-accent:#fff;--ui-focus:#743d5b;--ui-rose:#743d5b;--ui-green:#226649;--ui-red:#a3354c;--bg:#faf6f3;--bg2:#f3e7ed;--surface:#fffdfb;--surface2:#f7edf1;--ink:#352631;--ink2:#66515f;--gold:#743d5b;--line:#ddcfd6;color-scheme:light;background:#faf6f3!important;background-image:none!important;color:#352631;font-family:Arial,Helvetica,sans-serif!important}
body.guide-readable .gd,body.guide-readable .gd *{font-family:Arial,Helvetica,sans-serif!important}
body.guide-readable .g-bar{background:linear-gradient(#faf6f3 85%,#faf6f300)}
body.guide-readable :is(.g-bar a,.g-lang,.g-lang select,.gd-tour){background:#f3e7ed!important;border-color:#d9c7d3!important;color:#743d5b!important}
body.guide-readable :is(.gd-card,.gd-r,.gd-hero){background:#fffdfb!important;background-image:none!important;border:1px solid #ddcfd6;border-radius:9px;box-shadow:none}
body.guide-readable :is(.gd-elems>div,.gd-toc a,.gd-three>div,.gd-rule li,.gd-cardf){background:#f7edf1!important;border-color:#e4d5dc;border-radius:6px;color:#493843}
body.guide-readable .gd-r h2{background:#f3e7ed!important;background-image:none!important;color:#63354e!important;border-bottom-color:#ddcfd6!important;box-shadow:inset 4px 0 0 var(--acc)}
body.guide-readable .gd-r h2 .ic{background:#fffaf7!important;color:#63354e!important;box-shadow:none!important;border-color:#ddcfd6}
body.guide-readable .gd-r .gd-sum{background:transparent!important;color:#66515f!important;border-bottom-color:#ddcfd6!important}
body.guide-readable .gd-h3{color:#63354e!important}
body.guide-readable .gd-note{background:#fff3d9!important;color:#674c28!important;border-left:3px solid #b7862c;border-radius:0}
body.guide-readable :is(.gd-list dt,.gd-elems b,.gd-table td:first-child,.gd-cardf b,.gd-rule li b){color:#493341!important}
body.guide-readable :is(.gd-list dd,.gd-p,.gd-elems small,.gd-toc small,.gd-fig figcaption,.gd-rule li span,.gd-cardf small,.gd-cardf figcaption){color:#66515f!important}
body.guide-readable :is(.gd-list div,.gd-list dt,.gd-table td,.gd-table tr,.gd-tw){border-color:#e6d9df!important}
body.guide-readable .gd-tw{background:#fffdfb!important}
body.guide-readable .gd-table{background:#fffdfb!important;color:#493843}
body.guide-readable .gd-table td{color:#66515f}
body.guide-readable .gd-table th{background:#ede0e8!important;color:#63354e!important;border-color:#ddcfd6}
body.guide-readable .gd-rule li::before{background:#743d5b;color:#fff}
body.guide-readable .g-top{background:#743d5b;color:#fff;border-color:#743d5b}
body.guide-readable .gd-foot{border-top-color:#ddcfd6!important;color:#66515f}
body.guide-readable a:focus-visible,body.guide-readable button:focus-visible,body.guide-readable select:focus-visible{outline:2px solid #743d5b;outline-offset:3px}

/* v381.279 — la vue du plateau reste entière dans le guide. */
body.guide-readable .gd-fig-wide img.gd-island-board{width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:760/480}
/* v381.344 — « En pratique » peut contenir une énumération */
#ilot-demarrage .demarrage-detail ul{margin:0;padding:0 14px 12px;list-style:none;display:grid;gap:6px}
#ilot-demarrage .demarrage-detail li{position:relative;padding-left:16px;font:400 13px/1.6 Arial,Helvetica,sans-serif;color:var(--sg-body)}
#ilot-demarrage .demarrage-detail li::before{content:'';position:absolute;left:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--sg-gold)}
#ilot-demarrage .demarrage-detail p+ul,#ilot-demarrage .demarrage-detail ul+p{padding-top:0}