/* GUIDED-LOOP-1 (WT_GuidedLoop, October 1, 2026): the guided relationship loop on the free result and on /with/.
   Design: round 1 of the guided-loop-1 tournament (_pm/_boss/report_design/tournaments/guided-loop-1), built on the site's own
   tokens so the light and dark themes both hold. Touch targets are 48 px or taller; nothing clips; long names and 30 percent
   longer translations wrap. */
.gl-host { margin: 2.5rem 0; }
.gl-host[hidden] { display: none; }
/* c13: the sender's type-only map. The numbered name/style list remains readable at 50 people. */
.gl-groupmap { margin: 1rem auto; }
.gl-groupmap__svg { display: block; width: 100%; max-width: 360px; margin: 1rem auto; border: 1px solid var(--border-hover); border-radius: 12px; }
.gl-groupmap__quarter { fill: var(--text); font: 700 16px var(--font-body); }
.gl-groupmap__number { fill: var(--text); font: 600 9px var(--font-body); }
.gl-groupmap__svg circle:focus { stroke: var(--text); stroke-width: 2; outline: none; }
.gl-groupmap__countlist { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; padding: 0; list-style: none; font-size: 0.88rem; }
.gl-groupmap__people { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 0.5rem 1rem; padding: 0; list-style: none; font-size: 0.9rem; line-height: 1.5; }
.gl-groupmap__people li, .gl-groupmap__mix { overflow-wrap: anywhere; }
.gl-groupmap-team { display: flex; align-items: center; gap: 0.75rem; min-height: 48px; }
.gl-card, .gl-people, .gl-compare {
  --gl-line: var(--border-hover, rgba(255,255,255,0.14));
  background: var(--bg-1, #1E1924); border: 1px solid var(--gl-line); border-radius: 16px;
  padding: clamp(1.25rem, 4vw, 2rem); color: var(--text, #F0EAE0); box-sizing: border-box; max-width: 44rem; margin: 0 auto;
}
.gl-card + .gl-card, .gl-people + .gl-compose { margin-top: 1rem; }
.gl-eyebrow { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--text-2, #9A9087); margin: 0 0 0.75rem; }
.gl-h1, .gl-h2 { font-family: var(--font-heading); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; margin: 0 0 0.75rem; color: var(--text); }
.gl-h1 { font-size: clamp(1.75rem, 6vw, 2.5rem); }
.gl-h2 { font-size: clamp(1.4rem, 4.6vw, 1.9rem); }
.gl-h3 { font-family: var(--font-heading); font-weight: 700; font-size: 1.2rem; line-height: 1.25; margin: 0 0 0.5rem; }
.gl-h1:focus, .gl-h2:focus { outline: none; }
.gl-body { font-size: 1rem; line-height: 1.6; color: var(--text-secondary, #B8AFA5); margin: 0 0 1.25rem; overflow-wrap: break-word; }
.gl-note { font-size: 0.92rem; line-height: 1.55; color: var(--text-secondary); margin: 0 0 1.25rem; padding-left: 0.85rem;
  border-left: 2px solid var(--accent-secondary, #5AADA3); overflow-wrap: break-word; }
.gl-note--done { border-left-color: var(--disc-s, #5DAE6A); color: var(--text); }
.gl-fine { font-size: 0.8rem; line-height: 1.5; color: var(--text-2); margin: 1rem 0 0; }
.gl-fine a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.gl-error { color: var(--disc-d-light, #f87171); font-size: 0.9rem; margin: 0.25rem 0 0.75rem; min-height: 0; }
.gl-error:empty, .gl-status:empty { display: none; }
.gl-status { font-size: 0.9rem; color: var(--text-secondary); margin: 0.75rem 0 0; }
.gl-loading { color: var(--text-secondary); padding: 2rem 0; text-align: center; }

/* Buttons */
.gl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 48px; padding: 0.7rem 1.1rem;
  border-radius: 12px; border: 1px solid var(--gl-line, var(--border-hover)); background: transparent; color: var(--text);
  font: 600 0.98rem/1.25 var(--font-body); text-align: center; text-decoration: none; cursor: pointer; box-sizing: border-box;
  transition: background 120ms ease, border-color 120ms ease, transform 80ms ease; -webkit-tap-highlight-color: transparent; }
.gl-btn:hover { border-color: var(--text-2); }
.gl-btn:active { transform: scale(0.98); }
.gl-btn:focus-visible, .gl-choice:focus-visible, .gl-link:focus-visible, .gl-input:focus-visible { outline: 3px solid var(--accent-secondary, #5AADA3); outline-offset: 2px; }
.gl-btn--primary { background: var(--accent, #E07A6B); border-color: var(--accent, #E07A6B); color: var(--on-accent, #1A1520); }
.gl-btn--primary:hover { background: var(--accent-light, #E8978A); border-color: var(--accent-light, #E8978A); }
.gl-btn--wide { width: 100%; }
.gl-btn--small { min-height: 44px; padding: 0.5rem 0.9rem; font-size: 0.9rem; }
.gl-btn--danger { border-color: var(--disc-d, #E85D5D); color: var(--disc-d-light, #f87171); }
.gl-btn[aria-busy="true"] { opacity: 0.75; cursor: progress; }
.gl-link { display: block; margin: 0.9rem auto 0; min-height: 44px; padding: 0.6rem 1rem; background: none; border: 0; color: var(--text-secondary);
  font: 500 0.95rem var(--font-body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; text-align: center; }
.gl-link--quiet { font-size: 0.88rem; color: var(--text-2); }

/* Who comes to mind */
.gl-choices { display: grid; gap: 0.75rem; margin: 0 0 0.5rem; }
.gl-choice { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; column-gap: 1rem; align-items: center; width: 100%;
  min-height: 64px; padding: 1rem 1.1rem; border-radius: 14px; border: 1px solid var(--gl-line); background: var(--bg-2, #221C26);
  color: var(--text); text-align: left; cursor: pointer; box-sizing: border-box; font-family: var(--font-body); }
.gl-choice::after { content: ""; grid-column: 2; grid-row: 1 / span 2; width: 9px; height: 9px; border-right: 2px solid var(--text-2);
  border-top: 2px solid var(--text-2); transform: rotate(45deg); margin-right: 4px; }
.gl-choice:hover { border-color: var(--accent); background: var(--bg-3, #2A2330); }
.gl-choice__title { font-weight: 600; font-size: 1.02rem; line-height: 1.3; overflow-wrap: break-word; }
.gl-choice__hint { grid-column: 1; font-size: 0.88rem; line-height: 1.4; color: var(--text-2); margin-top: 0.2rem; overflow-wrap: break-word; }
.gl-choice--used { order: 3; opacity: 0.8; }

/* Forms */
.gl-form { margin: 0; }
.gl-label { display: block; font-size: 0.9rem; font-weight: 500; color: var(--text-secondary); margin: 0 0 1rem; }
.gl-label > span { display: block; }
.gl-input { display: block; width: 100%; box-sizing: border-box; min-height: 52px; margin-top: 0.4rem; padding: 0.75rem 0.95rem;
  border-radius: 12px; border: 1px solid var(--gl-line); background: var(--bg-0, #1A1520); color: var(--text); font: 500 1.05rem var(--font-body); }
.gl-input:focus { border-color: var(--accent-secondary, #5AADA3); }
.gl-input--code { letter-spacing: 0.3em; font-family: var(--font-mono); font-size: 1.2rem; }

/* Send the link */
.gl-bubble { margin: 0 0 1.25rem; padding: 1rem 1.1rem; border-radius: 16px 16px 16px 4px; background: var(--bg-2, #221C26);
  border: 1px solid var(--gl-line); color: var(--text); font-size: 0.98rem; line-height: 1.55; overflow-wrap: anywhere; white-space: pre-wrap; }
.gl-share { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
.gl-share .gl-btn--primary { grid-column: 1 / -1; }
.gl-after:not(:empty) { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--gl-line); }
.gl-save .gl-link { margin-top: 0.5rem; }
@media (min-width: 640px) { .gl-share { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Your comparisons */
.gl-people__list { list-style: none; margin: 0; padding: 0; }
.gl-person { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.9rem; padding: 0.9rem 0; border-top: 1px solid var(--gl-line); }
.gl-person:first-child { border-top: 0; padding-top: 0; }
.gl-people--links:has(.gl-links:empty) { display: none; }
.gl-people + .gl-people { margin-top: 1rem; }
.gl-person__name { font-family: var(--font-heading); font-weight: 700; font-size: 1.1rem; overflow-wrap: break-word; }
.gl-person__state { flex: 1 1 12rem; color: var(--text-secondary); font-size: 0.92rem; }
.gl-resend { flex: 1 1 100%; margin-top: 0.75rem; }

/* /with/ */
.gl-page-body { background: var(--bg-0, #1A1520); }
.gl-page { max-width: 72rem; margin: 0 auto; padding: max(1rem, env(safe-area-inset-top)) 1rem 4rem; box-sizing: border-box; }
.gl-top { display: flex; align-items: center; min-height: 56px; margin-bottom: 1rem; }
.gl-brand { font-family: var(--font-heading); font-weight: 700; font-size: 1.3rem; color: var(--text); text-decoration: none; }
.gl-from { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; }
.gl-from .gl-eyebrow { margin: 0; }
.gl-from__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); flex: none; }
.gl-dot--D { background: var(--disc-d); } .gl-dot--I { background: var(--disc-i); } .gl-dot--S { background: var(--disc-s); } .gl-dot--C { background: var(--disc-c); }
.gl-facts { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.gl-facts li { position: relative; padding: 0.7rem 0 0.7rem 1.6rem; border-top: 1px solid var(--gl-line, var(--border-hover)); color: var(--text); font-size: 0.98rem; }
.gl-facts li:last-child { border-bottom: 1px solid var(--gl-line, var(--border-hover)); }
.gl-facts li::before { content: ""; position: absolute; left: 0.2rem; top: 1.05rem; width: 10px; height: 5px; border-left: 2px solid var(--disc-s);
  border-bottom: 2px solid var(--disc-s); transform: rotate(-45deg); }
.gl-card--landing, .gl-card--plain { max-width: 34rem; }

/* The comparison */
.gl-compare { max-width: 72rem; display: grid; grid-template-columns: 1fr; gap: 0 3rem; }
.gl-compare > * { min-width: 0; } /* a long link in the next-person step never widens the page */
.gl-compare__head { padding-bottom: 1.5rem; }
.gl-people-row { display: grid; gap: 0.6rem; margin: 1rem 0 1.25rem; }
.gl-person-chip { display: flex; align-items: center; gap: 0.75rem; padding: 0.7rem 0.9rem; border-radius: 12px; border: 1px solid var(--gl-line);
  border-left: 4px solid var(--chip, var(--accent)); background: var(--bg-2); }
.gl-chip--D { --chip: var(--disc-d); } .gl-chip--I { --chip: var(--disc-i); } .gl-chip--S { --chip: var(--disc-s); } .gl-chip--C { --chip: var(--disc-c); }
.gl-person-chip__badge { flex: none; min-width: 2.2rem; height: 2.2rem; padding: 0 0.35rem; box-sizing: border-box; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center; background: var(--chip); color: #1A1520; font: 700 0.85rem var(--font-mono); }
.gl-person-chip__text { display: flex; flex-direction: column; min-width: 0; }
.gl-person-chip__name { font-weight: 700; font-size: 1rem; overflow-wrap: break-word; }
.gl-person-chip__type { font-size: 0.88rem; color: var(--text-secondary); }
.gl-map { width: 100%; max-width: 18rem; height: auto; display: block; margin: 0.5rem 0 0; }
.gl-map text { font-family: var(--font-mono); font-size: 9px; fill: var(--text-2); letter-spacing: 0.08em; }
.gl-map .gl-map__q { font-size: 14px; font-weight: 700; }
.gl-map .gl-map__name { font-family: var(--font-body); font-size: 11px; font-weight: 600; fill: var(--text); letter-spacing: 0; }
.gl-sec { display: grid; grid-template-columns: 1fr; gap: 0.5rem; padding: 1.25rem 0; border-top: 1px solid var(--gl-line); }
.gl-sec__title { font-family: var(--font-mono); font-weight: 500; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--text-2); margin: 0; line-height: 1.5; }
.gl-sec__title .gl-sec__n { color: var(--accent); margin-right: 0.6rem; }
.gl-sec__text { margin: 0; font-size: 1.02rem; line-height: 1.6; color: var(--text); overflow-wrap: break-word; }
.gl-sec__text + .gl-sec__text { margin-top: 0.5rem; }
.gl-sec--brings .gl-sec__body { display: grid; gap: 0.75rem; }
.gl-sec--brings .gl-sec__text { padding-left: 0; border-left: 0; }
.gl-sec__text--chip { display: grid; grid-template-columns: auto 1fr; gap: 0.7rem; align-items: start; }
.gl-pill { display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; margin-top: 0.05rem;
  border-radius: 999px; background: var(--chip, var(--accent)); color: #1A1520; font: 700 0.75rem var(--font-mono); }
.gl-sec--together .gl-sec__text { padding: 1rem 1.1rem; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--gl-line); }
.gl-compare__after:empty { display: none; }
.gl-compare__after { padding: 1.5rem 0 0; border-top: 1px solid var(--gl-line); }
.gl-next { margin-top: 1.5rem; }
.gl-next .gl-card { max-width: none; padding: 0; border: 0; background: none; }
.gl-remove { margin-top: 1rem; text-align: center; }
.gl-confirm { max-width: 30rem; margin: 0.75rem auto 0; display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center; }
.gl-confirm .gl-body { flex: 1 1 100%; margin-bottom: 0.25rem; }
@media (min-width: 900px) {
  .gl-compare { grid-template-columns: minmax(15rem, 20rem) 1fr; padding: 2.5rem; }
  .gl-compare__head { grid-row: 1 / span 20; align-self: start; position: sticky; top: 1.5rem; }
  .gl-compare > :not(.gl-compare__head) { grid-column: 2; }
}
/* styles.css pads every <section> as a page section; /with/'s container is a section, so it is reset here. */
.gl-page > section#glWith { padding: 0; margin: 0; max-width: none; }
.gl-card--plain { display: grid; gap: 0.75rem; } .gl-card--plain > * { margin: 0; }
/* The two people sit side by side only where each column keeps a full line of words (lead finding, iPad at 1024). */
@media (min-width: 1200px) { .gl-sec { grid-template-columns: 11rem 1fr; gap: 1.5rem; } .gl-sec--brings .gl-sec__body { grid-template-columns: 1fr 1fr; } }
.gl-page, .gl-host { word-break: normal; hyphens: manual; }

/* Kevin, October 2: the moment after sending, the soft dots and the relationship map (tournament guided-map-1). */
.gl-moment { padding: 1.1rem 1.2rem; margin-bottom: 1.25rem; border-radius: 14px; background: var(--bg-2, #221C26); border: 1px solid var(--gl-line, var(--border-hover)); }
.gl-moment__title { font-family: var(--font-heading); font-weight: 700; font-size: 1.3rem; line-height: 1.25; margin: 0 0 0.4rem; color: var(--text); }
.gl-moment .gl-body { margin-bottom: 0.8rem; }
.gl-dots { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.5rem; margin: 0.4rem 0 0; }
.gl-dot { width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--accent-secondary, #5AADA3); box-sizing: border-box; flex: none; }
.gl-dot--on { background: var(--accent-secondary, #5AADA3); }
.gl-dot--half { background: linear-gradient(90deg, var(--accent-secondary, #5AADA3) 50%, transparent 50%); }
.gl-dots__line { flex: 1 1 14rem; margin-left: 0.35rem; font-size: 0.9rem; color: var(--text-secondary); }
.gl-soft { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--gl-line, var(--border-hover)); }
.gl-soft__line { margin: 0 0 0.6rem; color: var(--text-secondary); font-size: 0.95rem; }
.gl-soft__row { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.gl-mapblock { margin: 0 0 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--gl-line, var(--border-hover)); }
.gl-map-rel { margin: 0.5rem 0 0.75rem; }
.gl-map-rel__svg { width: 100%; max-width: 22rem; height: auto; display: block; margin: 0 auto; }
.gl-map-rel__code { font: 700 11px var(--font-mono); fill: #1A1520; }
.gl-map-rel__you { font: 700 12px var(--font-body); fill: #1A1520; }
.gl-map-rel__name { font: 700 13px var(--font-body); fill: var(--text); }
.gl-map-rel__type { font: 500 10px var(--font-mono); letter-spacing: 0.04em; }
.gl-map-rel__q { font: 500 11px var(--font-mono); fill: var(--text-2); }
.gl-map-rel__cap { margin: 0.4rem auto 0; max-width: 34rem; text-align: center; font-size: 0.85rem; color: var(--text-2); }
.gl-compare__map:empty { display: none; }
.gl-compare__map { padding-top: 1.5rem; }
.gl-compare__map .gl-mapblock { border-bottom: 0; }
.gl-seen { margin-top: 0.75rem; }
/* Round one (October 2): the landing's labeled example and what the inviter will see before the invited person opens. */
.gl-example { margin: 0 0 1.25rem; padding: 0.9rem 1rem; border-radius: 12px; background: var(--bg-2, #221C26); border-left: 3px solid var(--accent-secondary, #5AADA3); }
.gl-example .gl-eyebrow { margin-bottom: 0.35rem; }
.gl-example__text { margin: 0; font-size: 1rem; line-height: 1.55; color: var(--text); }
.gl-sees { margin: 0 0 1rem; padding: 1rem 1.1rem; border-radius: 12px; border: 1px solid var(--gl-line, var(--border-hover)); background: var(--bg-2, #221C26); }
.gl-sees__title { margin: 0 0 0.75rem; font-weight: 600; color: var(--text); }
.gl-sees .gl-label { margin-bottom: 0.6rem; }
.gl-sees__list { margin: 0 0 0.75rem; padding-left: 1.2rem; color: var(--text); line-height: 1.6; }
.gl-sees .gl-note { margin-bottom: 0; }

/* GUIDED-PAIR-CARD-1: the "how we click" card (comparison page and /pair/), from the winner of tournament guided-pair-card-1:
   a warm paper card on either theme, the two people as equals side by side, each DISC color marking one person. The height follows
   the text (names and lines of any length, and longer languages); the posted picture keeps its fixed size (guided/card.js). */
.gl-pair { padding: 1.5rem 0; border-top: 1px solid var(--gl-line); }
.gl-pair .gl-btn--wide, .gl-pair .gl-share { margin-top: 1rem; }
.gl-pcard { --pc-paper: #F6F1EA; --pc-ink: #1A1520; --pc-ink-2: #332C3E; --pc-ink-3: #5E5569; --pc-rule: #E5E2E7;
  margin: 1rem 0 0; padding: 1.4rem 1.5rem 1.25rem; border-radius: 18px; background: var(--pc-paper); color: var(--pc-ink);
  display: flex; flex-direction: column; max-width: 34rem; box-shadow: 0 18px 50px rgba(0,0,0,0.3); overflow-wrap: break-word; container-type: inline-size; }
.gl-pcard--preview { max-width: 24rem; }
.gl-pcard__top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.gl-pcard__label { margin: 0; font: 500 0.78rem/1.2 var(--font-mono, monospace); letter-spacing: 0.14em; text-transform: uppercase; color: #A3463C; }
.gl-pcard__mark { font: 700 0.95rem/1 var(--font-heading, var(--font-body)); color: var(--pc-ink); letter-spacing: -0.01em; }
.gl-pcard__map { width: min(9.5rem, 46%); margin: 0.9rem auto 0.7rem; aspect-ratio: 1; }
.gl-pcard__map svg { display: block; width: 100%; height: 100%; }
.gl-pcard__title { margin: 0; text-align: center; font: 700 clamp(1.7rem, 7vw, 2.4rem)/1.05 var(--font-heading, var(--font-body)); letter-spacing: -0.02em; color: var(--pc-ink); }
.gl-pcard__people { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.1rem; margin-top: 1rem; }
.gl-pcard__person { border-top: 4px solid; padding-top: 0.7rem; min-width: 0; }
.gl-pcard__name { margin: 0; display: flex; align-items: center; gap: 0.45rem; font: 700 1.2rem/1.15 var(--font-heading, var(--font-body)); color: var(--pc-ink); }
.gl-pcard__dot { flex: none; width: 0.7rem; height: 0.7rem; border-radius: 50%; }
.gl-pcard__style { margin: 0.15rem 0 0; font-weight: 600; font-size: 0.98rem; line-height: 1.3; }
.gl-pcard__line { margin: 0.45rem 0 0; font-size: 0.98rem; line-height: 1.42; color: var(--pc-ink-2); }
.gl-pcard__foot { margin: 1rem 0 0; padding-top: 0.75rem; border-top: 1px solid var(--pc-rule); text-align: center; font-size: 0.92rem; line-height: 1.35; font-weight: 500; color: var(--pc-ink-3); }
.gl-pcard__person--D { border-color: #E85D5D; } .gl-pcard__person--D .gl-pcard__dot { background: #E85D5D; } .gl-pcard__person--D .gl-pcard__style { color: #A24141; }
.gl-pcard__person--I { border-color: #E8A84D; } .gl-pcard__person--I .gl-pcard__dot { background: #E8A84D; } .gl-pcard__person--I .gl-pcard__style { color: #8A5F22; }
.gl-pcard__person--S { border-color: #5DAE6A; } .gl-pcard__person--S .gl-pcard__dot { background: #5DAE6A; } .gl-pcard__person--S .gl-pcard__style { color: #41794A; }
.gl-pcard__person--C { border-color: #5A9DD4; } .gl-pcard__person--C .gl-pcard__dot { background: #5A9DD4; } .gl-pcard__person--C .gl-pcard__style { color: #3F6E94; }
.gl-pcard__person--B { border-color: #4A9A91; } .gl-pcard__person--B .gl-pcard__dot { background: #4A9A91; } .gl-pcard__person--B .gl-pcard__style { color: #356F68; }
.gl-pair-page { max-width: 34rem; margin: 0 auto; display: grid; gap: 1rem; }
.gl-pair-page .gl-pcard { margin: 0; max-width: none; }
/* Side by side only while each column fits a style name whole; narrower cards stack the two people. */
@container (max-width: 21rem) { .gl-pcard__people { grid-template-columns: 1fr; gap: 0.9rem; } }

/* c18: one group-chat invitation, with readable maps at every group size. */
.gl-choice--group[aria-busy="true"] { opacity: .7; cursor: progress; }
.gl-groupchat { display: grid; gap: .75rem; }
.gl-groupchat-channel { border: 1px solid var(--border-hover); border-radius: .75rem; padding: .75rem; }
.gl-groupchat-channel summary { cursor: pointer; font-weight: 600; min-height: 2rem; }
.gl-groupchat-message { width: 100%; min-height: 10rem; margin: .5rem 0; resize: vertical; line-height: 1.5; }
.gl-groupmap__name { fill: var(--text); font: 600 10px var(--font-body); }
.gl-groupmap__total { fill: var(--text); font: 700 38px var(--font-body); }
.gl-groupmap-pick { text-align: left; min-height: 44px; }
.gl-groupmap-pick:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.gl-groupmap-found { background: var(--bg-2); outline: 2px solid var(--accent); border-radius: .4rem; padding: .4rem; }
.gl-groupchat-next { border-top: 1px solid var(--border-hover); padding-top: .75rem; margin-top: .75rem; }
.gl-groupchat-next p { margin-bottom: 0; }
.gl-groupchat-next p a { margin-left: .5rem; }
.gl-choice--group-first { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, var(--bg-2)); }
.gl-compose + .gl-people { margin-top: 1rem; }

.gl-groupmap__people li[hidden] { display: none; }