.menuLinkSettings.menu-item { background: blue; padding: .8rem .8rem .8rem 35px; border-radius: .3rem; position: relative; }
.menuLinkSettings.menu-item::before { content: ""; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: white; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.700%2C12.000%20L21.808%2C13.951%20L21.239%2C15.827%20L18.402%2C16.278%20L17.445%2C17.445%20L17.556%2C20.315%20L15.827%2C21.239%20L13.502%2C19.552%20L12.000%2C19.700%20L10.049%2C21.808%20L8.173%2C21.239%20L7.722%2C18.402%20L6.555%2C17.445%20L3.685%2C17.556%20L2.761%2C15.827%20L4.448%2C13.502%20L4.300%2C12.000%20L2.192%2C10.049%20L2.761%2C8.173%20L5.598%2C7.722%20L6.555%2C6.555%20L6.444%2C3.685%20L8.173%2C2.761%20L10.498%2C4.448%20L12.000%2C4.300%20L13.951%2C2.192%20L15.827%2C2.761%20L16.278%2C5.598%20L17.445%2C6.555%20L20.315%2C6.444%20L21.239%2C8.173%20L19.552%2C10.498%20Z%20M15.3%2C12%20A3.3%2C3.3%200%201%2C0%208.7%2C12%20A3.3%2C3.3%200%201%2C0%2015.3%2C12%20Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; pointer-events: none; }
#settingsPage { box-sizing: border-box; width: min(960px, 100%); margin: 32px auto; padding: 0 24px; color: #3d3026; }
#settingsPage h1 { font: 700 2.6rem/1.2 Georgia, serif; margin: 0 0 24px; }
#settingsPage section { padding: clamp(18px, 3vw, 32px); border: 1px solid #e7e3de; border-radius: 16px; background: #fff; }
#settingsPage h2 { margin: 0 0 12px; font-size: 1.5rem; }
#settingsPage p { line-height: 1.6; margin: 0 0 14px; }
#settingsPage .backupNote { color: #68615a; font-size: .92rem; }
.backupOptions { display: grid; gap: 12px; margin-top: 24px; }
.backupOption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px; background: #f6f4f1; border-radius: 10px; }
#settingsPage .backupOption h3 { margin: 0 0 6px; font-size: 1.05rem; }
#settingsPage .backupOption p { margin: 0; color: #68615a; font-size: .95rem; }
.backupOption button { flex-shrink: 0; border: 1px solid #c7bcb0; border-radius: 8px; min-height: 44px; padding: 10px 16px; font: inherit; background: white; color: #50463e; cursor: pointer; }
.backupAll button { background: #795238; color: white; border-color: #795238; }
.backupOption button:hover { filter: brightness(.94); }
.backupOption button:focus-visible { outline: 3px solid #956241; outline-offset: 3px; }
@media (max-width: 1000px) {
    .menuLinkSettings.menu-item { padding: 0; }
    .menuLinkSettings.menu-item::before { left: calc(50% - 10px); top: 12px; transform: none; }
}
@media (max-width: 560px) {
    #settingsPage { padding: 0 12px; margin: 20px auto; }
    .backupOption { flex-direction: column; align-items: stretch; gap: 12px; }
}