.alert{--alert-bg: var(--color-gray--lightest);--alert-fg: var(--color-text);--alert-border-radius: var(--border-radius);--alert-padding: var(--spacing-xs) var(--spacing-l);--alert-max-width: 100%;background:var(--alert-bg);display:flex;position:relative;flex-direction:column;gap:var(--spacing-xxs);border-radius:var(--alert-border-radius);padding:var(--alert-padding);max-width:var(--alert-max-width)}.content-area>.alert,.editorial>.alert{grid-column:page}.alert--small{--alert-max-width: 21rem}.alert--hidden{display:none}.alert__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3xs)}.alert__heading{margin:0;font-size:var(--font-size-sm)}.alert__title-row{display:flex;align-items:center}.alert__icon{line-height:1;position:absolute;left:var(--spacing-xs)}.alert__dismiss{line-height:1;position:absolute;right:var(--spacing-xs)}.alert__text{margin:0;font-size:var(--font-size-xs)}.alert__footer{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert__link{font-size:var(--font-size-xs);text-decoration:underline}.alert__link:hover,.alert__link:focus-visible{text-decoration:none}.alert__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}