.settings-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-hub-grid button{min-height:92px;padding:12px;border:1px solid #8fa271;border-radius:14px;background:linear-gradient(145deg,#f7f8de,#dfeac2);color:#294638;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:4px 8px;text-align:left;box-shadow:0 3px 0 #a6b18e}.settings-hub-grid button svg{width:30px;height:30px;grid-row:span 2}.settings-hub-grid button b{font-size:1rem}.settings-hub-grid button small{font-size:.75rem}.settings-hub-back{position:sticky;top:0;z-index:3;margin-bottom:12px;background:#f4f2dc!important}.settings-hub-content>.secondary-button{display:block;width:100%;margin:10px 0}.settings-hub .modal-heading,.settings-hub .inner-heading{margin-bottom:14px}.settings-hub-content{overflow-wrap:anywhere}.settings-hub-content .guide-fold{margin-top:12px}.settings-hub-content .settings-row input{max-width:54%}

.settings-hub .dive-input-preference button{display:block;text-align:left;width:100%}.settings-hub .dive-input-preference button span{display:block;margin-top:6px;font-size:.8em;line-height:1.5}

.settings-hub .hud-readability-settings,.settings-hub .hud-readability-settings legend,.settings-hub .hud-readability-settings p,.settings-hub .hud-readability-settings small{color:#345343}.settings-hub .hud-readability-settings{background:#f7f8e7}
@media(max-width:350px){.settings-hub-grid button{grid-template-columns:1fr;justify-items:center;text-align:center;padding:8px;gap:3px;min-height:92px}.settings-hub-grid button svg{grid-row:auto;width:24px;height:24px}.settings-hub-grid button small{white-space:normal}}
/* R15: the opt-in jukebox stays within the existing scrollable sound panel. */
.settings-sound-group .music-browser{min-width:0;border-top:1px solid #ffffff20;margin-top:18px;padding-top:10px}
.music-browser .settings-row{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.music-browser select{width:100%;max-width:100%;min-height:44px;min-width:0;border:1px solid #ffffff35;border-radius:10px;padding:10px;background:#15312f;color:#f0f8ed;font:inherit}
.music-browser select:focus-visible{outline:3px solid #d5ff5e;outline-offset:2px}
.music-browser .pause-actions{flex-wrap:wrap}.music-browser .pause-actions button{min-width:0;white-space:normal}