/* The family Reading Room panel, scoped for use throughout Evanswiki. */
#ev-preferences-button{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--ev-gold);cursor:pointer}
#ev-preferences-button svg,#appearance-panel .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
#ev-preferences-button:hover,#ev-preferences-button[aria-expanded=true]{background:var(--ev-raised)}
#ev-preferences-button:focus-visible,#appearance-panel :focus-visible{outline:2px solid var(--ev-gold);outline-offset:3px}
#appearance-panel{box-sizing:border-box;position:fixed;inset:0;width:98vw;height:98dvh;max-width:98vw;max-height:98dvh;margin:auto;padding:0;border:1px solid var(--ev-line);border-radius:12px;background:var(--ev-panel);color:var(--ev-text);box-shadow:0 20px 70px #0006;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#appearance-panel[open]{display:flex;flex-direction:column}#appearance-panel::backdrop{background:#0007}
#appearance-panel *{box-sizing:border-box}#appearance-panel .dialog-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px 7px;border-bottom:1px solid var(--ev-line)}
#appearance-panel .dialog-head h2{font:400 20px/1.3 Georgia,serif;color:var(--ev-heading);margin:0;white-space:nowrap;border:0;padding:0}
#appearance-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border:1px solid var(--ev-line);border-radius:9px;background:var(--ev-raised);color:var(--ev-text);font:inherit;cursor:pointer}
#appearance-panel button:hover{background:var(--ev-page)}#appearance-panel .close-dialog{border:0;background:transparent;padding:10px}
#appearance-panel .dialog-body{flex:1;min-height:0;overflow-y:auto;padding:11px}#appearance-panel .setting{margin:0 0 12px}#appearance-panel .setting-label{display:block;margin:0 0 6px;font:500 13px/1.4 system-ui,sans-serif;color:var(--ev-text)}
#appearance-panel .brightness-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px}#appearance-panel output{font-size:13px;font-variant-numeric:tabular-nums}#appearance-panel .brightness-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--ev-muted)}
#appearance-panel input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;min-height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;cursor:pointer}
#appearance-panel input[type=range]::-webkit-slider-runnable-track{height:14px;border-radius:8px;border:1px solid var(--ev-text);background:linear-gradient(to right,#071422,#f7f4ed)}
#appearance-panel input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ev-text);border:3px solid var(--ev-page);box-shadow:0 0 0 1px var(--ev-text);margin-top:-7px}
#appearance-panel input[type=range]::-moz-range-track{height:14px;border-radius:8px;border:1px solid var(--ev-text);background:linear-gradient(to right,#071422,#f7f4ed)}
#appearance-panel input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ev-text);border:3px solid var(--ev-page);box-shadow:0 0 0 1px var(--ev-text)}
#appearance-panel .appearance-preview{padding:6px 8px;margin:0 0 12px;border:1px solid var(--ev-line);border-radius:10px;background:var(--ev-page)}#appearance-panel .appearance-preview p{font-family:Georgia,serif;font-size:var(--reading-size,22px);line-height:var(--reading-leading,1.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:var(--ev-text)}
#appearance-panel .subtle-button{padding:8px 10px;font-size:12px;white-space:nowrap}#appearance-panel [hidden]{display:none!important}#appearance-panel .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#appearance-panel .install-help{margin-top:10px;padding:10px 12px;border:1px solid var(--ev-line);border-radius:9px;background:var(--ev-page);font-size:13px;line-height:1.55}#appearance-panel .install-help p{margin:0 0 8px}#appearance-panel .install-help ol{margin:0;padding-left:20px}
html .skin-vector-2022 .mw-body-content,html .skin-vector-2022 .ev-home .ev-lead,html .skin-vector-2022 .ev-home .ev-feature,html .skin-vector-2022 .ev-home .ev-card,html .skin-vector-2022 .ev-format-info{line-height:var(--reading-leading,1.75)}
@media(min-width:761px){#appearance-panel{inset:12px 12px auto auto;margin:0;width:420px;height:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}#appearance-panel .dialog-body{flex:0 1 auto;max-height:calc(100dvh - 86px)}}
@media(max-width:1099px){#ev-preferences-button{grid-column:2;grid-row:1}.skin-vector-2022 .vector-header{grid-template-columns:minmax(0,1fr) auto!important}.skin-vector-2022 .vector-header-end{grid-column:1/-1!important;grid-row:2!important}}
@media(prefers-reduced-motion:reduce){#appearance-panel *{transition:none!important}}
.rr-policy>#ev-preferences-button{position:fixed;top:12px;right:12px;background:var(--ev-panel)}
#appearance-panel .setting-label{text-transform:uppercase;letter-spacing:.1em;font-size:12px}#appearance-panel .subtle-button{width:100%}
#appearance-panel::backdrop{background:#0008;backdrop-filter:blur(3px)}
