/* Source: baseline/cohort-hub.html inline <style> blocks, verbatim, in document order. */

html{scroll-behavior:smooth}
body{margin:0;background:var(--tgn-parchment-50);color:var(--tgn-ink);font-family:var(--font-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4,p,ul,li{margin:0;padding:0}
*{box-sizing:border-box}
ul{list-style:none}
a{color:inherit;text-decoration:none}
a:hover{color:var(--tgn-brick)}
button{font-family:var(--font-body);cursor:pointer;border:0}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .rs-acc-closed,details:not([open]) .rs-acc-open{display:none}
@media(max-width:920px){
.rs-ct-grid{grid-template-columns:1fr!important}
.rs-ct-rail{position:static!important}
}
@media(max-width:760px){
.rs-fb-grid{grid-template-columns:1fr!important;gap:4px!important}
.rs-gw-grid{grid-template-columns:1fr!important}
.rs-os-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
.rs-mr-row{flex-direction:column!important;align-items:flex-start!important}
.rs-mr-row a{width:100%!important;justify-content:center!important}
}
@media(prefers-reduced-motion:reduce){
*{transition:none!important}
}

/* hover states, page-local */
.rs-h1:hover{background:var(--tgn-cta-surface-hover) !important;color:var(--tgn-cta-ink-hover) !important}
.rs-h2:hover{background:var(--tgn-parchment-500) !important}
.rs-h3:hover{background:var(--tgn-parchment-500) !important}
.rs-h4:hover{background:var(--tgn-parchment-500) !important}
.rs-h5:hover{background:var(--tgn-parchment-500) !important}
.rs-h7:hover{border-color:var(--tgn-brick) !important}
.rs-h8:hover{border-color:var(--tgn-brick) !important}
/* footer hover states, copied verbatim from index.html so the chassis footer renders identically */
.hm-h10:hover{color:var(--tgn-parchment-50) !important;border-bottom:1px solid var(--tgn-brick) !important}

/* ==========================================================================
   TGN — Cohort Facilitator Directory (/directory)
   Page-unique styles only. Everything is scoped under .tgn-cohort-hub so
   it can be dropped into Beaver Builder without colliding with the parent
   theme.

   Tokens are re-declared on the container using the CANONICAL names from
   assets/css/tgn-tokens.css. Every value below is byte-identical to that
   file, so this page renders correctly standalone AND composes cleanly when
   the site stylesheet is already loaded.
   ========================================================================== */

.tgn-cohort-hub {
  /* Brand */
  --tgn-ink: #171411;
  --tgn-brick: #CE4012;
  --tgn-cta: #FF7901;
  --tgn-amber: #F9C925;
  --tgn-accent-minor: #CC2B28;
  /* Brick darkened for use as TEXT below 24px. Value byte-identical to
     assets/css/tgn-tokens.css. Was used by .badge--regional, .cc__lab and
     .fbcard__link but never re-declared here. */
  --tgn-brick-label: #B8390F;
  /* Tints */
  --tgn-blue-tint: #DCE6F0;
  --tgn-amber-tint: #FCF0CE;
  --tgn-blush: #FBEDE8;
  /* Parchment scale */
  --tgn-parchment-50: #F9F7F6;
  --tgn-parchment-100: #EBE5E0;
  --tgn-parchment-200: #CCBEB3;
  --tgn-parchment-300: #A38B75;
  --tgn-parchment-400: #6B5847;
  --tgn-parchment-500: #2E261F;
  --tgn-white: #FFFFFF;
  /* Radii + layout */
  --tgn-radius-pill: 100px;
  --tgn-radius-card: 20px;
  --tgn-radius-badge: 999px;
  --tgn-radius-inset: 14px;
  --tgn-container-max: 1280px;
  /* Type */
  --font-heading: 'Fraunces', serif;
  --font-body: 'Work Sans', sans-serif;

  background: var(--tgn-parchment-50);
  color: var(--tgn-ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}
.tgn-cohort-hub, .tgn-cohort-hub * { box-sizing: border-box; }
.tgn-cohort-hub h1,
.tgn-cohort-hub h2,
.tgn-cohort-hub h3,
.tgn-cohort-hub h4,
.tgn-cohort-hub p,
.tgn-cohort-hub ul,
.tgn-cohort-hub li,
.tgn-cohort-hub figure { margin: 0; padding: 0; }
.tgn-cohort-hub ul { list-style: none; }
.tgn-cohort-hub a { color: inherit; text-decoration: none; }
.tgn-cohort-hub .wrap { max-width: var(--tgn-container-max); margin: 0 auto; padding: 0 clamp(24px, 2.8vw, 40px); }

/* Hero — single centered column, matching the "S02 centered, no photography"
   convention used on prayer.html and cohort-hub.html (same wrap max-width,
   same text-align:center, same h1 font-size clamp). */
.tgn-cohort-hub .dhero{background:var(--tgn-white);padding:clamp(72px,7vw,104px) 0 clamp(64px,6vw,92px)}
.tgn-cohort-hub .dhero__center{max-width:720px;margin:0 auto;padding:0 clamp(24px,2.8vw,40px);text-align:center}
.tgn-cohort-hub .dhero h1{font-family:var(--font-heading);font-size:clamp(34px,4.8vw,56px);font-weight:600;letter-spacing:-.02em;line-height:1.1;max-width:24ch;margin-left:auto;margin-right:auto}
.tgn-cohort-hub .dhero p{margin-top:24px;max-width:62ch;font-size:17px;color:var(--tgn-parchment-500);margin-left:auto;margin-right:auto}
.tgn-cohort-hub .dhero__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* Bands */
.tgn-cohort-hub .band{padding:clamp(56px,5.6vw,80px) 0}
.tgn-cohort-hub .band--directory{background:var(--tgn-parchment-50)}
.tgn-cohort-hub .band--fallback{background:var(--tgn-parchment-50);padding:clamp(64px,6vw,96px) 0 clamp(72px,7vw,104px)}

/* Section lead-in (promoted from the removed trust strip) */

/* Filters */
.tgn-cohort-hub .filters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding-bottom:clamp(36px,3.6vw,48px)}
.tgn-cohort-hub .chip{display:inline-flex;align-items:center;gap:7px;border-radius:var(--tgn-radius-pill);padding:11px 20px;font-size:14px;font-weight:600;background:var(--tgn-white);border:1px solid var(--tgn-parchment-200);color:var(--tgn-ink);transition:background 150ms ease,border-color 150ms ease}
.tgn-cohort-hub .chip:hover{border-color:var(--tgn-parchment-300)}
.tgn-cohort-hub .chip--on{background:var(--tgn-cta);border-color:var(--tgn-cta);color:var(--tgn-ink)}
.tgn-cohort-hub .chip--on:hover{background:var(--tgn-cta);border-color:var(--tgn-cta)}

/* Groups and cards */
.tgn-cohort-hub .grp{margin:0 0 28px}
.tgn-cohort-hub .grp__h{font-family:var(--font-heading);font-size:clamp(24px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.tgn-cohort-hub .tick{display:block;width:24px;height:3px;background:var(--tgn-brick);margin:14px 0 0}
.tgn-cohort-hub .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.tgn-cohort-hub .pcard{background:var(--tgn-white);border:1px solid var(--tgn-parchment-200);border-radius:var(--tgn-radius-card);padding:28px;display:flex;flex-direction:column}
.tgn-cohort-hub .badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border-radius:var(--tgn-radius-badge);padding:6px 13px;font-size:12px;font-weight:700;letter-spacing:.01em}
.tgn-cohort-hub .badge--regional{background:rgba(206,64,18,.12);border:1px solid rgba(206,64,18,.35);color:var(--tgn-brick-label)}
.tgn-cohort-hub .badge--affinity{background:rgba(249,201,37,.30);border:1px solid rgba(249,201,37,.55);color:var(--tgn-parchment-500)}
.tgn-cohort-hub .badge--local{background:var(--tgn-blue-tint);border:1px solid var(--tgn-parchment-200);color:var(--tgn-parchment-500)}
.tgn-cohort-hub .tgn-av{margin-top:22px}
/* Two-avatar facepile, for the one card naming two people. The wrapper
   carries the 22px offset and the children reset it, or the rule above
   would cascade onto both circles and drop them below their siblings.
   border-box keeps each circle 88px with its 2px separator border, so the
   card stays vertically aligned with the rest of its row. */
.tgn-cohort-hub .tgn-av-pair{display:flex;margin-top:22px;height:var(--tgn-av-lg);flex:none}
.tgn-cohort-hub .tgn-av-pair .tgn-av{margin-top:0;box-sizing:border-box;border:2px solid var(--tgn-white)}
.tgn-cohort-hub .tgn-av-pair .tgn-av+.tgn-av{margin-left:-18px}
.tgn-cohort-hub .pcard__name{font-family:var(--font-heading);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-top:18px}
.tgn-cohort-hub .pcard__loc{font-size:13px;color:var(--tgn-parchment-400);margin-top:4px}
.tgn-cohort-hub .pcard__desc{font-size:12.5px;font-weight:600;color:var(--tgn-parchment-400);margin-top:6px}
.tgn-cohort-hub .pcard__bio{font-size:14px;line-height:1.65;margin-top:14px;margin-bottom:24px}
.tgn-cohort-hub .flag{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--tgn-accent-minor);background:var(--tgn-blush);padding:5px 11px;border-radius:var(--tgn-radius-badge);margin-top:14px}
.tgn-cohort-hub .pcard__btn{margin-top:auto;align-self:flex-start}
.tgn-cohort-hub .pcard__btn[aria-expanded="true"]{border-color:var(--tgn-ink)}
.tgn-cohort-hub .pcard.is-open{border-color:var(--tgn-ink)}

/* Panels */
.tgn-cohort-hub .pnl{grid-column:1/-1;background:var(--tgn-blue-tint);border:1px solid var(--tgn-parchment-200);border-radius:var(--tgn-radius-card);padding:36px 40px;position:relative}
.tgn-cohort-hub .band--affinity .pnl{background:var(--tgn-white)}
.tgn-cohort-hub .pnl[hidden]{display:none}
.tgn-cohort-hub .pnl:focus{outline:none}
.tgn-cohort-hub .pnl:focus-visible{outline:2px solid var(--tgn-brick);outline-offset:3px}
.tgn-cohort-hub .pnl::before{content:"";position:absolute;top:-9px;left:var(--tgn-notch-x,50%);width:16px;height:16px;margin-left:-8px;background:inherit;border-left:1px solid var(--tgn-parchment-200);border-top:1px solid var(--tgn-parchment-200);border-top-left-radius:3px;transform:rotate(45deg)}
.tgn-cohort-hub .pnl__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:var(--tgn-radius-badge);border:1px solid var(--tgn-parchment-200);background:var(--tgn-parchment-50);font-size:22px;line-height:1;color:var(--tgn-ink);cursor:pointer}
.tgn-cohort-hub .pnl__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,4vw,56px)}
.tgn-cohort-hub .pnl__name{font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.tgn-cohort-hub .pnl__bio{margin-top:16px;max-width:68ch;font-size:15px}
.tgn-cohort-hub .cc, .tgn-cohort-hub .pnl__card{background:var(--tgn-white);border:1px solid var(--tgn-parchment-200);border-radius:var(--tgn-radius-inset);padding:22px 24px;margin-top:22px}
.tgn-cohort-hub .band--affinity .cc{background:var(--tgn-parchment-50)}
.tgn-cohort-hub .cc__lab{display:block;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tgn-brick-label);margin-bottom:12px}
.tgn-cohort-hub .cc__row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--tgn-parchment-100);font-size:15px}
.tgn-cohort-hub .cc__row:last-of-type{border-bottom:0;padding-bottom:0}
.tgn-cohort-hub .cc__row:first-of-type{padding-top:0}
.tgn-cohort-hub .cc__i{flex:none;color:var(--tgn-parchment-400)}
.tgn-cohort-hub .cc__pending{color:var(--tgn-parchment-300);font-style:italic}
.tgn-cohort-hub .cc--empty p{font-size:14.5px;color:var(--tgn-parchment-300);font-style:italic}
.tgn-cohort-hub .pnl__card{margin-top:0}
.tgn-cohort-hub .band--affinity .pnl__card{background:var(--tgn-parchment-50)}
.tgn-cohort-hub .pnl__cardhead{font-family:var(--font-heading);font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:16px}
.tgn-cohort-hub .pnl__card label{display:block;font-size:13px;font-weight:600;color:var(--tgn-parchment-400);margin-bottom:14px}
.tgn-cohort-hub .pnl__card input, .tgn-cohort-hub .pnl__card textarea{display:block;width:100%;margin-top:6px;font-family:var(--font-body);font-size:15px;padding:11px 14px;border:1px solid var(--tgn-parchment-200);border-radius:10px;background:var(--tgn-parchment-50);color:var(--tgn-ink)}
.tgn-cohort-hub .band--affinity .pnl__card input, .tgn-cohort-hub .band--affinity .pnl__card textarea{background:var(--tgn-white)}
.tgn-cohort-hub .pnl__note{font-size:13px;line-height:1.6;color:var(--tgn-parchment-400);margin-top:12px}

