.legacy-details {
    inline-size: min(calc(100% - 128px), var(--wedx-max));
    margin-inline: auto;
    color: var(--wedx-text);
}
.legacy-details .legacy-details__section {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
    padding-block: 112px;
    border-block-start: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}
.legacy-details .legacy-details__section--with-media {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}
.legacy-details .legacy-details__copy { min-inline-size: 0; max-inline-size: 65ch; }
.legacy-details .legacy-details__copy > h2 {
    max-inline-size: 22ch;
    margin-block: 0 28px;
    font-size: clamp(34px, 3.2vw, 48px);
    font-weight: var(--wedx-weight-bold);
    letter-spacing: var(--wedx-track-title);
    line-height: 1.15;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.legacy-details .legacy-details__body {
    max-inline-size: 65ch;
    font-size: 18px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
.legacy-details .legacy-details__body > :first-child { margin-block-start: 0; }
.legacy-details .legacy-details__body > :last-child { margin-block-end: 0; }
.legacy-details .legacy-details__body :where(p, ul, ol, blockquote) { margin-block: 0 1.3em; }
.legacy-details .legacy-details__body :where(h2, h3, h4) {
    margin-block: 2em .65em;
    font-size: 1.35em;
    font-weight: var(--wedx-weight-bold);
    letter-spacing: var(--wedx-track-subtitle);
    line-height: 1.3;
}
.legacy-details .legacy-details__body :where(ul, ol) { padding-inline-start: 1.4em; list-style: revert; }
.legacy-details .legacy-details__body li + li { margin-block-start: .5em; }
.legacy-details .legacy-details__body a { text-decoration: underline; text-underline-offset: 5px; }
.legacy-details .legacy-details__body a:hover { text-decoration-thickness: 2px; }
.legacy-details .legacy-details__body a:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
.legacy-details .legacy-details__media {
    min-inline-size: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    align-items: start;
    gap: 24px;
}
.legacy-details .legacy-details__media > figure { min-inline-size: 0; margin: 0; }
.legacy-details .legacy-details__media > figure:first-child { grid-column: 1 / -1; }
.legacy-details .legacy-details__image { inline-size: 100%; block-size: auto; border-radius: var(--wedx-radius-media); }
@media (max-width: 1279px) {
    .legacy-details { inline-size: min(calc(100% - 96px), var(--wedx-max)); }
    .legacy-details .legacy-details__section { gap: 32px; padding-block: 88px; }
}
@media (max-width: 768px) {
    .legacy-details { inline-size: calc(100% - 48px); }
    .legacy-details .legacy-details__section,
    .legacy-details .legacy-details__section--with-media,
    .legacy-details .legacy-details__media { grid-template-columns: minmax(0, 1fr); }
    .legacy-details .legacy-details__section { gap: 32px; padding-block: 72px; }
    .legacy-details .legacy-details__media { gap: 24px; }
    .legacy-details .legacy-details__copy > h2 { max-inline-size: none; font-size: 34px; margin-block-end: 24px; }
    .legacy-details .legacy-details__body { font-size: 18px; }
}