.umbral-insights-preferences {
    margin: 1.5rem 0;
    padding: 1.35rem;
    border: 1px solid #cbd8e9;
    border-left: 3px solid #175fab;
    background: #fff;
    color: #153554;
    scroll-margin-top: 6rem;
}
.umbral-insights-preferences h3 { margin-top: 0; color: #153554; }
.umbral-insights-preferences p { margin-bottom: 1rem; }
.umbral-insights-preferences button {
    padding: .8rem 1rem;
    margin: .25rem .45rem .25rem 0;
    border: 1px solid #175fab;
    background: #fff;
    color: #153554;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.umbral-insights-preferences button:hover { background: #f2f6fb; }
.umbral-insights-preferences button:focus-visible,
.umbral-insights-footer a:focus-visible { outline: 3px solid #175fab; outline-offset: 3px; }
.umbral-insights-preferences [role="status"] { font-size: .95rem; font-weight: 600; }
.umbral-insights-footer { margin: 0; padding: .6rem 1.5rem 1rem; background: #fff; text-align: center; font-size: .8rem; }
.umbral-insights-footer a { color: #175fab; text-underline-offset: .2em; }
@media(max-width: 480px) {
    .umbral-insights-preferences { padding: 1rem; }
    .umbral-insights-preferences button { width: 100%; margin: .3rem 0; }
}