/* Buttons */
.tgn-cohort-hub .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;padding:13px 24px;border-radius:var(--tgn-radius-pill);cursor:pointer;border:1.5px solid transparent;transition:background 150ms ease,border-color 150ms ease,filter 150ms ease}
.tgn-cohort-hub .btn--pri{background:var(--tgn-cta-surface);color:var(--tgn-cta-ink)}
.tgn-cohort-hub .btn--pri:hover{background:var(--tgn-cta-surface-hover);color:var(--tgn-cta-ink-hover)}
.tgn-cohort-hub .btn--amber{background:var(--tgn-amber);color:var(--tgn-ink)}
.tgn-cohort-hub .btn--amber:hover{background:var(--tgn-amber);filter:brightness(.94)}
.tgn-cohort-hub .btn--sec{background:transparent;border-color:var(--tgn-parchment-300);color:var(--tgn-ink)}
.tgn-cohort-hub .btn--sec:hover{background:transparent;border-color:var(--tgn-parchment-400)}

/* Fallback band */
.tgn-cohort-hub .fbcard{background:var(--tgn-white);border:1px solid var(--tgn-parchment-200);border-radius:var(--tgn-radius-card);padding:clamp(32px,3.6vw,48px)}
.tgn-cohort-hub .fbcard h2{font-family:var(--font-heading);font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.tgn-cohort-hub .fbcard__main > p{margin-top:12px;max-width:64ch;color:var(--tgn-parchment-500)}
.tgn-cohort-hub .fform{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.tgn-cohort-hub .fform .full{grid-column:1/-1}
.tgn-cohort-hub .fform input, .tgn-cohort-hub .fform textarea{width:100%;font-family:var(--font-body);font-size:16px;padding:12px 14px;border:1px solid var(--tgn-parchment-200);border-radius:10px;background:var(--tgn-parchment-50);color:var(--tgn-ink)}
.tgn-cohort-hub .fform textarea{resize:vertical;min-height:88px}
.tgn-cohort-hub .fbcard__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(32px,4vw,56px);align-items:start}
.tgn-cohort-hub .fform label{display:block;font-size:13px;font-weight:600;color:var(--tgn-parchment-400)}
.tgn-cohort-hub .fform label input,.tgn-cohort-hub .fform label textarea{margin-top:6px}
.tgn-cohort-hub .fbcard__side{background:var(--tgn-parchment-50);border:1px solid var(--tgn-parchment-200);border-radius:var(--tgn-radius-inset);padding:clamp(24px,2.4vw,30px)}
.tgn-cohort-hub .fbcard__sideq{font-family:var(--font-heading);font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.tgn-cohort-hub .fbcard__link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:15px;font-weight:600;color:var(--tgn-brick-label);border-bottom:1px solid rgba(206,64,18,.4)}
@media (max-width:1023px) {
  .tgn-cohort-hub .pnl__grid{grid-template-columns:1fr}
  .tgn-cohort-hub .fbcard__grid{grid-template-columns:1fr}
}
@media (max-width:767px) {
  .tgn-cohort-hub .pnl{padding:28px 22px}
  .tgn-cohort-hub .fform{grid-template-columns:1fr}
}

/* Motion */
.tgn-cohort-hub @keyframes tgn-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tgn-cohort-hub .pnl:not([hidden]){animation:tgn-rise 240ms ease both}
@media (prefers-reduced-motion:reduce) {
  .tgn-cohort-hub .pnl:not([hidden]){animation:none}
  html{scroll-behavior:auto}
}

/* ==========================================================================
   ADDED — trust strip + fifty-city status board.

   No new custom properties. Every value below is either a token declared in
   the block at the top of this file, or a literal already used elsewhere in
   this file for the same kind of element:
     .grp / .grp__h / .tick .................... reused as-is, not redefined
     Fraunces/17px/600/-.02em .................. same set as .pnl__cardhead
     clamp(32px,4vw,56px) column gap ........... same as .pnl__grid gap
     var(--tgn-radius-badge) pill radius ....... same as .badge
     transition 150ms ease on bg/border ........ same as .chip
     outline:2px solid brick / offset 3px ...... same focus ring as .pnl

   Breakpoints are this file's own 1080px / 760px. Neither 1024 nor 768
   appears anywhere in this page, and no breakpoint was changed this pass —
   the site-wide ladder reconciliation is a separate decision. See report.
   ========================================================================== */

/* Shared: one-sentence lead under the .tick, used by both new sections */
.tgn-cohort-hub .sec__intro{margin-top:16px;font-size:16px;color:var(--tgn-parchment-500);max-width:62ch}

/* Carries each board pill's entire accessible name: the full verbatim city
   ("Columbus, Ohio") plus its status, since the visible label is abbreviated
   and aria-hidden. Reused from the previous pass. */
.tgn-cohort-hub .gl__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* --- Band grounds --- */
.tgn-cohort-hub .band--trust{background:var(--tgn-ink);padding:clamp(20px,2.2vw,28px) 0}
.tgn-cohort-hub .band--goal{background:var(--tgn-white)}

/* --- Trust strip: a rule between two light bands, not a content block --- */
.tgn-cohort-hub .trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,2.4vw,32px)}
.tgn-cohort-hub .trust__i{position:relative;font-family:var(--font-body);font-size:17px;font-weight:500;line-height:1.4;color:var(--tgn-parchment-50)}
/* Divider is a pseudo-element, so it can never reach the accessibility tree and
   the <ul> stays exactly three items. Centred in the flex gap by halving the
   same clamp() the gap declares, and offset by half its own declared height —
   both derived from values above, neither picked. */
