#culture-explorer{--ce-accent:#8c583c;color:var(--ink);font-size:1rem;line-height:1.65;max-width:1280px;margin:1.5rem auto 3rem;overflow-wrap:anywhere}#culture-explorer[hidden]{display:none!important}#culture-explorer *{box-sizing:border-box}#culture-explorer button,#culture-explorer input,#culture-explorer select{font:inherit;color:var(--ink)}#culture-explorer button{cursor:pointer}#culture-explorer :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--ink);outline-offset:4px}#culture-explorer h2,#culture-explorer h3{line-height:1.22}#culture-explorer h2{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:500}#culture-explorer h3{font-size:1.12rem;margin:1.5rem 0 .65rem}.ce-header{padding:clamp(1.3rem,4vw,3rem);border:1px solid var(--line);border-radius:36px 36px 12px 36px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--gold) 35%,transparent),transparent 70%),var(--surface)}.ce-header h2{margin:.25rem 0}.ce-lead{max-width:48rem;margin-bottom:0}.ce-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;padding:1.5rem 0}.ce-controls label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;flex:1;min-width:200px}.ce-controls input,.ce-controls select{min-height:46px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.55rem .85rem;width:100%}.ce-levels{display:flex;gap:.35rem;flex-wrap:wrap;align-self:center}.ce-levels button,.ce-panel-nav button{background:var(--surface);border:1px solid var(--line);border-radius:999px;min-height:44px;padding:.45rem .9rem}.ce-levels button[aria-pressed=true]{background:var(--ink);color:var(--surface)!important}.ce-hint,.ce-timeline-note,.ce-small,.ce-image-credit,.ce-source,.ce-tags{font-size:.9rem}.ce-timeline{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:1.3rem;overflow:hidden}.ce-axis,.ce-era{display:grid;grid-template-columns:minmax(210px,32%) 1fr;gap:1.4rem}.ce-axis{font-size:.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.ce-axis-marks{position:relative;margin-right:30px}.ce-axis-marks span{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap}.ce-axis-marks span:first-child{transform:none}.ce-axis-marks span:last-child{transform:translateX(-100%)}#culture-explorer .ce-era{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:.65rem .5rem;min-height:58px;align-items:center;border-radius:8px}.ce-era:last-child{border-bottom:0!important}.ce-era:hover,.ce-era[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 20%,var(--surface))!important}.ce-era[aria-pressed=true] .ce-era-name::before{content:'→ ';font-weight:bold}.ce-era-name{font-size:.95rem;font-weight:600;line-height:1.3}.ce-era-name small{display:block;font-size:.72rem;font-weight:400;margin-top:.2rem}.ce-recommended{font-size:.72rem;border-bottom:2px solid var(--ce-accent);display:inline-block;margin-top:.25rem}.ce-track{display:block;position:relative;background:var(--line);height:2px;margin-right:30px}.ce-bar{position:absolute;height:13px;top:-5px;min-width:5px;border-radius:5px;background:#487678}.ce-bar[data-epoch=ancient]{background:#9b633f}.ce-bar[data-epoch=medieval]{background:#826797}.ce-bar[data-epoch=early]{background:#4c7b70}.ce-bar[data-epoch=nineteen]{background:#ac7142}.ce-bar[data-epoch=recent]{background:#4a7293}.ce-panel{margin-top:2rem;padding:clamp(1.1rem,3.4vw,3rem);border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:0 12px 38px #102e370a;scroll-margin-top:180px}.ce-panel-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.3rem}.ce-title{margin:.5rem 0 1rem}.ce-standfirst{font-size:1.2rem;max-width:62rem}.ce-tags{margin-bottom:1.5rem}.ce-spread{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:start}.ce-intro-copy section:first-child h3{margin-top:0}.ce-figure{margin:0;min-width:0}.ce-image-stage{position:relative;width:fit-content;max-width:100%;margin:auto;line-height:0;background:var(--paper);border-radius:12px;overflow:hidden}.ce-image-stage img{display:block;max-width:100%;width:auto;max-height:650px;height:auto;object-fit:contain}.ce-figure figcaption{margin-top:.7rem;font-size:.85rem;line-height:1.65}.ce-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid #fff!important;border-radius:50%!important;background:#17353d!important;color:#fff!important;font-weight:bold!important;box-shadow:0 1px 8px #0008;line-height:1!important;padding:0!important}.ce-pin:hover,.ce-pin-active{background:#844825!important;scale:1.05}.ce-annotation{border-top:1px solid var(--line);padding:.5rem 0}.ce-annotation summary{font-weight:600;min-height:38px;cursor:pointer}.ce-annotation p{margin:.4rem 0}.ce-more,.ce-sources,.ce-programme{border:1px solid var(--line);border-radius:16px;padding:1rem 1.2rem;margin:1rem 0}.ce-more summary,.ce-sources summary,.ce-programme summary,.ce-image-credit summary{cursor:pointer;min-height:30px}.ce-image-credit{margin:.5rem 0}.ce-text{padding:1.3rem clamp(1rem,3vw,2rem);background:var(--paper);border-radius:24px;margin:1.5rem 0}.ce-text h3{margin-top:0!important}.ce-text blockquote{font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.9;white-space:pre-wrap;border:0;padding:0;margin:1rem 0}.ce-word{font-family:inherit!important;display:inline;border:0;border-bottom:2px dotted currentColor;background:color-mix(in srgb,var(--gold) 28%,transparent);padding:0 .1rem;line-height:inherit;text-align:left;border-radius:3px}.ce-word[aria-pressed=true]{background:var(--ink);color:var(--surface)!important}.ce-text-explanation{min-height:3rem;border-left:3px solid var(--ce-accent);padding-left:1rem}.ce-entity{color:var(--ink);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;cursor:pointer}.ce-entity:hover{text-decoration-style:solid}.ce-related{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.ce-related h3{width:100%;margin:.5rem 0!important}.ce-related .ce-entity,.ce-search-results .ce-entity{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.6rem .9rem;min-height:44px;display:inline-flex;align-items:center}.ce-search-results{display:flex;gap:.5rem;flex-wrap:wrap}.ce-search-status:empty{display:none}.ce-memo{border-left:4px solid var(--ce-accent);padding:.3rem 1.3rem;margin:1.5rem 0;background:color-mix(in srgb,var(--gold) 10%,transparent);border-radius:0 18px 18px 0}.ce-memo h3{margin-top:.7rem!important}.ce-source{display:inline-block;color:var(--ink);margin:.3rem 1rem .3rem 0;text-underline-offset:3px}#culture-explorer .ce-share{display:block;margin:1.5rem 0 0 auto;background:none;border:0;font-size:.75rem;text-decoration:underline;min-height:44px}.ce-companion{display:flex;gap:1rem;align-items:center;max-width:440px;border:1px solid var(--line);border-radius:24px 24px 24px 6px;padding:1rem;background:var(--paper);animation:ce-arrive .45s ease-out}.ce-companion img{width:76px;height:76px;flex:none}.ce-companion p{margin:.2rem 0}.ce-dismiss{background:none;border:0;min-width:44px;min-height:44px;align-self:start;font-size:1.3rem!important}@keyframes ce-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] #culture-explorer{--ce-accent:#e1b88e}html[data-theme=dark] .ce-bar{filter:brightness(1.4)}.repere-chapters:has([data-chapter=culture]){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.ce-spread{grid-template-columns:1fr}.ce-intro-copy{order:-1}.ce-era{grid-template-columns:1fr!important;gap:.3rem!important;margin:0!important;padding:.8rem .5rem!important}.ce-axis{display:none}.ce-track{height:3px;margin:.55rem 0 .1rem!important}.ce-bar{height:8px;top:-3px}.ce-era-name small{font-size:.85rem}.ce-era-name{font-size:1rem}.ce-timeline{padding:.6rem 1rem}.ce-panel{scroll-margin-top:140px}.ce-image-stage img{max-height:none;width:100%}.repere-chapters:has([data-chapter=culture]){grid-template-columns:1fr}.ce-controls label{min-width:0;flex-basis:100%}.ce-controls{gap:.8rem}.ce-panel-nav button{font-size:.85rem!important}.ce-companion{gap:.6rem;padding:.75rem}.ce-companion img{width:55px;height:55px}}@media(prefers-reduced-motion:reduce){.ce-companion{animation:none}.ce-pin{transition:none;scale:1}}@media print{.ce-controls,.ce-timeline,.ce-panel-nav,.ce-share,.ce-pin,.ce-companion{display:none!important}.ce-panel{border:0;padding:0}.ce-spread{display:block}.ce-image-stage img{max-height:400px}.ce-annotation{display:block}.ce-entity{text-decoration:none}}
.ce-relations{margin:2rem 0;border-top:1px solid var(--line)}.ce-relations>div{border-left:2px solid var(--line);padding:.3rem 0 .3rem 1rem;margin:1rem 0}.ce-relations p{margin:.4rem 0}

