/* Preference, language and security panels - features.html */
code{font-family:var(--font-m);font-size:.86em;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--line-2);border-radius:5px;padding:1px 5px}
.prefs{display:grid;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:4px 22px 12px;box-shadow:var(--shadow)}
.prefs-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 0 14px;border-bottom:1px solid var(--line);font-family:var(--font-m);font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pref{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.pref:last-child{border-bottom:0;padding-bottom:6px}
.pref>div{display:grid;gap:3px;min-width:0}
.pref small{color:var(--muted);font-size:.76rem;line-height:1.45}
.pref-b{flex:none;font-family:var(--font-m);font-size:.71rem;letter-spacing:.04em;color:var(--accent-text);border:1px solid var(--line-2);background:var(--accent-soft);border-radius:999px;padding:5px 11px;white-space:nowrap}
.sw{position:relative;flex:none;width:40px;height:23px;border-radius:999px;background:var(--accent);box-shadow:inset 0 0 0 1px var(--line-2)}
.sw::after{content:"";position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;background:var(--btn-ink)}
.lang-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.lang{font-family:var(--font-m);font-size:.72rem;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:7px 14px}
.lang.on{color:var(--accent-text);border-color:var(--accent-text);background:var(--accent-soft)}
@media(max-width:430px){.pref{flex-wrap:wrap;gap:10px}.prefs{padding:4px 16px 12px}}