/* Web-only additions. The existing mountain, route and diary styles stay intact. */
.header-actions{display:flex;align-items:center;gap:8px}
#settings-button svg{width:17px;height:17px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.settings-section{margin:22px 0;border-top:1px solid var(--line);padding-top:16px}
.settings-section h3,.settings-section summary{font-size:14px;font-weight:600;margin:0 0 12px}
.settings-section p,.settings-section li{font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.settings-section ol{padding-left:21px}
.settings-section a{color:var(--green);text-underline-offset:3px}
.settings-section .save-button{height:auto;min-height:46px;padding:12px}
.backup-import-label{display:block;font-size:12px;margin:20px 0 8px}
#backup-file{font-size:12px;padding:10px;max-width:100%}
#backup-import-preview{white-space:pre-wrap;border:1px solid var(--line);border-radius:12px;background:#edf1e3;padding:14px;font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin-top:16px}
#backup-status,#offline-status,#storage-status{font-size:12px;line-height:1.8;margin:12px 0;color:var(--green)}
#backup-current-export,#backup-cancel,#storage-persist{background:transparent;border:1px solid var(--line);border-radius:10px;width:100%;padding:12px;font-size:12px;margin:8px 0;line-height:1.6}
#backup-confirm{margin-top:10px}
#settings-dialog [hidden]{display:none!important}
.settings-small{font-size:11px!important;color:#64766b}
@media(display-mode:standalone){.app{height:calc(100dvh - env(safe-area-inset-top));margin-top:env(safe-area-inset-top)}.sheet{max-height:calc(100dvh - env(safe-area-inset-top) - 12px)}}