/*
 * Content bands (Seasonal_Strip, Info_Band). Loaded only where a band renders,
 * and in the editor. Colors come from the site tokens; the strip's cards are the
 * shared Post_Card grid (editorial.css, which the grid loads).
 */

/* Seasonal strip: a full-width surface band whose content sits in the page's content
   frame (the reading frame in the reading layout). Only the active season shows; the
   strip and its other seasons are `hidden` (assets/js/seasonal-strip.js). */
.aau-seasonal-strip { margin-block: clamp(2.5rem, 6vw, 4rem); }
.aau-seasonal-strip[hidden], .aau-seasonal-strip__season[hidden] { display: none; }
.aau-seasonal-strip__season { padding: clamp(2.25rem, 5vw, 3.5rem) var(--aau-page-gutter, clamp(1rem, 2.5vw, 2rem)); border-block: 1px solid var(--aau-color-border, #e1e8ed); background-color: var(--aau-color-surface, #fafbfc); }
.aau-seasonal-strip__inner { width: min(100%, var(--aau-measure-wide, var(--wp--style--global--content-size, 1360px))); margin-inline: auto; }
.aau-seasonal-strip__header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .75rem 2rem; }
.aau-seasonal-strip__header:not(:last-child) { margin-block-end: clamp(1.5rem, 3vw, 2rem); }
.aau-seasonal-strip__intro { min-width: 0; max-width: 42.5rem; flex: 1 1 22rem; }
.aau-seasonal-strip__intro > * { margin: 0; }
.aau-seasonal-strip__title { font-size: clamp(1.5rem, 1.3rem + .8vw, 1.75rem); line-height: 1.25; }
h3.aau-seasonal-strip__title { font-size: clamp(1.1875rem, 1.12rem + .3vw, 1.375rem); }
.aau-seasonal-strip__text { margin-block-start: .5rem; color: var(--aau-color-muted, #667085); font-size: clamp(1rem, .97rem + .15vw, 1.0625rem); line-height: 1.55; }
.aau-seasonal-strip__hub { flex: 0 1 auto; margin: 0; font-weight: 600; line-height: 1.4; }
.aau-seasonal-strip__hub-link { display: inline-block; padding-block: .375rem; color: var(--aau-color-contrast, #192a3d); text-underline-offset: .16em; }

/* Info band: a wide surface panel (the reading frame on pages). Text column first; with an
   image, two columns from 782px with the image on the right, otherwise the image follows
   the text. */
.aau-info-band { margin-block: clamp(2.5rem, 6vw, 4rem); padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--aau-color-border, #e1e8ed); border-radius: 12px; background-color: var(--aau-color-surface, #fafbfc); }
.aau-info-band--image { display: grid; gap: clamp(1.5rem, 4vw, 3rem); }
@media (min-width: 782px) {
	.aau-info-band--image { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: center; }
}
.aau-info-band__body { min-width: 0; }
.aau-info-band__body > * { max-width: 42.5rem; margin: 0; }
.aau-info-band__title { font-size: clamp(1.5rem, 1.3rem + .8vw, 1.75rem); line-height: 1.25; }
.aau-info-band__text { font-size: clamp(1rem, .97rem + .15vw, 1.0625rem); line-height: 1.6; }
.aau-info-band__body > * + * { margin-block-start: .75rem; }
.aau-info-band__body > .aau-info-band__links { margin-block-start: 1.25rem; }
.aau-info-band__links { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; padding: 0; list-style: none; }
.aau-info-band__links-item { margin: 0; }
.aau-info-band__link { display: inline-block; padding-block: .375rem; color: var(--aau-color-contrast, #192a3d); font-weight: 600; line-height: 1.4; text-underline-offset: .16em; }
.aau-info-band__media { min-width: 0; margin: 0; }
.aau-info-band__image { display: block; width: 100%; height: auto; border-radius: 8px; }
.aau-info-band__caption { margin-block-start: .5rem; color: var(--aau-color-muted, #667085); font-size: .8125rem; line-height: 1.4; }