/* Prototype de double profondeur de lecture. La palette et les polices restent celles du site. */
.reading-mode-panel{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:14px 8% 4px;
  color:var(--muted);
}
.reading-mode-switch{
  display:inline-flex;
  align-items:center;
  gap:0;
}
.reading-mode-switch button{
  min-height:42px;
  border:0;
  padding:7px 10px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-family:var(--serif);
  font-size:.9rem;
  font-style:italic;
  line-height:1.25;
  text-underline-offset:.35em;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.reading-mode-switch button+button{
  position:relative;
  margin-left:7px;
  padding-left:19px;
}
.reading-mode-switch button+button::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:16px;
  background:#8c6a3659;
  transform:translateY(-50%);
  pointer-events:none;
}
.reading-mode-switch button[aria-pressed="true"]{
  color:#785629;
  text-decoration:underline;
  text-decoration-color:#8c6a3699;
  text-decoration-thickness:1px;
}
.reading-mode-switch button:hover{color:var(--ink)}
.reading-mode-switch button:focus-visible,
.editorial-collapsible__toggle:focus-visible,
.editorial-collapsible__close:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:4px;
}
.reading-mode-panel--home{padding-top:18px;padding-bottom:0}

.editorial-collapsible{margin-top:1.2rem}
.editorial-collapsible__toggle,
.editorial-collapsible__close{
  min-height:44px;
  border:0;
  padding:8px 0;
  background:transparent;
  color:var(--gold);
  cursor:pointer;
  font-family:var(--serif);
  font-size:1rem;
  font-style:italic;
  text-align:left;
  text-decoration:underline;
  text-decoration-color:#d3ae7273;
  text-decoration-thickness:1px;
  text-underline-offset:.38em;
}
.editorial-collapsible__toggle::after{
  content:" ↓";
  padding-left:.35em;
  font-family:var(--sans);
  font-style:normal;
}
.editorial-collapsible.is-open>.editorial-collapsible__toggle::after{content:" ↑"}
.editorial-collapsible__content{
  display:grid;
  grid-template-rows:1fr;
  opacity:1;
  transition:grid-template-rows .42s ease,opacity .3s ease,margin .42s ease;
}
.editorial-collapsible__inner{min-height:0;overflow:hidden}
.editorial-collapsible__close{display:none}

html.js[data-reading-mode="essential"] .editorial-collapsible:not(.is-open) .editorial-collapsible__content{
  grid-template-rows:0fr;
  opacity:0;
  margin:0;
}
html.js[data-reading-mode="essential"] .editorial-collapsible:not(.is-open) .editorial-collapsible__close{display:none}
html.js[data-reading-mode="complete"] .editorial-collapsible__toggle,
html.js[data-reading-mode="complete"] .editorial-collapsible__close{display:none}

.reading-copy>.editorial-collapsible{margin-top:0}
.reading-copy>.editorial-collapsible>.editorial-collapsible__toggle{margin-bottom:1.5rem}
.reading-copy .editorial-collapsible__inner>p{font-size:1.1rem;line-height:1.9;margin-bottom:1.8em}
.stay-page-contact>.editorial-collapsible{margin:-.5rem 0 1.4rem}

.home-preface .editorial-collapsible__toggle,
.home-preface .editorial-collapsible__close,
.intro .editorial-collapsible__toggle,
.intro .editorial-collapsible__close{
  color:#785629;
  border-bottom-color:#78562999;
}
.intro .editorial-collapsible{margin-top:.35rem}
.intro .editorial-collapsible__inner>p{
  font-family:var(--serif);
  font-size:1.25rem;
  line-height:1.9;
}
.history-copy>.editorial-collapsible{clear:both;padding-top:.4rem}
.history-copy .editorial-collapsible__inner>p{color:var(--muted);max-width:none}

@media(max-width:720px){
  .reading-mode-panel{justify-content:center;padding:9px 7% 0}
  .reading-mode-switch{max-width:100%}
  .reading-mode-switch button{padding-inline:8px;white-space:nowrap;font-size:.84rem}
  .reading-mode-switch button+button{margin-left:4px;padding-left:14px}
  .editorial-collapsible__toggle,.editorial-collapsible__close{min-height:48px}
  .intro .editorial-collapsible__inner>p{font-size:1.125rem}
}
@media(prefers-reduced-motion:reduce){
  .editorial-collapsible__content{transition:none}
}