/* =========================================================
   GSC-TEMPC — ORGANIZATIONAL STRUCTURE / MEET THE TEAM
   Premium editorial redesign
   Compatible with the current about.php / about(3).php markup

   v2 — FIXES APPLIED:
   1) Chairman portrait ring was rendering as a crescent/oval instead
      of a full circle. Root cause: the previous approach tried to cut
      a ring shape out of a conic-gradient using `mask`, which is
      fragile — if the element's rendered box is even fractionally
      non-square, the mask distorts into a crescent. Replaced with a
      robust two-layer approach: one explicitly-square circle
      (aspect-ratio: 1 / 1) painted with the gold conic-gradient, plus
      a second smaller circle on top (::after) that cuts the "hole."
   2) The old triple-ring stack (--outer/--mid/--inner) is removed —
      it was the source of the "messy/doubled line" look. Now only
      ONE ring element is used.
   3) The scattered gold dot-texture behind the portrait was a dense
      grid overlapping the face; replaced with sparser dots pushed
      toward the outer edges near the wreath.
   4) Seal (mini logo) border thickened slightly (padding 4px -> 5px,
      stronger box-shadow) so it carries the same weight as the
      reference now that the ring above it is a true circle.

   v3 — SEAL FIX + SHINE SWEEP:
   1) Fixed the seal being sliced flat at the bottom: seal-wrap's
      `bottom: -3px` pushed it past `.team-card--featured`'s
      `overflow: hidden` boundary. Changed to `bottom: 6px` so the
      full circle sits inside the visible card area.
   2) Added a slow rotating gold "shine sweep" around the seal ring —
      a conic-gradient highlight rotating behind the seal artwork,
      clipped to the circle by `overflow: hidden` on the wrap, so it
      reads as a soft band of light passing over polished metal as it
      turns — not a blinking glimmer. Respects
      prefers-reduced-motion (falls back to a static highlight).

   v4 — EDITORIAL COMMITTEE LISTS:
   Audit/Election side committees now use restrained horizontal leadership rows;
   the Chairman feature remains reference-locked.

   v5 — CHAIRMAN FEATURE FINAL PASS:
   1) Portrait was drifting ~5% left of the gold ring's center because
      the ring (a descendant of the translateX(5%)'d
      .gsc-chairman-feature__visual) picked up that shift while the
      portrait's containing block apparently did not. Fixed by adding
      the equivalent translateX(5%) directly onto the portrait's own
      transform, so it tracks the ring regardless of DOM nesting.
   2) Seal (mini logo) removed entirely per final direction — the
      wrap, its gold ring, and its shine-sweep animation are all
      hidden via a single `display: none` on the wrap.
   3) Portrait photo zoom reduced from scale(1.045) to scale(1.0) —
      less crop, more of the subject visible.

   v6 — POSITION LABEL BADGE:
   The plain uppercase position/committee label under each editorial-row
   name (e.g. "SECRETARY", "ELECTION COMMITTEE") is now a restrained
   pill: thin gold hairline border, faint gold tint background, and a
   soft gold glow that appears on row hover — used as a micro-accent,
   not a loud filled pill.

   v7 — EDITORIAL ROW PREMIUM PASS (applies to every non-Chairman,
   non-Board group: Secretary, Treasurer, Standing Committees,
   Audit Committee, Election Committee, Management, Staff):
   1) .gsc-committee-list no longer carries its own border-top (which
      combined with the first row's own border-bottom to read as a
      slightly heavier double line); rows are now separated by a 2px
      gap instead, so nothing needs to fight the first/last row edges.
   2) Row hover is now a small left-edge gold accent bar (::before,
      scaleY 0 -> 1) plus a gentle translateX + soft shadow, replacing
      the old inset box-shadow trick that doubled as both border-color
      change and "glow" and read a bit flat/uneven.
   3) The row numeral (01, 02, ...) is now a quieter, larger serif
      figure at rest and turns gold on hover, echoing the Chairman
      feature's "gsc-chairman-feature__number" treatment at a smaller,
      restrained scale rather than looking like a table index.
   4) The portrait frame gained a second, ivory "halo" ring outside the
      gold hairline (0 0 0 4px paper, 0 0 0 5px gold-tint) so it reads
      as a deliberate dual-ring frame rather than a single thin border;
      both the gold ring and the drop shadow strengthen slightly on
      row hover.
   5) Name letter-spacing tightened slightly and "View Profile" now
      starts at reduced opacity, animating to full opacity with a
      widening gap on hover — a quieter default state, a clear but
      restrained hover state.
   No PHP or JS changes are required for this pass; all selectors key
   off classes already present in the existing about.php markup.

   v8 — FINISHING PASS (idle-state detail, no new motion):
   1) Chairman photo gains a very faint static vignette (radial
      darkening at the rim) so the circular crop reads as intentional
      framing rather than a flat cutout — a common editorial-portrait
      trick. It softens further on hover so the face gains presence
      as attention lands on the card.
   2) Chairman divider's small rotated diamond is echoed at the very
      bottom of the page in `__closing`, and a matching diamond now
      sits at the mid-point of every editorial row's left rule, tying
      the "mark of the institution" motif from the hero feature into
      every subordinate section instead of using it only once.
   3) Editorial rows in long lists (7+ entries, e.g. Staff) get a
      near-invisible warm-paper zebra tint on alternating rows —
      1.5% opacity — purely to aid scanning across a long roster; it
      is far too faint to read as "striping" and stays static (no
      hover interaction), so it never competes with the gold accent
      bar.
   4) `:focus-visible` outlines were relying on default UA styling in
      several spots (tabs, search input, group view-all link); every
      interactive element in this component now gets the same
      restrained gold focus ring used on the committee rows, so
      keyboard navigation reads as deliberately designed rather than
      inconsistent.
   5) Group head "view all" affordance gets a static gold underline
      hairline beneath the count/label pair (ledger-style), matching
      the fine horizontal rules used throughout the Chairman feature,
      so the metadata row doesn't read as a bare afterthought under
      the heading.
   6) `.team-card-position` badges (already added in v6) now share a
      single `--pos-glow` custom property with their row, so the
      badge and the row's accent bar intensify in visual sync rather
      than as two independently-tuned transitions that could drift
      out of step if either value is edited later.
========================================================= */


/* =========================================================
   ROOT
========================================================= */

.gsctempc-team {
    --team-forest: #0c3923;
    --team-forest-deep: #062617;
    --team-forest-mid: #12462d;
    --team-forest-soft: #1a5638;

    --team-ivory: #f8f6f0;
    --team-paper: #fffdf8;
    --team-ink: #20392d;
    --team-muted: #68736d;

    --team-gold: #ad8744;
    --team-gold-light: #d8bd78;
    --team-gold-soft: rgba(216, 189, 120, 0.28);

    --team-line: rgba(24, 48, 37, 0.15);

    position: relative;
    overflow-x: hidden;

    padding:
        clamp(58px, 7vw, 104px)
        0
        clamp(72px, 8vw, 112px);

    background:
        radial-gradient(
            circle at 12% 10%,
            rgba(177, 138, 66, 0.05),
            transparent 25%
        ),
        #f8f6f0;
}


.gsctempc-team *,
.gsctempc-team *::before,
.gsctempc-team *::after {
    box-sizing: border-box;
}


/* v8: single, shared focus treatment for every interactive element in
   this component (tabs, search, view-all links, cards, rows) so
   keyboard navigation looks intentionally designed rather than
   falling back to inconsistent browser defaults in some spots and a
   custom ring in others. */
.gsctempc-team a:focus-visible,
.gsctempc-team button:focus-visible,
.gsctempc-team input:focus-visible,
.gsctempc-team [tabindex]:focus-visible {
    outline: 2px solid rgba(177, 138, 66, 0.82);
    outline-offset: 2px;
    border-radius: 3px;
}


.gsctempc-team__container {
    width: min(100% - 56px, 1280px);
    max-width: 1280px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.gsctempc-team__intro {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(280px, 0.62fr);

    gap: clamp(48px, 8vw, 120px);

    align-items: end;

    max-width: 1180px;

    margin:
        0 auto
        clamp(46px, 5vw, 68px);
}


.gsctempc-team__eyebrow,
.gsctempc-team .team-group__eyebrow,
.gsctempc-team .team-card-kicker {
    font-family:
        var(--oc-font-body, Poppins, Arial, sans-serif);

    font-size: 0.62rem;
    font-weight: 700;

    letter-spacing: 0.18em;

    line-height: 1.4;

    text-transform: uppercase;
}


.gsctempc-team__eyebrow {
    display: flex;
    align-items: center;

    gap: 12px;

    width: fit-content;

    margin: 0 0 16px;

    color: #8d6c32;
}


.gsctempc-team__eyebrow::before,
.gsctempc-team__eyebrow::after {
    content: "";

    height: 1px;

    background: var(--team-gold);
}


.gsctempc-team__eyebrow::before {
    width: 36px;
}


.gsctempc-team__eyebrow::after {
    width: 72px;

    opacity: 0.58;
}


.gsctempc-team h2 {
    margin: 0;

    color: var(--team-forest);

    font-family:
        var(
            --oc-font-display,
            Fraunces,
            Georgia,
            serif
        );

    font-size:
        clamp(3.3rem, 7vw, 6.7rem);

    font-weight: 600;

    line-height: 0.9;

    letter-spacing: -0.055em;
}


.gsctempc-team__subtitle {
    max-width: 690px;

    margin: 22px 0 0;

    color: #626d67;

    font-family:
        var(--oc-font-body, Poppins, sans-serif);

    font-size:
        clamp(0.88rem, 1.15vw, 1.04rem);

    line-height: 1.75;
}


/* v6: was a 2-column grid (1px, 1fr) receiving 3 children (emblem, rule,
   paragraph) -- with no 3rd column defined, the paragraph auto-wrapped
   into the 1px track, collapsing it to one word per line. Added the
   missing 3rd column for the emblem icon. */
.gsctempc-team__intro-note {
    display: grid;

    grid-template-columns:
        auto
        1px
        minmax(0, 1fr);

    gap: 16px 20px;

    align-items: start;

    padding-bottom: 4px;
}


/* v6: this element had no styling at all before -- added so the users
   icon reads as an intentional emblem instead of unstyled inline text. */
.gsctempc-team__intro-emblem {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: rgba(177, 138, 66, 0.12);
    color: var(--team-gold);
    font-size: 0.9rem;

    flex-shrink: 0;
}


.gsctempc-team__intro-rule {
    width: 1px;

    min-height: 106px;

    background:
        linear-gradient(
            180deg,
            var(--team-gold),
            rgba(177, 138, 66, 0.14)
        );
}


.gsctempc-team__intro-note p {
    margin: 0;

    color: #64706a;

    font-family:
        var(--oc-font-body, Poppins, sans-serif);

    font-size: 0.8rem;

    line-height: 1.85;
}


.gsctempc-team__intro-note strong {
    color: var(--team-forest);
}


/* =========================================================
   FILTER / SEARCH
========================================================= */

.gsctempc-team__toolbar {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        250px;

    gap: 24px;

    align-items: center;

    margin:
        0 auto
        clamp(52px, 6vw, 78px);

    padding: 11px;

    border:
        1px solid
        rgba(24, 48, 37, 0.14);

    border-radius: 10px;

    background:
        rgba(255, 253, 248, 0.78);

    box-shadow:
        0 8px 28px
        rgba(18, 53, 34, 0.035);
}


.gsctempc-team .org-filter-rail-wrap {
    position: relative;

    min-width: 0;

    overflow: hidden;
}


.gsctempc-team .org-filter-rail {
    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;

    scroll-behavior: smooth;
}


.gsctempc-team .org-filter-rail::-webkit-scrollbar {
    display: none;
}


.gsctempc-team .org-filter-items {
    display: flex;

    width: max-content;
    min-width: 100%;

    gap: 3px;
}


.gsctempc-team .team-tab {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    min-height: 40px;

    padding: 0 13px;

    border: 0;
    border-radius: 5px;

    background: transparent;

    color: #46534d;

    font-family:
        var(--oc-font-body, Poppins, sans-serif);

    font-size: 0.56rem;
    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    white-space: nowrap;

    cursor: pointer;

    transition:
        background 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease;
}


.gsctempc-team .team-tab:hover {
    background:
        rgba(12, 57, 35, 0.055);

    color: var(--team-forest);
}


.gsctempc-team .team-tab.is-active {
    background: var(--team-forest);

    color: #fffdf8;

    box-shadow:
        0 7px 18px
        rgba(8, 39, 24, 0.14);
}


.gsctempc-team .tab-index {
    color: var(--team-gold);

    font-family:
        var(
            --oc-font-display,
            Georgia,
            serif
        );

    font-size: 0.68rem;
    font-weight: 700;
}


.gsctempc-team .team-tab.is-active .tab-index {
    color: #e7cf92;
}


.gsctempc-team .tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    border:
        1px solid
        currentColor;

    border-radius: 50%;

    font-size: 0.47rem;

    opacity: 0.72;
}


.gsctempc-team .org-filter-fade {
    position: absolute;

    z-index: 4;

    top: 0;
    bottom: 0;

    width: 28px;

    pointer-events: none;

    opacity: 0;

    transition:
        opacity 0.2s ease;
}


.gsctempc-team .org-filter-fade--left {
    left: 0;

    background:
        linear-gradient(
            90deg,
            #fffdf8,
            rgba(255, 253, 248, 0)
        );
}


.gsctempc-team .org-filter-fade--right {
    right: 0;

    background:
        linear-gradient(
            270deg,
            #fffdf8,
            rgba(255, 253, 248, 0)
        );
}


.gsctempc-team
.org-filter-rail-wrap.has-left-overflow
.org-filter-fade--left,
.gsctempc-team
.org-filter-rail-wrap.has-right-overflow
.org-filter-fade--right {
    opacity: 1;
}


.gsctempc-team .team-search {
    position: relative;

    display: block;

    width: 100%;
}


.gsctempc-team .team-search input {
    width: 100%;

    min-height: 42px;

    padding:
        0
        16px
        0
        41px;

    border:
        1px solid
        rgba(24, 48, 37, 0.14);

    border-radius: 5px;

    outline: none;

    background:
        rgba(255, 255, 255, 0.62);

    color: var(--team-ink);

    font-family:
        var(--oc-font-body, Poppins, sans-serif);

    font-size: 0.7rem;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}


.gsctempc-team .team-search input:focus {
    border-color:
        rgba(177, 138, 66, 0.72);

    background: #ffffff;

    box-shadow:
        0 0 0 3px
        rgba(177, 138, 66, 0.09);
}


.gsctempc-team .team-search__icon {
    position: absolute;

    top: 50%;
    left: 15px;

    color: var(--team-forest);

    font-size: 0.72rem;

    transform:
        translateY(-50%);

    pointer-events: none;
}


/* =========================================================
   DIRECTORY
========================================================= */

.gsctempc-team .team-directory {
    display: grid;

    gap:
        clamp(64px, 8vw, 102px);
}


.gsctempc-team .team-group {
    min-width: 0;
}


.gsctempc-team .team-group.is-hidden,
.gsctempc-team .team-group.is-filter-hidden {
    display: none !important;
}


/* =========================================================
   GROUP HEAD
========================================================= */

.gsctempc-team .team-group__head {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 30px;

    align-items: end;

    margin-bottom: 20px;

    padding-bottom: 14px;

    border-bottom:
        1px solid
        var(--team-line);
}


.gsctempc-team .team-group__heading {
    min-width: 0;
}


.gsctempc-team .team-group__eyebrow {
    display: block;

    margin-bottom: 7px;

    color: #987638;
}


.gsctempc-team .team-group__head h3 {
    margin: 0;

    color: #33473d;

    font-family:
        var(
            --oc-font-display,
            Georgia,
            serif
        );

    font-size:
        clamp(1.5rem, 2.4vw, 2.35rem);

    font-weight: 600;

    line-height: 1.04;

    letter-spacing: -0.035em;
}


.gsctempc-team .team-group__description {
    max-width: 760px;

    margin: 7px 0 0;

    color: #6a746f;

    font-family:
        var(--oc-font-body, Poppins, sans-serif);

    font-size: 0.76rem;

    line-height: 1.65;
}


.gsctempc-team .team-group__meta {
    display: flex;
    align-items: center;

    gap: 18px;

    padding-bottom: 3px;

    white-space: nowrap;
}


.gsctempc-team .team-group__count,
.gsctempc-team .team-group__view-all {
    color: #68736d;

    font-family:
        var(--oc-font-body, Poppins, sans-serif);

    font-size: 0.56rem;

    font-weight: 700;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* v8: ledger-style hairline under the count/view-all metadata pair,
   echoing the fine gold rules used throughout the Chairman feature so
   this small line of text doesn't sit as a bare afterthought under
   the section heading. Purely static — no hover state. */
.gsctempc-team .team-group__meta {
    position: relative;

    padding-bottom: 9px;
}

.gsctempc-team .team-group__meta::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(177, 138, 66, 0.5),
            rgba(177, 138, 66, 0.05)
        );
}


.gsctempc-team .team-group__view-all {
    color: var(--team-forest);
}


.gsctempc-team .team-group__view-all i {
    margin-left: 7px;

    color: var(--team-gold);
}


/* =========================================================
   GENERAL MEMBER CARD
========================================================= */

