.announcement {
    padding-top: calc(var(--header-height) + var(--space-5));
    padding-bottom: var(--section-padding);
}

.release-back, .release-meta, .release-resources {
    font-size: var(--release-small-size);
}

.release-back { display: inline-block; margin-bottom: var(--space-4); }
.release-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
    color: var(--color-text-muted);
}
.release-meta span, .release-resources h2 {
    color: var(--color-navy);
    font-weight: 700;
}
.release-meta span { text-transform: uppercase; letter-spacing: var(--tracking-label); }
.release-header h1 {
    max-width: var(--release-title-width);
    color: var(--color-navy);
    font-size: var(--release-title-size);
    font-weight: 700;
    line-height: var(--leading-title);
    margin-bottom: var(--space-3);
    text-wrap: balance;
}
.release-summary {
    max-width: var(--release-title-width);
    font-size: var(--release-summary-size);
    color: var(--color-gray-700);
    margin-bottom: var(--space-3);
}
.release-artwork { margin: var(--space-4) 0; }
.release-artwork img { width: 100%; border-radius: var(--card-radius); }
.release-sidebar { align-self: start; }
.release-copy { font-size: var(--release-body-size); line-height: var(--leading-body); }
.release-copy p { margin-bottom: var(--space-3); }
.release-copy h2 {
    color: var(--color-navy);
    margin-top: var(--space-4);
    margin-bottom: var(--space-2);
}
.release-copy a { text-decoration: underline; text-underline-offset: var(--focus-offset); }
.release-section + .release-section {
    margin-top: var(--space-5);
    padding-top: var(--space-4);
    border-top: var(--rule-width) solid var(--color-gray-200);
}
.release-copy blockquote {
    border-left: var(--accent-width) solid var(--color-blue);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-3);
    background: var(--color-off-white);
    color: var(--color-navy);
}
.release-copy blockquote p:last-child { margin-bottom: 0; }
.release-resources {
    border-top: var(--accent-width) solid var(--color-navy);
    padding-top: var(--space-3);
    margin-top: var(--space-4);
}
.release-resources h2 { font-size: var(--release-body-size); margin-bottom: var(--space-2); }
.release-resources p { color: var(--color-text-muted); }
.release-resources a {
    display: flex;
    justify-content: space-between;
    gap: var(--space-2);
    border-top: var(--rule-width) solid var(--color-gray-200);
    padding: var(--space-2) 0;
}
.announcement a:focus-visible {
    outline: var(--accent-width) solid var(--color-blue);
    outline-offset: var(--focus-offset);
}
@media (max-width: 575px) {
    .announcement { padding-top: calc(var(--header-height) + var(--space-3)); }
    .release-back { margin-bottom: var(--space-3); }
    .release-artwork { margin-top: var(--space-4); margin-bottom: var(--space-4); }
    .release-copy blockquote { padding: var(--space-2) var(--space-3); }
}
@media print {
    .header, .mobile-menu, .footer, .bottom-bar, .release-back, .release-sidebar, .release-header .btn-primary { display: none; }
    .announcement { padding: 0; }
    .announcement .blog-layout { display: block; }
    .release-copy blockquote, .release-copy h2 { break-inside: avoid; }
    .release-copy h2 { break-after: avoid; }
}
