.reader-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-left:auto;font-size:12px}.reader-header-actions a{color:inherit;text-decoration:none}.reader-header-actions button{color:inherit;background:transparent;border:1px solid #a38d5b66;border-radius:7px;padding:7px 11px;cursor:pointer;font:inherit}.masthead .reader-header-actions{order:3;margin-left:0}.masthead .managed-menu{order:2}.masthead .about-button{order:1;margin-left:auto}#view-modern{display:none!important}
#reader-settings{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:460px;max-height:calc(100svh - 40px);overflow:auto;margin:auto;padding:26px;border:1px solid #baa67e;border-radius:16px;background:#f8f5ee;color:#283e35;box-shadow:0 24px 90px #0008;font:15px/1.5 Arial,sans-serif;animation:none;transform:none}#reader-settings::backdrop{background:#0b1610aa;backdrop-filter:blur(5px)}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between}.settings-heading small{font-size:10px;letter-spacing:1.8px;color:#786948}.settings-heading h2{font:36px Georgia,serif;margin:5px 0 12px}.settings-heading button{font-size:26px;color:#283e35;border:0;background:transparent;cursor:pointer}.settings-section{padding:18px 0;border-top:1px solid #d7cfbd}.settings-section h3{font-size:17px;margin:0 0 10px}.settings-section label{display:block;font-size:13px;margin:0 0 8px}.settings-section select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b6bdb4;border-radius:8px;background:white;color:#283e35;font:15px Arial}.settings-section p{font-size:12px;line-height:1.6;color:#647167;margin:10px 0 0}.settings-section .room-audio{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.settings-section .room-audio button{padding:10px 14px;background:#2c5b4f;color:#fff;border:0;border-radius:8px;font:14px Arial;cursor:pointer}.settings-section input[type=range]{width:140px;accent-color:#2c5b4f}.settings-section #settings-audio-status{color:#8a4631}#reader-settings :focus-visible{outline:2px solid #386b58;outline-offset:3px}
@media(max-width:700px){.masthead{flex-wrap:wrap}.masthead .reader-header-actions{gap:12px}.masthead .managed-menu{margin-left:auto}.public-header .reader-header-actions{width:100%;justify-content:flex-end}.reader-toolbar{flex-wrap:wrap;gap:8px}.reader-header-actions{font-size:11px}}