/* Global learning preferences match the soft study-page headers. */
#settings-dialog{width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #dfe7d8;border-radius:18px;background:#fffefa;color:#486348;box-shadow:0 20px 65px #234b382b;overflow:auto}
#settings-dialog::backdrop{background:#20382d55;backdrop-filter:blur(2px)}
#settings-dialog .modal-close{top:15px;right:15px;z-index:1;display:grid;place-items:center;width:29px;height:29px;border:1px solid #dfe7d8;border-radius:9px;background:#fffefa;color:#8b9c7b}
#settings-dialog .modal-close:hover{background:#eaf2e2;border-color:#c7d6ba}#settings-dialog .modal-close .icon{width:15px;height:15px}
.settings-heading{display:flex;align-items:center;gap:12px;padding:23px 48px 21px 22px;border-bottom:1px solid #e1e8d8;background:linear-gradient(115deg,#fffefa,#eef4e9)}
.settings-heading>div{min-width:0}.settings-heading-icon{display:grid;place-items:center;width:40px;height:45px;flex-shrink:0;border:1px solid #dfe7d8;border-radius:12px;background:#fffefa;color:#7f9870}.settings-heading-icon .icon{width:23px;height:23px}
#settings-dialog .eyebrow{font-size:9px;line-height:1.5;font-weight:700;letter-spacing:1.4px;color:#8a9b7c;margin:0 0 4px}
#settings-dialog h2{font-size:22px;line-height:1.45;letter-spacing:-.6px;font-weight:750;color:#426448;margin:0;overflow-wrap:anywhere}
#settings-description{margin:6px 0 0;font-size:11px;line-height:1.7;color:#8a997d}
.settings-content{padding:20px 22px 18px}
#settings-dialog .field-label{display:block;margin:0 0 7px;font-size:11px;line-height:1.5;font-weight:700;color:#687e5e}
#settings-dialog select{box-sizing:border-box;width:100%;min-height:42px;padding:10px 35px 10px 12px;border:1px solid #dbe4d2;border-radius:10px;background-color:#fffefa;color:#526f4c;font-family:inherit;font-size:13px;line-height:1.5;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386957b' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}
.settings-hint{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;margin:12px 0 0;background:#f6f9f0;border:1px solid #e5ecdc;border-radius:10px;color:#90a07f;font-size:11px;line-height:1.85}.settings-hint .icon{width:15px;height:15px;flex-shrink:0;margin-top:3px;color:#9caf88}
#settings-dialog .settings-actions{display:flex;gap:8px;padding:15px 22px 18px;margin:0;border-top:1px solid #e5ebdc;background:#fbfcf8}
#settings-dialog .settings-actions .button{flex:1;justify-content:center;min-height:37px;padding:8px 12px;margin:0;border:1px solid #dfe7d8;border-radius:9px;background:#fffefa;color:#617b55;font-size:11px;font-weight:700;line-height:1.5}
#settings-dialog .settings-actions .button:hover{background:#eef4e9;border-color:#c2d1b7}
#settings-dialog .settings-actions .button.primary{background:#315b3e;border-color:#315b3e;color:#fffefa}#settings-dialog .settings-actions .button.primary:hover{background:#294f35;border-color:#294f35}
#settings-dialog :is(button,select):focus-visible{outline:2px solid #8ca67d;outline-offset:2px}
@media(max-width:480px){.settings-heading{padding:20px 46px 18px 17px;gap:10px}.settings-heading-icon{width:34px;height:39px;border-radius:10px}.settings-heading-icon .icon{width:20px;height:20px}#settings-dialog h2{font-size:20px}#settings-description{font-size:10px}.settings-content{padding:17px}#settings-dialog select{font-size:16px;min-height:43px}.settings-hint{font-size:10px;padding:10px}#settings-dialog .settings-actions{padding:14px 17px 17px}#settings-dialog .settings-actions .button{min-height:38px}}