.settings-section-navigation { display:flex; flex-wrap:wrap; gap:1rem 2rem; padding:1rem 1.25rem; margin-bottom:1.5rem; border:1px solid #e2e8f0; border-radius:.75rem; background:#fff; }
.settings-section-group > span,.settings-menu-heading { display:block; font-size:.75rem; color:#64748b; margin-bottom:.4rem; }
.settings-menu-heading { padding:.35rem .65rem; margin:0; font-weight:600; }
.settings-section-group > div { display:flex; flex-wrap:wrap; gap:.3rem; }
.settings-section-group a { font-size:.8rem; padding:.4rem .65rem; border-radius:.5rem; color:#475569; }
.settings-section-group a:hover,.settings-section-group a.is-current { color:#1d4ed8; background:#eff6ff; }
.settings-category { margin-bottom:1.75rem; }
.settings-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:.75rem; }
.settings-directory-card { display:flex; align-items:center; gap:.8rem; padding:1.25rem; background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; text-decoration:none; }
.settings-directory-card > div { flex:1; min-width:0; }
.settings-directory-card strong { font-size:.95rem; }
.settings-directory-card p { font-size:.8rem; color:#64748b; margin-top:.4rem; line-height:1.8; }
.settings-directory-card:hover { border-color:#93c5fd; background:#f8fafc; }
.settings-directory-card:focus-visible,.settings-section-group a:focus-visible { outline:2px solid #2563eb; outline-offset:3px; }
.settings-menu-current { background:#eff6ff !important; color:#1d4ed8 !important; }
.dark .settings-section-navigation,.dark .settings-directory-card { background:#18181b; border-color:#3f3f46; }
.dark .settings-section-group a { color:#a1a1aa; }
.dark .settings-section-group a:hover,.dark .settings-section-group a.is-current,.dark .settings-menu-current { color:#93c5fd !important; background:#27272a !important; }
.dark .settings-directory-card p,.dark .settings-section-group > span,.dark .settings-menu-heading { color:#a1a1aa; }
.dark .settings-directory-card:hover { background:#27272a; border-color:#71717a; }
@media(max-width:1100px) { .settings-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .settings-directory-grid { grid-template-columns:1fr; } .settings-section-group { width:100%; } .settings-section-navigation { padding:.8rem; gap:1rem; } }