/*
 * Translated from
 * styleguide/components/04-layouts/13-shells/02-directory/directory.scss
 * (the ".directory-details" portion; ".directory-wrapper" lives in
 * css/base/layouts.css, ".directory-profile" in the sibling
 * directory-profile 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-details {
  width: 100%;
}

@media only screen and (min-width: 500px) {
  .directory-details {
    background-color: var(--color-white);
    padding: var(--space-triple);
  }
}

@media only screen and (min-width: 769px) {
  .directory-details {
    width: calc(100% * 2 / 3);
    padding: var(--space-quadruple);
  }
}