/* Classic English slide view. Colours come from each page's own variables where present. */
.ce-sl-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--sl-bg,#fff);color:var(--sl-fg,#1b2340);
  border-top:1px solid color-mix(in srgb,var(--sl-fg,#1b2340) 20%,transparent);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 14px rgba(0,0,0,.08)}
.ce-sl-prog{height:4px;background:color-mix(in srgb,var(--sl-fg,#1b2340) 15%,transparent)}
.ce-sl-prog i{display:block;height:100%;width:0;background:var(--gold,var(--accent,var(--acc,#7a2e2e)));transition:width .25s}
.ce-sl-row{display:flex;align-items:center;gap:.6rem;max-width:60rem;margin:0 auto;padding:.55rem 16px}
.ce-sl-where{flex:1;min-width:0;font-size:.9rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.ce-sl-bar button{font:inherit;font-size:.95rem;padding:.5rem .9rem;border-radius:4px;border:1px solid color-mix(in srgb,var(--sl-fg,#1b2340) 35%,transparent);
  background:transparent;color:inherit;cursor:pointer;white-space:nowrap}
.ce-sl-bar .ce-sl-next{background:var(--sl-fg,#1b2340);color:var(--sl-bg,#fff);border-color:var(--sl-fg,#1b2340)}
.ce-sl-bar button:disabled{opacity:.4;cursor:default}
.ce-sl-bar.ce-sl-off .ce-sl-prev,.ce-sl-bar.ce-sl-off .ce-sl-next,.ce-sl-bar.ce-sl-off .ce-sl-where,.ce-sl-bar.ce-sl-off .ce-sl-prog{display:none}
.ce-sl-bar.ce-sl-off{left:auto;right:12px;bottom:12px;border:1px solid color-mix(in srgb,var(--sl-fg,#1b2340) 25%,transparent);border-radius:6px}
.ce-sl-bar.ce-sl-off .ce-sl-row{padding:.35rem}
.ce-sl-hide{display:none!important}
.ce-sl-again{outline:none}
body.ce-sl-on .wrap,body.ce-sl-on main{padding-bottom:0!important;margin-bottom:0!important}
body.ce-sl-on section{padding-block:1.25rem!important;border-top:0!important;margin-top:0!important}
body.ce-sl-on header.hero{padding-block:1.5rem!important}
body.ce-sl-on:not(.ce-sl-last) .wrap > footer,body.ce-sl-on:not(.ce-sl-last) .ce-sl-tail{display:none!important}
h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}
@media (max-width:760px){body.ce-sl-on header.hero figure img{max-height:38vh;width:auto;margin:0 auto}}
@media (max-width:520px){.ce-sl-bar .ce-sl-mode{display:none}.ce-sl-bar.ce-sl-off .ce-sl-mode{display:inline-block}}
@media print{.ce-sl-bar{display:none}.ce-sl-hide{display:revert!important}}