/* Scoped additions; existing Divi and State Hubs styles remain in charge. */
.cys-my-state { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 12px 0; padding: 10px 14px; border-left: 2px solid #102f5c; background: #eef4fb; color: #172b46; font-size: 14px; line-height: 1.5; }
.cys-my-state a, .cys-my-state-note a { color: #102f5c; text-decoration: underline; text-underline-offset: 3px; }
.cys-my-state-note { max-width: 65ch; margin: 8px 0; color: #23364d; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.cys-hub .cys-my-state-status { flex-basis: 100%; padding: 10px 14px; border-left: 2px solid #102f5c; background: #eef4fb; color: #23364d; }
.cys-my-state a:focus-visible, .cys-my-state-note a:focus-visible, .cys-hub .cys-save-state:focus-visible { outline: 3px solid #102f5c; outline-offset: 3px; }
.cys-hub .cys-save-state:focus-visible { outline-color: #fff; }
.cys-my-state-status[hidden] { display: none; }

/* Override the State Hubs hero paragraph typography at narrow widths. */
.cys-hub .cys-hero .cys-my-state-status { font-size: 14px; line-height: 1.6; margin: 8px 0; }