/* Preferences share the dark FinRap palette, including native form controls. */
html body #news-preferences,
html body #news-preferences fieldset {
 background:#102d49!important;
 color:#fff!important;
 border-color:#456582!important;
 color-scheme:dark;
}
html body #news-preferences legend,
html body #news-preferences label,
html body #news-preferences label span,
html body #news-preferences p {
 color:#fff!important;
 opacity:1!important;
}
html body #news-preferences button {
 background:#1c4264!important;
 color:#fff!important;
 border:1px solid #7899b6!important;
 opacity:1!important;
 min-height:44px;
}
html body #news-preferences button:hover,
html body #news-preferences button[aria-pressed="true"] {
 background:#28597e!important;
 color:#fff!important;
}
html body #news-preferences button[type="submit"] {
 background:#086776!important;
 color:#fff!important;
}
html body #news-preferences input[type="checkbox"] {
 accent-color:#31d5c4;
 width:18px;height:18px;
 flex-shrink:0;
}
html body #news-preferences :focus-visible {
 outline:3px solid #70dfff!important;
 outline-offset:3px;
}
@media(max-width:700px){
 html body #news-preferences .news-presets,
 html body #news-preferences .preference-actions {display:flex;flex-wrap:wrap;gap:10px}
 html body #news-preferences .news-checkboxes {grid-template-columns:1fr!important}
 html body #news-preferences .news-checkboxes label {min-height:44px;box-sizing:border-box}
}