@layer components {
    .tile {
        padding: var(--pad-md);
        background-color: var(--color-background-surface);
        border: var(--border-thickness-base) solid var(--color-border);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-sm);
    }

    .tile > :first-child {
        margin-block-start: var(--margin-none);
    }
}