.marker-content {
    display: grid;
    gap: 1.5rem;
    min-width: 0;
    max-width: 100%;
}

.marker-content__section {
    min-width: 0;
    padding: clamp(1rem, 3vw, 1.75rem);
    border: 1px solid var(--hc-ci-color-border, #d9e0e6);
    border-radius: var(--hc-ci-radius-card, 1rem);
    background: var(--hc-ci-color-surface, #fff);
    overflow-wrap: anywhere;
    scroll-margin-top: 8rem;
}

.marker-content__section h2 { margin-top: 0; }
.marker-content__section [role="note"] { border-inline-start: 3px solid currentColor; padding-inline-start: 1rem; }
.marker-content__sources { margin-top: 1.25rem; font-size: .875rem; line-height: 1.5; }
.marker-content__sources p { margin-bottom: .375rem; }
.marker-content__sources ul { margin-block: 0; padding-inline-start: 1.25rem; }
.marker-content__sources a { overflow-wrap: anywhere; }
.hc-ci-marker__hero .marker-content { padding-bottom: 1.5rem; }
.marker-detail-main > .marker-content { margin-block: 1.5rem; }
.marker-publication-navigation { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-block: 1rem; }
.marker-publication-navigation a { display: inline-flex; align-items: center; min-height: 2.75rem; overflow-wrap: anywhere; }

@media (max-width: 40rem) {
    .marker-content__section { scroll-margin-top: 5rem; }
    .marker-publication-navigation { flex-direction: column; }
}