/*
 * Translated from
 * styleguide/components/04-layouts/13-shells/02-directory/directory.scss
 * (the ".directory-profile" portion; ".directory-wrapper" lives in
 * css/base/layouts.css, ".directory-details" in the sibling
 * directory-details SDC's own CSS file). Found missing entirely -- this
 * SDC had no CSS file at all (found via a systematic post-Phase-7 audit of
 * every non-component Fractal source file). Real call site:
 * templates/content/node--profile--full.html.twig embeds this component
 * directly. Without this rule, all 147 published profile nodes' directory
 * layout column was entirely unstyled.
 */
.directory-profile {
  width: 100%;
  margin: 0 0 var(--space-triple) 0;
}

@media only screen and (min-width: 500px) {
  .directory-profile {
    background-color: var(--color-grey-lightest);
    padding: var(--space) var(--space-triple) var(--space-triple) var(--space-triple);
    margin: 0;
  }
}

@media only screen and (min-width: 769px) {
  .directory-profile {
    width: calc(100% * 1 / 3);
    background-color: var(--color-grey-lightest);
    padding: var(--space) var(--space-triple) var(--space-triple) var(--space-triple);
    margin: 0;
  }
}