.gsctempc-team .team-card {
    --tab-color: var(--team-gold);

    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;

    overflow: hidden;

    border:
        1px solid
        rgba(25, 53, 37, 0.13);

    border-radius: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.9),
            rgba(249, 247, 240, 0.98)
        );

    box-shadow:
        0 8px 24px
        rgba(17, 50, 32, 0.055);

    cursor: pointer;

    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease;
}


.gsctempc-team .team-card:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(177, 138, 66, 0.42);

    box-shadow:
        0 18px 38px
        rgba(17, 50, 32, 0.1);
}


.gsctempc-team .team-card.is-hidden {
    display: none !important;
}


/* =========================================================
   FEATURED CHAIRMAN — REFERENCE-LOCKED EDITORIAL FEATURE
   Desktop geometry is intentionally calibrated to the supplied
   966 × 311 reference image and scales proportionally outward.
========================================================= */

.gsctempc-team .team-featured {
    margin-bottom: 18px;
}

.gsctempc-team .team-card--featured {
    --chairman-gold: #c6a25a;
    --chairman-gold-light: #e1c47b;
    --chairman-ivory: #f4efe4;
    --chairman-green: #083520;

    position: relative;
    display: grid;
    grid-template-columns: 38.6% minmax(0, 61.4%);
    width: 100%;
    height: clamp(305px, 31.57vw, 382px);
    min-height: 305px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(210, 180, 104, .42);
    border-radius: 4px;
    background:
        radial-gradient(circle at 18% 50%, rgba(39, 104, 67, .40), transparent 27%),
        radial-gradient(circle at 55% 35%, rgba(27, 77, 49, .18), transparent 28%),
        linear-gradient(112deg,
            rgba(10, 57, 36, .92) 0%,
            rgba(7, 52, 31, .88) 49%,
            rgba(6, 46, 28, .90) 100%),
        url('../../company.jpg');
    background-size: cover, cover, cover, cover;
    background-position: center, center, center, center;    box-shadow:
        0 16px 40px rgba(6, 36, 22, .13),
        0 1px 0 rgba(255,255,255,.05) inset;
    cursor: pointer;
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease;
}

.gsctempc-team .team-card--featured::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 19% 50%, rgba(255, 232, 164, .035), transparent 29%),
        radial-gradient(circle at 83% 44%, rgba(255,255,255,.018), transparent 26%),
        linear-gradient(90deg, rgba(255,255,255,.012), transparent 42%, rgba(255,255,255,.008));
}

.gsctempc-team .team-card--featured::after {
    display: none;
}

.gsctempc-team .team-card--featured:hover {
    transform: translateY(-2px);
    border-color: rgba(216, 189, 120, .50);
    box-shadow:
        0 22px 48px rgba(6, 36, 22, .17),
        0 1px 0 rgba(255,255,255,.05) inset;
}

/* Institutional watermark: deliberately oversized and almost hidden. */
.gsctempc-team .team-card--featured .team-card__watermark {
    position: absolute !important;
    z-index: 0 !important;
    top: -1.5% !important;
    right: -0.5% !important;
    width: clamp(300px, 30.8vw, 350px) !important;
    height: clamp(300px, 30.8vw, 350px) !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    opacity: .082 !important;
    filter: grayscale(1) brightness(2.05) contrast(.68) !important;
    pointer-events: none !important;
    user-select: none;
}

.gsctempc-team .team-card--featured .team-card__texture {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .13;
    background-image:
        linear-gradient(115deg, rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(25deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: 11px 11px, 17px 17px;
}

.gsctempc-team .gsc-chairman-feature__watermark-glow {
    position: absolute;
    z-index: 0;
    right: 1.2%;
    top: -7%;
    width: clamp(260px, 28vw, 338px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(211,177,94,.045), transparent 68%);
    pointer-events: none;
}

.gsctempc-team .team-card__index {
    position: absolute;
    z-index: 7;
    top: 18px;
    right: 20px;
    color: rgba(255,253,248,.44);
    font-family: var(--oc-font-body, Poppins, Arial, sans-serif);
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.gsctempc-team .team-card:not(.team-card--featured) .team-card__index {
    color: rgba(24,48,37,.42);
}

.gsctempc-team .team-card--featured .team-card__index {
    display: none;
}

/* =========================================================
   FEATURED VISUAL / PORTRAIT COMPOSITION
========================================================= */

.gsctempc-team .team-card--featured .team-card-visual {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    z-index: 2;
    overflow: visible;
    padding: 0;
    pointer-events: none;
}

.gsctempc-team .gsc-chairman-feature__visual {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(5.0%);
}

/* Sparse gold dust — pushed toward the outer edges near the wreath,
   NOT layered over the portrait itself. */
.gsctempc-team .gsc-chairman-feature__visual::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 27% 8%,  rgba(240,210,140,.9) 0 1.2px, transparent 2px),
        radial-gradient(circle at 33% 4%,  rgba(240,210,140,.7) 0 1px,   transparent 1.8px),
        radial-gradient(circle at 20% 15%, rgba(240,210,140,.6) 0 1px,   transparent 1.8px),
        radial-gradient(circle at 78% 12%, rgba(240,210,140,.8) 0 1.2px, transparent 2px),
        radial-gradient(circle at 85% 20%, rgba(240,210,140,.6) 0 1px,   transparent 1.8px),
        radial-gradient(circle at 15% 55%, rgba(240,210,140,.55) 0 1px,  transparent 1.8px),
        radial-gradient(circle at 88% 60%, rgba(240,210,140,.6) 0 1px,   transparent 1.8px),
        radial-gradient(circle at 30% 90%, rgba(240,210,140,.6) 0 1px,   transparent 1.8px),
        radial-gradient(circle at 75% 88%, rgba(240,210,140,.55) 0 1px,  transparent 1.8px);
    filter: blur(.2px);
}

/* Fine botanical branches: narrower than the panel, hugging the portrait. */

.gsctempc-team .gsc-chairman-feature__laurel {
    position: absolute;
    z-index: 1;
    width: min(45.5%, 178px);
    height: 82%;
    color: rgba(196, 163, 84, 0.92);
    overflow: visible;
    filter: drop-shadow(0 0 4px rgba(214,181,104,.18));
}

.gsctempc-team .gsc-chairman-feature__laurel path {
    stroke-width: 2px;
}

.gsctempc-team .gsc-chairman-feature__laurel--left {
    left: 0;
    top: 48%;
    transform: translateY(-50%) rotate(-2deg);
}

.gsctempc-team .gsc-chairman-feature__laurel--right {
    right: 0;
    top: 48%;
    transform: translateY(-50%) rotate(2deg);
}

/* =========================================================
   PORTRAIT RING — rebuilt (fixes crescent/oval bug)
   Built from two plain, explicitly-square circles: an outer gold
   disc (aspect-ratio: 1 / 1) painted with the gold conic-gradient,
   plus a smaller circle on top that cuts the visible "hole."
========================================================= */

.gsctempc-team .gsc-chairman-feature__ring {
    position: absolute;
    left: 50%;
    top: 47.6%;
    z-index: 3;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.gsctempc-team .gsc-chairman-feature__ring--outer {
    width: calc(min(70%, 304px) + 8px);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: conic-gradient(from 210deg,
        #8a6423 0deg,
        #f6e3a8 55deg,
        #fffbe9 95deg,
        #e7c477 140deg,
        #a97f34 200deg,
        #7a5a22 250deg,
        #d9b768 300deg,
        #8a6423 360deg);
    box-shadow: 0 0 26px rgba(230, 195, 110, .30);
}

.gsctempc-team .gsc-chairman-feature__ring--outer::after {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: var(--chairman-green, #083520);
}

/* The old --mid / --inner rings are no longer used (one ring replaces
   all three), but the elements may still be present in the PHP markup,
   so they're hidden rather than requiring a markup change. */
.gsctempc-team .gsc-chairman-feature__ring--mid,
.gsctempc-team .gsc-chairman-feature__ring--inner {
    display: none;
}

/* v5: added translateX(5%) so the portrait tracks the same 5% shift
   applied to .gsc-chairman-feature__visual (and therefore the ring),
   regardless of which element actually ends up as this element's
   containing block in the live markup. transform-based offsets are
   relative to the element's own box, not a containing-block
   percentage, so this is robust to that ambiguity. */
.gsctempc-team .gsc-chairman-feature__portrait {
    position: absolute;
    left: 50%;
    top: 47.6%;
    z-index: 4;
    width: min(63.1%, 274px);
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
    background: #0d3523;
    box-shadow:
        0 10px 25px rgba(0,0,0,.20),
        inset 0 0 0 1px rgba(255,255,255,.09),
        inset 0 0 0 3px rgba(205,171,86,.10);
    transform: translate(-50%, -50%);
}

/* v5: zoom reduced from scale(1.045) to scale(1.0) — less crop, more
   of the subject visible within the circle. */
.gsctempc-team .gsc-chairman-feature__portrait img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 8%;
    border-radius: 50%;
    transform: scale(1.0);
    transform-origin: 50% 38%;
}

/* v8: a very faint static rim vignette so the circular crop reads as
   deliberate framing rather than a flat cutout. Sits above the photo,
   below nothing (no other layer needed) — pointer-events off so it
   never blocks the modal-open click target. Softens on card hover so
   the face gains presence as attention lands on it. */
.gsctempc-team .gsc-chairman-feature__portrait::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: 50%;
    box-shadow: inset 0 0 34px 6px rgba(4, 18, 11, .38);
    transition: box-shadow .3s ease;
}

.gsctempc-team .team-card--featured:hover .gsc-chairman-feature__portrait::after {
    box-shadow: inset 0 0 34px 6px rgba(4, 18, 11, .22);
}

/* =========================================================
   SEAL — v5: removed entirely per final direction.
   Hiding the wrap also hides its ::before (shine sweep) and ::after
   (border ring) pseudo-elements and the seal image inside it, since
   all of them are descendants of .gsc-chairman-feature__seal-wrap.
   The rest of the seal's rules are left in place below (unused while
   display: none is set) in case the seal is reinstated later.
========================================================= */
.gsctempc-team .gsc-chairman-feature__seal-wrap {
    display: none;

    position: absolute;
    left: 50%;
    bottom: 6px;
    z-index: 7;
    width: min(16.2%, 72px);
    min-width: 58px;
    aspect-ratio: 1;
    padding: 5px;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(145deg, #e1c47e 0%, #8e6c2d 49%, #c6a15a 100%);
    box-shadow:
        0 7px 16px rgba(0,0,0,.30),
        0 0 0 1px rgba(248,221,147,.28);
    transform: translateX(-50%);
}

.gsctempc-team .gsc-chairman-feature__seal-wrap::before {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: 1;
    pointer-events: none;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 300deg,
        rgba(255, 250, 225, 0) 322deg,
        rgba(255, 250, 225, .85) 335deg,
        rgba(255, 250, 225, 0) 348deg,
        transparent 360deg
    );
    animation: gsc-seal-shine 5.5s linear infinite;
}

.gsctempc-team .gsc-chairman-feature__seal-wrap::after {
    content: "";
    position: absolute;
    inset: 3px;
    z-index: 2;
    border: 1px solid rgba(255,239,181,.78);
    border-radius: 50%;
    pointer-events: none;
}

@keyframes gsc-seal-shine {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .gsc-chairman-feature__seal-wrap::before {
        animation: none;
        background: conic-gradient(
            from 210deg,
            transparent 0deg,
            transparent 300deg,
            rgba(255, 250, 225, 0) 322deg,
            rgba(255, 250, 225, .6) 335deg,
            rgba(255, 250, 225, 0) 348deg,
            transparent 360deg
        );
    }
}

.gsctempc-team .gsc-chairman-feature__seal {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    background: #0d3b25;
    transform: scale(1.85);
    transform-origin: center;
}
/* =========================================================
   FEATURED EDITORIAL CONTENT
========================================================= */

.gsctempc-team .team-card--featured .team-card-plate {
    display: none;
}

/* v6: an older, unused .team-card-plate rule elsewhere on the page (in
   the about.php inline <style> block) sets a dark green gradient
   background on this class. This stylesheet never explicitly overrode
   it, so that green was quietly bleeding through behind names/positions
   on ordinary (non-featured) cards. Explicitly set to transparent here so
   the card's own white/ivory background shows through instead. */
.gsctempc-team .team-card-plate {
    background: transparent;
}

.gsctempc-team .gsc-chairman-feature__content {
    position: relative;
    z-index: 5;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding:
        31px
        clamp(34px, 4.9vw, 58px)
        24px
        clamp(26px, 3.9vw, 39px);
}

.gsctempc-team .gsc-chairman-feature__identity {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 32px;
    margin: 0 0 25px;
}

.gsctempc-team .gsc-chairman-feature__number {
    color: var(--chairman-gold-light);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
}

.gsctempc-team .gsc-chairman-feature__identity-rule {
    width: 1px;
    height: 32px;
    background: linear-gradient(
        180deg,
        rgba(225,196,123,.78),
        rgba(199,163,77,.18)
    );
}

.gsctempc-team .gsc-chairman-feature__identity > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.gsctempc-team .gsc-chairman-feature__eyebrow {
    color: var(--chairman-gold-light);
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .60rem;
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1.2;
    text-transform: uppercase;
}

.gsctempc-team .gsc-chairman-feature__role {
    color: rgba(244,240,230,.76);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: .69rem;
    line-height: 1.3;
}

.gsctempc-team .gsc-chairman-feature__name {
    width: 100%;
    max-width: 500px;
    margin: 0;
    color: var(--chairman-ivory);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: clamp(2.65rem, 3.42vw, 3.48rem);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.052em;
    white-space: nowrap;
}

.gsctempc-team .gsc-chairman-feature__divider {
    position: relative;
    display: flex;
    align-items: center;
    width: 138px;
    height: 17px;
    margin: 14px 0 0;
}

.gsctempc-team .gsc-chairman-feature__divider::before {
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(211,176,89,.82),
        rgba(211,176,89,.40)
    );
}

.gsctempc-team .gsc-chairman-feature__divider span {
    position: absolute;
    left: 49%;
    width: 5px;
    height: 5px;
    border: 1px solid rgba(214,181,104,.80);
    background: var(--chairman-green);
    transform: rotate(45deg);
}

.gsctempc-team .gsc-chairman-feature__description {
    width: 100%;
    max-width: 310px;
    margin: 14px 0 0;
    color: rgba(244,240,230,.75);
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .69rem;
    font-weight: 400;
    line-height: 1.62;
}

.gsctempc-team .gsc-chairman-feature__cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 147px;
    min-height: 33px;
    margin-top: 25px;
    padding: 0 13px 0 16px;
    border: 1px solid rgba(215,183,102,.80);
    color: #e0c276;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .50rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.gsctempc-team .team-card--featured:hover .gsc-chairman-feature__cta {
    background: rgba(216,189,120,.085);
}

.gsctempc-team .gsc-chairman-feature__cta i {
    font-size: .60rem;
    transition: transform .2s ease;
}

.gsctempc-team .team-card--featured:hover .gsc-chairman-feature__cta i {
    transform: translateX(3px);
}

/* Lower-right botanical branch. */
.gsctempc-team .gsc-chairman-feature__ornament {
    display: none;
}
/* =========================================================
   GENERAL MEMBER CARD CONTENT
========================================================= */

.gsctempc-team .team-card-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
    color: #9a7638;
}