.tgn-cohort-hub .trust__i:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(clamp(20px,2.4vw,32px) / -2);width:1px;height:16px;margin-top:-8px;background:var(--tgn-parchment-400)}

/* --- Fifty-city status board -------------------------------------------
   Replaces the fifty-row ledger. Status is encoded in fill, so the legend
   below is mandatory, not decorative: fill alone would be colour-as-sole-
   indicator. Every pill also carries its status in text via .gl__sr. */

/* Legend. A sample is exactly the box an empty .gl__p computes to —
   26px = its 13px side padding doubled, 16px = its 8px vertical padding
   doubled — so both samples match regardless of their content. */
.tgn-cohort-hub .gl__legend{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,1.8vw,22px);margin-top:20px}
.tgn-cohort-hub .gl__lgi{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--tgn-parchment-500)}
.tgn-cohort-hub .gl__lgs{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:16px;border-radius:var(--tgn-radius-badge);border:1px solid transparent}

/* Board */
.tgn-cohort-hub .gl__board{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(24px,2.6vw,32px)}
.tgn-cohort-hub .gl__board > li{display:flex}
.tgn-cohort-hub .gl__p{font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:var(--tgn-radius-badge);border:1px solid transparent}
.tgn-cohort-hub .gl__pn{font-size:11px;flex:none}
.tgn-cohort-hub .gl__plus{font-size:14px;line-height:1;color:var(--tgn-brick-label);flex:none}

