@layer components {

    .fit {
        display: grid;
        gap: var(--s-1);
        padding: var(--s-4);
        border-left: 2px solid var(--c-line-strong);
        background: var(--c-surface);
        font-size: var(--t-sm);
    }

    .fit__line strong {
        font-weight: 500;
    }

    .fit__advice {
        color: var(--c-muted);
    }

    .fit__advice:empty {
        display: none;
    }

    .fit__guide {
        margin-top: var(--s-1);
    }

}