/* Prepared optional frontend CSS. Inherit typography and colors from the current site. */
.legacy-records { container-type: inline-size; }
.legacy-records__headline { max-inline-size: 90ch; }
.legacy-records__item { padding-block: var(--space-m); border-block-end: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.legacy-records .wp-block-post-template { list-style: none; padding-inline: 0; }
.legacy-records .wp-block-post-template > li { margin: 0; }
.legacy-records img { max-inline-size: 100%; block-size: auto; }
.legacy-records .glossary-row { display: grid; grid-template-columns: minmax(0, 1fr); padding-block: var(--space-m); border-block-end: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.legacy-records .glossary-row dd { margin-inline: 0; }
.legacy-records .glossary-filters { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-m); }
.legacy-records .glossary-letter.active { background: var(--primary); color: var(--white); }
.legacy-detail__share a { display: inline-flex; margin-inline-end: var(--space-xs); }
.legacy-detail__share img { inline-size: 2rem; block-size: 2rem; }
.legacy-detail__rich-text { min-inline-size: 0; overflow-wrap: anywhere; }
.legacy-detail__cta--bordered { border: 1px solid color-mix(in srgb, currentColor 20%, transparent); padding: var(--space-m); }
.legacy-detail__related { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-m); padding-block: var(--space-m); }
@container (inline-size >= 48rem) {
 .legacy-records .glossary-row, .legacy-records--detail .split-panel-layout { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
 .legacy-records .glossary-row { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); column-gap: var(--space-m); }
}
@container (inline-size >= 48rem) { .legacy-records .legacy-detail__related { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (inline-size < 48rem) { .legacy-records .legacy-detail__toc { display: none; } }

.legacy-detail__rich-text iframe, .legacy-detail__rich-text video { max-inline-size: 100%; }
.legacy-detail__rich-text iframe:is([src*="youtube.com"], [src*="youtube-nocookie.com"], [src*="player.vimeo.com"]) { aspect-ratio: 16 / 9; block-size: auto; }

.legacy-records .glossary-filters > .cell { min-inline-size: 0; max-inline-size: 100%; }
.legacy-records .glossary-letters { max-inline-size: 100%; }

/* Press archive: native query blocks need explicit presentation in the Etch theme. */
.legacy-records--press-archive { max-inline-size: 90ch; }
.legacy-records--press-archive .wp-block-post-date { font-family: var(--font-mono, var(--text-font-family)); font-size: var(--text-xs); }
.legacy-records--press-archive .typography-wrapper .wp-block-post-title a { color: var(--primary); font-weight: inherit; text-decoration: none; }
.legacy-records--press-archive .typography-wrapper .wp-block-post-title a:is(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: .15em; }
.legacy-records--press-archive .wp-block-query-pagination,
.legacy-records--press-archive .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-xs); }
.legacy-records--press-archive .wp-block-query-pagination { padding-block: var(--space-m); }
.legacy-records--press-archive .wp-block-query-pagination :is(a, .current) { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 2.5em; min-block-size: 2.5em; padding-inline: .5em; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); text-decoration: none; }
.legacy-records--press-archive .wp-block-query-pagination .current { background: var(--black); color: var(--white); }
.legacy-records--press-archive .wp-block-query-pagination a:is(:hover, :focus-visible) { background: var(--black); color: var(--white); }