.sgcm-public{max-width:1100px;margin:30px auto;padding:24px;font-family:system-ui,-apple-system,sans-serif;color:#172b4d}.sgcm-public header{background:linear-gradient(135deg,#132d5c,#2257a5);color:#fff;border-radius:18px;padding:28px}.sgcm-public header h2{color:#fff;margin:.2em 0}.sgcm-public-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.sgcm-public-kpis>div,.sgcm-public-list{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:18px}.sgcm-public-kpis span{display:block;color:#667085}.sgcm-public-kpis strong{font-size:24px}.sgcm-public-list article{padding:14px 0;border-bottom:1px solid #edf0f4}.sgcm-public-list article:last-child{border-bottom:0}.sgcm-disclaimer{font-size:13px;color:#667085;background:#f7f9fc;padding:14px;border-radius:10px}@media(max-width:720px){.sgcm-public-kpis{grid-template-columns:1fr}.sgcm-public{padding:12px}}
.sgcm-public-section{margin:36px 0}.sgcm-public-section>h2{font-size:1.65rem;margin-bottom:18px}.sgcm-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.sgcm-public-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 8px 30px rgba(15,23,42,.06)}.sgcm-public-card img{width:100%;height:auto;border-radius:12px;margin-bottom:14px}.sgcm-public-card iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto}

