/* SaiShift CMS front-end styles. Colors meet WCAG AA contrast; override in the theme as needed. */
.sscms-alerts { display: grid; gap: 12px; margin: 1em 0; }
.sscms-alert { border-left: 6px solid #1d4e89; background: #eef4fb; color: #14213d; padding: 12px 16px; border-radius: 4px; }
.sscms-alert--minor { border-color: #8a5a00; background: #fff6e0; }
.sscms-alert--major { border-color: #a63d00; background: #ffeee3; }
.sscms-alert--severe { border-color: #8f1d1d; background: #fde8e8; }
.sscms-alert__level { margin: 0 0 2px; font-size: .8em; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.sscms-alert__title { margin: 0 0 4px; font-size: 1.15em; }
.sscms-alert__routes { margin: 0 0 6px; font-weight: 600; }
.sscms-alert__body > :last-child { margin-bottom: 0; }
.sscms-alert__time { margin: 8px 0 0; font-size: .85em; opacity: .85; }

.sscms-banner { width: 100%; }
.sscms-banner__item { margin: 0; padding: 10px 16px; text-align: center; background: #1d4e89; color: #fff; }
.sscms-banner__item--minor { background: #7a4f00; }
.sscms-banner__item--major { background: #a63d00; }
.sscms-banner__item--severe { background: #8f1d1d; }

.sscms-docs { list-style: none; margin: 1em 0; padding: 0; }
.sscms-docs__item { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.12); }
.sscms-docs__meta, .sscms-docs__date { font-size: .9em; opacity: .8; margin-left: .35em; }
.sscms-docs__desc { margin: 4px 0 0; }