/**
 * Views wrapper/faculty-directory styling, converted to literal CSS from
 * Sass source that Phase 3 Batch F deleted without promoting:
 * src/stories/components/views/views.scss
 * (last live at commit 5c8a4c3a^, deleted by 5c8a4c3a itself)
 *
 * RESTORATION CONTEXT: Phase 3 Batch F's own design doc
 * (docs/superpowers/specs/2026-07-24-storybook-sdc-conversion-phase3-batchF-design.md:296-298)
 * explicitly called this content "genuinely real, non-dead" and said it
 * should be kept via a slim manual `views:` library -- but that same
 * batch's implementation plan deleted the Sass source anyway, silently
 * orphaning the library it fed. Phase 10 Batch B's original plan then
 * nearly deleted the last 3 real, live/latent attach_library() call sites
 * believing (incorrectly) this content was confirmed-dead cruft. Restored
 * by Batch B's final review. See
 * docs/superpowers/specs/2026-07-21-storybook-sdc-conversion-inventory.md's
 * open-items table for the full history.
 *
 * TWO real rule blocks, both verbatim from the recovered Sass source:
 *
 * 1. `.list-style-type-none > .row` -- a Views `wrapper_class` consumed by
 *    2 real, currently-enabled views (`style: html_list`, `type: ul`,
 *    `wrapper_class: list-style-type-none`):
 *      - config/sync/views.view.degree_explorer.yml:821
 *      - config/sync/views.view.resources_center.yml:436
 *    Core's views-view-list.html.twig emits
 *    `<div class="list-style-type-none"><ul class="row ..."><li>`; without
 *    this rule both pages show visible bullets beside every list-view
 *    card.
 *
 * 2. `.view-faculty-and-staff` -- circular bordered avatars, serif `h3`,
 *    `.director` variant. Targets
 *    config/site/centennial/views.view.faculty_and_staff.yml (a
 *    config-split view, `status: true` within that split, but the
 *    `site_centennial` split itself is `status: false` in exported config
 *    -- so this block is currently LATENT, not live, but real and would
 *    activate if that split is ever enabled).
 *
 * The only Sass variables/tokens used are resolved to their real values:
 *   $font-family-serif -> meursault-variable, Georgia, Palatino, serif
 *     (src/stories/global/_variables.scss:484)
 *   rgb(var(--bs-secondary-20-rgb)), rgb(var(--bs-tertiary-rgb)) -- these
 *     are already runtime CSS custom properties (Bootstrap-generated, not
 *     Sass variables), so they are kept as-is, unresolved, matching the
 *     convention used in css/base/elements.css for `var(--bs-primary)`.
 * Everything else (selectors, property values) is unchanged from the
 * original source.
 */

.list-style-type-none > .row {
  list-style-type: none;
}

.view-faculty-and-staff .faculty-directory__item,
.view-faculty-and-staff .director {
  text-align: center;
  margin-bottom: 3rem;
}
.view-faculty-and-staff h3 {
  margin: 5rem 0 3rem;
  font-size: 2.5rem;
  font-family: meursault-variable, Georgia, Palatino, serif;
  color: #38210e;
}
.view-faculty-and-staff h4 {
  margin: 1rem 0;
  font-size: 2rem;
}
.view-faculty-and-staff h4 a {
  color: #38210e;
}
.view-faculty-and-staff img {
  width: 100%;
  height: auto;
  max-width: 250px;
  border-radius: 100%;
  border: 8px solid rgb(var(--bs-secondary-20-rgb));
}
.view-faculty-and-staff .director img {
  max-width: 300px;
  border-color: rgb(var(--bs-tertiary-rgb));
}