/* Explicit light, monochrome controls across Safari and embedded study pages. */
:root{color-scheme:only light;accent-color:#000}
html,body{background:#fff!important;color:#000!important}
body *{color:#000!important;-webkit-text-fill-color:currentColor}
a:any-link,a:visited,a:hover,a:active,button,input,select,textarea,summary{color:#000!important;-webkit-text-fill-color:#000;text-decoration:none!important}
button,input,select,textarea{accent-color:#000;background-color:#fff!important}
button,select,input[type=button],input[type=submit]{-webkit-appearance:none;appearance:none;border-radius:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid #000;outline-offset:4px}
/* Original artwork and photographs retain their source colours. */
.mono-icon{display:inline-block;vertical-align:-.12em;width:1em;height:1em;flex:none;fill:none;stroke:#000;stroke-width:1.25;stroke-linecap:butt;stroke-linejoin:miter;overflow:visible}
.deck-arrows .mono-icon{width:22px;height:22px}
.deck-arrows button{display:flex;align-items:center;justify-content:center}
@media(max-width:850px){.deck-tab{color:#000!important;-webkit-text-fill-color:#000}.study-header,.top{background:#fff!important}}

/* A drawn track keeps range controls visible after Safari appearance reset. */
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent!important;min-height:28px;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:1px;background:#000;border:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border:1px solid #000;border-radius:50%;background:#fff;margin-top:-6.5px}
input[type=range]::-moz-range-track{height:1px;background:#000;border:0}
input[type=range]::-moz-range-thumb{width:12px;height:12px;border:1px solid #000;border-radius:50%;background:#fff}

/* Centre slide arrows on the reading column on wide screens. */
.home-deck .deck-arrows{max-width:1440px;margin-left:auto;margin-right:auto}