.ce-era-thumb{float:left;width:48px;height:48px;object-fit:cover;border-radius:8px;margin:0 .8rem .15rem 0;filter:none}.ce-era-name{display:flow-root}.ce-era[aria-pressed=true] .ce-era-thumb{outline:2px solid var(--ink);outline-offset:2px}
/* Les courants ressortent ; les dates conservent leur place en dessous. */
.ce-era-label{display:inline-block;font-size:1.02rem;font-weight:700;line-height:1.4;padding:4px 9px;border-radius:7px;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 20%,var(--surface));color:var(--ink);box-shadow:0 2px 3px #102e370a;max-width:100%;vertical-align:middle}.ce-era[aria-pressed=true] .ce-era-label{background:color-mix(in srgb,var(--gold) 38%,var(--surface));border-color:var(--ce-accent)}.ce-era-name small{margin-top:6px}.ce-era:hover .ce-era-label{border-color:var(--ce-accent)}html[data-theme=dark] .ce-era-label{background:color-mix(in srgb,var(--gold) 15%,var(--surface));box-shadow:none}html[data-theme=dark] .ce-era[aria-pressed=true] .ce-era-label{background:color-mix(in srgb,var(--gold) 28%,var(--surface))}
.ce-era-caption{display:block;font-size:.85rem;font-weight:400;line-height:1.4;margin-top:5px;opacity:.85}

