@layer components {
    .holding-header {
            align-items: center;
            display: flex;
            gap: 1rem;
        }

    .holding-header__body {
            min-width: 0;
            position: relative;
        }

    .holding-header__title {
            color: var(--dashboard-color-text);
            font-size: clamp(1.875rem, 5vw, 2.25rem);
            font-weight: 750;
            line-height: 1.1;
        }

    .holding-header__meta {
            color: var(--dashboard-color-text-muted);
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-top: 0.25rem;
        }
}