/* Status is already on the <li>; drive the fills from it rather than adding
   modifier classes. Same attribute pattern the old ledger used. */
.tgn-cohort-hub [data-city-status="active"] .gl__p{background:var(--tgn-ink);border-color:var(--tgn-ink);color:var(--tgn-parchment-50);cursor:default}
.tgn-cohort-hub [data-city-status="active"] .gl__pn{color:var(--tgn-parchment-300)}
.tgn-cohort-hub [data-city-status="open"] .gl__p{background:transparent;border-color:var(--tgn-parchment-200);color:var(--tgn-parchment-500);transition:background 150ms ease,border-color 150ms ease}
.tgn-cohort-hub [data-city-status="open"] .gl__pn{color:var(--tgn-parchment-400)}
.tgn-cohort-hub [data-city-status="open"] .gl__p:hover{background:var(--tgn-parchment-100);border-color:var(--tgn-parchment-300)}
.tgn-cohort-hub [data-city-status="open"] .gl__p:focus-visible{outline:2px solid var(--tgn-brick);outline-offset:3px}

/* Legend sample fills mirror the real pills. */
.tgn-cohort-hub .gl__lgs--active{background:var(--tgn-ink);border-color:var(--tgn-ink)}
.tgn-cohort-hub .gl__lgs--open{background:transparent;border-color:var(--tgn-parchment-200)}