/* Graduations légères : même échelle sur chaque ligne, dates espacées sur mobile. */
#culture-explorer .ce-track{margin-bottom:1.2rem}
.ce-track-mark{position:absolute;top:-3px;height:8px;width:1px;background:color-mix(in srgb,var(--ink) 25%,transparent)}
.ce-track-date{position:absolute;top:11px;left:0;transform:translateX(-50%);font-size:.62rem;font-weight:400;line-height:1;white-space:nowrap;color:var(--ink);opacity:.65;font-variant-numeric:tabular-nums}
.ce-track-mark[data-edge=start] .ce-track-date{transform:none}
.ce-track-mark[data-edge=end] .ce-track-date{transform:translateX(-100%)}
@media(max-width:760px){#culture-explorer .ce-track{margin-bottom:1.25rem!important}.ce-date-secondary .ce-track-date{display:none}.ce-track-date{font-size:.65rem}}

/* One book per card: its title and reading action stay together at every width. */
#culture-explorer .ce-panel .ce-reading-feature{background:var(--surface,#f6f6ee);border-color:var(--line,#b8c6bd);padding:clamp(16px,2.2vw,26px);color:var(--ink,#203d3b)}
#culture-explorer .ce-reading-feature>h3{margin:0 0 20px;font-size:1.1rem;line-height:1.4;padding-left:12px;border-left:3px solid var(--gold,#bb995c)}
.ce-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ce-reading-card{display:flex;flex-direction:column;min-width:0;gap:12px;padding:20px;border:1px solid var(--line,#cbd4cb);border-radius:17px;background:var(--paper,#fffdf5);box-shadow:0 4px 12px #16382b07}
.ce-reading-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0;color:var(--muted,#62746a);font-size:.76rem;line-height:1.4}
.ce-reading-card-year{font-variant-numeric:tabular-nums;letter-spacing:.05em}
.ce-reading-card-level{padding:4px 10px;border:1px solid var(--line,#cbd4cb);border-radius:999px;color:var(--ink,#203d3b);background:color-mix(in srgb,var(--gold,#bb995c) 12%,var(--paper,#fffdf5));font-weight:700}
.ce-reading-card-heading{margin:0;font:600 1.25rem/1.45 Georgia,serif;overflow-wrap:anywhere}
#culture-explorer .ce-reading-card .ce-reading-card-title.ce-entity{display:inline;padding:0;min-height:0;border:0;border-radius:0;background:transparent;color:var(--ink,#203d3b);font:inherit;text-decoration:none}
#culture-explorer .ce-reading-card .ce-reading-card-title.ce-entity:hover{text-decoration:underline;text-underline-offset:4px;background:transparent;color:var(--ink,#203d3b)}
.ce-reading-card-note{margin:0;font-size:.83rem;line-height:1.65;color:var(--muted,#62746a)}
#culture-explorer .ce-reading-card>.ce-read-online{display:flex;justify-content:center;gap:8px;margin: auto 0 0;padding:10px 14px;min-height:44px;box-sizing:border-box;line-height:1.4;font-size:.85rem;border:1px solid transparent;border-radius:11px;background:#28624f;color:#fff;transition:background .15s}
#culture-explorer .ce-reading-card>.ce-read-online:hover{background:#1d4b3c}
#culture-explorer .ce-reading-card :is(.ce-reading-card-title,.ce-read-online):focus-visible{outline:3px solid var(--gold,#bb995c);outline-offset:4px}
@media(max-width:1050px){.ce-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ce-reading-grid{grid-template-columns:minmax(0,1fr);gap:12px}.ce-reading-card{padding:18px}.ce-reading-card-heading{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){#culture-explorer .ce-reading-card>.ce-read-online{transition:none}}

html[data-theme=dark] #culture-explorer .ce-reading-card>.ce-read-online{background:#a8dbc0;color:#16372e}
html[data-theme=dark] #culture-explorer .ce-reading-card>.ce-read-online:hover{background:#c1ead3;color:#16372e}

/* Les pastilles reprennent les couleurs de classe configurées dans l’administration. */
.ce-reading-card-level[data-level="6e"]{--reading-class-color:var(--class-6e,#50c7df)}
.ce-reading-card-level[data-level="5e"]{--reading-class-color:var(--class-5e,#00b4cd)}
.ce-reading-card-level[data-level="4e"]{--reading-class-color:var(--class-4e,#5687c9)}
.ce-reading-card-level[data-level="3e"]{--reading-class-color:var(--class-3e,#fa8518)}
#culture-explorer .ce-reading-card-level[data-level]{background:color-mix(in srgb,var(--reading-class-color) 22%,var(--paper,#fffdf5));border-color:color-mix(in srgb,var(--reading-class-color) 70%,var(--line,#cbd4cb));color:var(--ink,#203d3b)}
html[data-theme="dark"] #culture-explorer .ce-reading-card-level[data-level]{background:color-mix(in srgb,var(--reading-class-color) 30%,var(--paper,#172c30))}