/* Flux Card base surface translated to PHP; shared anatomy stays in directory-card.css. */
.octopus-directory-card[data-octopus-directory-card] {
    box-sizing: border-box;
    padding: var(--space-layout-xs);
    border: 1px solid var(--color-zinc-200);
}
.dark .octopus-directory-card[data-octopus-directory-card] {
    border-color: color-mix(in srgb, var(--color-white) 10%, transparent);
}
.octopus-directory-card [data-octopus-directory-empty] p {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--type-body-secondary-size);
}