/* Companion line: the eight cohorts that sit outside the fifty */
.tgn-cohort-hub .gl__also{margin-top:clamp(28px,3vw,40px);padding-top:24px;border-top:1px solid var(--tgn-parchment-200)}
.tgn-cohort-hub .gl__alsolab{font-family:var(--font-heading);font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--tgn-ink)}
.tgn-cohort-hub .gl__alsobody{margin-top:10px;font-size:14px;color:var(--tgn-parchment-500);max-width:72ch}

@media (max-width:767px) {
  /* Trust strip stacks; the decorative dividers go with the row. */
  .tgn-cohort-hub .trust{flex-direction:column;align-items:center;gap:10px}
  .tgn-cohort-hub .trust__i:not(:last-child)::after{display:none}
  /* Every pill is exactly 44px, both statuses alike. See report: the
     8px padding is kept deliberately so min-height governs both
     equally — raising it to 14.5px would make open pills 45px, because the
     14px plus glyph sets a taller line box than the 13px city text. */
  .tgn-cohort-hub .gl__p{min-height:44px}
}

/* ==========================================================================
   Cohort Hub r1 additions. Scoped; no new custom properties; ladder only.
   ========================================================================== */

/* Closing inline band (design system Variant B), same as directory.html */
.tgn-cohort-hub .band--vb{background:var(--tgn-amber-tint);padding:clamp(56px,6vw,80px) 0}
.tgn-cohort-hub .vb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.tgn-cohort-hub .vb__h{font-family:var(--font-heading);font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.tgn-cohort-hub .band--vb .btn--sec,
.tgn-cohort-hub .band--vb .btn--sec:hover{background:var(--tgn-white)}

/* Facilitator tools: anchor clears the nav (81px measured) plus 16px */
.tgn-cohort-hub #facilitator-tools{scroll-margin-top:97px}
/* Tools grounds: hero, straddle (Tint Carryover: hero above, Basics below), then white / parchment-100 */
.tgn-cohort-hub #facilitator-tools .hub-tools__hero{background:var(--tgn-parchment-100)}
.tgn-cohort-hub #facilitator-tools .hub-tools__jump{background:linear-gradient(to bottom, var(--tgn-parchment-100) 50%, var(--tgn-white) 50%)}
.tgn-cohort-hub #facilitator-tools .hub-bg--white{background:var(--tgn-white)}
.tgn-cohort-hub #facilitator-tools .hub-bg--p100{background:var(--tgn-parchment-100)}

/* 44px tap targets and 16px form fields (tap target and form field minimums), same values as directory.html */
.tgn-cohort-hub .chip{min-height:44px}
.tgn-cohort-hub .pnl__close{width:44px;height:44px}
.tgn-cohort-hub .pnl__card input, .tgn-cohort-hub .pnl__card textarea{min-height:44px;font-size:16px}