.sgcm-case-archive .sgcm-public-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sgcm-case-card-head{display:flex;justify-content:space-between;gap:10px;font-size:.86rem}.sgcm-case-status{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sgcm-case-status-active{color:#087f5b}.sgcm-case-status-closed{color:#6b7280}.sgcm-case-taxonomies{display:flex;flex-wrap:wrap;gap:6px;margin:.75rem 0}.sgcm-case-taxonomies span{background:#f3f4f6;border-radius:999px;padding:5px 9px;font-size:.78rem}.sgcm-case-resources{font-size:.88rem;color:#4b5563}.sgcm-public-button{display:inline-block;padding:9px 14px;border-radius:8px;background:#111827;color:#fff;text-decoration:none}

/* 0.6.0-alpha — dossier public / consultation / Livre vivant */
.sgcm-front-case,.sgcm-front-archive,.sgcm-session,.sgcm-access-card{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263b44}.sgcm-front-case{max-width:1180px;margin:32px auto;padding:22px}.sgcm-front-case>header{padding:clamp(28px,6vw,72px);border-radius:24px;background:linear-gradient(180deg,#fbfaf4 0 42%,#dbecef 43% 61%,#9fc4cc 62% 69%,#efe3cf 70%);min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 50px rgba(30,65,83,.09)}.sgcm-front-case>header span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#476b79}.sgcm-front-case>header h1{font:500 clamp(34px,6vw,66px)/1 Georgia,serif;margin:8px 0;color:#203f50}.sgcm-front-case>header p{max-width:760px;font-size:17px}.sgcm-front-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.sgcm-front-facts>div{padding:16px;border:1px solid #dce6e8;border-radius:15px;background:#fff}.sgcm-front-facts strong,.sgcm-front-facts span{display:block}.sgcm-front-facts strong{font-size:28px;color:#315b6f}.sgcm-front-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.sgcm-front-grid article{padding:18px;border:1px solid #dbe5e7;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,62,77,.05)}.sgcm-front-grid article>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6a8189}.sgcm-livebook-launch{text-align:center;margin:38px 0}.sgcm-livebook-launch .button{display:inline-flex;padding:12px 20px;border-radius:999px;background:#234b61;color:#fff;text-decoration:none}.sgcm-access-card{max-width:620px;margin:50px auto;padding:28px;border:1px solid #d6e2e4;border-radius:22px;background:linear-gradient(180deg,#fff,#f5f1e8);box-shadow:0 18px 48px rgba(33,75,99,.09)}.sgcm-access-card>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#617d86}.sgcm-access-card h1{font:500 40px/1.05 Georgia,serif;color:#21485c}.sgcm-access-card form{display:grid;gap:13px;margin-top:20px}.sgcm-access-card label{display:grid;gap:6px}.sgcm-access-card input,.sgcm-access-card select{min-height:44px;border:1px solid #c9d7da;border-radius:10px;padding:9px 11px;background:#fff}.sgcm-access-card .button{min-height:44px;border:0;border-radius:999px;background:#214b63;color:#fff;padding:0 20px}.sgcm-access-error{padding:10px 12px;border-radius:10px;background:#fff0ed;color:#934532}.sgcm-session{max-width:1180px;margin:30px auto;padding:20px}.sgcm-session>header{padding:24px 0}.sgcm-session>header span{font-size:11px;letter-spacing:.12em;color:#5a7882}.sgcm-session>header h1{font:500 48px/1 Georgia,serif;color:#21485c}
.sgcm-livebook{position:relative;width:min(100%,1600px);aspect-ratio:16/9;margin:24px auto;background:#101a1e;color:#fff;overflow:hidden;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.sgcm-livebook:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.sgcm-livebook-track,.sgcm-live-scene{position:absolute;inset:0}.sgcm-live-scene{display:none;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);background:linear-gradient(135deg,#1d3947,#283e42)}.sgcm-live-scene[data-active="1"]{display:grid}.sgcm-live-scene.layout-full_media{grid-template-columns:1fr}.sgcm-live-scene.layout-full_media .sgcm-live-copy{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.68));padding:15vh 7vw 8vh}.sgcm-live-visual{min-width:0;min-height:0;display:grid;place-items:center;background:#10242e}.sgcm-live-media{width:100%;height:100%;object-fit:cover}.sgcm-live-copy{display:flex;flex-direction:column;justify-content:center;padding:6vw;background:linear-gradient(180deg,#f6f0e3,#e8dfce);color:#253c44}.sgcm-live-copy h2{font:500 clamp(32px,5vw,72px)/1.03 Georgia,serif;margin:0 0 18px;color:#21485c}.sgcm-live-copy p{font-size:clamp(15px,1.7vw,22px);line-height:1.55}.sgcm-live-audio-card,.sgcm-live-doc-card{display:grid;place-items:center;gap:8px;padding:30px;text-align:center}.sgcm-live-controls{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;padding:8px;border-radius:999px;background:rgba(13,24,29,.72);backdrop-filter:blur(8px)}.sgcm-live-controls button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;min-height:38px;padding:0 13px;cursor:pointer}.sgcm-live-controls [data-counter]{min-width:65px;text-align:center;font-size:12px}.sgcm-livebook-empty{padding:24px;background:#f5f1e8;border-radius:14px}
@media(max-width:720px) and (orientation:portrait){.sgcm-livebook{width:100%;height:auto;aspect-ratio:9/16;border-radius:0}.sgcm-live-scene{grid-template-columns:1fr;grid-template-rows:minmax(0,1.2fr) minmax(0,.8fr)}.sgcm-live-copy{padding:7vw}.sgcm-live-copy h2{font-size:clamp(30px,9vw,48px)}.sgcm-live-controls{left:12px;right:12px;bottom:12px;transform:none;justify-content:center;flex-wrap:wrap}.sgcm-front-case{padding:0}.sgcm-front-case>header{border-radius:0}.sgcm-front-facts{grid-template-columns:1fr;padding:0 14px}.sgcm-front-case>section:not(.sgcm-front-facts){padding:0 14px}}

/* 0.6.7-alpha — Livre vivant éditorial : index, sources multiples et notes */
.sgcm-livebook-menu{position:absolute;z-index:12;inset:0 auto 0 0;width:min(390px,88%);padding:22px;background:rgba(15,29,35,.97);color:#fff;transform:translateX(-102%);transition:transform .2s ease;overflow:auto;box-shadow:18px 0 45px rgba(0,0,0,.25)}
.sgcm-livebook-menu[data-open]{transform:translateX(0)}
.sgcm-livebook-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.sgcm-livebook-menu-head strong{font:500 30px/1.1 Georgia,serif}.sgcm-livebook-menu-head button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;width:38px;height:38px;font-size:22px;cursor:pointer}
.sgcm-livebook-menu ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}.sgcm-livebook-menu li{margin:0}.sgcm-livebook-menu [data-index-jump]{width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;padding:10px 12px;cursor:pointer}.sgcm-livebook-menu [data-index-jump] span{font-size:11px;opacity:.68}.sgcm-livebook-menu [data-index-jump][data-current]{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.sgcm-live-scene.layout-editorial{grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);overflow:hidden}.sgcm-live-scene.layout-editorial .sgcm-live-copy{justify-content:flex-start;overflow:auto;padding:clamp(28px,4vw,62px)}.sgcm-live-scene.layout-editorial .sgcm-live-copy h2{overflow-wrap:anywhere;word-break:normal;font-size:clamp(28px,4vw,58px)}
.sgcm-live-items{min-width:0;min-height:0;overflow:auto;padding:clamp(20px,3vw,44px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;background:#10242e}.sgcm-live-item{min-width:0;border-radius:14px;overflow:hidden;background:#fff;color:#263b44;box-shadow:0 10px 30px rgba(0,0,0,.16)}.sgcm-live-item .sgcm-live-media{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain;background:#0b171d}.sgcm-live-item-story{padding:16px 18px;font-size:clamp(13px,1.2vw,17px);line-height:1.55}.sgcm-live-item-story p:first-child{margin-top:0}.sgcm-live-item-story p:last-child{margin-bottom:0}.sgcm-live-item.source-text,.sgcm-live-item.source-document,.sgcm-live-item.source-pdf{grid-column:1/-1}.sgcm-live-item.source-text .sgcm-live-item-story{font-size:clamp(15px,1.45vw,19px)}
.sgcm-live-footnotes{position:absolute;z-index:4;left:clamp(18px,3vw,44px);right:clamp(18px,3vw,44px);bottom:68px;max-height:22%;overflow:auto;padding:10px 14px;border-radius:12px;background:rgba(248,244,234,.94);color:#263b44;box-shadow:0 8px 24px rgba(0,0,0,.16);font-size:12px}.sgcm-live-footnotes ol{margin:0;padding-left:20px}.sgcm-live-footnotes li+li{margin-top:5px}.sgcm-footnote-call a{color:inherit;text-decoration:none;font-weight:700}
.sgcm-live-scene.layout-text,.sgcm-live-scene.layout-document{grid-template-columns:1fr}.sgcm-live-scene.layout-text .sgcm-live-copy,.sgcm-live-scene.layout-document .sgcm-live-copy{overflow:auto;padding:clamp(34px,6vw,90px)}
@media(max-width:900px){.sgcm-live-scene.layout-editorial{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sgcm-live-scene.layout-editorial .sgcm-live-copy{max-height:38vh}.sgcm-live-items{grid-template-columns:1fr}.sgcm-live-footnotes{max-height:18%;font-size:11px}}
@media(max-width:720px) and (orientation:portrait){.sgcm-live-scene.layout-editorial{grid-template-rows:auto minmax(0,1fr)}.sgcm-live-scene.layout-editorial .sgcm-live-copy{max-height:34%;padding:24px 20px}.sgcm-live-items{padding:14px 14px 80px;gap:12px}.sgcm-live-item .sgcm-live-media{max-height:42vh}.sgcm-live-footnotes{left:10px;right:10px;bottom:78px;max-height:16%}}

/* 0.6.8 — Livebook kits and subfolder transitions */
.sgcm-livebook .sgcm-live-intertitle{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;text-align:center;background:rgba(255,255,255,.94);color:#17374a}.sgcm-livebook .sgcm-live-intertitle h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,5rem);font-weight:500;margin:0 0 .4em}.sgcm-livebook .sgcm-live-intertitle p{max-width:760px;font-size:clamp(1rem,1.8vw,1.35rem)}
.sgcm-livebook.kit-archives{--sgcm-live-accent:#8ba7b7;--sgcm-live-paper:#f4ead8}.sgcm-livebook.kit-cinema{--sgcm-live-accent:#d7b16c;--sgcm-live-paper:#f5f0e6}.sgcm-livebook.kit-documentary{--sgcm-live-accent:#708b82;--sgcm-live-paper:#f4f1e8}.sgcm-livebook.kit-atelier{--sgcm-live-accent:#b07055;--sgcm-live-paper:#f2eee6}.sgcm-livebook.kit-minimal{--sgcm-live-accent:#9a9a9a;--sgcm-live-paper:#fff}.sgcm-livebook[class*="kit-"] .sgcm-live-copy{border-color:var(--sgcm-live-accent)}.sgcm-livebook[class*="kit-"] .sgcm-live-intertitle{background:var(--sgcm-live-paper)}
.sgcm-front-publication>header{text-align:center;padding:clamp(28px,6vw,70px) 20px}.sgcm-front-publication>header h1{font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,5rem);font-weight:500;margin:.15em 0}.sgcm-publication-meta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:.9rem;opacity:.75}.sgcm-public-outline{max-width:760px;margin:0 auto 28px;padding:20px 26px;border:1px solid rgba(30,60,70,.14);border-radius:16px;background:#fff}.sgcm-public-outline ol{margin:0;padding-left:1.6em}.sgcm-public-outline li{padding:6px 0}.sgcm-front-publication .sgcm-livebook-launch{text-align:center;margin:24px 0 40px}

/* 0.6.9-alpha — Livre vivant : média clair à gauche, récit sombre à droite, kits personnalisables. */
.sgcm-livebook{
  --sgcm-live-paper:#f4ead8;
  --sgcm-live-panel:#10242e;
  --sgcm-live-text:#f7f2e8;
  --sgcm-live-accent:#8ba7b7;
  --sgcm-live-font:Georgia,"Times New Roman",serif;
  background:var(--sgcm-live-panel);
}
.sgcm-live-scene{
  grid-template-columns:minmax(0,1.58fr) minmax(300px,.42fr);
  background:var(--sgcm-live-panel);
  overflow:hidden;
}
.sgcm-live-copy{
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:0;
  padding:clamp(28px,3.2vw,54px) clamp(24px,3vw,48px) 112px;
  overflow:auto;
  justify-content:flex-start;
  background:var(--sgcm-live-panel);
  color:var(--sgcm-live-text);
  border-left:1px solid color-mix(in srgb,var(--sgcm-live-accent) 48%, transparent);
  font-family:var(--sgcm-live-font);
}
.sgcm-live-copy h2{
  margin:0 0 18px;
  color:var(--sgcm-live-text);
  font-family:var(--sgcm-live-font);
  font-size:clamp(24px,2.6vw,46px);
  line-height:1.05;
  overflow-wrap:anywhere;
}
.sgcm-live-copy p{font-size:clamp(14px,1.15vw,18px);line-height:1.58}
.sgcm-live-scene-story{margin-bottom:22px}
.sgcm-live-source-story{padding:14px 0;border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 30%, transparent)}
.sgcm-live-source-story header{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:11px;opacity:.72}
.sgcm-live-source-story code{color:var(--sgcm-live-accent);background:transparent;padding:0}
.sgcm-live-source-story p{margin:.35em 0}
.sgcm-live-audio-meta{display:grid;gap:6px;margin-top:20px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 30%, transparent);font-size:12px}
.sgcm-live-audio-meta span{display:grid;grid-template-columns:82px 1fr;gap:8px;align-items:baseline}
.sgcm-live-audio-meta b{color:var(--sgcm-live-accent);font-weight:600}

.sgcm-live-items,.sgcm-live-visual{
  grid-column:1;
  grid-row:1;
  min-width:0;
  min-height:0;
  background-color:var(--sgcm-live-paper);
  background-image:var(--sgcm-live-bg,none);
  background-size:cover;
  background-position:center;
}
.sgcm-live-items{
  overflow:auto;
  padding:clamp(24px,4vw,64px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center;
  gap:clamp(18px,2.3vw,34px);
}
.sgcm-live-item{
  position:relative;
  min-width:0;
  overflow:visible;
  background:transparent;
  color:#263b44;
  box-shadow:none;
  border-radius:0;
}
.sgcm-live-item .sgcm-live-media{
  display:block;
  width:100%;
  height:auto;
  max-height:68vh;
  object-fit:contain;
  background:transparent;
  border-radius:8px;
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.sgcm-live-item.source-text,.sgcm-live-item.source-document,.sgcm-live-item.source-pdf{grid-column:auto}
.sgcm-live-doc-card,.sgcm-live-audio-card{min-height:240px;background:rgba(255,255,255,.86);border:1px solid rgba(31,55,63,.16);border-radius:10px;color:#263b44;box-shadow:0 12px 34px rgba(0,0,0,.12)}
.sgcm-live-footnotes{
  position:static;
  margin-top:18px;
  max-height:none;
  overflow:visible;
  padding:14px 0 0;
  border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 42%, transparent);
  border-radius:0;
  background:transparent;
  color:var(--sgcm-live-text);
  box-shadow:none;
  font-size:12px;
}
.sgcm-live-footnotes ol{padding-left:22px}

/* Les contrôles de lecture et d'audio vivent au bas du panneau sombre. */
.sgcm-live-controls{
  left:auto;
  right:14px;
  bottom:14px;
  transform:none;
  max-width:min(520px,42%);
  justify-content:flex-end;
  flex-wrap:wrap;
  background:color-mix(in srgb,var(--sgcm-live-panel) 86%, transparent);
  border:1px solid color-mix(in srgb,var(--sgcm-live-accent) 28%, transparent);
}
.sgcm-live-controls button{font-size:12px}
.sgcm-live-controls button[data-off]{opacity:.56;text-decoration:line-through}
.sgcm-live-controls button:disabled{opacity:.28;cursor:not-allowed;text-decoration:none}

/* Les pages plein média restent disponibles comme choix de composition volontaire. */
.sgcm-live-scene.layout-full_media{grid-template-columns:1fr}
.sgcm-live-scene.layout-full_media .sgcm-live-items,.sgcm-live-scene.layout-full_media .sgcm-live-visual{grid-column:1}
.sgcm-live-scene.layout-full_media .sgcm-live-copy{position:absolute;z-index:3;left:auto;right:0;top:0;bottom:0;width:min(420px,36%);padding:42px 34px 110px;background:color-mix(in srgb,var(--sgcm-live-panel) 91%, transparent)}
.sgcm-live-scene.layout-text,.sgcm-live-scene.layout-document{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}

/* Décors de kits. */
.sgcm-livebook.decor-album .sgcm-live-item .sgcm-live-media{border:10px solid rgba(255,255,255,.92);border-bottom-width:18px;border-radius:3px}
.sgcm-livebook.decor-scrapbook .sgcm-live-item:nth-child(odd){transform:rotate(-1deg)}
.sgcm-livebook.decor-scrapbook .sgcm-live-item:nth-child(even){transform:rotate(1.2deg)}
.sgcm-livebook.decor-scrapbook .sgcm-live-item .sgcm-live-media{border:8px solid rgba(255,255,255,.94);border-radius:2px}
.sgcm-livebook.decor-polaroid .sgcm-live-item .sgcm-live-media{border:12px solid #fff;border-bottom-width:34px;border-radius:2px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.sgcm-livebook.decor-filmstrip .sgcm-live-item{padding:12px;background:#151515;border-radius:4px}.sgcm-livebook.decor-filmstrip .sgcm-live-item .sgcm-live-media{border-radius:0;box-shadow:none}
.sgcm-livebook.decor-scientific .sgcm-live-items{background-image:linear-gradient(rgba(34,68,82,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,68,82,.05) 1px,transparent 1px),var(--sgcm-live-bg,none);background-size:24px 24px,24px 24px,cover}
.sgcm-livebook.decor-storyboard .sgcm-live-item{border:2px solid rgba(26,35,40,.58);padding:8px;background:rgba(255,255,255,.76)}

.sgcm-live-sticker{position:absolute;z-index:3;width:clamp(34px,5vw,82px);height:auto;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.sgcm-live-sticker.sticker-a{top:-18px;left:12%}.sgcm-live-sticker.sticker-b{right:8%;bottom:-18px;transform:rotate(6deg)}

/* Effets de kit. */
.sgcm-livebook.effect-shadow .sgcm-live-item .sgcm-live-media{box-shadow:0 18px 44px rgba(0,0,0,.28)}
.sgcm-livebook.effect-grain::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.25) 0 .6px,transparent .8px);background-size:4px 4px;mix-blend-mode:multiply}
.sgcm-livebook.effect-vignette::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 120px rgba(0,0,0,.30)}
.sgcm-livebook.effect-glow .sgcm-live-item .sgcm-live-media{box-shadow:0 0 34px color-mix(in srgb,var(--sgcm-live-accent) 48%, transparent)}

/* L'intertitre reste une vraie respiration de sous-dossier, pas le titre de chaque scène. */
.sgcm-livebook .sgcm-live-intertitle{background:color-mix(in srgb,var(--sgcm-live-paper) 94%, transparent);color:#17374a}

@media(max-width:900px){
  .sgcm-live-scene{grid-template-columns:1fr;grid-template-rows:minmax(0,1.15fr) minmax(180px,.55fr)}
  .sgcm-live-items,.sgcm-live-visual{grid-column:1;grid-row:1}
  .sgcm-live-copy{grid-column:1;grid-row:2;max-height:none;padding:22px 22px 92px;border-left:0;border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 42%, transparent)}
  .sgcm-live-items{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}
  .sgcm-live-controls{left:12px;right:12px;max-width:none;justify-content:center}
}
@media(max-width:720px) and (orientation:portrait){
  .sgcm-live-scene{grid-template-rows:minmax(0,1.05fr) minmax(0,.72fr)}
  .sgcm-live-items{grid-template-columns:1fr;padding:14px 14px 20px}
  .sgcm-live-item .sgcm-live-media{max-height:48vh}
  .sgcm-live-copy{padding:20px 18px 112px;max-height:none}
  .sgcm-live-copy h2{font-size:clamp(24px,7vw,38px)}
  .sgcm-live-controls{bottom:10px;gap:5px;padding:6px}
  .sgcm-live-controls button{min-height:34px;padding:0 9px}
}

/* 0.7.0-alpha — Livre vivant plein cadre + bibliothèque de styles. */
.sgcm-livebook-fullpage{
  position:relative;
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:0;
  overflow:hidden;
}
.sgcm-livebook{
  --sgcm-live-topbar:64px;
  --sgcm-live-controls-h:76px;
  width:100%;
  max-width:none;
  height:clamp(680px,90svh,1080px);
  margin:0;
  aspect-ratio:auto;
  border-radius:0;
  box-shadow:none;
  background:var(--sgcm-live-paper);
  color:var(--sgcm-live-text);
  isolation:isolate;
}
.sgcm-livebook:fullscreen{width:100vw;height:100vh;min-height:0;max-height:none;border-radius:0}
.sgcm-livebook-topbar{
  position:absolute;z-index:15;left:0;right:0;top:0;height:var(--sgcm-live-topbar);
  display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.35fr) minmax(180px,1fr);
  align-items:center;gap:18px;padding:0 clamp(18px,3vw,52px);
  background:color-mix(in srgb,var(--sgcm-live-panel) 94%,transparent);
  color:var(--sgcm-live-text);border-bottom:1px solid color-mix(in srgb,var(--sgcm-live-accent) 28%,transparent);
  backdrop-filter:blur(14px);font-family:var(--sgcm-live-font);
}
.sgcm-livebook-brand,.sgcm-livebook-current,.sgcm-livebook-style{display:flex;align-items:center;gap:10px;min-width:0}
.sgcm-livebook-current{justify-content:center}.sgcm-livebook-style{justify-content:flex-end}
.sgcm-livebook-topbar small{font:600 10px/1 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;opacity:.62}
.sgcm-livebook-topbar strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgcm-livebook-brand>span{color:var(--sgcm-live-accent);font-size:18px}
.sgcm-livebook-track{top:var(--sgcm-live-topbar);bottom:var(--sgcm-live-controls-h);left:0;right:0}
.sgcm-live-scene{
  inset:0;
  grid-template-columns:minmax(0,1.6fr) minmax(330px,.72fr);
  background:var(--sgcm-live-paper);
  color:var(--sgcm-live-text);
}
.sgcm-live-copy{
  grid-column:2;grid-row:1;
  display:block;min-width:0;min-height:0;padding:0;
  overflow:hidden;background:var(--sgcm-live-panel);color:var(--sgcm-live-text);
  border-left:1px solid color-mix(in srgb,var(--sgcm-live-accent) 35%,transparent);
  font-family:var(--sgcm-live-font);
}
.sgcm-live-copy-scroll{height:100%;overflow:auto;padding:clamp(28px,3vw,52px) clamp(24px,3vw,48px) 42px;scrollbar-width:thin}
.sgcm-live-copy h2{color:var(--sgcm-live-text);font-size:clamp(30px,3.1vw,58px);line-height:1.02;margin:0 0 20px}
.sgcm-live-copy p{font-size:clamp(14px,1.05vw,18px);line-height:1.62}
.sgcm-live-source-story{border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 24%,transparent)}
.sgcm-live-footnotes{color:var(--sgcm-live-text)}
.sgcm-live-audio-meta{color:var(--sgcm-live-text)}

.sgcm-scene-media-viewer,.sgcm-live-visual{
  grid-column:1;grid-row:1;position:relative;min-width:0;min-height:0;overflow:hidden;
  background-color:var(--sgcm-live-paper);background-image:var(--sgcm-live-bg,none);background-size:cover;background-position:center;
}
.sgcm-scene-media-viewer{display:grid;grid-template-rows:minmax(0,1fr) auto}
.sgcm-scene-media-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;padding:clamp(22px,3.5vw,58px)}
.sgcm-live-item[data-media-slide]{display:none;position:absolute;inset:clamp(22px,3.5vw,58px);place-items:center;min-width:0;min-height:0;background:transparent}
.sgcm-live-item[data-media-slide][data-media-active]{display:grid}
.sgcm-live-item[data-media-slide] .sgcm-live-media{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:10px;box-shadow:0 16px 44px rgba(34,55,64,.16);background:rgba(255,255,255,.36)}
.sgcm-live-item[data-media-slide] .sgcm-live-pdf{border:0;background:#fff}
.sgcm-live-item[data-media-slide] .sgcm-live-doc-card,.sgcm-live-item[data-media-slide] .sgcm-live-audio-card{width:min(720px,86%);min-height:260px;align-self:center;justify-self:center}
.sgcm-scene-media-strip{height:112px;display:flex;align-items:center;gap:10px;overflow-x:auto;padding:10px 70px 14px;background:color-mix(in srgb,var(--sgcm-live-panel) 80%,var(--sgcm-live-paper));border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 20%,transparent);scrollbar-width:thin}
.sgcm-scene-media-strip button{position:relative;flex:0 0 92px;height:78px;padding:4px;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.56);cursor:pointer;color:var(--sgcm-live-text);overflow:hidden}
.sgcm-scene-media-strip button[data-current]{border-color:var(--sgcm-live-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sgcm-live-accent) 20%,transparent)}
.sgcm-scene-media-strip img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}
.sgcm-scene-media-strip button>span{display:grid;place-items:center;width:100%;height:100%;font:700 12px/1 system-ui,sans-serif;background:rgba(255,255,255,.7)}
.sgcm-scene-media-strip small{position:absolute;left:7px;bottom:6px;padding:2px 5px;border-radius:999px;background:rgba(18,50,64,.82);color:#fff;font:600 9px/1 system-ui,sans-serif}
.sgcm-media-arrow{position:absolute;z-index:5;top:50%;width:42px;height:42px;margin-top:-55px;border:0;border-radius:999px;background:rgba(255,255,255,.88);color:#17374a;box-shadow:0 8px 24px rgba(0,0,0,.13);font-size:27px;cursor:pointer}
.sgcm-media-prev{left:14px}.sgcm-media-next{right:14px}
.sgcm-scene-media-viewer[data-media-count="1"]{grid-template-rows:1fr}

.sgcm-live-controls{
  left:0;right:0;bottom:0;height:var(--sgcm-live-controls-h);max-width:none;transform:none;
  display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:nowrap;padding:10px clamp(14px,2vw,34px);
  border:0;border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 22%,transparent);border-radius:0;
  background:color-mix(in srgb,var(--sgcm-live-panel) 94%,transparent);backdrop-filter:blur(14px);color:var(--sgcm-live-text);
}
.sgcm-live-controls button{min-height:42px;padding:0 18px;border:1px solid color-mix(in srgb,var(--sgcm-live-accent) 22%,transparent);background:color-mix(in srgb,var(--sgcm-live-paper) 68%,var(--sgcm-live-panel));color:var(--sgcm-live-text);font-size:13px}
.sgcm-live-controls [data-play]{background:#174b67;color:#fff;border-color:#174b67;padding-inline:30px}
.sgcm-live-controls [data-counter]{min-width:70px;font-weight:700;color:var(--sgcm-live-text)}
.sgcm-livebook-menu{top:var(--sgcm-live-topbar);bottom:var(--sgcm-live-controls-h);background:color-mix(in srgb,var(--sgcm-live-panel) 97%,transparent);color:var(--sgcm-live-text);border-right:1px solid color-mix(in srgb,var(--sgcm-live-accent) 25%,transparent)}
.sgcm-livebook-menu-head button,.sgcm-livebook-menu [data-index-jump]{color:var(--sgcm-live-text);border-color:color-mix(in srgb,var(--sgcm-live-accent) 20%,transparent);background:rgba(255,255,255,.34)}
.sgcm-livebook-menu [data-index-jump][data-current]{background:color-mix(in srgb,var(--sgcm-live-accent) 17%,var(--sgcm-live-panel));border-color:var(--sgcm-live-accent)}

/* Style 1 — Album bord de mer */
.sgcm-livebook.kit-seaside_album .sgcm-scene-media-stage{background:linear-gradient(135deg,#fbf6ed,#efe3cf)}
.sgcm-livebook.kit-seaside_album .sgcm-live-item[data-media-slide] .sgcm-live-media{border:12px solid rgba(255,255,255,.92);border-bottom-width:24px;border-radius:4px;box-shadow:0 20px 52px rgba(36,68,78,.18)}
.sgcm-livebook.kit-seaside_album .sgcm-live-copy{background:linear-gradient(180deg,#fffaf3,#f5ebdc)}
.sgcm-livebook.kit-seaside_album .sgcm-live-copy h2::after{content:"";display:block;width:72px;height:3px;margin-top:14px;border-radius:99px;background:linear-gradient(90deg,var(--sgcm-live-accent),#f08c7f,#ffc857)}

/* Style 2 — Galerie éditoriale */
.sgcm-livebook.kit-editorial_gallery .sgcm-live-scene{grid-template-columns:minmax(0,1.78fr) minmax(340px,.62fr)}
.sgcm-livebook.kit-editorial_gallery .sgcm-scene-media-stage{background:#f8f5ef;padding:clamp(18px,2.5vw,38px)}
.sgcm-livebook.kit-editorial_gallery .sgcm-live-item[data-media-slide]{inset:clamp(18px,2.5vw,38px)}
.sgcm-livebook.kit-editorial_gallery .sgcm-live-item[data-media-slide] .sgcm-live-media{border-radius:2px;box-shadow:0 14px 34px rgba(31,55,67,.14)}
.sgcm-livebook.kit-editorial_gallery .sgcm-live-copy{background:#fffdf8;border-left:5px solid color-mix(in srgb,var(--sgcm-live-accent) 72%,transparent)}
.sgcm-livebook.kit-editorial_gallery .sgcm-live-copy h2{font-size:clamp(34px,3.3vw,62px)}

/* Style 3 — Chapitre biographique */
.sgcm-livebook.kit-biography .sgcm-live-scene{grid-template-columns:minmax(0,1.25fr) minmax(390px,.92fr)}
.sgcm-livebook.kit-biography .sgcm-scene-media-stage{background:linear-gradient(90deg,#efe5d6,#f7f1e7);padding:clamp(28px,4vw,70px)}
.sgcm-livebook.kit-biography .sgcm-live-copy{background:#fffaf0}
.sgcm-livebook.kit-biography .sgcm-live-copy h2{font-size:clamp(36px,3.8vw,70px);letter-spacing:-.025em}
.sgcm-livebook.kit-biography .sgcm-live-scene-story{padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--sgcm-live-accent) 32%,transparent)}

/* Style 4 — Carnet d’archives */
.sgcm-livebook.kit-archive_notebook .sgcm-scene-media-stage{background-color:#efe3cf;background-image:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,.38)),repeating-linear-gradient(0deg,rgba(58,85,92,.035) 0 1px,transparent 1px 26px)}
.sgcm-livebook.kit-archive_notebook .sgcm-live-item[data-media-slide] .sgcm-live-media{border:9px solid rgba(255,252,244,.96);border-radius:3px;box-shadow:0 16px 38px rgba(65,54,40,.2);transform:rotate(-.35deg)}
.sgcm-livebook.kit-archive_notebook .sgcm-live-copy{background:#fbf6ea}
.sgcm-livebook.kit-archive_notebook .sgcm-live-copy-scroll::before{content:"Carnet d’archives";display:inline-block;margin-bottom:18px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--sgcm-live-accent) 18%,transparent);font:700 10px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}

/* Style 5 — Panorama bord de mer */
.sgcm-livebook.kit-coastal_panorama .sgcm-live-scene{grid-template-columns:1fr}
.sgcm-livebook.kit-coastal_panorama .sgcm-scene-media-viewer,.sgcm-livebook.kit-coastal_panorama .sgcm-live-visual{grid-column:1;grid-row:1}
.sgcm-livebook.kit-coastal_panorama .sgcm-scene-media-stage{padding:0;background:#dfeff0}
.sgcm-livebook.kit-coastal_panorama .sgcm-live-item[data-media-slide]{inset:0}
.sgcm-livebook.kit-coastal_panorama .sgcm-live-item[data-media-slide] .sgcm-live-media{object-fit:cover;border-radius:0;box-shadow:none;background:#dfeff0}
.sgcm-livebook.kit-coastal_panorama .sgcm-live-copy{position:absolute;z-index:4;right:clamp(20px,3vw,56px);top:clamp(20px,3vw,50px);bottom:clamp(128px,16vh,180px);width:min(430px,34vw);border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(255,250,244,.88);box-shadow:0 24px 60px rgba(21,57,70,.16);backdrop-filter:blur(18px)}
.sgcm-livebook.kit-coastal_panorama .sgcm-live-copy-scroll{padding:34px}
.sgcm-livebook.kit-coastal_panorama .sgcm-scene-media-strip{position:absolute;left:0;right:0;bottom:0;background:rgba(255,250,244,.88);backdrop-filter:blur(12px)}

/* Style 6 — Éditorial épuré */
.sgcm-livebook.kit-minimal .sgcm-live-scene{grid-template-columns:minmax(0,1.55fr) minmax(360px,.7fr)}
.sgcm-livebook.kit-minimal .sgcm-scene-media-stage{background:#fff;padding:clamp(26px,4vw,72px)}
.sgcm-livebook.kit-minimal .sgcm-live-copy{background:#fff;border-left:1px solid #e6ecee}
.sgcm-livebook.kit-minimal .sgcm-live-item[data-media-slide] .sgcm-live-media{border-radius:0;box-shadow:none}

.sgcm-livebook .sgcm-live-intertitle{top:0;bottom:0;background:color-mix(in srgb,var(--sgcm-live-panel) 96%,transparent);color:var(--sgcm-live-text)}

@media (max-width:1100px){
  .sgcm-livebook{--sgcm-live-topbar:58px;--sgcm-live-controls-h:82px;height:calc(100svh - 18px);min-height:620px}
  .sgcm-live-scene,.sgcm-livebook.kit-editorial_gallery .sgcm-live-scene,.sgcm-livebook.kit-biography .sgcm-live-scene,.sgcm-livebook.kit-minimal .sgcm-live-scene{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
  .sgcm-livebook-topbar{grid-template-columns:1fr 1.2fr}.sgcm-livebook-style{display:none}
  .sgcm-live-controls button span{display:none}
}
@media (max-width:820px){
  .sgcm-livebook{height:100svh;min-height:0}
  .sgcm-livebook-topbar{grid-template-columns:1fr}.sgcm-livebook-brand{display:none}.sgcm-livebook-current{justify-content:flex-start}
  .sgcm-live-scene,.sgcm-livebook.kit-editorial_gallery .sgcm-live-scene,.sgcm-livebook.kit-biography .sgcm-live-scene,.sgcm-livebook.kit-minimal .sgcm-live-scene{grid-template-columns:1fr;grid-template-rows:minmax(0,1.12fr) minmax(190px,.58fr)}
  .sgcm-scene-media-viewer,.sgcm-live-visual{grid-column:1;grid-row:1}
  .sgcm-live-copy{grid-column:1;grid-row:2;border-left:0;border-top:1px solid color-mix(in srgb,var(--sgcm-live-accent) 26%,transparent)}
  .sgcm-live-copy-scroll{padding:20px 20px 28px}
  .sgcm-live-copy h2{font-size:clamp(26px,7vw,40px)}
  .sgcm-livebook.kit-coastal_panorama .sgcm-live-copy{left:14px;right:14px;top:auto;bottom:104px;width:auto;max-height:38%;border-radius:18px}
  .sgcm-scene-media-strip{height:88px;padding-inline:56px}.sgcm-scene-media-strip button{flex-basis:72px;height:60px}
  .sgcm-live-controls{overflow-x:auto;justify-content:flex-start;gap:6px;padding-inline:10px}.sgcm-live-controls button{flex:0 0 auto;padding-inline:11px;font-size:12px}.sgcm-live-controls [data-counter]{flex:0 0 54px}
}


/* 0.7.2-alpha — cadre média déterministe : le fichier entier reste visible. */
html:has(.sgcm-livebook-fullpage),body:has(.sgcm-livebook-fullpage){overflow-x:hidden}
.sgcm-livebook-fullpage{box-sizing:border-box;max-width:100vw}

/*
 * Le cadre d’une page-scène est désormais une boîte de dimensions définies.
 * L’image/vidéo remplit cette boîte, mais object-fit:contain garantit que le
 * fichier entier reste visible. Cela évite les calculs de max-height:100% sur
 * un élément à taille intrinsèque, qui pouvaient laisser le média à sa taille
 * native puis le faire découper par overflow:hidden.
 */
.sgcm-scene-media-stage{padding:0}
.sgcm-live-item[data-media-slide]{
  inset:clamp(18px,3vw,52px);
  padding:0;
  box-sizing:border-box;
  overflow:hidden;
  align-items:stretch;
  justify-items:stretch;
}
.sgcm-live-item[data-media-slide] img.sgcm-live-media,
.sgcm-live-item[data-media-slide] video.sgcm-live-media,
.sgcm-live-item[data-media-slide] iframe.sgcm-live-pdf{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.sgcm-live-item[data-media-slide] img.sgcm-live-media,
.sgcm-live-item[data-media-slide] video.sgcm-live-media{
  transform:none;
}
.sgcm-live-item[data-media-slide] iframe.sgcm-live-pdf{border:0!important;background:#fff}
.sgcm-live-visual .sgcm-live-media{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;box-sizing:border-box!important}

/* Chaque kit garde seulement sa marge de composition ; il ne recadre pas le fichier. */
.sgcm-livebook.kit-seaside_album .sgcm-live-item[data-media-slide]{inset:clamp(18px,3vw,52px)}
.sgcm-livebook.kit-editorial_gallery .sgcm-live-item[data-media-slide]{inset:clamp(16px,2.4vw,36px);padding:0}
.sgcm-livebook.kit-biography .sgcm-live-item[data-media-slide]{inset:clamp(22px,3.4vw,58px);padding:0}
.sgcm-livebook.kit-archive_notebook .sgcm-live-item[data-media-slide]{inset:clamp(18px,3vw,50px);padding:0}
.sgcm-livebook.kit-minimal .sgcm-live-item[data-media-slide]{inset:clamp(22px,3.5vw,64px);padding:0}

/* Les effets décoratifs ne doivent jamais modifier la géométrie du média. */
.sgcm-livebook.kit-archive_notebook .sgcm-live-item[data-media-slide] .sgcm-live-media{transform:none!important}
.sgcm-livebook.decor-scrapbook .sgcm-live-item[data-media-slide],
.sgcm-livebook.decor-scrapbook .sgcm-live-item[data-media-slide]:nth-child(odd),
.sgcm-livebook.decor-scrapbook .sgcm-live-item[data-media-slide]:nth-child(even){transform:none}

/* Panorama est le seul kit qui assume volontairement un recadrage couvrant. */
.sgcm-livebook.kit-coastal_panorama .sgcm-live-item[data-media-slide]{inset:0;padding:0}
.sgcm-livebook.kit-coastal_panorama .sgcm-live-item[data-media-slide] img.sgcm-live-media,
.sgcm-livebook.kit-coastal_panorama .sgcm-live-item[data-media-slide] video.sgcm-live-media{object-fit:cover!important}

.sgcm-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* 0.7.3-alpha — fond réellement visible + stickers ancrés au cadre photo. */

/*
 * Un fond choisi dans le kit doit prendre la place du fond décoratif du preset.
 * Les anciens presets utilisaient des raccourcis `background:` sur la scène,
 * qui masquaient la variable --sgcm-live-bg définie par l'utilisateur.
 */
.sgcm-livebook.has-custom-bg .sgcm-scene-media-viewer,
.sgcm-livebook.has-custom-bg .sgcm-live-visual,
.sgcm-livebook.has-custom-bg .sgcm-scene-media-stage{
  background-color:var(--sgcm-live-paper)!important;
  background-image:var(--sgcm-live-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/*
 * Le cadre média est dimensionné par JS sur le rectangle réellement occupé
 * par la photo. Les stickers sont donc attachés à ses angles, même lorsqu'une
 * photo portrait laisse beaucoup d'espace libre dans la page-scène.
 */
.sgcm-live-item[data-media-slide]{overflow:visible}
.sgcm-live-media-frame{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  margin:auto;
  overflow:visible;
  box-sizing:border-box;
}
.sgcm-live-media-frame > img.sgcm-live-media{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
}

/* Les deux stickers sont toujours présents sur chaque photographie. */
.sgcm-live-media-frame .sgcm-live-sticker{
  position:absolute;
  z-index:8;
  display:block;
  height:auto;
  max-width:none;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 7px 12px rgba(27,50,60,.22));
  transform-origin:center center;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a{
  width:clamp(118px,28%,310px);
  left:clamp(-62px,-8%,-20px);
  top:clamp(-54px,-7%,-16px);
  transform:rotate(-3deg);
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b{
  width:clamp(104px,22%,260px);
  right:clamp(-54px,-7%,-18px);
  bottom:clamp(-48px,-6%,-14px);
  transform:rotate(4deg);
}

/* Les anciens placements par rapport à la page entière ne s'appliquent plus. */
.sgcm-live-sticker.sticker-a,
.sgcm-live-sticker.sticker-b{top:auto;left:auto;right:auto;bottom:auto}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a{
  left:clamp(-62px,-8%,-20px);top:clamp(-54px,-7%,-16px);right:auto;bottom:auto;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b{
  right:clamp(-54px,-7%,-18px);bottom:clamp(-48px,-6%,-14px);left:auto;top:auto;
}

@media(max-width:820px){
  .sgcm-live-media-frame .sgcm-live-sticker.sticker-a{width:clamp(86px,24%,150px);left:-18px;top:-14px}
  .sgcm-live-media-frame .sgcm-live-sticker.sticker-b{width:clamp(78px,20%,135px);right:-16px;bottom:-12px}
}


/* 0.7.4-alpha — panneau SG Funding Manager / Wishlist dans le Livre vivant */
.sgcm-live-funding-panel{
  position:absolute;z-index:24;right:clamp(14px,2.4vw,40px);bottom:calc(var(--sgcm-live-controls-h,76px) + 18px);
  width:min(430px,calc(100vw - 28px));max-height:min(70vh,620px);overflow:auto;
  padding:22px;border:1px solid color-mix(in srgb,var(--sgcm-live-accent,#2f8295) 24%,#d8ddd9);
  border-radius:22px;background:color-mix(in srgb,var(--sgcm-live-paper,#fffaf0) 96%,white 4%);
  color:var(--sgcm-live-text,#17384a);box-shadow:0 22px 70px rgba(20,43,54,.20);
  opacity:0;visibility:hidden;transform:translateY(18px) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.sgcm-live-funding-panel[data-open]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.sgcm-live-funding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.sgcm-live-funding-head small{display:block;font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sgcm-live-accent,#2f8295);margin-bottom:5px}
.sgcm-live-funding-head h3{margin:0;font:500 clamp(22px,2.3vw,31px)/1.08 Georgia,serif;color:inherit}
.sgcm-live-funding-head button{flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(23,56,74,.13);border-radius:999px;background:rgba(255,255,255,.58);color:inherit;font-size:22px;cursor:pointer}
.sgcm-live-funding-title{display:block;margin:7px 0 6px;font-size:16px}.sgcm-live-funding-panel p{margin:0 0 16px;line-height:1.5;opacity:.78}
.sgcm-live-funding-progress{height:10px;border-radius:999px;overflow:hidden;background:rgba(23,56,74,.10);margin:18px 0 13px}.sgcm-live-funding-progress i{display:block;height:100%;border-radius:inherit;background:var(--sgcm-live-accent,#2f8295)}
.sgcm-live-funding-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sgcm-live-funding-kpis span{padding:10px;border:1px solid rgba(23,56,74,.09);border-radius:13px;background:rgba(255,255,255,.46);text-align:center}.sgcm-live-funding-kpis b,.sgcm-live-funding-kpis small{display:block}.sgcm-live-funding-kpis b{font-size:14px}.sgcm-live-funding-kpis small{margin-top:3px;font-size:10px;opacity:.62}
.sgcm-live-funding-links{display:grid;gap:8px;margin-top:16px}.sgcm-live-funding-links a,.sgcm-live-funding-links a:link,.sgcm-live-funding-links a:visited{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:999px;background:var(--sgcm-live-accent,#2f8295);color:#fff!important;text-decoration:none!important;font-weight:800;opacity:1!important;-webkit-text-fill-color:#fff}.sgcm-live-funding-links a span{color:#fff!important;-webkit-text-fill-color:#fff}.sgcm-live-funding-links a:hover,.sgcm-live-funding-links a:focus{color:#fff!important;-webkit-text-fill-color:#fff;filter:brightness(.96)}
.sgcm-live-controls [data-funding]{white-space:nowrap}
@media(max-width:760px){.sgcm-live-funding-panel{left:12px;right:12px;bottom:calc(var(--sgcm-live-controls-h,104px) + 12px);width:auto;padding:17px}.sgcm-live-funding-kpis{grid-template-columns:1fr}.sgcm-live-controls [data-funding]{max-width:155px;white-space:normal;line-height:1.1}}

/* 0.7.4.1-alpha — états audio explicites et CTA financement lisible */
.sgcm-live-controls button[data-active]{background:var(--sgcm-live-accent,#2f8295)!important;color:#fff!important;border-color:transparent!important;opacity:1!important}
.sgcm-live-controls button[data-music]:not(:disabled),.sgcm-live-controls button[data-voice]:not(:disabled){text-decoration:none!important}

/* 0.7.4.2-alpha — CTA financement plus discret + états audio lisibles */
.sgcm-live-funding-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin-top:16px;
}
.sgcm-live-funding-links a,
.sgcm-live-funding-links a:link,
.sgcm-live-funding-links a:visited{
  display:inline-flex;
  width:auto;
  min-height:38px;
  padding:9px 16px;
  border-radius:12px;
  font-size:13px;
  line-height:1;
  box-shadow:0 6px 16px rgba(23,56,74,.10);
}
.sgcm-live-controls button[data-audio-error]{
  color:#8a4c3a!important;
  border-color:rgba(138,76,58,.28)!important;
  background:rgba(255,250,244,.9)!important;
  opacity:1!important;
  text-decoration:none!important;
}



/* 0.7.4.3-alpha — titres cohérents + récit de la Médiathèque synchronisé au média. */
/* Les anciens modes de page-scène ne doivent plus ajouter un second padding au panneau
   narratif des kits plein écran : c'était la cause du décalage et du titre DANIEL GERMAIN
   cassé au milieu du nom. */
.sgcm-livebook-fullpage .sgcm-live-scene.layout-editorial .sgcm-live-copy{
  padding:0!important;
  overflow:hidden!important;
}
.sgcm-livebook-fullpage .sgcm-live-scene.layout-editorial .sgcm-live-copy h2,
.sgcm-livebook-fullpage .sgcm-live-copy h2{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:balance;
}
/* Le titre peut passer entre les mots, jamais à l'intérieur d'un nom. */
.sgcm-livebook.kit-editorial_gallery .sgcm-live-copy h2{
  font-size:clamp(30px,2.85vw,56px);
  max-width:100%;
}
/* Le fragment narratif suit le média actif de la page-scène. */
.sgcm-live-source-story[data-media-story]{display:none}
.sgcm-live-source-story[data-media-story][data-media-story-active]{display:block}


/* 0.7.5.3-alpha — le panneau narratif affiche le fragment d'histoire, jamais la référence technique. */
.sgcm-live-source-story{padding-top:0;border-top:0}
.sgcm-live-source-story-text{display:block!important;color:var(--sgcm-live-text)!important;font-family:var(--sgcm-live-font);font-size:clamp(14px,1.05vw,18px);line-height:1.62}
.sgcm-live-source-story-text p{display:block!important;color:inherit!important;margin:.35em 0 .85em}

/* 0.7.5.3-alpha — taille et ancrage des stickers configurables. */
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a{
  width:clamp(58px,var(--sgcm-sticker1-size,28%),360px)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b{
  width:clamp(58px,var(--sgcm-sticker2-size,22%),360px)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.pos-top-left{
  left:0!important;right:auto!important;top:0!important;bottom:auto!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.pos-top-right{
  right:0!important;left:auto!important;top:0!important;bottom:auto!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.pos-bottom-left{
  left:0!important;right:auto!important;bottom:0!important;top:auto!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.pos-bottom-right{
  right:0!important;left:auto!important;bottom:0!important;top:auto!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a.pos-top-left{
  transform:translate(calc(-22% + var(--sgcm-sticker1-x,0px)),calc(-22% + var(--sgcm-sticker1-y,0px))) rotate(-3deg)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a.pos-top-right{
  transform:translate(calc(22% + var(--sgcm-sticker1-x,0px)),calc(-22% + var(--sgcm-sticker1-y,0px))) rotate(3deg)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a.pos-bottom-left{
  transform:translate(calc(-22% + var(--sgcm-sticker1-x,0px)),calc(22% + var(--sgcm-sticker1-y,0px))) rotate(3deg)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a.pos-bottom-right{
  transform:translate(calc(22% + var(--sgcm-sticker1-x,0px)),calc(22% + var(--sgcm-sticker1-y,0px))) rotate(-3deg)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b.pos-top-left{
  transform:translate(calc(-22% + var(--sgcm-sticker2-x,0px)),calc(-22% + var(--sgcm-sticker2-y,0px))) rotate(4deg)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b.pos-top-right{
  transform:translate(calc(22% + var(--sgcm-sticker2-x,0px)),calc(-22% + var(--sgcm-sticker2-y,0px))) rotate(-4deg)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b.pos-bottom-left{
  transform:translate(calc(-22% + var(--sgcm-sticker2-x,0px)),calc(22% + var(--sgcm-sticker2-y,0px))) rotate(-4deg)!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b.pos-bottom-right{
  transform:translate(calc(22% + var(--sgcm-sticker2-x,0px)),calc(22% + var(--sgcm-sticker2-y,0px))) rotate(4deg)!important;
}
@media(max-width:820px){
  .sgcm-live-media-frame .sgcm-live-sticker.sticker-a{width:clamp(52px,var(--sgcm-sticker1-size,28%),220px)!important}
  .sgcm-live-media-frame .sgcm-live-sticker.sticker-b{width:clamp(52px,var(--sgcm-sticker2-size,22%),220px)!important}
}

/* 0.7.5.4-alpha — panneau Crédits du Livre vivant */
.sgcm-live-credits-panel{
  position:absolute;z-index:24;left:clamp(14px,2.4vw,40px);bottom:calc(var(--sgcm-live-controls-h,76px) + 18px);
  width:min(560px,calc(100% - 28px));max-height:min(72vh,650px);overflow:auto;padding:22px;
  border:1px solid color-mix(in srgb,var(--sgcm-live-accent,#2f8295) 22%,transparent);border-radius:22px;
  background:color-mix(in srgb,var(--sgcm-live-panel,#fffaf3) 96%,transparent);color:var(--sgcm-live-text,#17374a);
  box-shadow:0 22px 60px rgba(18,44,57,.18);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transform-origin:left bottom;transition:.18s ease;
}
.sgcm-live-credits-panel[data-open]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.sgcm-live-credits-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.sgcm-live-credits-head small{display:block;font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sgcm-live-accent,#2f8295);margin-bottom:5px}
.sgcm-live-credits-head h3{margin:0;font:500 clamp(23px,2.4vw,34px)/1.08 Georgia,serif;color:inherit}
.sgcm-live-credits-head button{flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(23,56,74,.13);border-radius:999px;background:rgba(255,255,255,.58);color:inherit;font-size:22px;cursor:pointer}
.sgcm-live-credits-book{display:grid;gap:3px;padding:12px 0 16px;border-bottom:1px solid color-mix(in srgb,var(--sgcm-live-accent,#2f8295) 18%,transparent)}
.sgcm-live-credits-book strong{font:600 18px/1.2 Georgia,serif}.sgcm-live-credits-book span{font-size:13px;opacity:.7}
.sgcm-live-credits-list{margin:0}.sgcm-live-credits-list>div{display:grid;grid-template-columns:minmax(130px,.42fr) minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid rgba(23,56,74,.08)}
.sgcm-live-credits-list dt{font:700 10px/1.35 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.62}.sgcm-live-credits-list dd{margin:0;font-size:13px;line-height:1.5}
.sgcm-live-credits-empty{margin:8px 0 0;opacity:.7}
.sgcm-live-controls [data-credits]{white-space:nowrap}
@media(max-width:760px){.sgcm-live-credits-panel{left:12px;right:12px;bottom:calc(var(--sgcm-live-controls-h,104px) + 12px);width:auto;padding:17px}.sgcm-live-credits-list>div{grid-template-columns:1fr;gap:4px}}

/* 0.8.0-alpha — séquence éditoriale, scrapbooking sous-couche et lecture mobile paysage. */
.sgcm-livebook-menu [data-index-jump]{grid-template-columns:34px minmax(0,1fr);align-items:start}
.sgcm-livebook-menu [data-index-jump] b{display:block;font-weight:700;line-height:1.22}
.sgcm-livebook-menu [data-index-jump] small{display:block;grid-column:2;margin-top:2px;font-size:10px;letter-spacing:.045em;text-transform:uppercase;opacity:.58}

/* Aucun sticker n'est rendu avant que le cadre réel de la photographie soit mesuré. */
.sgcm-live-media-frame:not([data-frame-ready]) .sgcm-live-sticker{opacity:0!important;visibility:hidden!important}
.sgcm-live-media-frame[data-frame-ready] .sgcm-live-sticker{visibility:visible}
.sgcm-live-media-frame > img.sgcm-live-media{z-index:3}
.sgcm-live-media-frame .sgcm-live-sticker.overlay{z-index:7;filter:none}
.sgcm-live-media-frame .sgcm-live-sticker.overlay.has-shadow{filter:drop-shadow(0 7px 12px rgba(27,50,60,.25))}
.sgcm-live-media-frame .sgcm-live-sticker.underlay{z-index:2;max-width:none;pointer-events:none;user-select:none;transform-origin:center center}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-c{
  width:clamp(58px,var(--sgcm-sticker3-size,34%),440px)!important;
  left:0!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(calc(-50% + var(--sgcm-sticker3-x,0px)),calc(-50% + var(--sgcm-sticker3-y,0px)))!important;
  opacity:var(--sgcm-sticker3-opacity,.70);
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-d{
  width:clamp(58px,var(--sgcm-sticker4-size,34%),440px)!important;
  right:0!important;left:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(calc(50% + var(--sgcm-sticker4-x,0px)),calc(-50% + var(--sgcm-sticker4-y,0px)))!important;
  opacity:var(--sgcm-sticker4-opacity,.70);
}

/* Mini-balisage du récit : poésie et citation restent des traitements éditoriaux locaux. */
.sgcm-live-source-story-text .sgcm-narrative-poem,
.sgcm-live-scene-story .sgcm-narrative-poem{
  margin:1.15em 0 1.35em;padding:.15em 0 .15em 1.15em;border-left:2px solid color-mix(in srgb,var(--sgcm-live-accent) 38%,transparent);
  font-family:Baskerville,"Palatino Linotype",Georgia,serif;font-style:italic;line-height:1.82;letter-spacing:.015em;
}
.sgcm-live-source-story-text .sgcm-narrative-quote,
.sgcm-live-scene-story .sgcm-narrative-quote{
  margin:1.15em 0;padding:.8em 1.05em;border-left:3px solid var(--sgcm-live-accent);background:color-mix(in srgb,var(--sgcm-live-accent) 7%,transparent);
  font-family:Didot,"Bodoni MT",Georgia,serif;font-size:1.08em;line-height:1.55;
}
.sgcm-live-source-story-text strong{font-weight:800}.sgcm-live-source-story-text em{font-style:italic}

.sgcm-orientation-guard{display:none}
@media(max-width:720px) and (orientation:portrait){
  .sgcm-livebook{height:100dvh!important;min-height:100dvh!important;aspect-ratio:auto!important;overflow:hidden!important}
  .sgcm-orientation-guard{position:absolute;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:28px;background:var(--sgcm-live-paper,#fffaf3);color:var(--sgcm-live-text,#17374a);text-align:center}
  .sgcm-orientation-guard>div{max-width:360px}.sgcm-orientation-guard span{display:block;font-size:58px;line-height:1;margin-bottom:16px;color:var(--sgcm-live-accent,#2fa9b8)}
  .sgcm-orientation-guard strong{display:block;font:600 28px/1.12 Georgia,serif}.sgcm-orientation-guard p{margin:10px 0 0;font:500 15px/1.5 system-ui,sans-serif;opacity:.72}
}
.sgcm-public-outline li>span{display:inline-block;min-width:2.2em;font-size:.82em;opacity:.55}
.sgcm-public-outline li>strong{font-weight:700}
.sgcm-public-outline li>small{display:block;margin-left:2.2em;margin-top:2px;font-size:.78em;letter-spacing:.04em;text-transform:uppercase;opacity:.58}

/* 0.8.3 — custom scene title + inherited subcase subtitle. */
.sgcm-live-scene-subtitle{margin:-.35rem 0 1.1rem;font-size:.82em;letter-spacing:.06em;text-transform:uppercase;opacity:.72}


/* 0.8.5-alpha — sous-titre lisible + géométrie des stickers fondée sur le cadre visuel. */
.sgcm-live-scene-subtitle{
  color:var(--sgcm-live-text,#17384a)!important;
  -webkit-text-fill-color:var(--sgcm-live-text,#17384a)!important;
  opacity:.72!important;
}

/* La taille est exprimée en % de la largeur du cadre visuel stable, pas de la photo. */
.sgcm-live-media-frame .sgcm-live-sticker.sticker-a{
  width:var(--sgcm-sticker1-width,calc(var(--sgcm-sticker1-size,28) * 1%))!important;
  max-width:none!important;
}
.sgcm-live-media-frame .sgcm-live-sticker.sticker-b{
  width:var(--sgcm-sticker2-width,calc(var(--sgcm-sticker2-size,28) * 1%))!important;
  max-width:none!important;
}

/* 1/2 : taille basée sur le cadre, position sur les coins réels de la photographie. */
.sgcm-live-media-frame{z-index:3}
.sgcm-live-media-frame .sgcm-live-sticker.overlay{z-index:7}

/* 3/4 : taille et position basées sur le cadre/background, sous la photographie. */
.sgcm-scene-media-stage{position:relative;isolation:isolate}
.sgcm-live-item[data-media-slide][data-media-active]{z-index:2}
.sgcm-scene-media-stage > .sgcm-live-stage-sticker{
  position:absolute!important;
  display:block!important;
  z-index:1!important;
  height:auto!important;
  max-width:none!important;
  pointer-events:none!important;
  user-select:none!important;
  transform-origin:center center!important;
}
.sgcm-scene-media-stage > .sgcm-live-stage-sticker.sticker-c{
  width:calc(var(--sgcm-sticker3-size,34) * 1%)!important;
  left:0!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(calc(-50% + var(--sgcm-sticker3-x,0px)),calc(-50% + var(--sgcm-sticker3-y,0px)))!important;
  opacity:var(--sgcm-sticker3-opacity,.70)!important;
}
.sgcm-scene-media-stage > .sgcm-live-stage-sticker.sticker-d{
  width:calc(var(--sgcm-sticker4-size,34) * 1%)!important;
  right:0!important;left:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(calc(50% + var(--sgcm-sticker4-x,0px)),calc(-50% + var(--sgcm-sticker4-y,0px)))!important;
  opacity:var(--sgcm-sticker4-opacity,.70)!important;
}

/* 0.9.0-alpha — décor propre à chaque page-scène. */
.sgcm-live-scene.has-custom-bg .sgcm-scene-media-viewer,
.sgcm-live-scene.has-custom-bg .sgcm-live-visual,
.sgcm-live-scene.has-custom-bg .sgcm-scene-media-stage{
  background-color:var(--sgcm-live-paper)!important;
  background-image:var(--sgcm-live-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.sgcm-live-scene.kit-seaside_album .sgcm-live-item[data-media-slide]{inset:clamp(18px,3vw,52px)}
.sgcm-live-scene.kit-editorial_gallery .sgcm-live-item[data-media-slide]{inset:clamp(16px,2.4vw,36px);padding:0}
.sgcm-live-scene.kit-biography .sgcm-live-item[data-media-slide]{inset:clamp(22px,3.4vw,58px);padding:0}
.sgcm-live-scene.kit-archive_notebook .sgcm-live-item[data-media-slide]{inset:clamp(18px,3vw,50px);padding:0}
.sgcm-live-scene.kit-minimal .sgcm-live-item[data-media-slide]{inset:clamp(22px,3.5vw,64px);padding:0}
.sgcm-live-scene.kit-coastal_panorama .sgcm-live-item[data-media-slide]{inset:0;padding:0}
.sgcm-live-scene.kit-coastal_panorama .sgcm-live-item[data-media-slide] img.sgcm-live-media,
.sgcm-live-scene.kit-coastal_panorama .sgcm-live-item[data-media-slide] video.sgcm-live-media{object-fit:cover!important}
.sgcm-live-scene.decor-scrapbook .sgcm-live-item[data-media-slide]{transform:none}

/* 0.9.9-alpha — bouton contextuel Personne / Lieu et fenêtre historique. */
.sgcm-live-controls [data-context][hidden]{display:none!important}
.sgcm-live-controls [data-context]{position:relative;isolation:isolate}
.sgcm-live-controls [data-context].is-place-context{
  animation:sgcm-place-halo 2.8s ease-in-out infinite;
}
@keyframes sgcm-place-halo{
  0%,100%{box-shadow:0 0 0 0 rgba(56,205,225,0),0 0 0 rgba(56,205,225,0)}
  50%{box-shadow:0 0 0 3px rgba(56,205,225,.12),0 0 18px rgba(56,205,225,.35)}
}
@media (prefers-reduced-motion:reduce){.sgcm-live-controls [data-context].is-place-context{animation:none;box-shadow:0 0 0 2px rgba(56,205,225,.12),0 0 12px rgba(56,205,225,.22)}}
.sgcm-live-context-panel{
  position:absolute;z-index:25;left:clamp(14px,2.4vw,40px);right:auto;bottom:calc(var(--sgcm-live-controls-h,76px) + 18px);
  width:min(520px,calc(100% - 28px));max-height:min(74vh,680px);overflow:auto;padding:22px;
  border:1px solid color-mix(in srgb,var(--sgcm-live-accent,#2f8295) 22%,transparent);border-radius:22px;
  background:color-mix(in srgb,var(--sgcm-live-panel,#fffaf3) 97%,transparent);color:var(--sgcm-live-text,#17374a);
  box-shadow:0 22px 60px rgba(18,44,57,.18);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transform-origin:left bottom;transition:.18s ease;
}
.sgcm-live-context-panel[data-open]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.sgcm-live-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.sgcm-live-context-head small{display:block;font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sgcm-live-accent,#2f8295);margin-bottom:5px}
.sgcm-live-context-head h3{margin:0;font:500 clamp(23px,2.4vw,34px)/1.08 Georgia,serif;color:inherit}
.sgcm-live-context-head button{flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(23,56,74,.13);border-radius:999px;background:rgba(255,255,255,.58);color:inherit;font-size:22px;cursor:pointer}
.sgcm-live-context-content{display:none}
.sgcm-live-context-content[data-context-active]{display:block}
.sgcm-context-identity{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0 16px;border-bottom:1px solid rgba(23,56,74,.09)}
.sgcm-context-identity strong{font:600 20px/1.2 Georgia,serif}.sgcm-context-identity code{font-size:11px;opacity:.65}
.sgcm-context-life{font-size:13px;opacity:.72}
.sgcm-context-relation-group{padding:12px 0;border-bottom:1px solid rgba(23,56,74,.08)}
.sgcm-context-relation-group h4,.sgcm-place-notes h4{margin:0 0 8px;font:700 10px/1.35 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.sgcm-context-relation-group ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sgcm-context-relation-group li{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr) auto;gap:10px;align-items:baseline;font-size:13px}
.sgcm-context-relation-group li span{opacity:.68}.sgcm-context-relation-group li strong{font-weight:650}.sgcm-context-relation-group li code{font-size:10px;opacity:.58}
.sgcm-place-context-list{margin:0}.sgcm-place-context-list>div{padding:10px 0;border-bottom:1px solid rgba(23,56,74,.08)}
.sgcm-place-context-list dt{font:700 10px/1.35 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.6;margin-bottom:4px}.sgcm-place-context-list dd{margin:0;font-size:13px;line-height:1.5}
.sgcm-place-history{padding:16px 0;font-size:14px;line-height:1.62}.sgcm-place-history p:first-child{margin-top:0}.sgcm-place-history p:last-child{margin-bottom:0}
.sgcm-place-notes{padding:12px 0;border-top:1px solid rgba(23,56,74,.08);font-size:13px;line-height:1.55}
.sgcm-context-empty{margin:14px 0 0;opacity:.7}
@media(max-width:760px){.sgcm-live-context-panel{left:12px;right:12px;bottom:calc(var(--sgcm-live-controls-h,104px) + 12px);width:auto;padding:17px}.sgcm-context-relation-group li{grid-template-columns:1fr;gap:3px}}

/* 0.9.13-alpha — texte documentaire + défilement narratif discret. */
.sgcm-live-copy-scroll{
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--sgcm-live-accent) 55%,transparent) transparent;
  overscroll-behavior:contain;
}
.sgcm-live-copy-scroll::-webkit-scrollbar{width:4px;height:4px}
.sgcm-live-copy-scroll::-webkit-scrollbar-track{background:transparent}
.sgcm-live-copy-scroll::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--sgcm-live-accent) 48%,transparent);
  border-radius:999px;
}
.sgcm-live-copy-scroll:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sgcm-live-accent) 72%,transparent)}
.sgcm-live-text-card{
  width:min(760px,86%);
  max-height:78%;
  align-self:center;
  justify-self:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:clamp(10px,1.2vw,18px);
  padding:clamp(28px,4vw,58px);
  border:1px solid rgba(31,55,63,.13);
  border-radius:18px;
  background:color-mix(in srgb,var(--sgcm-live-panel) 92%,white 8%);
  color:var(--sgcm-live-text);
  box-shadow:0 18px 46px rgba(0,0,0,.10);
  text-align:left;
}
.sgcm-live-text-card>span{font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sgcm-live-accent)}
.sgcm-live-text-card>strong{font:500 clamp(25px,3.1vw,48px)/1.05 Georgia,serif;color:var(--sgcm-live-text)}
.sgcm-live-text-card-copy{font-size:clamp(14px,1.45vw,20px);line-height:1.55;overflow:hidden}
.sgcm-live-text-card-copy p{margin:.2em 0 .7em}
.sgcm-live-text-card>small{opacity:.68;line-height:1.5}
