@layer components{.announcements-page a,.announcement-pagination a{overflow-wrap:anywhere;align-items:center;min-width:44px;min-height:44px;display:inline-flex}body[data-page-type=announcements] .storefront-main{padding-block:clamp(var(--spacing-xl), 3vw, var(--spacing-2xl))}.announcements-page{gap:var(--spacing-xl);min-width:0;display:grid}.announcements-page__header{gap:var(--spacing-sm);display:grid}.announcements-page__eyebrow,.announcement__eyebrow{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.announcements-page__title{color:var(--color-action-hover);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;line-height:1.08}.announcements-page__title span{color:var(--color-action);font-style:italic}.announcements-page__intro{max-width:55ch;color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.65}.announcements-page__toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);border-block-start:1px solid var(--color-border);flex-wrap:wrap;margin-block-start:var(--spacing-md);padding-block-start:var(--spacing-lg);display:flex}.announcements-page__count{align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--text-meta);font-weight:500;display:inline-flex}.announcements-page__count>span{background:var(--color-action);border-radius:50%;flex:none;width:.45rem;height:.45rem}.announcements-page__actions{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.announcements-page__menu-link.storefront-text-link{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-action);border-radius:var(--radius-control);background:var(--color-action);color:var(--color-action-on-dark);text-decoration:none}.announcements-page__menu-link.storefront-text-link:hover{border-color:var(--color-action-hover);background:var(--color-action-hover)}.announcements-page__menu-link svg,.announcement-pagination__link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:none;width:1.15rem;height:1.15rem}.announcements-page__feed{gap:var(--spacing-lg);min-width:0;display:grid}.announcement{align-items:start;gap:var(--spacing-xl);min-width:0;scroll-margin-top:calc(var(--layout-header-block-wide) + var(--spacing-lg));padding:clamp(var(--spacing-lg), 2.5vw, var(--spacing-xl));border:1px solid var(--color-border);border-radius:var(--radius-media);background:var(--color-surface);display:grid}.announcement__copy,.announcement__selection{gap:var(--spacing-md);min-width:0;display:grid}.announcement__eyebrow{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.65rem;display:flex}.announcement__number{border:1px solid var(--color-border);background:var(--color-canvas);width:2rem;height:2rem;color:var(--color-action);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.75rem;display:grid}.announcement__title{max-width:28ch;color:var(--color-action-hover);letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:500;line-height:1.15}.announcements-page h1,.announcement h2{overflow-wrap:anywhere}.announcement__message{max-width:58ch;color:var(--color-text-muted);white-space:pre-line;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.75}.announcement__message p{margin:0}.announcement__message p+p{margin-block-start:var(--spacing-md)}.announcement__dates{border-block-end:1px solid var(--color-border);color:var(--color-text-muted);padding-block-end:var(--spacing-md);line-height:1.5}.announcement__dates .announcement-dates{margin:0;font-size:.75rem}.announcement__selection-header{justify-content:space-between;align-items:baseline;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.announcement__selection-header h3{font-family:var(--font-ui);font-size:.875rem;font-weight:600}.announcement__selection-header>span{color:var(--color-text-muted);font-size:.75rem}.announcement__products{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));margin:0;padding:0;list-style:none;display:grid}.announcement__products>li{min-width:0}.announcement-pagination{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding-block:var(--spacing-md);border-block-start:1px solid var(--color-border);flex-wrap:wrap;display:flex}.announcement-pagination__position{color:var(--color-text-muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;margin-inline-end:auto}.announcement-pagination__link.storefront-text-link{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);text-decoration:none}.announcement-pagination__link.storefront-text-link:hover{border-color:var(--color-action);background:var(--color-accent-surface)}.announcement-pagination--products{padding-block-end:0}.announcements-page__empty{justify-items:start;gap:var(--spacing-md);padding:clamp(var(--spacing-xl), 4vw, var(--spacing-2xl));border:1px solid var(--color-border);border-radius:var(--radius-media);background:var(--color-surface);display:grid}.announcements-page__empty h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}.announcements-page__empty>p:not(.announcements-page__eyebrow){color:var(--color-text-muted);margin:0}@media (width>=64rem){.announcement{gap:var(--spacing-2xl);grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr)}.announcement[data-product-count="1"]{grid-template-columns:minmax(0,1fr) minmax(0,.55fr)}.announcement[data-product-count="1"] .announcement__selection{justify-self:end;width:100%;max-width:18rem}.announcement--text-only{grid-template-columns:minmax(0,1fr)}}@media (width<=47.999rem){.announcements-page__toolbar,.announcements-page__actions{align-items:flex-start;gap:var(--spacing-md)}.announcements-page__actions{justify-content:space-between;width:100%}.announcement-pagination__position{width:100%}}}@layer utilities{#main-content .announcements-page :is(h1,h2){font-family:var(--font-display)}}