.gsctempc-team .team-card-name {
    margin: 0;
    color: var(--team-forest);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: clamp(1.08rem, 1.5vw, 1.42rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.gsctempc-team .team-card-position {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin-top: 8px;
    color: #91713a;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.3;
    text-transform: uppercase;
}

.gsctempc-team .team-card-feature-meta,
.gsctempc-team .team-card-feature-number,
.gsctempc-team .team-card-feature-rule,
.gsctempc-team .team-card-feature-role {
    display: none;
}

.gsctempc-team .team-card-feature-copy,
.gsctempc-team .team-card-featured-description {
    display: block;
    max-width: 580px;
    margin: 18px 0 0;
    padding-top: 17px;
    border-top: 1px solid rgba(214,181,104,.28);
    color: rgba(245,241,232,.78);
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: clamp(.68rem, .85vw, .82rem);
    line-height: 1.7;
}

.gsctempc-team .team-card-open {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: auto;
    padding-top: 17px;
    color: #8d713d;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.gsctempc-team .team-card-open i {
    font-size: .62rem;
    transition: transform .2s ease;
}

.gsctempc-team .team-card:hover .team-card-open i {
    transform: translateX(3px);
}

/* =========================================================
   BOARD GRID
========================================================= */

.gsctempc-team .team-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;
}


.gsctempc-team .team-grid .team-card {
    min-height: 276px;
}


.gsctempc-team .team-grid .team-card-visual {
    min-height: 165px;

    padding:
        22px
        18px
        8px;
}


.gsctempc-team .team-grid .team-card-plate {
    align-items: center;

    padding:
        8px
        15px
        18px;

    text-align: center;
}


.gsctempc-team .team-grid .team-card-name {
    text-align: center;
}


.gsctempc-team .team-grid .team-card-position {
    justify-content: center;

    text-align: center;
}


.gsctempc-team .team-grid .team-card-open {
    margin-top: 11px;

    padding-top: 0;
}


/* =========================================================
   COMPACT COMMITTEE GROUPS
   (retained for any group that might not carry
   .team-group--editorial; with the current about.php, every
   non-board group now uses the editorial rows below instead.)
========================================================= */

.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-grid {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card {
    display: grid;

    grid-template-columns:
        104px
        minmax(0, 1fr);

    align-items: center;

    min-height: 132px;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card-visual {
    min-height: 132px;

    padding: 12px;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card-ring {
    width: 84px;
    height: 84px;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card-photo-frame {
    width: 72px;
    height: 72px;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card-plate {
    align-items: flex-start;

    padding:
        20px
        16px
        18px
        2px;

    text-align: left;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card-name {
    font-size: 0.94rem;

    text-align: left;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card-position {
    font-size: 0.49rem;

    text-align: left;
}


.gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card-open {
    margin-top: 9px;

    padding-top: 0;

    font-size: 0.48rem;
}



/* =========================================================
   EDITORIAL COMMITTEE ROWS  (v7 premium pass, v8 finishing pass)
   Applies to every non-Chairman, non-Board group (Secretary,
   Treasurer, Standing Committees, Audit Committee, Election
   Committee, Management, Staff) — an annual-report-style
   leadership list instead of card tiles. The article remains a
   .team-card so the existing modal/filter JavaScript continues to
   recognize every profile.
========================================================= */

.gsctempc-team .team-group--editorial .gsc-committee-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    border-top: none;
}

.gsctempc-team .team-group--editorial .gsc-committee-row {
    /* v8: a single custom property drives both this row's accent bar
       and its position badge's glow, so the two hover treatments stay
       in sync if either intensity is tuned later — one source of
       truth instead of two independently-set opacities. */
    --pos-glow: 0;

    position: relative;
    display: grid;
    grid-template-columns:
        56px
        96px
        minmax(0, 1fr)
        minmax(118px, auto);
    align-items: center;
    min-height: 118px;
    padding: 18px 22px 18px 8px;
    border: 0;
    border-bottom: 1px solid rgba(24, 48, 37, 0.10);
    border-radius: 0;
    background: #fffdf8;
    box-shadow: none;
    cursor: pointer;
    transition:
        transform .3s cubic-bezier(.22,1,.36,1),
        background-color .3s ease,
        box-shadow .3s ease;
}

/* v8: near-invisible warm-paper zebra tint on alternating rows, purely
   to help the eye track across long rosters (Staff, Management). At
   1.5% opacity it reads as "the paper itself is slightly warmer" for
   every other row rather than as a visible stripe, and it stays
   static — it does not change on hover, so it never competes with the
   gold accent bar. Layered under the row's own background so the
   hover state (#fdfaf2) still simply overrides it. */
.gsctempc-team .team-group--editorial .gsc-committee-row:nth-child(even) {
    background: linear-gradient(
        0deg,
        rgba(177, 138, 66, 0.045),
        rgba(177, 138, 66, 0.045)
    ),
    #fffdf8;
}

/* Left-edge gold accent bar, hidden until hover — replaces the old
   inset box-shadow trick with a cleaner, single-purpose element. */
.gsctempc-team .team-group--editorial .gsc-committee-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 2px;
    background: var(--team-gold);
    transform: scaleY(0);
    transform-origin: center;
    transition: transform .3s cubic-bezier(.22,1,.36,1);
    pointer-events: none;
}

.gsctempc-team .team-group--editorial .gsc-committee-row::after {
    /* v8: reinstated as a tiny static diamond mark at the vertical
       center of the (otherwise invisible until hover) accent-bar
       track, echoing the rotated diamond used in the Chairman
       feature's own divider. It sits at rest, in the gold hairline
       tone, so every row quietly carries the same "mark of the
       institution" motif the hero feature uses once. */
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    z-index: 1;
    width: 4px;
    height: 4px;
    border: 1px solid rgba(177, 138, 66, 0.55);
    background: #fffdf8;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    transition: border-color .3s ease, background .3s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover {
    --pos-glow: 1;

    z-index: 2;
    transform: translateX(6px);
    background: #fdfaf2;
    box-shadow: 0 10px 26px rgba(17, 50, 32, 0.07);
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover::before {
    transform: scaleY(1);
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover::after {
    border-color: rgba(177, 138, 66, 0.9);
    background: var(--team-gold);
}

.gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible {
    outline: 2px solid rgba(177, 138, 66, 0.82);
    outline-offset: -2px;
}

/* Row numeral — quieter, larger serif figure at rest; turns gold on
   hover, echoing the Chairman feature's number treatment at a
   restrained scale. */
.gsctempc-team .team-group--editorial .gsc-committee-row .team-card__index {
    position: static;
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
    display: block;
    margin: 0;
    padding: 0 8px 0 0;
    color: rgba(24, 48, 37, 0.28);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    transition: color .3s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover .team-card__index {
    color: var(--team-gold);
}

.gsctempc-team .team-group--editorial .team-card-visual {
    grid-column: 2;
    grid-row: 1;
    width: 96px;
    min-height: 84px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gsctempc-team .team-group--editorial .team-card-ring {
    display: none;
}

/* Dual-ring portrait frame: thin gold hairline plus an ivory "halo"
   ring pushed outside it, so the frame reads as one deliberate unit
   rather than a single thin border. Both the ring and the drop
   shadow intensify slightly on row hover. */
.gsctempc-team .team-group--editorial .team-card-photo-frame {
    position: relative;
    display: grid;
    place-items: center;
    width: 84px;
    height: 84px;
    padding: 5px;
    border: 1px solid rgba(177, 138, 66, 0.55);
    border-radius: 50%;
    background: #fffdf8;
    box-shadow:
        0 0 0 4px #fffdf8,
        0 0 0 5px rgba(177, 138, 66, 0.18),
        0 8px 20px rgba(17, 50, 32, 0.10);
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover .team-card-photo-frame {
    box-shadow:
        0 0 0 4px #fffdf8,
        0 0 0 5px rgba(177, 138, 66, 0.34),
        0 12px 26px rgba(17, 50, 32, 0.14);
}

.gsctempc-team .team-group--editorial .team-card-photo {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    background: #edf0eb;
    box-shadow: none;
    transform: none;
    transition: transform .28s ease;
}

.gsctempc-team .team-group--editorial .team-card:hover .team-card-photo {
    transform: scale(1.045);
}

.gsctempc-team .team-group--editorial .team-card-plate {
    grid-column: 3 / 5;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 6px 0 6px 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas:
        "name action"
        "role action";
    align-items: center;
    column-gap: 26px;
    row-gap: 5px;
    text-align: left;
    background: transparent;
}

.gsctempc-team .team-group--editorial .team-card-kicker {
    display: none;
}

.gsctempc-team .team-group--editorial .team-card-name {
    grid-area: name;
    min-width: 0;
    display: block;
    margin: 0 0 2px;
    overflow: hidden;
    color: var(--team-forest);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: clamp(1.04rem, 1.45vw, 1.32rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.02em;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: none;
}

.gsctempc-team .team-group--editorial .team-card-position {
    grid-area: role;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 4px 12px;
    overflow: hidden;
    color: var(--team-forest);
    font-family: var(--oc-font-body, Poppins, Arial, sans-serif);
    font-size: .58rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .12em;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgba(177, 138, 66, 0.06);
    border: 1px solid rgba(177, 138, 66, 0.45);
    border-radius: 999px;
    /* v8: driven by the row's --pos-glow custom property (0 at rest,
       1 on row hover) instead of a second, independently-declared
       hover rule, so this badge's glow and the row's accent bar are
       guaranteed to move together. */
    box-shadow: 0 0 calc(var(--pos-glow, 0) * 10px) rgba(216, 189, 120, calc(var(--pos-glow, 0) * 0.35));
    transition: box-shadow .28s ease, border-color .28s ease, background .28s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover .team-card-position {
    border-color: rgba(216, 189, 120, 0.85);
    background: rgba(177, 138, 66, 0.10);
}

.gsctempc-team .team-group--editorial .team-card-open {
    grid-area: action;
    align-self: center;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    min-height: 44px;
    margin: 0;
    padding: 10px 0 10px 14px;
    color: var(--team-forest);
    font-family: var(--oc-font-body, Poppins, Arial, sans-serif);
    font-size: .55rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .55;
    transition: opacity .3s ease, gap .3s ease;
}

.gsctempc-team .team-group--editorial .team-card-open i {
    color: var(--team-gold);
    font-size: .62rem;
    transition: transform .22s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover .team-card-open {
    opacity: 1;
    gap: 10px;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover .team-card-open i {
    transform: translateX(4px);
}

.gsctempc-team .team-group--editorial .team-card-visual img {
    pointer-events: none;
}

@media (max-width: 820px) {
    .gsctempc-team .team-group--editorial .gsc-committee-row {
        grid-template-columns:
            44px
            82px
            minmax(0, 1fr)
            auto;
        min-height: 106px;
        padding: 14px 14px 14px 4px;
    }

    .gsctempc-team .team-group--editorial .team-card-visual {
        width: 82px;
        min-height: 76px;
    }

    .gsctempc-team .team-group--editorial .team-card-photo-frame {
        width: 70px;
        height: 70px;
    }

    .gsctempc-team .team-group--editorial .team-card-plate {
        padding-left: 12px;
        column-gap: 16px;
    }

    .gsctempc-team .team-group--editorial .team-card-name {
        font-size: 1.02rem;
    }

    .gsctempc-team .team-group--editorial .team-card-position {
        font-size: .57rem;
    }

    .gsctempc-team .team-group--editorial .team-card-open {
        min-height: 44px;
        padding-left: 8px;
        font-size: .52rem;
    }
}

@media (max-width: 620px) {
    .gsctempc-team .team-group--editorial .gsc-committee-row {
        grid-template-columns:
            34px
            68px
            minmax(0, 1fr);
        min-height: 100px;
        padding: 12px 8px 12px 0;
    }

    .gsctempc-team .team-group--editorial .team-card__index {
        padding-right: 4px;
        font-size: 1rem;
    }

    .gsctempc-team .team-group--editorial .team-card-visual {
        width: 68px;
        min-height: 70px;
    }

    .gsctempc-team .team-group--editorial .team-card-photo-frame {
        width: 64px;
        height: 64px;
        padding: 4px;
    }

    .gsctempc-team .team-group--editorial .team-card-plate {
        grid-column: 3;
        grid-row: 1;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        grid-template-areas:
            "name action"
            "role action";
        padding: 6px 0 6px 10px;
        column-gap: 8px;
    }

    .gsctempc-team .team-group--editorial .team-card-name {
        font-size: .96rem;
        line-height: 1.14;
    }

    .gsctempc-team .team-group--editorial .team-card-position {
        font-size: .54rem;
        letter-spacing: .10em;
    }

    .gsctempc-team .team-group--editorial .team-card-open {
        min-height: 42px;
        padding-left: 6px;
        font-size: .48rem;
        letter-spacing: .11em;
        opacity: .75;
    }
}

@media (max-width: 420px) {
    .gsctempc-team .team-group--editorial .gsc-committee-row {
        grid-template-columns:
            30px
            62px
            minmax(0, 1fr);
        min-height: 96px;
    }

    .gsctempc-team .team-group--editorial .team-card-visual {
        width: 62px;
    }

    .gsctempc-team .team-group--editorial .team-card-photo-frame {
        width: 58px;
        height: 58px;
    }

    .gsctempc-team .team-group--editorial .team-card-plate {
        padding-left: 8px;
        column-gap: 6px;
    }

    .gsctempc-team .team-group--editorial .team-card-name {
        font-size: .90rem;
    }

    .gsctempc-team .team-group--editorial .team-card-position {
        font-size: .50rem;
    }

    .gsctempc-team .team-group--editorial .team-card-open {
        font-size: .44rem;
        letter-spacing: .09em;
    }
}

/* On touch devices there's no hover, so keep the accent bar, gold
   numeral, tightened photo ring, and full-opacity CTA reachable via
   :focus-visible / :active as well, so keyboard and touch users get
   the same affordance cues as a mouse hover would provide. */
@media (hover: none) {
    .gsctempc-team .team-group--editorial .gsc-committee-row:active,
    .gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible {
        transform: translateX(3px);
        background: #fdfaf2;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row:active::before,
    .gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible::before {
        transform: scaleY(1);
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row:active .team-card-open,
    .gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible .team-card-open {
        opacity: 1;
    }
}

/* =========================================================
   EMPTY STATE
========================================================= */

.gsctempc-team .team-empty {
    display: none;

    max-width: 580px;

    margin: 40px auto 0;

    padding:
        46px
        30px;

    border:
        1px dashed
        rgba(24, 48, 37, 0.22);

    color: var(--team-muted);

    text-align: center;
}


.gsctempc-team .team-empty.is-visible {
    display: block;
}


.gsctempc-team .team-empty__mark {
    display: block;

    margin-bottom: 12px;

    color: var(--team-gold);

    font-size: 1.35rem;
}


.gsctempc-team .team-empty strong {
    display: block;

    margin-bottom: 7px;

    color: var(--team-forest);

    font-family:
        var(
            --oc-font-display,
            Georgia,
            serif
        );

    font-size: 1.3rem;
}


.gsctempc-team .team-empty span:last-child {
    font-family:
        var(--oc-font-body, Poppins, sans-serif);

    font-size: 0.75rem;
}


/* =========================================================
   CLOSING
========================================================= */

.gsctempc-team__closing {
    display: flex;

    align-items: center;

    gap: 16px;

    max-width: 760px;

    margin:
        clamp(56px, 7vw, 90px)
        auto
        0;

    color: #536159;

    font-family:
        var(
            --oc-font-display,
            Georgia,
            serif
        );

    font-size:
        clamp(1rem, 1.5vw, 1.28rem);

    line-height: 1.5;
}


.gsctempc-team__closing-rule {
    position: relative;

    flex:
        0 0 45px;

    height: 1px;

    background:
        var(--team-gold);
}

/* v8: the same small rotated diamond used in the Chairman feature's
   own divider (gsc-chairman-feature__divider span), placed at the
   midpoint of the closing rule so the page's very last element closes
   the loop on the same institutional mark it opened with. */
.gsctempc-team__closing-rule::after {
    content: "";

    position: absolute;
    left: 50%;
    top: 50%;

    width: 5px;
    height: 5px;

    border: 1px solid rgba(214, 181, 104, 0.9);
    background: #f8f6f0;

    transform: translate(-50%, -50%) rotate(45deg);
}


/* =========================================================
   MODAL SCROLL SAFETY
========================================================= */

body.team-modal-open .back-to-top {
    opacity: 0 !important;

    pointer-events: none !important;
}


/*
 * The JS saves the exact scroll position and places it here.
 * Do not add top: 0.
 */

body.team-modal-open {
    position: fixed;

    left: 0;
    right: 0;

    width: 100%;

    overflow: hidden;
}


/* =========================================================
   RESPONSIVE — LARGE TABLET
========================================================= */

@media (max-width: 1080px) {

    .gsctempc-team .team-card--featured {
        grid-template-columns: 37.5% minmax(0, 62.5%);
        height: 330px;
        min-height: 330px;
    }

    .gsctempc-team .team-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .gsctempc-team
    .team-group--compact:not(.team-group--editorial)
    .team-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 820px) {

    .gsctempc-team .team-card--featured {
        grid-template-columns: 39% minmax(0, 61%);
        height: 320px;
        min-height: 320px;
    }

    .gsctempc-team .gsc-chairman-feature__visual {
        transform: translateX(1.5%);
    }

    .gsctempc-team .gsc-chairman-feature__content {
        padding:
            30px
            28px
            24px
            30px;
    }

    .gsctempc-team .gsc-chairman-feature__name {
        font-size: clamp(2.25rem, 5.1vw, 3rem);
    }

    .gsctempc-team .gsc-chairman-feature__description {
        max-width: 285px;
        font-size: .66rem;
    }

    .gsctempc-team__container {
        width:
            min(100% - 36px, 1280px);
    }

    .gsctempc-team__intro {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .gsctempc-team__toolbar {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .gsctempc-team .team-group__head {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .gsctempc-team .team-group__meta {
        justify-content: space-between;
        width: 100%;
    }

    .gsctempc-team .team-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .gsctempc-team .team-group--compact:not(.team-group--editorial) .team-card {
        grid-template-columns:
            94px
            minmax(0, 1fr);
    }
}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 620px) {

    .gsctempc-team .team-card--featured {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 0;
    }

    .gsctempc-team .team-card--featured::after {
        display: none;
    }

    .gsctempc-team .team-card--featured .gsc-chairman-feature__visual {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        height: 305px;
        min-height: 305px;
        transform: none;
    }

    .gsctempc-team .gsc-chairman-feature__content {
        grid-column: 1;
        grid-row: 2;
        padding:
            24px
            26px
            34px;
    }

    .gsctempc-team .gsc-chairman-feature__ring--outer {
        width: 252px;
    }

    .gsctempc-team .gsc-chairman-feature__portrait {
        width: 224px;
        height: 224px;
    }

    .gsctempc-team .gsc-chairman-feature__seal-wrap {
        width: 64px;
        min-width: 64px;
        height: 64px;
        bottom: -2px;
    }

    .gsctempc-team .gsc-chairman-feature__laurel {
        width: 145px;
        height: 255px;
    }

    .gsctempc-team .gsc-chairman-feature__laurel--left {
        left: 3%;
    }

    .gsctempc-team .gsc-chairman-feature__laurel--right {
        right: 3%;
    }

    .gsctempc-team .gsc-chairman-feature__name {
        max-width: 100%;
        white-space: normal;
        font-size: clamp(2rem, 10vw, 3rem);
    }

    .gsctempc-team .gsc-chairman-feature__divider {
        width: min(138px, 60%);
    }

    .gsctempc-team .gsc-chairman-feature__description {
        max-width: 100%;
        font-size: .70rem;
    }

    .gsctempc-team .gsc-chairman-feature__ornament {
        width: 82%;
        right: -10px;
        bottom: 145px;
        opacity: .50;
    }

    .gsctempc-team .team-card--featured .team-card__watermark {
        width: 180px !important;
        height: 180px !important;
        right: -25px !important;
        top: 205px !important;
        transform: none !important;
        opacity: .045 !important;
    }

    .gsctempc-team {
        padding:
            54px
            0
            74px;
    }

    .gsctempc-team__container {
        width:
            min(100% - 28px, 1280px);
    }

    .gsctempc-team h2 {
        font-size:
            clamp(3rem, 16vw, 4.6rem);
    }

    .gsctempc-team__subtitle {
        margin-top: 18px;
        font-size: 0.85rem;
    }

    .gsctempc-team__intro-note {
        gap: 15px;
    }

    .gsctempc-team__toolbar {
        margin-bottom: 50px;
        padding: 8px;
    }

    .gsctempc-team .org-filter-rail {
        margin-right: -8px;
        padding-right: 8px;
    }

    .gsctempc-team .team-tab {
        min-height: 40px;
        padding:
            0
            12px;
    }

    .gsctempc-team .team-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gsctempc-team .team-grid .team-card {
        min-height: 260px;
    }

    .gsctempc-team
    .team-group--compact:not(.team-group--editorial)
    .team-grid {
        grid-template-columns: 1fr;
    }

    .gsctempc-team
    .team-group--compact:not(.team-group--editorial)
    .team-card {
        grid-template-columns:
            100px
            minmax(0, 1fr);
    }

    .gsctempc-team__closing {
        align-items: flex-start;
    }
}


/* =========================================================
   RESPONSIVE — SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .gsctempc-team .team-card--featured .gsc-chairman-feature__visual {
        height: 285px;
        min-height: 285px;
    }

    .gsctempc-team .gsc-chairman-feature__ring--outer {
        width: 230px;
    }

    .gsctempc-team .gsc-chairman-feature__portrait {
        width: 203px;
        height: 203px;
    }

    .gsctempc-team .gsc-chairman-feature__content {
        padding:
            22px
            21px
            29px;
    }

    .gsctempc-team__container {
        width:
            min(100% - 22px, 1280px);
    }

    .gsctempc-team h2 {
        font-size:
            clamp(2.7rem, 16vw, 4rem);
    }

    .gsctempc-team
    .team-group--compact:not(.team-group--editorial)
    .team-card {
        grid-template-columns:
            90px
            minmax(0, 1fr);
    }

    .gsctempc-team
    .team-group--compact:not(.team-group--editorial)
    .team-card-ring {
        width: 76px;
        height: 76px;
    }

    .gsctempc-team
    .team-group--compact:not(.team-group--editorial)
    .team-card-photo-frame {
        width: 64px;
        height: 64px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .gsctempc-team *,
    .gsctempc-team *::before,
    .gsctempc-team *::after {
        scroll-behavior: auto !important;

        transition-duration: 0.01ms !important;

        animation-duration: 0.01ms !important;
    }
}
/* --------------------------------------------------------------------------
   Botanical corner accents — same monochrome treatment as About Us,
   Leadership, Services, News, Gallery, Values, FAQ, Visit Us, and
   Testimonials, for visual consistency. The Chairman feature card
   already carries its own gold laurel/wreath botanical work, so these
   sit at the outer section edges only — behind the intro header and
   the editorial committee rows, never overlapping the Chairman card.
   -------------------------------------------------------------------------- */

.gsctempc-team__botanical {
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: clamp(180px, 17vw, 300px);
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: .16;
    filter: grayscale(1) sepia(.55) saturate(3) hue-rotate(85deg) brightness(.65);
    mix-blend-mode: multiply;
}

.gsctempc-team__botanical--left {
    left: 0;
    background-image: url('../images/botanical-corner-right.png');
    background-position: bottom left;
    transform: scaleX(-1);
}

.gsctempc-team__botanical--right {
    right: 0;
    background-image: url('../images/botanical-corner-right.png');
    background-position: bottom right;
}

@media (max-width: 1080px) {
    .gsctempc-team__botanical {
        width: clamp(150px, 16vw, 260px);
    }
}

@media (max-width: 820px) {
    .gsctempc-team__botanical {
        width: clamp(120px, 20vw, 200px);
        opacity: .13;
    }
}

@media (max-width: 620px) {
    .gsctempc-team__botanical {
        width: clamp(90px, 26vw, 140px);
        opacity: .1;
    }
}

@media (max-width: 420px) {
    .gsctempc-team__botanical {
        display: none;
    }
}
/* ============================================================================
   GSC-TEMPC — MEET THE TEAM / ORGANIZATIONAL DIRECTORY
   HORIZONTAL LEADERSHIP ARCHIVE — FINAL SCOPED PASS

   Scope:
   - NON-BOARD groups only.
   - Board / Chairman feature is intentionally untouched.
   - Existing PHP markup, database data, filters, search, modal hooks and
     organizational_structure_modern.js remain unchanged.
   - Each non-board group becomes a compact horizontal member rail.
   - The existing top group buttons remain the primary navigation controls.
   - Desktop: 3 strong cards visible + partial next card as a scroll cue.
   - Mobile: one large, readable card per swipe with snap scrolling.
   ============================================================================ */

/* --------------------------------------------------------------------------
   1. TEAM DIRECTORY CANVAS
   -------------------------------------------------------------------------- */
.gsctempc-team #teamGrid,
.gsctempc-team .team-directory {
    width: 100%;
    min-width: 0;
}

/* Give the whole directory a cleaner editorial rhythm without touching
   any other About page section. */
.gsctempc-team .team-group--editorial {
    position: relative;
    width: 100%;
    margin-top: clamp(48px, 6vw, 86px);
    padding-top: clamp(24px, 3vw, 38px);
    border-top: 1px solid rgba(29, 76, 48, .16);
}

.gsctempc-team .team-group--editorial:first-child {
    margin-top: 0;
}

/* Board stays exactly as the existing premium centerpiece. */
.gsctempc-team .team-group--board {
    position: relative;
}

/* --------------------------------------------------------------------------
   2. GROUP HEADER — compact editorial navigation cue
   -------------------------------------------------------------------------- */
.gsctempc-team .team-group--editorial .team-group__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 22px;
}

.gsctempc-team .team-group--editorial .team-group__heading {
    min-width: 0;
}

.gsctempc-team .team-group--editorial .team-group__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 8px;
    color: #8b6b28;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .20em;
    line-height: 1.3;
    text-transform: uppercase;
}

.gsctempc-team .team-group--editorial .team-group__eyebrow::before {
    content: '';
    width: 28px;
    height: 1px;
    background: #c7a75a;
    flex: 0 0 auto;
}

.gsctempc-team .team-group--editorial .team-group__heading h3 {
    margin: 0;
    color: #123d29;
    font-family: var(--oc-font-display, Georgia, serif);
    font-size: clamp(1.75rem, 2.7vw, 2.8rem);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.05;
}

.gsctempc-team .team-group--editorial .team-group__description {
    max-width: 650px;
    margin: 8px 0 0;
    color: #68746c;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .78rem;
    line-height: 1.65;
}

.gsctempc-team .team-group--editorial .team-group__meta {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 0 0 auto;
    padding-bottom: 4px;
}

.gsctempc-team .team-group--editorial .team-group__count {
    color: #536159;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
    white-space: nowrap;
}

.gsctempc-team .team-group--editorial .team-group__view-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #155b39;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
    white-space: nowrap;
}

.gsctempc-team .team-group--editorial .team-group__view-all i {
    color: #b99239;
    transition: transform .25s ease;
}

.gsctempc-team .team-group--editorial:hover .team-group__view-all i {
    transform: translateX(4px);
}

/* --------------------------------------------------------------------------
   3. HORIZONTAL MEMBER RAIL
   -------------------------------------------------------------------------- */
.gsctempc-team .team-group--editorial .gsc-committee-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 14px;
    width: 100%;
    min-width: 0;
    padding: 4px 2px 18px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(25, 83, 52, .35) transparent;
}

.gsctempc-team .team-group--editorial .gsc-committee-list::-webkit-scrollbar {
    height: 6px;
}

.gsctempc-team .team-group--editorial .gsc-committee-list::-webkit-scrollbar-track {
    background: transparent;
}

.gsctempc-team .team-group--editorial .gsc-committee-list::-webkit-scrollbar-thumb {
    background: rgba(25, 83, 52, .28);
    border-radius: 999px;
}

/* --------------------------------------------------------------------------
   4. NON-BOARD MEMBER CARD
   -------------------------------------------------------------------------- */
.gsctempc-team .team-group--editorial .gsc-committee-row {
    position: relative;
    flex: 0 0 clamp(285px, 31vw, 360px);
    width: clamp(285px, 31vw, 360px);
    min-height: 164px;
    display: grid !important;
    grid-template-columns: 94px minmax(0, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: "visual plate";
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(25, 70, 45, .14);
    border-radius: 12px;
    background: #fffdf8;
    box-shadow: 0 8px 22px rgba(20, 48, 32, .07);
    cursor: pointer;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    transition:
        transform .28s cubic-bezier(.22,1,.36,1),
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row::before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #d7b65e, #1d6945);
    transform: scaleY(.35);
    transform-origin: center;
    opacity: .72;
    transition: transform .28s ease, opacity .28s ease;
    z-index: 4;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover,
.gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(29, 105, 69, .28);
    background: #fffefa;
    box-shadow: 0 15px 32px rgba(20, 48, 32, .12);
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover::before,
.gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible::before {
    transform: scaleY(1);
    opacity: 1;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible {
    outline: 2px solid #1c6b46;
    outline-offset: 3px;
}

/* Remove the old oversized dark-card treatment from non-board members only. */
.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-visual {
    grid-area: visual;
    min-height: 164px;
    width: 94px;
    padding: 16px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, #edf3e9, #f8f3e4);
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-ring {
    width: 72px;
    height: 72px;
    background: radial-gradient(circle, rgba(205, 169, 78, .16), transparent 70%);
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-ring::before {
    inset: 5px;
    border: 1px dashed rgba(174, 139, 52, .48);
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo-frame {
    position: relative;
    z-index: 2;
    width: 64px;
    height: 64px;
    padding: 3px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(192, 155, 66, .70);
    box-shadow: 0 5px 13px rgba(27, 67, 43, .14);
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo,
.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo--fallback {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    box-shadow: none;
    background: #f1f4ef;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-plate {
    grid-area: plate;
    min-width: 0;
    margin: 0;
    padding: 18px 18px 16px 16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    grid-template-areas:
        "kicker index"
        "name name"
        "position open";
    align-content: center;
    gap: 5px 10px;
    text-align: left;
    background: transparent;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-kicker {
    grid-area: kicker;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8a6b2e;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .53rem;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.3;
    text-transform: uppercase;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card__index {
    grid-area: index;
    justify-self: end;
    color: rgba(24, 74, 49, .38);
    font-family: var(--oc-font-display, Georgia, serif);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-name {
    grid-area: name;
    min-width: 0;
    min-height: auto;
    margin: 0;
    display: block;
    overflow: hidden;
    color: #173e2b;
    font-family: var(--oc-font-display, Georgia, serif);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.015em;
    text-shadow: none;
    white-space: normal;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-position {
    grid-area: position;
    justify-self: start;
    align-self: center;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #69766d;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .57rem;
    font-weight: 700;
    letter-spacing: .09em;
    line-height: 1.35;
    text-transform: uppercase;
    white-space: nowrap;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-open {
    grid-area: open;
    justify-self: end;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding-left: 10px;
    border-left: 1px solid rgba(29, 105, 69, .15);
    color: #155b39;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .53rem;
    font-weight: 800;
    letter-spacing: .10em;
    text-transform: uppercase;
    opacity: .84;
    transition: color .2s ease, gap .2s ease, opacity .2s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-open i {
    color: #b7923f;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover .team-card-open,
.gsctempc-team .team-group--editorial .gsc-committee-row:focus-visible .team-card-open {
    gap: 9px;
    opacity: 1;
}

/* --------------------------------------------------------------------------
   5. TOP FILTERS — primary navigation for each organizational position
   -------------------------------------------------------------------------- */
.gsctempc-team .org-filter-shell {
    min-width: 0;
    flex: 1 1 auto;
}

.gsctempc-team .org-filter-rail-wrap {
    position: relative;
    overflow: hidden;
    padding: 0 0 5px;
}

.gsctempc-team .org-filter-rail {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(28, 93, 59, .30) transparent;
}

.gsctempc-team .org-filter-items {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    gap: 7px;
    padding: 2px 2px 5px;
}

.gsctempc-team .org-filter-items .team-tab {
    border-radius: 7px;
    min-height: 44px;
    padding: 8px 12px;
    gap: 9px;
    border: 1px solid rgba(25, 74, 48, .15);
    background: #fff;
    color: #506057;
    box-shadow: 0 3px 10px rgba(21, 55, 36, .04);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.gsctempc-team .org-filter-items .team-tab:hover {
    transform: translateY(-1px);
    border-color: rgba(28, 105, 70, .28);
}

.gsctempc-team .org-filter-items .team-tab.is-active {
    background: #0f4c32;
    border-color: #0f4c32;
    color: #fff;
    box-shadow: 0 7px 18px rgba(15, 76, 50, .17);
}

.gsctempc-team .org-filter-items .tab-index {
    color: #b08b39;
    font-family: var(--oc-font-display, Georgia, serif);
    font-size: .73rem;
    letter-spacing: 0;
}

.gsctempc-team .org-filter-items .team-tab.is-active .tab-index {
    color: #e6cf8b;
}

.gsctempc-team .org-filter-items .tab-count {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(25, 74, 48, .16);
    border-radius: 50%;
    background: #faf8f1;
    color: #536158;
    font-size: .53rem;
    line-height: 1;
}

.gsctempc-team .org-filter-items .team-tab.is-active .tab-count {
    border-color: rgba(255,255,255,.22);
    background: rgba(255,255,255,.10);
    color: #fff;
}

.gsctempc-team .org-filter-search {
    flex: 0 0 245px;
    width: 245px;
}

.gsctempc-team .org-filter-search input {
    border-radius: 7px;
    min-height: 44px;
    border-color: rgba(25, 74, 48, .15);
    background: #fff;
}

/* --------------------------------------------------------------------------
   6. GROUP NAVIGATION AFFORDANCE — subtle edge cue for horizontal rails
   -------------------------------------------------------------------------- */
.gsctempc-team .team-group--editorial .gsc-committee-list::after {
    content: 'SCROLL →';
    flex: 0 0 auto;
    align-self: center;
    color: rgba(28, 92, 58, .42);
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .48rem;
    font-weight: 800;
    letter-spacing: .15em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding: 0 2px 0 4px;
}

/* --------------------------------------------------------------------------
   7. TABLET
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
    .gsctempc-team .team-group--editorial .gsc-committee-row {
        flex-basis: 330px;
        width: 330px;
    }

    .gsctempc-team .org-filter-search {
        flex-basis: 220px;
        width: 220px;
    }
}

@media (max-width: 820px) {
    .gsctempc-team .team-group--editorial {
        margin-top: 48px;
        padding-top: 24px;
    }

    .gsctempc-team .team-group--editorial .team-group__head {
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 16px;
    }

    .gsctempc-team .team-group--editorial .team-group__heading h3 {
        font-size: 2rem;
    }

    .gsctempc-team .team-group--editorial .team-group__description {
        max-width: 520px;
        font-size: .72rem;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row {
        flex-basis: 315px;
        width: 315px;
    }
}

/* --------------------------------------------------------------------------
   8. MOBILE — intentional swipe-first directory
   -------------------------------------------------------------------------- */
@media (max-width: 620px) {
    .gsctempc-team .team-toolbar {
        gap: 12px;
    }

    .gsctempc-team .org-filter-shell {
        width: 100%;
    }

    .gsctempc-team .org-filter-rail-wrap {
        margin-inline: -2px;
    }

    .gsctempc-team .org-filter-rail {
        padding-inline: 2px;
    }

    .gsctempc-team .org-filter-items {
        gap: 6px;
    }

    .gsctempc-team .org-filter-items .team-tab {
        min-height: 42px;
        padding: 7px 10px;
        font-size: .56rem;
        letter-spacing: .08em;
    }

    .gsctempc-team .org-filter-search {
        width: 100%;
        flex-basis: auto;
    }

    .gsctempc-team .team-group--editorial .team-group__head {
        display: block;
        margin-bottom: 14px;
    }

    .gsctempc-team .team-group--editorial .team-group__heading h3 {
        font-size: clamp(1.7rem, 8vw, 2.15rem);
    }

    .gsctempc-team .team-group--editorial .team-group__description {
        max-width: 100%;
        margin-top: 7px;
        font-size: .70rem;
        line-height: 1.6;
    }

    .gsctempc-team .team-group--editorial .team-group__meta {
        display: flex;
        justify-content: space-between;
        margin-top: 11px;
        padding: 0;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-list {
        gap: 10px;
        padding: 2px 2px 13px;
        margin-right: -16px;
        padding-right: 18px;
        scroll-padding-inline: 2px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row {
        flex: 0 0 min(84vw, 315px);
        width: min(84vw, 315px);
        min-height: 152px;
        grid-template-columns: 86px minmax(0, 1fr);
        border-radius: 11px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-visual {
        width: 86px;
        min-height: 152px;
        padding: 14px 7px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-ring {
        width: 66px;
        height: 66px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo-frame {
        width: 59px;
        height: 59px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-plate {
        padding: 15px 14px 14px 13px;
        gap: 4px 7px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-name {
        font-size: 1rem;
        line-height: 1.15;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-position {
        font-size: .53rem;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-open {
        min-height: 28px;
        font-size: .49rem;
        letter-spacing: .08em;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-list::after {
        content: 'SWIPE';
        font-size: .45rem;
        padding-right: 4px;
    }
}

@media (max-width: 390px) {
    .gsctempc-team .team-group--editorial .gsc-committee-row {
        flex-basis: 86vw;
        width: 86vw;
        grid-template-columns: 78px minmax(0, 1fr);
        min-height: 148px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-visual {
        width: 78px;
        min-height: 148px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo-frame {
        width: 55px;
        height: 55px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-name {
        font-size: .94rem;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-open {
        font-size: .45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--editorial .gsc-committee-row,
    .gsctempc-team .team-group--editorial .gsc-committee-row::before,
    .gsctempc-team .team-group--editorial .team-group__view-all i {
        transition: none !important;
    }
}


/* ============================================================================
   GSC-TEMPC — INLINE ORGANIZATIONAL DIRECTORY UPGRADE
   Scope: non-Board organizational structure only.
   The Board / Chairman feature is intentionally not overridden here.

   This pass removes the dependency on profile popups by presenting the
   available member information directly inside each directory tile.
   ============================================================================ */

.gsctempc-team .team-group--editorial .gsc-committee-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    overflow: visible;
    padding: 0 0 4px;
    margin: 0;
    scrollbar-width: none;
}

.gsctempc-team .team-group--editorial .gsc-committee-list::-webkit-scrollbar {
    display: none;
}

.gsctempc-team .team-group--editorial .gsc-committee-row {
    width: auto;
    min-width: 0;
    min-height: 0;
    flex: initial;
    display: grid !important;
    grid-template-columns: 108px minmax(0, 1fr);
    grid-template-areas: "visual plate";
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(24, 67, 45, .14);
    border-radius: 2px;
    background: linear-gradient(135deg, #fffefa 0%, #fbfcf7 100%);
    box-shadow: 0 8px 26px rgba(20, 48, 32, .045);
    cursor: default;
    transform: none !important;
    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row::before {
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    transform: scaleY(.55);
    opacity: .65;
}

.gsctempc-team .team-group--editorial .gsc-committee-row::after {
    display: none;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover {
    background: #fffefa;
    border-color: rgba(25, 91, 57, .28);
    box-shadow: 0 14px 32px rgba(20, 48, 32, .09);
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card__index {
    position: absolute;
    top: 12px;
    right: 13px;
    z-index: 5;
    margin: 0;
    padding: 0;
    color: rgba(24, 74, 49, .24);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: 1.15rem;
    line-height: 1;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-visual {
    grid-area: visual;
    width: auto;
    min-height: 100%;
    padding: 18px 8px;
    background: linear-gradient(160deg, #edf3e9 0%, #f8f3e4 100%);
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo-frame {
    width: 82px;
    height: 82px;
    padding: 4px;
    border: 1px solid rgba(181, 143, 57, .72);
    box-shadow: 0 5px 14px rgba(27, 67, 43, .13);
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-plate {
    grid-area: plate;
    min-width: 0;
    padding: 22px 20px 18px 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    text-align: left;
    background: transparent;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-kicker {
    margin: 0;
    color: #8b6b28;
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1.3;
    text-transform: uppercase;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-name {
    max-width: 100%;
    margin: 0;
    color: #173e2b;
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: clamp(1rem, 1.15vw, 1.22rem);
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -.018em;
    white-space: normal;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-position {
    display: inline-flex;
    align-items: center;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    color: #416653;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .11em;
    line-height: 1.45;
    text-transform: uppercase;
    white-space: normal;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-committee,
.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-joined {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    color: #6c7d70;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .58rem;
    line-height: 1.45;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-committee i,
.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-joined i {
    flex: 0 0 auto;
    color: #b99239;
    font-size: .65rem;
}

.gsctempc-team .team-group--editorial .gsc-committee-row .team-card-blurb {
    display: -webkit-box;
    max-width: 100%;
    margin: 4px 0 0;
    overflow: hidden;
    color: #66766b;
    font-family: var(--oc-font-body, Poppins, sans-serif);
    font-size: .66rem;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* There is no longer a profile action in the inline directory. */
.gsctempc-team .team-group--editorial .team-card-open {
    display: none !important;
}

@media (max-width: 1180px) {
    .gsctempc-team .team-group--editorial .gsc-committee-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .gsctempc-team .team-group--editorial .gsc-committee-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row {
        grid-template-columns: 94px minmax(0, 1fr);
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo-frame {
        width: 72px;
        height: 72px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-plate {
        padding: 18px 17px 17px 15px;
    }
}

@media (max-width: 420px) {
    .gsctempc-team .team-group--editorial .gsc-committee-row {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-visual {
        padding: 14px 5px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-photo-frame {
        width: 64px;
        height: 64px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-plate {
        padding: 17px 13px 15px 13px;
        gap: 5px;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-name {
        font-size: 1rem;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row .team-card-blurb {
        font-size: .62rem;
        -webkit-line-clamp: 4;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--editorial .gsc-committee-row {
        transition: none !important;
    }
}

/* ============================================================================
   GSC-TEMPC — V20 INLINE INSTITUTIONAL DIRECTORY
   --------------------------------------------------------------------------
   FINAL DIRECTORY DIRECTION
   - Board / Chairman styles remain untouched by this block.
   - Non-board profiles are INFORMATION-FIRST, not click-first.
   - No profile buttons, no popup dependency, no tiny dashboard cards.
   - Each person is a substantial horizontal editorial tile.
   - Three-column desktop composition keeps the page compact without making
     portraits or typography microscopic.
   - Existing PHP data is shown directly: role, committee/branch, year and
     the existing role blurb where available.
============================================================================ */

.gsctempc-team .team-group--editorial {
    --directory-paper: #fffdf8;
    --directory-paper-warm: #f7f4eb;
    --directory-green: #0d4b30;
    --directory-green-deep: #073522;
    --directory-green-soft: #4d6b5a;
    --directory-gold: #b28a3e;
    --directory-gold-soft: rgba(178, 138, 62, .20);
    --directory-line: rgba(19, 59, 40, .15);
    --directory-muted: #6b776f;

    position: relative;
    margin-top: clamp(54px, 6vw, 78px);
}

/* --------------------------------------------------------------------------
   GROUP HEADING — restrained annual-report hierarchy
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial .team-group__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin: 0 0 22px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--directory-line);
}

.gsctempc-team .team-group--editorial .team-group__heading {
    min-width: 0;
}

.gsctempc-team .team-group--editorial .team-group__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 7px;
    color: var(--directory-gold);
    font-family: var(--oc-font-body, Inter, Poppins, Arial, sans-serif);
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .17em;
    line-height: 1.2;
    text-transform: uppercase;
}

.gsctempc-team .team-group--editorial .team-group__eyebrow::before {
    content: "";
    width: 26px;
    height: 1px;
    background: var(--directory-gold);
    flex: 0 0 auto;
}

.gsctempc-team .team-group--editorial .team-group__heading h3 {
    margin: 0;
    color: var(--directory-green);
    font-family: var(--oc-font-display, Fraunces, Georgia, serif);
    font-size: clamp(1.85rem, 2.45vw, 2.65rem);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -.035em;
}

.gsctempc-team .team-group--editorial .team-group__description {
    max-width: 690px;
    margin: 8px 0 0;
    color: var(--directory-green-soft);
    font-family: var(--oc-font-body, Inter, Poppins, Arial, sans-serif);
    font-size: .78rem;
    line-height: 1.65;
}

.gsctempc-team .team-group--editorial .team-group__meta {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 0 0 auto;
    margin: 0 0 2px;
    color: var(--directory-muted);
    font-family: var(--oc-font-body, Inter, Poppins, Arial, sans-serif);
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1;
    text-transform: uppercase;
}

.gsctempc-team .team-group--editorial .team-group__count {
    color: var(--directory-green);
    white-space: nowrap;
}

.gsctempc-team .team-group--editorial .team-group__view-all {
    display: none !important;
}

/* --------------------------------------------------------------------------
   DIRECTORY GRID
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial .gsc-committee-list,
.gsctempc-team .team-group--editorial .team-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    scrollbar-width: none;
}

.gsctempc-team .team-group--editorial .gsc-committee-list::after,
.gsctempc-team .team-group--editorial .team-grid::after {
    display: none !important;
    content: none !important;
}

/* --------------------------------------------------------------------------
   PERSON TILE — horizontal, substantial, readable
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial .gsc-committee-row,
.gsctempc-team .team-group--editorial .team-card {
    position: relative;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    grid-template-areas: "visual plate" !important;
    flex: initial !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 236px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(24, 62, 42, .14) !important;
    border-radius: 3px !important;
    background: var(--directory-paper) !important;
    box-shadow: 0 7px 20px rgba(18, 48, 32, .045) !important;
    transform: none !important;
    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease,
        transform .25s ease;
}

.gsctempc-team .team-group--editorial .gsc-committee-row::before,
.gsctempc-team .team-group--editorial .gsc-committee-row::after,
.gsctempc-team .team-group--editorial .team-card::before,
.gsctempc-team .team-group--editorial .team-card::after {
    content: none !important;
    display: none !important;
}

.gsctempc-team .team-group--editorial .gsc-committee-row:hover,
.gsctempc-team .team-group--editorial .team-card:hover {
    border-color: rgba(178, 138, 62, .42) !important;
    background: #fffefa !important;
    box-shadow: 0 14px 32px rgba(18, 48, 32, .075) !important;
    transform: translateY(-2px) !important;
}

/* --------------------------------------------------------------------------
   INDEX MARK
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial .team-card__index {
    position: absolute !important;
    z-index: 8 !important;
    top: 13px !important;
    right: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(13, 75, 48, .22) !important;
    font-family: var(--oc-font-display, Fraunces, Georgia, serif) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
}

/* --------------------------------------------------------------------------
   PORTRAIT PANEL
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial .team-card-visual {
    grid-area: visual !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 236px !important;
    height: 100% !important;
    padding: 18px 10px !important;
    overflow: hidden !important;
    background:
        linear-gradient(155deg, #edf2e9 0%, #f8f4e8 100%) !important;
}

.gsctempc-team .team-group--editorial .team-card-visual::after {
    content: "";
    position: absolute;
    left: 0;
    top: 17%;
    bottom: 17%;
    right: -1px;
    width: 1px;
    background: rgba(178, 138, 62, .22);
}

.gsctempc-team .team-group--editorial .team-card-visual__wash {
    position: absolute;
    inset: auto auto -25px -25px;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(178, 138, 62, .12), transparent 70%);
    pointer-events: none;
}

.gsctempc-team .team-group--editorial .team-card-ring {
    position: absolute !important;
    width: 98px !important;
    height: 98px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 1px solid rgba(178, 138, 62, .54) !important;
    box-shadow: 0 0 0 5px rgba(255, 253, 248, .92),
                0 0 0 6px rgba(178, 138, 62, .18) !important;
    transform: none !important;
}

.gsctempc-team .team-group--editorial .team-card-ring::before,
.gsctempc-team .team-group--editorial .team-card-ring::after {
    display: none !important;
    content: none !important;
}

.gsctempc-team .team-group--editorial .team-card-photo-frame {
    position: relative !important;
    z-index: 2 !important;
    width: 86px !important;
    height: 86px !important;
    padding: 3px !important;
    border: 1px solid rgba(178, 138, 62, .78) !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 7px 17px rgba(18, 48, 32, .13) !important;
}

.gsctempc-team .team-group--editorial .team-card-photo,
.gsctempc-team .team-group--editorial .team-card-photo--fallback {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center top !important;
    background: #eef1ec !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   INFORMATION PANEL
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial .team-card-plate {
    grid-area: plate !important;
    min-width: 0 !important;
    min-height: 236px !important;
    margin: 0 !important;
    padding: 24px 26px 21px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    text-align: left !important;
    background: transparent !important;
}

.gsctempc-team .team-group--editorial .team-card-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 14px !important;
    margin: 0 32px 8px 0 !important;
    color: var(--directory-gold) !important;
    font-family: var(--oc-font-body, Inter, Poppins, Arial, sans-serif) !important;
    font-size: .53rem !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

.gsctempc-team .team-group--editorial .team-card-kicker i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--directory-gold);
    flex: 0 0 auto;
}

.gsctempc-team .team-group--editorial .team-card-name {
    max-width: 100% !important;
    margin: 0 !important;
    color: var(--directory-green) !important;
    font-family: var(--oc-font-display, Fraunces, Georgia, serif) !important;
    font-size: clamp(1.15rem, 1.38vw, 1.48rem) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
    text-align: left !important;
    white-space: normal !important;
}

.gsctempc-team .team-group--editorial .team-card-position {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 7px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #426753 !important;
    font-family: var(--oc-font-body, Inter, Poppins, Arial, sans-serif) !important;
    font-size: .57rem !important;
    font-weight: 800 !important;
    letter-spacing: .105em !important;
    line-height: 1.4 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.gsctempc-team .team-group--editorial .team-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px 13px !important;
    width: 100% !important;
    margin: 13px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid rgba(24, 62, 42, .11) !important;
}

.gsctempc-team .team-group--editorial .team-card-meta__item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    color: #68776e !important;
    font-family: var(--oc-font-body, Inter, Poppins, Arial, sans-serif) !important;
    font-size: .55rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

.gsctempc-team .team-group--editorial .team-card-meta__item i {
    color: var(--directory-gold) !important;
    font-size: .57rem !important;
    flex: 0 0 auto !important;
}

.gsctempc-team .team-group--editorial .team-card-blurb {
    display: -webkit-box !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    overflow: hidden !important;
    color: #647168 !important;
    font-family: var(--oc-font-body, Inter, Poppins, Arial, sans-serif) !important;
    font-size: .64rem !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
}

/* There is intentionally no profile action in the inline directory. */
.gsctempc-team .team-group--editorial .team-card-open {
    display: none !important;
}

/* Old modal-oriented attributes/classes must not make the inline cards look
   like clickable UI. */
.gsctempc-team .team-group--editorial .team-card[role="button"] {
    cursor: default !important;
}

/* --------------------------------------------------------------------------
   OFFICER / SINGLE-MEMBER GROUPS
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .gsc-committee-list,
.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-grid {
    grid-template-columns: minmax(0, 1fr) !important;
}

.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-card {
    grid-template-columns: 126px minmax(0, 1fr) !important;
    min-height: 198px !important;
}

.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-card-visual,
.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-card-plate {
    min-height: 198px !important;
}

/* --------------------------------------------------------------------------
   MANAGEMENT / STAFF — slightly denser but still readable
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial[data-team-group="management"] .gsc-committee-list,
.gsctempc-team .team-group--editorial[data-team-group="management"] .team-grid,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .gsc-committee-list,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card {
    min-height: 218px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
}

.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-visual,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-visual {
    min-height: 218px !important;
}

.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-plate,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-plate {
    min-height: 218px !important;
    padding: 21px 21px 18px 19px !important;
}

.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-ring,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-ring {
    width: 82px !important;
    height: 82px !important;
}

.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-photo-frame,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-photo-frame {
    width: 72px !important;
    height: 72px !important;
}

.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-name,
.gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-name {
    font-size: 1.12rem !important;
}

/* --------------------------------------------------------------------------
   HIDE OLD EDITORIAL-ROW VISUAL ARTIFACTS
---------------------------------------------------------------------------- */

.gsctempc-team .team-group--editorial .team-card-feature-meta,
.gsctempc-team .team-group--editorial .team-card-feature-number,
.gsctempc-team .team-group--editorial .team-card-feature-rule,
.gsctempc-team .team-group--editorial .team-card-feature-role {
    display: none !important;
}

.gsctempc-team .team-group--editorial .team-card__watermark,
.gsctempc-team .team-group--editorial .team-card__texture,
.gsctempc-team .team-group--editorial .gsc-chairman-feature__watermark-glow,
.gsctempc-team .team-group--editorial .gsc-chairman-feature__ornament {
    display: none !important;
}

/* --------------------------------------------------------------------------
   TABLET
---------------------------------------------------------------------------- */

@media (max-width: 1120px) {
    .gsctempc-team .team-group--editorial .gsc-committee-list,
    .gsctempc-team .team-group--editorial .team-grid,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .gsc-committee-list,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-grid,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .gsc-committee-list,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .gsctempc-team .team-group--editorial .team-group__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 17px;
    }

    .gsctempc-team .team-group--editorial .team-group__meta {
        margin-bottom: 0;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-list,
    .gsctempc-team .team-group--editorial .team-grid,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .gsc-committee-list,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-grid,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .gsc-committee-list,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-grid {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row,
    .gsctempc-team .team-group--editorial .team-card,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card {
        grid-template-columns: 104px minmax(0, 1fr) !important;
        min-height: 220px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-visual,
    .gsctempc-team .team-group--editorial .team-card-plate,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-visual,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-plate,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-visual,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-plate {
        min-height: 220px !important;
    }
}

@media (max-width: 480px) {
    .gsctempc-team .team-group--editorial {
        margin-top: 44px;
    }

    .gsctempc-team .team-group--editorial .team-group__heading h3 {
        font-size: 1.82rem;
    }

    .gsctempc-team .team-group--editorial .team-group__description {
        font-size: .72rem;
    }

    .gsctempc-team .team-group--editorial .gsc-committee-row,
    .gsctempc-team .team-group--editorial .team-card,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        min-height: 208px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-visual,
    .gsctempc-team .team-group--editorial .team-card-plate,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-visual,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-plate,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-visual,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-plate {
        min-height: 208px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-ring {
        width: 78px !important;
        height: 78px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-photo-frame {
        width: 68px !important;
        height: 68px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-plate {
        padding: 20px 17px 17px 17px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-name {
        font-size: 1.06rem !important;
    }

    .gsctempc-team .team-group--editorial .team-card-position {
        font-size: .52rem !important;
    }

    .gsctempc-team .team-group--editorial .team-card-blurb {
        font-size: .59rem !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 390px) {
    .gsctempc-team .team-group--editorial .gsc-committee-row,
    .gsctempc-team .team-group--editorial .team-card,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        min-height: 200px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-visual,
    .gsctempc-team .team-group--editorial .team-card-plate,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-visual,
    .gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-plate,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-visual,
    .gsctempc-team .team-group--editorial[data-team-group="staff"] .team-card-plate {
        min-height: 200px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-ring {
        width: 70px !important;
        height: 70px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-photo-frame {
        width: 60px !important;
        height: 60px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-plate {
        padding: 18px 14px 15px 15px !important;
    }

    .gsctempc-team .team-group--editorial .team-card-kicker {
        font-size: .47rem !important;
        letter-spacing: .10em !important;
    }

    .gsctempc-team .team-group--editorial .team-card-name {
        font-size: 1rem !important;
    }

    .gsctempc-team .team-group--editorial .team-card-meta__item {
        font-size: .49rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--editorial .gsc-committee-row,
    .gsctempc-team .team-group--editorial .team-card {
        transition: none !important;
    }
}

/* ============================================================================
   V21 — LEADERSHIP HIERARCHY + PREMIUM DIRECTORY NAVIGATION

   Design hierarchy:
   01  Board of Directors        / governing leadership
   02  Secretary, Treasurer,
       Management                 / executive leadership
   03  Committees                 / oversight & committees
   04  Staff                      / member service

   The Chairman feature itself is deliberately NOT restyled here.
   These rules upgrade the surrounding directory cards and section hierarchy.
============================================================================ */

/* --------------------------------------------------------------------------
   CATEGORY NAVIGATION — real left/right controls
---------------------------------------------------------------------------- */
.gsctempc-team .org-filter-shell {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.gsctempc-team .org-filter-nav {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(24, 48, 37, .14);
    border-radius: 50%;
    background: #fffdf8;
    color: var(--team-forest);
    font-size: .62rem;
    cursor: pointer;
    box-shadow: 0 5px 14px rgba(17, 50, 32, .055);
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, opacity .2s ease;
}

.gsctempc-team .org-filter-nav:hover:not(:disabled) {
    transform: translateY(-1px);
    background: var(--team-forest);
    color: #fffdf8;
    border-color: var(--team-forest);
}

.gsctempc-team .org-filter-nav:active:not(:disabled) {
    transform: scale(.95);
}

.gsctempc-team .org-filter-nav:disabled {
    opacity: .28;
    cursor: default;
    box-shadow: none;
}

.gsctempc-team .org-filter-rail-wrap {
    min-width: 0;
}

/* --------------------------------------------------------------------------
   GROUP HIERARCHY — subtle visual language rather than loud badges
---------------------------------------------------------------------------- */
.gsctempc-team .team-group {
    position: relative;
}

.gsctempc-team .team-group__tier {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border: 1px solid rgba(24, 48, 37, .10);
    border-radius: 999px;
    color: #69756e;
    background: rgba(255,255,255,.58);
    font-family: var(--oc-font-body, Inter, Poppins, sans-serif);
    font-size: .47rem;
    font-weight: 800;
    letter-spacing: .11em;
    line-height: 1;
    text-transform: uppercase;
}

.gsctempc-team .team-group__meta {
    align-items: center;
}

/* Tier 1 — governing leadership */
.gsctempc-team .team-group--tier-1 {
    padding: 24px 24px 28px;
    border: 1px solid rgba(177, 138, 66, .24);
    border-top: 3px solid var(--team-gold);
    background:
        radial-gradient(circle at 8% 0%, rgba(216,189,120,.10), transparent 25%),
        linear-gradient(180deg, rgba(255,253,248,.92), rgba(248,246,240,.68));
    box-shadow: 0 16px 40px rgba(17, 50, 32, .045);
}

.gsctempc-team .team-group--tier-1 .team-group__head {
    margin-bottom: 22px;
    border-bottom-color: rgba(177, 138, 66, .28);
}

.gsctempc-team .team-group--tier-1 .team-group__eyebrow {
    color: #8f6c2d;
}

.gsctempc-team .team-group--tier-1 .team-group__head h3 {
    color: #0d3b27;
    font-size: clamp(1.8rem, 2.8vw, 2.65rem);
}

.gsctempc-team .team-group--tier-1 .team-group__description {
    max-width: 820px;
}

.gsctempc-team .team-group--tier-1 .team-group__tier {
    border-color: rgba(177,138,66,.34);
    color: #8f6c2d;
    background: rgba(177,138,66,.075);
}

/* Tier 2 — executive leadership */
.gsctempc-team .team-group--tier-2 {
    padding-top: 8px;
    border-top: 1px solid rgba(24,48,37,.10);
}

.gsctempc-team .team-group--tier-2 .team-group__head {
    padding-bottom: 16px;
    border-bottom-color: rgba(24,48,37,.13);
}

.gsctempc-team .team-group--tier-2 .team-group__head h3 {
    color: #12462d;
}

.gsctempc-team .team-group--tier-2 .team-group__eyebrow {
    color: #8f6c2d;
}

.gsctempc-team .team-group--tier-2 .team-group__tier {
    color: #245b3d;
    border-color: rgba(18,70,45,.18);
    background: rgba(18,70,45,.045);
}

/* Tier 3 — committees / oversight */
.gsctempc-team .team-group--tier-3 {
    padding-top: 4px;
}

.gsctempc-team .team-group--tier-3 .team-group__head h3 {
    color: #315343;
    font-size: clamp(1.55rem, 2.3vw, 2.15rem);
}

.gsctempc-team .team-group--tier-3 .team-group__tier {
    color: #6d735f;
}

/* Tier 4 — staff / service */
.gsctempc-team .team-group--tier-4 {
    padding-top: 2px;
}

.gsctempc-team .team-group--tier-4 .team-group__head h3 {
    color: #4b5e54;
    font-size: clamp(1.45rem, 2.1vw, 2rem);
}

.gsctempc-team .team-group--tier-4 .team-group__tier {
    color: #7a817c;
    background: rgba(24,48,37,.025);
}

/* --------------------------------------------------------------------------
   BOARD OF DIRECTORS — make the member directory visibly more prestigious
   without changing the Chairman feature.
---------------------------------------------------------------------------- */
.gsctempc-team .team-group--tier-1 .team-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured) {
    min-height: 322px;
    border: 1px solid rgba(177,138,66,.30);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,247,240,.98));
    box-shadow:
        0 10px 28px rgba(17,50,32,.065),
        0 1px 0 rgba(255,255,255,.9) inset;
    cursor: default;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured)::before {
    height: 3px;
    background: linear-gradient(90deg, #8c6428, #f1d88f 45%, #b88d3e 72%, #7f5c25);
    animation: none;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured)::after {
    background: radial-gradient(circle at 50% 8%, rgba(216,189,120,.13), transparent 38%);
    opacity: 1;
    animation: none;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured):hover {
    transform: translateY(-4px);
    border-color: rgba(177,138,66,.52);
    box-shadow:
        0 18px 38px rgba(17,50,32,.10),
        0 0 0 1px rgba(177,138,66,.07) inset;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card__index {
    top: 15px;
    right: 17px;
    color: rgba(116,90,42,.62);
    font-size: .53rem;
    letter-spacing: .18em;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-visual {
    min-height: 178px;
    padding: 28px 18px 10px;
    background: transparent;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-ring {
    width: 152px;
    height: 152px;
    background: radial-gradient(circle, rgba(216,189,120,.20), rgba(216,189,120,.045) 58%, transparent 73%);
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-ring::before {
    inset: 6px;
    border-color: rgba(177,138,66,.50);
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-photo-frame {
    width: 132px;
    height: 132px;
    padding: 5px;
    border: 1px solid rgba(177,138,66,.70);
    border-radius: 50%;
    background: #fffdf8;
    box-shadow:
        0 0 0 4px #fffdf8,
        0 0 0 5px rgba(177,138,66,.18),
        0 12px 25px rgba(17,50,32,.12);
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-photo {
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-plate {
    min-height: 124px;
    padding: 8px 18px 20px;
    align-items: center;
    text-align: center;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-kicker {
    justify-content: center;
    width: 100%;
    margin: 0 0 9px;
    color: #a07832;
    font-size: .53rem;
    letter-spacing: .17em;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-kicker i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c49a4d;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-name {
    width: 100%;
    color: #0d3b27;
    font-size: clamp(1.12rem, 1.55vw, 1.48rem);
    line-height: 1.08;
    text-align: center;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-position {
    justify-content: center;
    margin-top: 10px;
    padding: 5px 13px;
    border: 1px solid rgba(177,138,66,.44);
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(216,189,120,.34), rgba(244,226,162,.80), rgba(190,146,61,.42));
    color: #684d1f;
    font-size: .49rem;
    letter-spacing: .12em;
    box-shadow: 0 4px 12px rgba(177,138,66,.12);
}

/* Board cards don't show join dates. Keep the information area clean and
   prestigious rather than making governance look like an employment record. */
.gsctempc-team .team-group--tier-1 .team-card-meta:empty {
    display: none !important;
}

.gsctempc-team .team-group--tier-1 .team-card-blurb {
    display: none !important;
}

/* --------------------------------------------------------------------------
   TIER 2 — Secretary / Treasurer / Management
---------------------------------------------------------------------------- */
.gsctempc-team .team-group--tier-2 .gsc-committee-list {
    gap: 16px;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card {
    min-height: 224px !important;
    border: 1px solid rgba(18,70,45,.17) !important;
    border-left: 4px solid var(--team-gold) !important;
    border-radius: 9px !important;
    background: linear-gradient(105deg, #f4f1e7 0%, #fffdf8 52%, #f8f7f1 100%) !important;
    box-shadow: 0 12px 30px rgba(17,50,32,.065) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual,
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate {
    min-height: 224px !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual {
    min-width: 132px;
    background: linear-gradient(155deg, #edf1e9, #faf6e9) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-photo-frame {
    width: 104px !important;
    height: 104px !important;
    border-color: rgba(177,138,66,.70) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-name {
    font-size: clamp(1.32rem, 1.9vw, 1.72rem) !important;
    color: #0d3b27 !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-position {
    color: #805f2a !important;
    font-size: .55rem !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .gsc-committee-list {
    /* Management uses the same full-width executive box footprint as
       Secretary and Treasurer instead of a narrow 3-column slot. */
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card {
    min-height: 246px !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    border: 1px solid rgba(18,70,45,.16) !important;
    border-top: 2px solid rgba(177,138,66,.62) !important;
    border-radius: 9px !important;
    background: #fffdf8 !important;
    box-shadow: 0 10px 26px rgba(17,50,32,.055) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
    min-height: 246px !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-photo-frame {
    width: 82px !important;
    height: 82px !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-name {
    font-size: 1.18rem !important;
    color: #12462d !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-meta {
    margin-top: 12px !important;
}

/* --------------------------------------------------------------------------
   TIER 3 — committees: elegant, readable, intentionally quieter
---------------------------------------------------------------------------- */
.gsctempc-team .team-group--tier-3 .gsc-committee-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.gsctempc-team .team-group--tier-3 .team-card {
    min-height: 190px !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    border: 1px solid rgba(24,48,37,.12) !important;
    border-radius: 8px !important;
    background: #fffdf8 !important;
    box-shadow: 0 7px 20px rgba(17,50,32,.045) !important;
}

.gsctempc-team .team-group--tier-3 .team-card-visual,
.gsctempc-team .team-group--tier-3 .team-card-plate {
    min-height: 190px !important;
}

.gsctempc-team .team-group--tier-3 .team-card-photo-frame {
    width: 76px !important;
    height: 76px !important;
}

.gsctempc-team .team-group--tier-3 .team-card-name {
    font-size: 1.04rem !important;
}

.gsctempc-team .team-group--tier-3 .team-card-meta {
    margin-top: 9px !important;
    padding-top: 8px !important;
}

.gsctempc-team .team-group--tier-3 .team-card-blurb {
    -webkit-line-clamp: 2 !important;
    font-size: .58rem !important;
}

/* --------------------------------------------------------------------------
   TIER 4 — staff: clean service directory, deliberately quieter
---------------------------------------------------------------------------- */
.gsctempc-team .team-group--tier-4 .gsc-committee-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.gsctempc-team .team-group--tier-4 .team-card {
    min-height: 178px !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    border: 1px solid rgba(24,48,37,.10) !important;
    border-radius: 7px !important;
    background: rgba(255,253,248,.88) !important;
    box-shadow: none !important;
}

.gsctempc-team .team-group--tier-4 .team-card-visual,
.gsctempc-team .team-group--tier-4 .team-card-plate {
    min-height: 178px !important;
}

.gsctempc-team .team-group--tier-4 .team-card-photo-frame {
    width: 64px !important;
    height: 64px !important;
}

.gsctempc-team .team-group--tier-4 .team-card-name {
    font-size: .98rem !important;
}

.gsctempc-team .team-group--tier-4 .team-card-meta {
    margin-top: 8px !important;
}

.gsctempc-team .team-group--tier-4 .team-card-blurb {
    display: none !important;
}

/* --------------------------------------------------------------------------
   MOBILE / TABLET — hierarchy survives without making the cards microscopic
---------------------------------------------------------------------------- */
@media (max-width: 1120px) {
    .gsctempc-team .team-group--tier-1 .team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gsctempc-team .team-group--tier-2[data-team-group="management"] .gsc-committee-list {
        grid-template-columns: 1fr !important;
    }

    .gsctempc-team .team-group--tier-3 .gsc-committee-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .gsctempc-team .team-group--tier-4 .gsc-committee-list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .gsctempc-team__toolbar {
        grid-template-columns: 1fr;
    }

    .gsctempc-team .team-group--tier-1 {
        padding: 20px 18px 22px;
    }

    .gsctempc-team .team-group--tier-1 .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gsctempc-team .team-group--tier-2[data-team-group="management"] .gsc-committee-list {
        grid-template-columns: 1fr !important;
    }

    .gsctempc-team .team-group--tier-3 .gsc-committee-list,
    .gsctempc-team .team-group--tier-4 .gsc-committee-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .gsctempc-team .org-filter-shell {
        grid-template-columns: 32px minmax(0, 1fr) 32px;
        gap: 5px;
    }

    .gsctempc-team .org-filter-nav {
        width: 30px;
        height: 30px;
    }

    .gsctempc-team .team-group--tier-1 .team-grid,
    .gsctempc-team .team-group--tier-3 .gsc-committee-list,
    .gsctempc-team .team-group--tier-4 .gsc-committee-list {
        grid-template-columns: 1fr !important;
    }

    .gsctempc-team .team-group--tier-2[data-team-group="management"] .gsc-committee-list {
        grid-template-columns: 1fr !important;
    }

    .gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured) {
        min-height: 296px;
    }

    .gsctempc-team .team-group--tier-1 .team-grid .team-card-visual {
        min-height: 162px;
    }

    .gsctempc-team .team-group--tier-1 .team-grid .team-card-photo-frame {
        width: 120px;
        height: 120px;
    }

    .gsctempc-team .team-group__meta {
        flex-wrap: wrap;
        gap: 7px 10px;
    }

    .gsctempc-team .team-group__tier {
        order: -1;
    }
}

@media (max-width: 390px) {
    .gsctempc-team .team-group--tier-1 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .gsctempc-team .team-group--tier-1 .team-grid .team-card-photo-frame {
        width: 110px;
        height: 110px;
    }

    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card {
        grid-template-columns: 94px minmax(0, 1fr) !important;
    }

    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual,
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate {
        min-height: 200px !important;
    }
}


/* ============================================================================
   V22 POLISH — STAFF EXPLANATIONS + EXECUTIVE CARD PROPORTIONS

   Scope: organizational directory only.
   Board / Chairman feature remains untouched.
============================================================================ */

/* --------------------------------------------------------------------------
   BOARD — remove employment-style date/meta from governing leadership.
   The Board hierarchy should read as governance, not an employee directory.
---------------------------------------------------------------------------- */
.gsctempc-team .team-group--tier-1 .team-card-meta {
    display: none !important;
}

/* Keep the Board name/position area visually balanced now that the meta row
   is gone. */
.gsctempc-team .team-group--tier-1 .team-grid .team-card-plate {
    min-height: 112px;
    padding-bottom: 22px;
}

/* --------------------------------------------------------------------------
   TIER 2 — SECRETARY / TREASURER / MANAGEMENT
   Management cards use the exact same vertical footprint as the officer
   cards, so the executive tier feels intentionally related.
---------------------------------------------------------------------------- */
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
    min-height: 224px !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card {
    height: 224px !important;
}

/* Give management the same substantial executive presence as Secretary and
   Treasurer without turning it into a giant card. */
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-name {
    font-size: clamp(1.16rem, 1.5vw, 1.38rem) !important;
    line-height: 1.12 !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-position {
    margin-top: 8px !important;
}

/* --------------------------------------------------------------------------
   STAFF — bring the explanatory copy back.

   The previous tier-4 rule hid .team-card-blurb, which removed useful context
   from the staff boxes. Restore it as restrained editorial copy.
---------------------------------------------------------------------------- */
.gsctempc-team .team-group--tier-4 .team-card {
    min-height: 206px !important;
}

.gsctempc-team .team-group--tier-4 .team-card-visual,
.gsctempc-team .team-group--tier-4 .team-card-plate {
    min-height: 206px !important;
}

.gsctempc-team .team-group--tier-4 .team-card-blurb {
    display: -webkit-box !important;
    margin: 10px 0 0 !important;
    max-width: 31ch;
    overflow: hidden;
    color: #66736c !important;
    font-family: var(--oc-font-body, Inter, Poppins, sans-serif);
    font-size: .61rem !important;
    font-weight: 450;
    line-height: 1.55 !important;
    letter-spacing: .005em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.gsctempc-team .team-group--tier-4 .team-card-plate {
    padding-top: 15px;
    padding-bottom: 15px;
}

.gsctempc-team .team-group--tier-4 .team-card-meta {
    margin-top: 8px !important;
}

.gsctempc-team .team-group--tier-4 .team-card-meta__item {
    font-size: .51rem !important;
}

/* Make the staff name / role remain stronger than the explanatory copy. */
.gsctempc-team .team-group--tier-4 .team-card-name {
    color: #173f2d !important;
    font-size: 1rem !important;
    line-height: 1.13 !important;
}

.gsctempc-team .team-group--tier-4 .team-card-position {
    margin-top: 5px !important;
}

/* --------------------------------------------------------------------------
   MOBILE — keep the restored staff explanation readable rather than clipped.
---------------------------------------------------------------------------- */
@media (max-width: 820px) {
    .gsctempc-team .team-group--tier-4 .team-card,
    .gsctempc-team .team-group--tier-4 .team-card-visual,
    .gsctempc-team .team-group--tier-4 .team-card-plate {
        min-height: 196px !important;
    }
}

@media (max-width: 560px) {
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
        height: auto !important;
        min-height: 224px !important;
    }

    .gsctempc-team .team-group--tier-4 .team-card,
    .gsctempc-team .team-group--tier-4 .team-card-visual,
    .gsctempc-team .team-group--tier-4 .team-card-plate {
        min-height: 188px !important;
    }

    .gsctempc-team .team-group--tier-4 .team-card-blurb {
        max-width: none;
        -webkit-line-clamp: 4;
        font-size: .63rem !important;
    }
}
/* ============================================================
   FIX — force true circle portraits for Secretary, Treasurer,
   and Management (officer-* + management groups). aspect-ratio
   locks the frame + photo to a perfect circle regardless of how
   wide/narrow the surrounding grid column ends up being.
   ============================================================ */
.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-card-photo-frame,
.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-photo-frame {
    width: 104px !important;
    height: 104px !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-card-photo,
.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-card-photo--fallback,
.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-photo,
.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-photo--fallback {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 50% !important;
}

/* Stop the visual column from squeezing the frame sideways — this is
   what was flattening it into an oval. */
.gsctempc-team .team-group--editorial[data-team-group^="officer-"] .team-card-visual,
.gsctempc-team .team-group--editorial[data-team-group="management"] .team-card-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ============================================================
   FIX — true circle portraits for Committees too
   (side-* committees like Audit/Election, and committee-* groups)
   ============================================================ */
.gsctempc-team .team-group--editorial[data-team-group^="side-"] .team-card-photo-frame,
.gsctempc-team .team-group--editorial[data-team-group^="committee-"] .team-card-photo-frame {
    width: 76px !important;
    height: 76px !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

.gsctempc-team .team-group--editorial[data-team-group^="side-"] .team-card-photo,
.gsctempc-team .team-group--editorial[data-team-group^="side-"] .team-card-photo--fallback,
.gsctempc-team .team-group--editorial[data-team-group^="committee-"] .team-card-photo,
.gsctempc-team .team-group--editorial[data-team-group^="committee-"] .team-card-photo--fallback {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 50% !important;
}

.gsctempc-team .team-group--editorial[data-team-group^="side-"] .team-card-visual,
.gsctempc-team .team-group--editorial[data-team-group^="committee-"] .team-card-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ============================================================
   FIX — true circle portraits for Staff
   ============================================================ */
.gsctempc-team .team-group--tier-4 .team-card-photo-frame {
    width: 64px !important;
    height: 64px !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

.gsctempc-team .team-group--tier-4 .team-card-photo,
.gsctempc-team .team-group--tier-4 .team-card-photo--fallback {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 50% !important;
}

.gsctempc-team .team-group--tier-4 .team-card-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ============================================================
   UPGRADE — bigger, more designed position badge for
   Secretary / Treasurer / General Manager (tier-2)
   ============================================================ */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-position,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-position {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    margin-top: 12px !important;
    padding: 7px 18px !important;
    border: 1px solid rgba(177, 138, 66, .55) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(216,189,120,.22), rgba(244,226,162,.55), rgba(190,146,61,.22)) !important;
    box-shadow: 0 5px 14px rgba(177, 138, 66, .16) !important;
    color: #6b4e1e !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
    line-height: 1.3 !important;
}

/* small gold dot accent before the label, like a mini insignia */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-position::before,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-position::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #b28a3e;
    flex: 0 0 auto;
}

/* slight lift + stronger glow on card hover, so the badge feels alive */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .gsc-committee-row:hover .team-card-position,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .gsc-committee-row:hover .team-card-position,
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card:hover .team-card-position,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card:hover .team-card-position {
    border-color: rgba(177, 138, 66, .85) !important;
    box-shadow: 0 8px 20px rgba(177, 138, 66, .26) !important;
    transform: translateY(-1px);
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
/* ============================================================
   UPGRADE — badge for Committees (tier-3) and Staff (tier-4)
   Same family as tier-2's badge, scaled down for denser grids.
   ============================================================ */
.gsctempc-team .team-group--tier-3 .team-card-position {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    margin-top: 9px !important;
    padding: 5px 14px !important;
    border: 1px solid rgba(177, 138, 66, .50) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(216,189,120,.18), rgba(244,226,162,.46), rgba(190,146,61,.18)) !important;
    box-shadow: 0 4px 10px rgba(177, 138, 66, .13) !important;
    color: #6b4e1e !important;
    font-size: .58rem !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    line-height: 1.3 !important;
}

.gsctempc-team .team-group--tier-3 .team-card-position::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b28a3e;
    flex: 0 0 auto;
}

.gsctempc-team .team-group--tier-4 .team-card-position {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    margin-top: 8px !important;
    padding: 4px 12px !important;
    border: 1px solid rgba(177, 138, 66, .42) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(216,189,120,.14), rgba(244,226,162,.36), rgba(190,146,61,.14)) !important;
    box-shadow: 0 3px 8px rgba(177, 138, 66, .10) !important;
    color: #705323 !important;
    font-size: .52rem !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
    line-height: 1.3 !important;
}

.gsctempc-team .team-group--tier-4 .team-card-position::before {
    content: "";
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    background: #b28a3e;
    flex: 0 0 auto;
}

/* hover lift, same behavior as tier-2 */
.gsctempc-team .team-group--tier-3 .team-card:hover .team-card-position,
.gsctempc-team .team-group--tier-4 .team-card:hover .team-card-position {
    border-color: rgba(177, 138, 66, .78) !important;
    box-shadow: 0 7px 16px rgba(177, 138, 66, .22) !important;
    transform: translateY(-1px);
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}


/* ============================================================
   UPGRADE — Board of Directors position pill made noticeably
   MORE special: bigger, richer gold gradient, subtle rotating
   shine sweep, small flanking dashes like an insignia ribbon.
   ============================================================ */
.gsctempc-team .team-group--tier-1 .team-grid .team-card-position {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: hidden !important;
    margin-top: 12px !important;
    padding: 8px 22px !important;
    border: 1.5px solid rgba(177, 138, 66, .75) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(216,189,120,.42), rgba(250,232,170,.92), rgba(190,146,61,.42)) !important;
    box-shadow:
        0 8px 20px rgba(177, 138, 66, .28),
        0 0 0 1px rgba(255,255,255,.35) inset !important;
    color: #5c4116 !important;
    font-size: .62rem !important;
    font-weight: 900 !important;
    letter-spacing: .16em !important;
    line-height: 1.3 !important;
}

/* flanking gold dashes, like a small ceremonial ribbon */
.gsctempc-team .team-group--tier-1 .team-grid .team-card-position::before,
.gsctempc-team .team-group--tier-1 .team-grid .team-card-position::after {
    content: "";
    width: 10px;
    height: 1.5px;
    background: #8a6423;
    flex: 0 0 auto;
    opacity: .85;
}

/* slow rotating shine sweep across the pill */
.gsctempc-team .team-group--tier-1 .team-grid .team-card-position span {
    position: absolute;
    inset: -150%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 300deg,
        rgba(255,255,255,0) 322deg,
        rgba(255,255,255,.9) 335deg,
        rgba(255,255,255,0) 348deg,
        transparent 360deg
    );
    animation: gsc-board-pill-shine 4.5s linear infinite;
    pointer-events: none;
}

@keyframes gsc-board-pill-shine {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--tier-1 .team-grid .team-card-position span {
        animation: none;
    }
}

/* stronger hover state for Board cards specifically */
.gsctempc-team .team-group--tier-1 .team-grid .team-card:hover .team-card-position {
    border-color: rgba(177, 138, 66, 1) !important;
    box-shadow:
        0 12px 28px rgba(177, 138, 66, .38),
        0 0 0 1px rgba(255,255,255,.45) inset !important;
    transform: translateY(-1px) scale(1.02);
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
/* ============================================================
   UPGRADE — CHAIRMAN eyebrow badge made more special than the
   regular Board of Director pills below it.
   ============================================================ */
.gsctempc-team .gsc-chairman-feature__eyebrow {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 16px !important;
    border: 1.5px solid rgba(230, 197, 106, .85) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(216,189,120,.30), rgba(250,232,170,.55), rgba(190,146,61,.30)) !important;
    box-shadow:
        0 6px 16px rgba(0,0,0,.25),
        0 0 0 1px rgba(255,255,255,.12) inset,
        0 0 18px rgba(230,197,106,.35) !important;
    color: #2a1d06 !important;
    font-size: .62rem !important;
    font-weight: 900 !important;
    letter-spacing: .20em !important;
    line-height: 1.3 !important;
    overflow: hidden;
}

/* small flanking gold dashes, like a ceremonial insignia */
.gsctempc-team .gsc-chairman-feature__eyebrow::before,
.gsctempc-team .gsc-chairman-feature__eyebrow::after {
    content: "";
    width: 8px;
    height: 1.5px;
    background: #6b4e1e;
    flex: 0 0 auto;
    opacity: .8;
}

/* slow rotating shine sweep across the badge */
.gsctempc-team .gsc-chairman-feature__identity > div {
    position: relative;
}

.gsctempc-team .gsc-chairman-feature__eyebrow::after {
    /* keep the dash but layer the shine using a pseudo on identity div instead */
}

.gsctempc-team .gsc-chairman-feature__identity {
    position: relative;
}

/* Role text ("Board of Directors") stays subordinate — smaller, quieter,
   pushed slightly below the badge so the hierarchy reads clearly. */
.gsctempc-team .gsc-chairman-feature__role {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(244,240,230,.62) !important;
    font-size: .64rem !important;
    font-style: italic;
    letter-spacing: .01em !important;
}
/* ============================================================
   MAX UPGRADE — CHAIRMAN badge as a true insignia/medal
   ============================================================ */
.gsctempc-team .gsc-chairman-feature__eyebrow {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 8px 20px !important;
    border: 1.5px solid rgba(255, 221, 140, .95) !important;
    border-radius: 999px !important;

    /* animated gold sweep background */
    background: linear-gradient(
        100deg,
        #8a6423 0%,
        #f6e3a8 20%,
        #fffbe9 32%,
        #e7c477 46%,
        #a97f34 60%,
        #f6e3a8 78%,
        #8a6423 100%
    ) !important;
    background-size: 250% 100% !important;
    animation: gsc-chairman-badge-shine 3.2s linear infinite !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.32),
        0 0 0 1px rgba(255,255,255,.18) inset,
        0 0 26px rgba(230,197,106,.55) !important;

    color: #241705 !important;
    font-size: .66rem !important;
    font-weight: 900 !important;
    letter-spacing: .24em !important;
    line-height: 1.3 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
    overflow: hidden;

    animation:
        gsc-chairman-badge-shine 3.2s linear infinite,
        gsc-chairman-badge-pulse 2.4s ease-in-out infinite !important;
}

@keyframes gsc-chairman-badge-shine {
    from { background-position: 0% 0; }
    to   { background-position: -250% 0; }
}

@keyframes gsc-chairman-badge-pulse {
    0%, 100% {
        box-shadow:
            0 8px 20px rgba(0,0,0,.32),
            0 0 0 1px rgba(255,255,255,.18) inset,
            0 0 20px rgba(230,197,106,.45);
    }
    50% {
        box-shadow:
            0 8px 20px rgba(0,0,0,.32),
            0 0 0 1px rgba(255,255,255,.18) inset,
            0 0 34px rgba(230,197,106,.80);
    }
}

/* small crown icon before the text */
.gsctempc-team .gsc-chairman-feature__eyebrow::before {
    content: "\265B" !important; /* crown-like glyph, no image asset needed */
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: #241705 !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

/* flanking dash on the right only now (crown replaces the left one) */
.gsctempc-team .gsc-chairman-feature__eyebrow::after {
    content: "" !important;
    width: 10px !important;
    height: 1.5px !important;
    background: #241705 !important;
    opacity: .7 !important;
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .gsc-chairman-feature__eyebrow {
        animation: none !important;
        background-position: 0 0 !important;
    }
}
/* ============================================================
   UPGRADE — VICE-CHAIRMAN badge: more special than a regular
   Board of Director pill, but clearly a step below CHAIRMAN.
   Targets the card via its data-position attribute (case-
   insensitive), no PHP changes needed.
   ============================================================ */
.gsctempc-team .team-group--tier-1 .team-grid .team-card[data-position*="vice" i] .team-card-position {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    overflow: hidden !important;
    margin-top: 12px !important;
    padding: 7px 20px !important;
    border: 1.5px solid rgba(200, 200, 210, .85) !important;
    border-radius: 999px !important;

    /* cooler, silvery-champagne gradient — distinct from the warm gold
       Chairman badge and richer than the plain gold Board pill */
    background: linear-gradient(
        100deg,
        #b8bcc4 0%,
        #eef0f2 22%,
        #fdfdfe 38%,
        #e2ddc9 55%,
        #c9b98a 72%,
        #eef0f2 88%,
        #b8bcc4 100%
    ) !important;
    background-size: 220% 100% !important;

    box-shadow:
        0 6px 16px rgba(90, 90, 100, .22),
        0 0 0 1px rgba(255,255,255,.30) inset,
        0 0 14px rgba(200, 190, 160, .35) !important;

    color: #3a3a2e !important;
    font-size: .60rem !important;
    font-weight: 900 !important;
    letter-spacing: .17em !important;
    line-height: 1.3 !important;
}

/* small diamond accent before the label — quieter than the Chairman's
   crown, but still a distinct mark */
.gsctempc-team .team-group--tier-1 .team-grid .team-card[data-position*="vice" i] .team-card-position::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    background: #8a8266 !important;
    border-radius: 1px !important;
    transform: rotate(45deg) !important;
    flex: 0 0 auto !important;
    opacity: .85 !important;
}

/* single flanking dash on the right, echoing the Chairman badge's shape
   at a smaller scale */
.gsctempc-team .team-group--tier-1 .team-grid .team-card[data-position*="vice" i] .team-card-position::after {
    content: "" !important;
    width: 8px !important;
    height: 1.5px !important;
    background: #6f6a52 !important;
    opacity: .7 !important;
}

/* gentle, slower shine sweep — present but noticeably calmer than the
   Chairman's animated badge */
@keyframes gsc-vc-badge-shine {
    from { background-position: 0% 0; }
    to   { background-position: -220% 0; }
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card[data-position*="vice" i] .team-card-position {
    animation: gsc-vc-badge-shine 5.5s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--tier-1 .team-grid .team-card[data-position*="vice" i] .team-card-position {
        animation: none !important;
        background-position: 0 0 !important;
    }
}

/* stronger hover state, between the Chairman's and the plain Board pill's */
.gsctempc-team .team-group--tier-1 .team-grid .team-card[data-position*="vice" i]:hover .team-card-position {
    border-color: rgba(200, 200, 210, 1) !important;
    box-shadow:
        0 10px 22px rgba(90, 90, 100, .30),
        0 0 0 1px rgba(255,255,255,.40) inset,
        0 0 20px rgba(200, 190, 160, .50) !important;
    transform: translateY(-1px) !important;
}
/* ============================================================
   RESTORE — animated shine sweep on the top gold bar for
   Board of Director cards (was turned off in the tier-1 pass).
   ============================================================ */
.gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured)::before {
    background: linear-gradient(90deg, transparent, #8c6428, #f1d88f, #b88d3e, transparent);
    background-size: 200% 100%;
    animation: ocTopShine 4.5s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured)::before {
        animation: none !important;
    }
}
/* ============================================================
   UPGRADE — richer design for Secretary, Treasurer, and
   General Manager (tier-2) cards. Adds a portrait ring, subtle
   watermark, gradient panel, and a bottom accent bar so these
   read as premium executive cards instead of plain rows.
   ============================================================ */

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card {
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(177,138,66,.07), transparent 45%),
        linear-gradient(105deg, #fdfbf3 0%, #fffdf8 45%, #f8f5ea 100%) !important;
    transition:
        transform .3s cubic-bezier(.22,1,.36,1),
        box-shadow .3s ease,
        border-color .3s ease !important;
}

/* faint oversized watermark seal in the corner, like the Chairman card's
   institutional mark, just much quieter */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card::before,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card::before {
    content: "";
    position: absolute;
    top: -18%;
    right: -6%;
    width: 150px;
    height: 150px;
    background-image: url('../../logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .05;
    filter: grayscale(1) brightness(1.4);
    pointer-events: none;
    z-index: 0;
}

/* bottom accent bar — gold gradient, echoes the Board card's top shine
   but placed at the bottom so it doesn't compete with the header rule */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card::after,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #8c6428, #f1d88f, #b88d3e, transparent);
    background-size: 200% 100%;
    animation: ocTopShine 5s linear infinite;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card::after,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card::after {
        animation: none;
    }
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card:hover,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(177,138,66,.55) !important;
    box-shadow: 0 20px 42px rgba(17,50,32,.10) !important;
}

/* portrait ring — same dual-ring language as the Board cards, added
   here since tier-2 photo frames didn't have one */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-photo-frame,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-photo-frame {
    position: relative !important;
    box-shadow:
        0 0 0 4px #fffdf8,
        0 0 0 5px rgba(177,138,66,.30),
        0 10px 24px rgba(17,50,32,.14) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card:hover .team-card-photo-frame,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card:hover .team-card-photo-frame {
    box-shadow:
        0 0 0 4px #fffdf8,
        0 0 0 5px rgba(177,138,66,.55),
        0 14px 30px rgba(17,50,32,.18) !important;
}

/* keep content above the watermark/accent bar layers */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual,
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
    position: relative;
    z-index: 2;
}

/* slightly bigger, more confident name typography to match the upgraded
   card weight */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-name {
    font-size: clamp(1.4rem, 2vw, 1.85rem) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-name {
    font-size: clamp(1.22rem, 1.6vw, 1.45rem) !important;
}
/* ============================================================
   FIX — tier-2 cards (Secretary, Treasurer, General Manager)
   were too short/wide with empty space. Made taller, bigger
   portrait, and added a right-side decorative element to
   balance the composition.
   ============================================================ */

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card {
    min-height: 200px !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual,
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
    min-height: 200px !important;
}

/* bigger portrait to fill the taller visual column */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-photo-frame,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-photo-frame {
    width: 128px !important;
    height: 128px !important;
}

/* more generous, vertically-centered content padding so the plate
   doesn't feel like it's floating in a mostly-empty box */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
    justify-content: center !important;
    gap: 8px !important;
    padding: 24px 100px 24px 24px !important;
}

/* decorative right-side element: a large, translucent Fraunces initial
   letter of the person's role, filling the previously-empty right side
   -- purely decorative (aria-hidden via CSS content, no markup change) */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card::before,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 90px;
    height: 90px;
    background-image: radial-gradient(circle, rgba(177,138,66,.16), transparent 72%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card::after,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card::after {
    /* keep the bottom shine bar from the previous pass, just re-declared
       here since ::after is reused below for the ring icon on top of it */
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #8c6428, #f1d88f, #b88d3e, transparent);
    background-size: 200% 100%;
    animation: ocTopShine 5s linear infinite;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card::after,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card::after {
        animation: none;
    }
}

/* laurel/seal icon sitting inside that glow circle -- a simple gold
   ring shape via border, echoing the institutional seal motif used
   elsewhere on this page without needing an image asset */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual::after,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual::after {
    content: "\f521"; /* fa-landmark glyph via Font Awesome, already loaded site-wide */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: -160px;
    transform: translateY(-50%);
    font-size: 2.4rem;
    color: rgba(177,138,66,.20);
    pointer-events: none;
    z-index: 0;
}

/* keep name/position/meta above the decorative layers */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-name,
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-position,
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-meta,
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-blurb,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-name,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-position,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-meta,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-blurb {
    position: relative;
    z-index: 2;
}

@media (max-width: 620px) {
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card {
        grid-template-columns: 104px minmax(0, 1fr) !important;
        min-height: 180px !important;
    }
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual,
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
        min-height: 180px !important;
    }
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-photo-frame,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-photo-frame {
        width: 92px !important;
        height: 92px !important;
    }
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
        padding-right: 24px !important;
    }
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-visual::after,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-visual::after {
        display: none;
    }
}
/* ============================================================
   FIX — Management (and officer) card names getting clipped.
   white-space: nowrap was fighting the new right-side padding
   added for the decorative icon. Let names wrap instead.
   ============================================================ */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-name,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
}

/* Management name was sized too large for the available width once the
   right-side decorative padding was added -- scale it back down a touch. */
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-name {
    font-size: clamp(1.05rem, 1.35vw, 1.28rem) !important;
}

/* Reduce the right padding a bit so there's more room for text before
   it needs to wrap at all. */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
    padding-right: 70px !important;
}

@media (max-width: 620px) {
    .gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-plate,
    .gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-plate {
        padding-right: 24px !important;
    }
}
/* ============================================================
   FIX — Management name was sized smaller than Secretary/
   Treasurer from an earlier clipping fix. Unify all three
   tier-2 names to the same size.
   ============================================================ */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-name,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-name {
    font-size: clamp(1.25rem, 1.7vw, 1.55rem) !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
}
/* ============================================================================
   GSC-TEMPC — MEET THE TEAM — LOGO GREEN (#30AA28) ON PURE WHITE
   Paste this block at the VERY BOTTOM of organizational_structure_modern.css.
   It overrides the dark greens and cream tints. The Chairman box keeps its dark green.
   Gold accents, gold badges, portrait rings and grey body text are untouched.
   ============================================================================ */

/* ---------- 1. Variables + section background ---------- */
.gsctempc-team {
    --team-forest: #30AA28;
    --team-forest-deep: #30AA28;
    --team-forest-mid: #30AA28;
    --team-forest-soft: #30AA28;
    --team-ivory: #ffffff;
    --team-paper: #ffffff;
    --team-line: rgba(48, 170, 40, 0.15);
    background: #ffffff !important;
}

.gsctempc-team .team-group--editorial {
    --directory-paper: #ffffff;
    --directory-paper-warm: #ffffff;
    --directory-green: #30AA28;
    --directory-green-deep: #30AA28;
    --directory-green-soft: #5e6d66;
    --directory-line: rgba(48, 170, 40, 0.15);
}

/* ---------- 2. Filter toolbar ---------- */
.gsctempc-team__toolbar {
    background: #ffffff;
    border-color: rgba(48, 170, 40, 0.16);
    box-shadow: 0 8px 28px rgba(48, 170, 40, 0.06);
}

.gsctempc-team .team-tab:hover,
.gsctempc-team .org-filter-items .team-tab:hover {
    background: rgba(48, 170, 40, 0.08);
    border-color: rgba(48, 170, 40, 0.28);
    color: #30AA28;
}

.gsctempc-team .team-tab.is-active,
.gsctempc-team .org-filter-items .team-tab.is-active {
    background: #30AA28;
    border-color: #30AA28;
    color: #ffffff;
    box-shadow: 0 7px 18px rgba(48, 170, 40, 0.25);
}

.gsctempc-team .team-tab.is-active .tab-index,
.gsctempc-team .org-filter-items .team-tab.is-active .tab-index {
    color: #ffffff;
}

.gsctempc-team .org-filter-items .team-tab {
    background: #ffffff;
    border-color: rgba(48, 170, 40, 0.18);
    box-shadow: 0 3px 10px rgba(48, 170, 40, 0.05);
}

.gsctempc-team .org-filter-items .tab-count {
    background: #ffffff;
    border-color: rgba(48, 170, 40, 0.22);
}

.gsctempc-team .org-filter-items .team-tab.is-active .tab-count {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}

.gsctempc-team .org-filter-nav {
    background: #ffffff;
    border-color: rgba(48, 170, 40, 0.22);
    color: #30AA28;
    box-shadow: 0 5px 14px rgba(48, 170, 40, 0.08);
}

.gsctempc-team .org-filter-nav:hover:not(:disabled) {
    background: #30AA28;
    border-color: #30AA28;
    color: #ffffff;
}

.gsctempc-team .org-filter-fade--left {
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));
}

.gsctempc-team .org-filter-fade--right {
    background: linear-gradient(270deg, #ffffff, rgba(255, 255, 255, 0));
}

.gsctempc-team .team-search input,
.gsctempc-team .org-filter-search input {
    background: #ffffff;
    border-color: rgba(48, 170, 40, 0.2);
}

/* ---------- 3. Group headings (all tiers) ---------- */
.gsctempc-team .team-group__head h3,
.gsctempc-team .team-group--editorial .team-group__heading h3,
.gsctempc-team .team-group--tier-1 .team-group__head h3,
.gsctempc-team .team-group--tier-2 .team-group__head h3,
.gsctempc-team .team-group--tier-3 .team-group__head h3,
.gsctempc-team .team-group--tier-4 .team-group__head h3 {
    color: #30AA28 !important;
}

.gsctempc-team .team-group__view-all,
.gsctempc-team .team-group--editorial .team-group__view-all {
    color: #30AA28 !important;
}

.gsctempc-team .team-group--editorial {
    border-top-color: rgba(48, 170, 40, 0.16);
}

.gsctempc-team .team-group--editorial .team-group__head,
.gsctempc-team .team-group--tier-2 .team-group__head {
    border-bottom-color: rgba(48, 170, 40, 0.18);
}

.gsctempc-team .team-group--tier-2 {
    border-top-color: rgba(48, 170, 40, 0.16);
}

.gsctempc-team .team-group__tier {
    background: #ffffff;
    border-color: rgba(48, 170, 40, 0.2);
}

.gsctempc-team .team-group--tier-2 .team-group__tier {
    color: #30AA28;
    border-color: rgba(48, 170, 40, 0.28);
    background: rgba(48, 170, 40, 0.06);
}

/* Board tier box: white, gold top rule kept */
.gsctempc-team .team-group--tier-1 {
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(48, 170, 40, 0.07);
}

/* ---------- 4. All member cards except the Chairman ---------- */
.gsctempc-team .team-group .team-card:not(.team-card--featured) {
    background: #ffffff !important;
    border-color: rgba(48, 170, 40, 0.16) !important;
    box-shadow: 0 8px 24px rgba(48, 170, 40, 0.08) !important;
}

.gsctempc-team .team-group .team-card:not(.team-card--featured):hover {
    background: #ffffff !important;
    border-color: rgba(177, 138, 66, 0.45) !important;
    box-shadow: 0 16px 36px rgba(48, 170, 40, 0.14) !important;
}

/* Gold edge accents stay gold on executive and board cards */
.gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured) {
    border-color: rgba(177, 138, 66, 0.30) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card {
    border-left-color: #ad8744 !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card {
    border-top-color: rgba(177, 138, 66, 0.62) !important;
}

/* Portrait panel: white instead of the cream/green gradient */
.gsctempc-team .team-group .team-card:not(.team-card--featured) .team-card-visual {
    background: #ffffff !important;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card:not(.team-card--featured) .team-card-visual {
    background: transparent !important;
}

/* Names in logo green */
.gsctempc-team .team-group .team-card:not(.team-card--featured) .team-card-name {
    color: #30AA28 !important;
}

/* Index numbers */
.gsctempc-team .team-group--editorial .team-card__index {
    color: rgba(48, 170, 40, 0.32) !important;
}

/* Plain (non-badge) role labels */
.gsctempc-team .team-group--editorial .team-card-position {
    color: #5e6d66;
}

/* Photo frame backgrounds */
.gsctempc-team .team-group--editorial .team-card-photo-frame {
    background: #ffffff !important;
}

/* ---------- 5. Chairman feature: intentionally NOT overridden ----------
   The Chairman box keeps its original dark green design. */

/* ---------- 6. Small leftovers ---------- */
.gsctempc-team__closing-rule::after {
    background: #ffffff;
}

.gsctempc-team .team-empty {
    border-color: rgba(48, 170, 40, 0.28);
}
/* ============================================================================
   MEET THE TEAM — BROWN → SHINY GOLD
   Paste at the VERY BOTTOM of organizational_structure_modern.css.
   The Chairman box is not touched.
   ============================================================================ */

/* ---------- 1. Gold variables (fixes lines, dots, icons, tab numbers at once) ---------- */
.gsctempc-team {
    --team-gold: #d9a93d;
    --team-gold-light: #f1d88f;
    --gsc-shiny-gold: linear-gradient(100deg, #b8861b 0%, #e8bf48 25%, #fbe48a 45%, #d6a331 65%, #b8861b 100%);
}

.gsctempc-team .team-group--editorial {
    --directory-gold: #d9a93d;
}

/* ---------- 2. Eyebrow + kicker text: shiny gold with a slow shimmer ---------- */
.gsctempc-team .gsctempc-team__eyebrow,
.gsctempc-team__eyebrow,
.gsctempc-team .team-group__eyebrow,
.gsctempc-team .team-group--editorial .team-group__eyebrow,
.gsctempc-team .team-group--tier-1 .team-group__eyebrow,
.gsctempc-team .team-group--tier-2 .team-group__eyebrow,
.gsctempc-team .team-card-kicker,
.gsctempc-team .team-group--editorial .team-card-kicker {
    background: var(--gsc-shiny-gold) !important;
    background-size: 250% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    animation: gscGoldTextShine 5s linear infinite;
}

@keyframes gscGoldTextShine {
    from { background-position: 0% 0; }
    to   { background-position: -250% 0; }
}

/* the little lines/dots beside those labels */
.gsctempc-team__eyebrow::before,
.gsctempc-team__eyebrow::after,
.gsctempc-team .team-group--editorial .team-group__eyebrow::before {
    background: linear-gradient(90deg, #b8861b, #f6dc7e, #d6a331) !important;
}

.gsctempc-team .team-group--editorial .team-card-kicker i {
    background: #e0b13c !important;
}

/* ---------- 3. Board box top rule: shiny animated gold bar ---------- */
.gsctempc-team .team-group--tier-1 {
    position: relative;
    border-top-color: transparent !important;
    border-color: rgba(217, 169, 61, .30);
}

.gsctempc-team .team-group--tier-1::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -1px;
    right: -1px;
    height: 3px;
    background: linear-gradient(90deg, #b8861b, #f6dc7e 30%, #fff2b0 50%, #e0b13c 70%, #b8861b);
    background-size: 200% 100%;
    animation: ocTopShine 4.5s linear infinite;
    pointer-events: none;
}

.gsctempc-team .team-group--tier-1 .team-group__head {
    border-bottom-color: rgba(217, 169, 61, .35);
}

/* ---------- 4. Gold edges on executive cards ---------- */
.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card {
    border-left-color: #d9a93d !important;
}

.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card {
    border-top-color: #d9a93d !important;
}

/* ---------- 5. Icons and small marks ---------- */
.gsctempc-team .team-card-meta__item i,
.gsctempc-team .team-card-open i,
.gsctempc-team .team-group__view-all i,
.gsctempc-team .tab-index {
    color: #d9a93d !important;
}

.gsctempc-team .team-tab.is-active .tab-index,
.gsctempc-team .org-filter-items .team-tab.is-active .tab-index {
    color: #ffffff !important;
}

/* ---------- 6. Portrait rings: gold instead of brown-gold ---------- */
.gsctempc-team .team-group--editorial .team-card-photo-frame {
    border-color: rgba(230, 188, 70, .85) !important;
}

.gsctempc-team .team-group--tier-2[data-team-group^="officer-"] .team-card-photo-frame,
.gsctempc-team .team-group--tier-2[data-team-group="management"] .team-card-photo-frame {
    box-shadow:
        0 0 0 4px #ffffff,
        0 0 0 5px rgba(230, 188, 70, .55),
        0 10px 24px rgba(48, 170, 40, .14) !important;
}

/* ---------- 7. Text on the gold position pills: dark instead of brown ---------- */
.gsctempc-team .team-group--tier-1 .team-grid .team-card-position,
.gsctempc-team .team-group--tier-2 .team-card-position,
.gsctempc-team .team-group--tier-3 .team-card-position,
.gsctempc-team .team-group--tier-4 .team-card-position {
    color: #2a1d06 !important;
}

.gsctempc-team .team-group--tier-1 .team-grid .team-card-position::before,
.gsctempc-team .team-group--tier-1 .team-grid .team-card-position::after,
.gsctempc-team .team-group--tier-2 .team-card-position::before,
.gsctempc-team .team-group--tier-3 .team-card-position::before,
.gsctempc-team .team-group--tier-4 .team-card-position::before {
    background: #b8861b !important;
}

@media (prefers-reduced-motion: reduce) {
    .gsctempc-team .team-card-kicker,
    .gsctempc-team__eyebrow,
    .gsctempc-team .team-group__eyebrow,
    .gsctempc-team .team-group--tier-1::before {
        animation: none !important;
    }
}