/* ============================================================================
 * /wat-is-nieuw/ — page-specific chrome (story 1422), scoped body.changelog-2026
 * ----------------------------------------------------------------------------
 * The reusable timeline component (layout + responsive) lives in
 * ui-v2/_changelog.css. This file holds only defensive overrides against legacy
 * leaks: external.css / custom.css / Metronic leak shorthand AND longhand
 * properties into every element we don't explicitly reset (docs/design-system.md,
 * docs/styling-rules.md). Reset the ones that bite a card-based timeline.
 * ========================================================================== */

body.changelog-2026 .uv2-changelog,
body.changelog-2026 .uv2-changelog *,
body.changelog-2026 .uv2-changelog *::before,
body.changelog-2026 .uv2-changelog *::after {
    box-sizing: border-box;
}

/* .external_card_body centers text — keep the timeline card content left-aligned.
 * (The date gutter `.uv2-changelog__aside` is intentionally NOT reset here so its
 * right-alignment from the component survives.) */
body.changelog-2026 .uv2-changelog__card,
body.changelog-2026 .uv2-changelog__meta,
body.changelog-2026 .uv2-changelog__title,
body.changelog-2026 .uv2-changelog__body {
    text-align: left;
}

/* Neutralise legacy list bullets/indentation leaks. */
body.changelog-2026 .uv2-changelog__timeline,
body.changelog-2026 .uv2-changelog__entries {
    list-style: none;
    margin: 0;
    padding: 0;
}