@layer anatomy {

    :root, :host {
        --mr-tone: var(--mr-fg);
        --mr-on-tone: var(--mr-bg);
        --mr-tone-subtle: var(--mr-bg-sunken);
        --mr-tone-emphasis: var(--mr-fg);
    }

    [data-mr-tone="neutral"] {
        --mr-tone: var(--mr-fg);
        --mr-on-tone: var(--mr-bg);
        --mr-tone-subtle: var(--mr-bg-sunken);
        --mr-tone-emphasis: var(--mr-fg);
    }
    [data-mr-tone="primary"] {
        --mr-tone: var(--mr-primary);
        --mr-on-tone: var(--mr-on-primary);
        --mr-tone-subtle: var(--mr-primary-subtle);
        --mr-tone-emphasis: var(--mr-primary-emphasis);
    }
    [data-mr-tone="secondary"] {
        --mr-tone: var(--mr-secondary);
        --mr-on-tone: var(--mr-on-secondary);
        --mr-tone-subtle: var(--mr-secondary-subtle);
        --mr-tone-emphasis: var(--mr-secondary-emphasis);
    }
    [data-mr-tone="success"] {
        --mr-tone: var(--mr-success);
        --mr-on-tone: var(--mr-on-success);
        --mr-tone-subtle: var(--mr-success-subtle);
        --mr-tone-emphasis: var(--mr-success-emphasis);
    }
    [data-mr-tone="info"] {
        --mr-tone: var(--mr-info);
        --mr-on-tone: var(--mr-on-info);
        --mr-tone-subtle: var(--mr-info-subtle);
        --mr-tone-emphasis: var(--mr-info-emphasis);
    }
    [data-mr-tone="warning"] {
        --mr-tone: var(--mr-warning);
        --mr-on-tone: var(--mr-on-warning);
        --mr-tone-subtle: var(--mr-warning-subtle);
        --mr-tone-emphasis: var(--mr-warning-emphasis);
    }
    [data-mr-tone="danger"] {
        --mr-tone: var(--mr-danger);
        --mr-on-tone: var(--mr-on-danger);
        --mr-tone-subtle: var(--mr-danger-subtle);
        --mr-tone-emphasis: var(--mr-danger-emphasis);
    }

    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="red"] {
        --mr-tone: var(--mr-red);
        --mr-on-tone: var(--mr-on-red);
        --mr-tone-subtle: var(--mr-red-subtle);
        --mr-tone-emphasis: var(--mr-red-emphasis);
    }
    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="orange"] {
        --mr-tone: var(--mr-orange);
        --mr-on-tone: var(--mr-on-orange);
        --mr-tone-subtle: var(--mr-orange-subtle);
        --mr-tone-emphasis: var(--mr-orange-emphasis);
    }
    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="yellow"] {
        --mr-tone: var(--mr-yellow);
        --mr-on-tone: var(--mr-on-yellow);
        --mr-tone-subtle: var(--mr-yellow-subtle);
        --mr-tone-emphasis: var(--mr-yellow-emphasis);
    }
    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="green"] {
        --mr-tone: var(--mr-green);
        --mr-on-tone: var(--mr-on-green);
        --mr-tone-subtle: var(--mr-green-subtle);
        --mr-tone-emphasis: var(--mr-green-emphasis);
    }
    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="blue"] {
        --mr-tone: var(--mr-blue);
        --mr-on-tone: var(--mr-on-blue);
        --mr-tone-subtle: var(--mr-blue-subtle);
        --mr-tone-emphasis: var(--mr-blue-emphasis);
    }
    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="purple"] {
        --mr-tone: var(--mr-purple);
        --mr-on-tone: var(--mr-on-purple);
        --mr-tone-subtle: var(--mr-purple-subtle);
        --mr-tone-emphasis: var(--mr-purple-emphasis);
    }
    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="pink"] {
        --mr-tone: var(--mr-pink);
        --mr-on-tone: var(--mr-on-pink);
        --mr-tone-subtle: var(--mr-pink-subtle);
        --mr-tone-emphasis: var(--mr-pink-emphasis);
    }
    :is([data-mr="chip"], [data-mr="badge"], [data-mr="table.row"], [data-mr="nav-item.marker"], [data-mr="map.key.swatch"])[data-mr-tone="brown"] {
        --mr-tone: var(--mr-brown);
        --mr-on-tone: var(--mr-on-brown);
        --mr-tone-subtle: var(--mr-brown-subtle);
        --mr-tone-emphasis: var(--mr-brown-emphasis);
    }

    :is([data-mr="alert"], [data-mr="announcement"], [data-mr="toast"]):not([data-mr-tone]):not([data-mr-tone] *) {
        --mr-tone: var(--mr-info);
        --mr-on-tone: var(--mr-on-info);
        --mr-tone-subtle: var(--mr-info-subtle);
        --mr-tone-emphasis: var(--mr-info-emphasis);
    }
    :is([data-mr="nav-item"], [data-mr="nav-menu"], [data-mr="progress"], [data-mr="sidebar"],
        [data-mr="spinner"], [data-mr="stepper"], [data-mr="tree"]):not([data-mr-tone]):not([data-mr-tone] *) {
        --mr-tone: var(--mr-primary);
        --mr-on-tone: var(--mr-on-primary);
        --mr-tone-subtle: var(--mr-primary-subtle);
        --mr-tone-emphasis: var(--mr-primary-emphasis);
    }

    [data-mr="avatar.presence"][data-mr-state="online"] {
        --mr-tone: var(--mr-success);
        --mr-on-tone: var(--mr-on-success);
        --mr-tone-subtle: var(--mr-success-subtle);
        --mr-tone-emphasis: var(--mr-success-emphasis);
    }
    [data-mr="avatar.presence"][data-mr-state="away"] {
        --mr-tone: var(--mr-warning);
        --mr-on-tone: var(--mr-on-warning);
        --mr-tone-subtle: var(--mr-warning-subtle);
        --mr-tone-emphasis: var(--mr-warning-emphasis);
    }
    [data-mr="avatar.presence"][data-mr-state="busy"] {
        --mr-tone: var(--mr-danger);
        --mr-on-tone: var(--mr-on-danger);
        --mr-tone-subtle: var(--mr-danger-subtle);
        --mr-tone-emphasis: var(--mr-danger-emphasis);
    }

    [data-mr="avatar.presence"][data-mr-state="offline"] {
        --mr-tone: var(--mr-fg);
        --mr-on-tone: var(--mr-bg);
        --mr-tone-subtle: var(--mr-bg-sunken);
        --mr-tone-emphasis: var(--mr-fg-muted);
    }

    [data-mr][aria-invalid="true"],
    [data-mr="field"]:has([data-mr="field.control"][aria-invalid="true"]) > [data-mr="field.label"],
    [data-mr="field.files.item"]:has([data-mr="field.files.item.why"]),
    :is([data-mr="field.error"], [data-mr="form.errors"],
        [data-mr="field.files.item.why"]) {
        --mr-tone: var(--mr-danger);
        --mr-on-tone: var(--mr-on-danger);
        --mr-tone-subtle: var(--mr-danger-subtle);
        --mr-tone-emphasis: var(--mr-danger-emphasis);
    }

    [data-mr="field"]:has([data-mr="field.control"][aria-invalid="true"]) {
        --mr-alarm: var(--mr-danger);
        --mr-on-alarm: var(--mr-on-danger);
        --mr-alarm-emphasis: var(--mr-danger-emphasis);
    }

    [aria-busy="true"] {
        --mr-busy: var(--mr-warning-emphasis);
    }
    [data-mr]:is([data-mr-pending="unsaved"], [data-mr-pending="saving"]) {
        --mr-tone: var(--mr-warning);
        --mr-on-tone: var(--mr-on-warning);
        --mr-tone-subtle: var(--mr-warning-subtle);
        --mr-tone-emphasis: var(--mr-warning-emphasis);
    }
    [data-mr="field.checked"]:not([data-mr-tone]):not([data-mr-tone] *) {
        --mr-tone: var(--mr-success);
        --mr-on-tone: var(--mr-on-success);
        --mr-tone-subtle: var(--mr-success-subtle);
        --mr-tone-emphasis: var(--mr-success-emphasis);
    }

    [data-mr]:is([aria-selected="true"], [aria-current]):not([data-mr-tone]):not([data-mr-tone] *) {
        --mr-tone: var(--mr-primary);
        --mr-on-tone: var(--mr-on-primary);
        --mr-tone-subtle: var(--mr-primary-subtle);
        --mr-tone-emphasis: var(--mr-primary-emphasis);
    }

    :where([data-mr-surface="flat"], [data-mr-surface="outlined"],
           [data-mr-surface="elevated"], [data-mr-surface="accented"]) {
        --mr-surface-bg: transparent;
        --mr-surface-line: transparent;
        --mr-surface-line-width: 0;
        --mr-surface-shadow: none;
        background-color: var(--mr-surface-bg);
        border: var(--mr-surface-line-width) solid var(--mr-surface-line);
        box-shadow: var(--mr-surface-shadow);
    }
    [data-mr-surface="outlined"] {
        --mr-surface-bg: var(--mr-bg-raised);
        --mr-surface-line: var(--mr-border);
        --mr-surface-line-width: var(--mr-border-width-sm);
    }
    [data-mr-surface="elevated"] {
        --mr-surface-bg: var(--mr-bg-raised);
        --mr-surface-shadow: var(--mr-shadow-md);
    }

    [data-mr-surface="accented"] {
        --mr-surface-bg: var(--mr-tone-subtle);

        --mr-ground: var(--mr-tone-subtle);
        --mr-muted: var(--mr-tone-emphasis);
        --mr-link: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }

    :root, :host, [data-pv="frame"] {
        --mr-raised-base: var(--mr-bg-raised);
        --mr-recess-base: var(--mr-bg-sunken);
        --mr-primary-ink-base: var(--mr-primary-emphasis);
        --mr-secondary-ink-base: var(--mr-secondary-emphasis);
        --mr-success-ink-base: var(--mr-success-emphasis);
        --mr-warning-ink-base: var(--mr-warning-emphasis);
        --mr-danger-ink-base: var(--mr-danger-emphasis);
        --mr-info-ink-base: var(--mr-info-emphasis);
    }

    :root, :host, [data-pv="frame"], [data-mr-mode] {
        --mr-spent-ink: var(--mr-fg-subtle);
    }

    :is([data-mr-surface="accented"],
        [data-mr="layout.row"][data-mr-tone],
        [data-mr="layout.cell"][data-mr-tone]) {
        --mr-bg: var(--mr-ground);
        --mr-bg-raised: oklch(from var(--mr-ground) calc(l + 0.05) c h);
        --mr-bg-sunken: oklch(from var(--mr-ground) calc(l - 0.04) c h);
        --mr-fg-muted: color-mix(in srgb, var(--mr-fg) 95%, var(--mr-ground));
        --mr-fg-subtle: color-mix(in srgb, var(--mr-fg) 92%, var(--mr-ground));
        --mr-primary-emphasis: color-mix(in oklab, var(--mr-primary-ink-base) 78%, var(--mr-fg));
        --mr-secondary-emphasis: color-mix(in oklab, var(--mr-secondary-ink-base) 78%, var(--mr-fg));
        --mr-success-emphasis: color-mix(in oklab, var(--mr-success-ink-base) 78%, var(--mr-fg));
        --mr-warning-emphasis: color-mix(in oklab, var(--mr-warning-ink-base) 78%, var(--mr-fg));
        --mr-danger-emphasis: color-mix(in oklab, var(--mr-danger-ink-base) 78%, var(--mr-fg));
        --mr-info-emphasis: color-mix(in oklab, var(--mr-info-ink-base) 78%, var(--mr-fg));
    }

    [data-mr-surface="outlined"], [data-mr-surface="elevated"] {
        --mr-fg-muted: color-mix(in srgb, var(--mr-fg) 95%, var(--mr-bg-raised));
        --mr-fg-subtle: color-mix(in srgb, var(--mr-fg) 92%, var(--mr-bg-raised));
    }

    :root, :host, [data-pv="frame"], [data-mr-tone],
    [data-mr-surface="accented"], [data-mr-surface="outlined"], [data-mr-surface="elevated"] {
        --mr-veil: color-mix(in srgb, var(--mr-scrim) 72%, var(--mr-ground, var(--mr-bg)));
        --mr-on-veil: var(--mr-on-scrim);
    }

    [data-mr="layout.cell"][style*="--mr-given-image"] {
        --mr-bg: var(--mr-veil);
        --mr-bg-raised: oklch(from var(--mr-veil) calc(l + 0.05) c h);
        --mr-bg-sunken: oklch(from var(--mr-veil) calc(l - 0.04) c h);
        --mr-fg: var(--mr-on-veil);
        --mr-fg-muted: var(--mr-on-veil);
        --mr-fg-subtle: var(--mr-on-veil);
    }

    :root, :host, [data-pv="frame"] {
        --mr-backdrop: color-mix(in srgb, var(--mr-scrim) 60%, transparent);
    }

    :root, :host, [data-pv="frame"], [data-mr-tone] {
        --mr-tone-line: color-mix(in srgb, var(--mr-tone) 45%, transparent);
        --mr-tone-wash: color-mix(in srgb, var(--mr-tone) 10%, transparent);
    }

    :root, :host, [data-pv="frame"], [data-mr-density="cozy"] {

        --mr-pad-page: var(--mr-space-8);
        --mr-pad-block: var(--mr-space-5);
        --mr-pad-cell: var(--mr-space-3);
        --mr-pad-inline: var(--mr-space-4);
        --mr-gap-stack: var(--mr-space-3);
        --mr-gap-inline: var(--mr-space-2);
        --mr-gap-pair: var(--mr-space-1);
        --mr-gap-section: var(--mr-space-6);
        --mr-gap-column: var(--mr-space-5);
        --mr-gap-run: var(--mr-space-1);
        --mr-indent-step: var(--mr-space-4);

        --mr-gap-heading: var(--mr-space-2);
        --mr-gap-paragraph: var(--mr-space-3);
        --mr-leading-reading: var(--mr-leading-base);
        --mr-leading-heading: var(--mr-leading-tight);
        --mr-leading-control: var(--mr-leading-tight);

        --mr-row-height: 2.5rem;
        --mr-control-height: max(var(--mr-target-min), 2.5rem);
        --mr-field-height: var(--mr-row-height);

        --mr-measure-rail: 15rem;
        --mr-measure-rail-collapsed: 3.5rem;
        --mr-measure-tile: 8rem;

        --mr-measure-card: 16rem;
        --mr-measure-band: 12rem;

        --mr-text-heading-1: var(--mr-text-h1);
        --mr-text-heading-2: var(--mr-text-h2);
        --mr-text-heading-3: var(--mr-text-h3);
        --mr-text-heading-4: var(--mr-text-h4);
        --mr-text-heading-5: var(--mr-text-h5);
        --mr-text-heading-6: var(--mr-text-h6);
        --mr-text-title: var(--mr-text-h5);
        --mr-text-reading: var(--mr-text-body);
        --mr-text-row: var(--mr-text-small);
        --mr-text-meta: var(--mr-text-caption);

        --mr-glyph-chevron: 0.75rem;
        --mr-glyph-mark: 0.875rem;
        --mr-glyph-figure: 1.75rem;
        --mr-glyph-portrait: 2.5rem;

    }
    [data-mr-density="compact"] {
        --mr-pad-page: var(--mr-space-6);
        --mr-pad-block: var(--mr-space-3);
        --mr-pad-cell: var(--mr-space-2);
        --mr-pad-inline: var(--mr-space-3);
        --mr-gap-stack: var(--mr-space-2);
        --mr-gap-inline: var(--mr-space-1);
        --mr-gap-pair: var(--mr-space-1);
        --mr-gap-section: var(--mr-space-4);
        --mr-gap-column: var(--mr-space-3);
        --mr-indent-step: var(--mr-space-3);

        --mr-gap-run: 0rem;
        --mr-gap-heading: var(--mr-space-1);
        --mr-gap-paragraph: var(--mr-space-2);
        --mr-leading-reading: var(--mr-leading-tight);
        --mr-leading-heading: var(--mr-leading-tight);
        --mr-leading-control: var(--mr-leading-tight);
        --mr-row-height: 2rem;
        --mr-control-height: max(var(--mr-target-min), 2rem);
        --mr-measure-rail: 13rem;
        --mr-measure-rail-collapsed: 3rem;
        --mr-measure-tile: 7rem;
        --mr-measure-card: 14rem;
        --mr-measure-band: 10rem;
        --mr-text-heading-1: var(--mr-text-h2);
        --mr-text-heading-2: var(--mr-text-h3);
        --mr-text-heading-3: var(--mr-text-h4);
        --mr-text-heading-4: var(--mr-text-h5);
        --mr-text-heading-5: var(--mr-text-h6);

        --mr-text-heading-6: var(--mr-text-small);
        --mr-text-title: var(--mr-text-h6);
        --mr-text-reading: var(--mr-text-body);
        --mr-text-row: var(--mr-text-caption);

        --mr-text-meta: var(--mr-text-micro);
        --mr-glyph-chevron: 0.625rem;
        --mr-glyph-mark: 0.75rem;
        --mr-glyph-figure: 1.25rem;
        --mr-glyph-portrait: 2rem;
    }

    [data-mr-density="comfortable"] {
        --mr-pad-page: var(--mr-space-9);
        --mr-pad-block: var(--mr-space-6);
        --mr-pad-cell: var(--mr-space-4);
        --mr-pad-inline: var(--mr-space-5);
        --mr-gap-stack: var(--mr-space-4);
        --mr-gap-inline: var(--mr-space-3);
        --mr-gap-pair: var(--mr-space-2);
        --mr-gap-section: var(--mr-space-7);
        --mr-gap-column: var(--mr-space-6);
        --mr-indent-step: var(--mr-space-5);
        --mr-gap-run: var(--mr-space-2);
        --mr-gap-heading: var(--mr-space-3);
        --mr-gap-paragraph: var(--mr-space-4);
        --mr-leading-reading: var(--mr-leading-loose);
        --mr-leading-heading: var(--mr-leading-tight);
        --mr-leading-control: var(--mr-leading-tight);
        --mr-row-height: 3rem;
        --mr-control-height: max(var(--mr-target-min), 3.25rem);
        --mr-measure-rail: 17rem;
        --mr-measure-rail-collapsed: 4rem;
        --mr-measure-tile: 9rem;
        --mr-measure-card: 18rem;
        --mr-measure-band: 14rem;

        --mr-text-heading-1: var(--mr-text-h1);
        --mr-text-heading-2: var(--mr-text-h2);
        --mr-text-heading-3: var(--mr-text-h3);
        --mr-text-heading-4: var(--mr-text-h4);
        --mr-text-heading-5: var(--mr-text-h5);
        --mr-text-heading-6: var(--mr-text-h6);
        --mr-text-title: var(--mr-text-h4);
        --mr-text-reading: var(--mr-text-body);
        --mr-text-row: var(--mr-text-body);
        --mr-text-meta: var(--mr-text-small);
        --mr-glyph-chevron: 0.875rem;
        --mr-glyph-mark: 1rem;
        --mr-glyph-figure: 2.25rem;
        --mr-glyph-portrait: 3rem;
    }

    [data-mr-density="compact"], [data-mr-density="cozy"], [data-mr-density="comfortable"] {
        --mr-field-height: var(--mr-row-height);
    }

    :root, :host {
        --mr-emphasis-weight: var(--mr-weight-semibold);
        --mr-emphasis-tracking: var(--mr-tracking-normal);
    }
    [data-mr-emphasis="subtle"] {
        --mr-emphasis-weight: var(--mr-weight-regular);
        --mr-emphasis-tracking: var(--mr-tracking-normal);
    }
    [data-mr-emphasis="normal"] {
        --mr-emphasis-weight: var(--mr-weight-semibold);
        --mr-emphasis-tracking: var(--mr-tracking-normal);
    }
    [data-mr-emphasis="strong"] {
        --mr-emphasis-weight: var(--mr-weight-bold);
        --mr-emphasis-tracking: var(--mr-tracking-tight);
    }

    [data-mr-interaction="lift"] {
        transition: transform var(--mr-duration-base) var(--mr-ease-standard),
                    box-shadow var(--mr-duration-base) var(--mr-ease-standard);
    }
    [data-mr-interaction="lift"]:hover,
    [data-mr-interaction="lift"]:focus-within {
        transform: translateY(-2px);
        --mr-surface-shadow: var(--mr-shadow-lg);
        box-shadow: var(--mr-shadow-lg);
    }

    [data-mr-interaction="zoom"] [data-mr$=".media"] {
        overflow: clip;
    }
    [data-mr-interaction="zoom"] [data-mr$=".media"] > * {
        transition: transform var(--mr-duration-slow) var(--mr-ease-standard);
    }
    [data-mr-interaction="zoom"]:hover [data-mr$=".media"] > *,
    [data-mr-interaction="zoom"]:focus-within [data-mr$=".media"] > * {
        transform: scale(1.04);
    }

    [data-mr-interaction="highlight"] {
        transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
    }
    [data-mr-interaction="highlight"]:hover,
    [data-mr-interaction="highlight"]:focus-within {

        background-color: var(--mr-tone-wash);
    }

    @media (prefers-reduced-motion: reduce) {
        [data-mr-interaction="lift"]:hover,
        [data-mr-interaction="lift"]:focus-within { transform: none; }
        [data-mr-interaction="zoom"]:hover [data-mr$=".media"] > *,
        [data-mr-interaction="zoom"]:focus-within [data-mr$=".media"] > * { transform: none; }
    }

    :root, :host, [data-pv="frame"] { --mr-scheme: light; }
    [data-mr-audience] { color-scheme: var(--mr-scheme); }
    [data-mr-audience="presentation"] { color-scheme: light dark; }
    [data-mr-mode="dark"]  { color-scheme: dark; }
    [data-mr-mode="light"] { color-scheme: light; }
    [data-mr-audience]:not([data-mr-audience="presentation"])[data-mr-mode="dark"],
    [data-mr-mode="dark"] [data-mr-audience]:not([data-mr-audience="presentation"]) { color-scheme: dark; }
    [data-mr-audience]:not([data-mr-audience="presentation"])[data-mr-mode="light"],
    [data-mr-mode="light"] [data-mr-audience]:not([data-mr-audience="presentation"]) { color-scheme: light; }

    body, [data-pv="frame"] { background-color: var(--mr-page-ground, var(--mr-bg)); }

    [data-mr$=".media"][data-mr-ratio="1x1"]   { aspect-ratio: 1 / 1; }
    [data-mr$=".media"][data-mr-ratio="4x3"]   { aspect-ratio: 4 / 3; }
    [data-mr$=".media"][data-mr-ratio="3x2"]   { aspect-ratio: 3 / 2; }
    [data-mr$=".media"][data-mr-ratio="16x9"]  { aspect-ratio: 16 / 9; }
    [data-mr$=".media"][data-mr-ratio="21x9"]  { aspect-ratio: 21 / 9; }
    [data-mr$=".media"][data-mr-ratio="3x4"]   { aspect-ratio: 3 / 4; }
    [data-mr$=".media"][data-mr-ratio="2x3"]   { aspect-ratio: 2 / 3; }
    [data-mr$=".media"] > img,
    [data-mr$=".media"] > video { inline-size: 100%; block-size: 100%; object-fit: cover; }
    [data-mr$=".media"][data-mr-fit="contain"] > img { object-fit: contain; }

    [data-mr-visually-hidden]:not(:focus):not(:active) {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    ul[data-mr], ol[data-mr] { list-style: none; margin: 0; padding-inline-start: 0; }

    button[data-mr], a[data-mr]:is([href], [aria-disabled="true"]), summary[data-mr],
    [data-mr] > button, input[type="checkbox"][data-mr], input[type="radio"][data-mr] {
        min-block-size: var(--mr-target-min);
    }

    [data-mr="field"]:has([data-mr="field.drop"])
        > input[type="file"][data-mr="field.control"] {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    [data-mr="field"]:has([data-mr="field.drop"]):has(> input[type="file"]:focus-visible)
        > [data-mr="field.drop"] {
        outline: var(--mr-border-width-lg) solid var(--mr-focus-ring);
        outline-offset: var(--mr-focus-offset);
    }

    [data-mr="dialog"]:not(:modal) {
        position: static;
        inset: auto;
        margin: 0;
    }

    [data-mr="tree.item.row"]:not(:has([data-mr="tree.item.toggle"]))::before {
        content: "";
        flex: 0 0 auto;
        inline-size: var(--mr-tree-gutter, 1.75rem);
    }

    :focus-visible {
        outline: var(--mr-border-width-lg) solid var(--mr-focus-ring);
        outline-offset: var(--mr-focus-offset);
    }
}

@layer components {
    [data-mr]:is(:disabled, [aria-disabled="true"], [data-mr-disabled="true"]) {
        color: var(--mr-spent-ink, var(--mr-fg-subtle));
        background-color: var(--mr-spent-ground, var(--mr-bg-sunken));
        border-color: var(--mr-spent-line, var(--mr-border-subtle));
        box-shadow: none;
        cursor: not-allowed;
    }
    [data-mr]:is(:disabled, [aria-disabled="true"], [data-mr-disabled="true"]):not(:is(input, select, textarea, button)) {
        background-color: transparent;
    }

    [data-mr]:is(:disabled, [aria-disabled="true"], [data-mr-disabled="true"]) [data-mr]:not(:where(:any-link, :enabled)) {
        color: inherit;
    }
    [data-mr]::placeholder { color: var(--mr-spent-ink, var(--mr-fg-subtle)); }
    :where(:is(a[data-mr][href], [data-mr] a[href]):not(:has(*))) {
        text-decoration-thickness: var(--mr-link-underline-width, auto);
        text-underline-offset: var(--mr-link-underline-offset, 0.15em);
    }
    :where(:is(a[data-mr][href], [data-mr] a[href]):not(:has(*)):hover) {
        text-decoration-line: underline;
        text-decoration-color: var(--mr-link-hover-line, currentColor);
    }
}