/* Match the switch symbols to the centers of their circular positions. */
.cs-theme-toggle .cs-theme-icon{top:3px;left:3px;right:auto;width:34px;height:34px;display:grid;place-items:center;transform:none;text-align:center;line-height:1}
.cs-theme-toggle .cs-theme-sun{left:3px}
.cs-theme-toggle .cs-theme-moon{left:auto;right:3px}
.cs-theme-toggle[data-mode="light"] .cs-theme-sun,.cs-theme-toggle[data-mode="dark"] .cs-theme-moon{opacity:1}
.cs-theme-toggle[data-mode="light"] .cs-theme-moon,.cs-theme-toggle[data-mode="dark"] .cs-theme-sun{opacity:.45}

/* Previous and Next share one color; Chapters is a deeper gold. */
.csl-reader-bottombar .csl-reader-prev,.csl-reader-bottombar .csl-reader-next{background:#EFCA72!important;border-color:#DFB85E!important;color:#392D18!important}
.csl-reader-bottombar .csl-reader-list{background:#D9AC52!important;border-color:#C99D44!important;color:#302614!important}
.csl-reader-jumps button:first-child,.csl-reader-jumps button:last-child{background:#fff;border:1px solid #D8DED7;color:#202D2B}

/* Softer resume prompt with dark text for contrast. */
.csl-chapter-resume{background:#E9AA98;border-color:#D58F7D;color:#32231F;box-shadow:0 10px 30px #491A162B}
.csl-resume-go,.csl-resume-dismiss{color:#32231F}
.csl-resume-dismiss{background:#FFFFFF80}
.csl-resume-go:hover,.csl-resume-go:focus-visible,.csl-resume-dismiss:hover,.csl-resume-dismiss:focus-visible{background:#FFFFFF66;color:#32231F}
@media(max-width:620px){.cs-theme-toggle .cs-theme-icon{width:30px;height:30px;font-size:17px}}