/* Follow IGTA (Phase 1). Loaded after public-site.css; reuses its --pub-* tokens. Every selector is prefixed igta-follow-* (plus the footer group modifier). */

.igta-follow-ico{flex:none;display:block}
.igta-follow-row,.igta-follow-flink,.igta-follow-card__btn{text-decoration:none}

/* ---------- desktop utility strip + popover (above 820px only) ---------- */
.igta-follow-util{position:relative;z-index:40;display:flex;justify-content:flex-end;padding:0 var(--pub-pad);background:var(--pub-soft);border-bottom:1px solid var(--pub-line);font-family:var(--igta-font-body)}
.igta-follow-pop{position:relative}
.igta-follow-pop__toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--pub-ink);font:500 var(--igta-font-size-sm)/1 var(--igta-font-body);cursor:pointer}
.igta-follow-pop__toggle:hover,.igta-follow-pop__toggle[aria-expanded=true]{color:var(--pub-wine)}
.igta-follow-pop__toggle:focus-visible,.igta-follow-row:focus-visible,.igta-follow-flink:focus-visible,.igta-follow-card__btn:focus-visible{outline:3px solid var(--pub-wine);outline-offset:2px}
.igta-follow-pop__toggle[aria-expanded=true] .igta-follow-ico{transform:rotate(180deg)}
.igta-follow-pop__panel{display:none;position:absolute;top:100%;right:0;width:340px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);overflow-y:auto;padding:20px;background:var(--pub-paper);border:1px solid var(--pub-line);border-radius:12px;box-shadow:0 14px 28px rgba(65,50,38,.12)}
.igta-follow-pop.is-open .igta-follow-pop__panel{display:block}
.igta-follow-pop__title{margin:0 0 6px;font:400 22px/1.2 var(--igta-font-heading);color:var(--pub-ink)}
.igta-follow-pop__text{margin:0 0 14px;font-size:var(--igta-font-size-sm);line-height:1.5;color:var(--pub-muted)}
.igta-follow-pop__list,.igta-follow-drawer__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}

/* A platform row: icon, name, arrow. Used by the popover and the drawer. */
.igta-follow-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:10px;background:var(--pub-soft);color:var(--pub-ink);font-size:var(--igta-font-size-sm);font-weight:500}
.igta-follow-row:hover{background:var(--igta-color-border);color:var(--pub-wine)}
.igta-follow-row__ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--igta-color-surface);color:var(--pub-wine)}
.igta-follow-row__name{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}

/* ---------- mobile drawer (820px and below only) ---------- */
.igta-follow-drawer{display:none}
.igta-follow-drawer__h{margin:0 0 10px;font:600 var(--igta-font-size-sm)/1.2 var(--igta-font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--pub-muted)}
.igta-follow-drawer__card{margin:0 0 10px;padding:14px 16px;border-radius:12px;background:var(--pub-soft);font:400 20px/1.2 var(--igta-font-heading);color:var(--pub-ink)}

/* ---------- footer group ---------- */
.igta-pub-footer__group--follow ul{flex-direction:row;flex-wrap:wrap;gap:8px 24px}
.igta-pub-footer__group--follow .igta-follow-flink{min-height:24px}

/* ---------- community section ---------- */
.igta-follow-comm{display:flex;flex-direction:column;gap:30px;padding:64px var(--pub-pad);background:var(--pub-paper);font-family:var(--igta-font-body)}
.igta-follow-comm__head{display:flex;flex-direction:column;gap:10px;max-width:760px}
.igta-follow-comm__head :is(h2,p){margin:0}
.igta-follow-comm__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:0;padding:0;list-style:none}
.igta-follow-comm__grid:has(> :only-child){grid-template-columns:minmax(0,360px)}
.igta-follow-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--pub-line);border-radius:14px;background:var(--pub-soft)}
.igta-follow-card__ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:var(--igta-color-surface);color:var(--pub-wine)}
.igta-follow-card__name{font:400 24px/1.2 var(--igta-font-heading);color:var(--pub-ink)}
.igta-follow-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;min-height:48px;margin-top:auto;padding:0 20px;border-radius:8px;background:var(--pub-wine);color:var(--igta-color-primary-contrast);font:600 14px/1.2 var(--igta-font-body);text-align:center}
.igta-follow-card__btn:hover{background:var(--pub-wine-dark);color:var(--pub-cream)}

/* ---------- footer grid: wrap the extra group instead of forcing a fifth column ---------- */
@media(min-width:1101px){
  .igta-pub-footer__dir:has(.igta-pub-footer__group--follow){grid-template-columns:300px repeat(4,minmax(0,1fr))}
  .igta-pub-footer__group--follow{grid-column:2/-1}
}
@media(max-width:1100px){.igta-pub-footer__group--follow{grid-column:1/-1}}

@media(max-width:820px){
  .igta-follow-util{display:none}
  .igta-follow-comm{padding:44px 20px;gap:24px}
  .igta-follow-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:16px}
  .igta-follow-card__ico{width:44px;height:44px}
  .igta-follow-card__btn{grid-column:1/-1;margin-top:0}
  .igta-follow-comm__grid,.igta-follow-comm__grid:has(> :only-child){grid-template-columns:minmax(0,1fr)}
  /* Beats .igta-pub-nav a (specificity 0,1,1): the drawer rows keep their own look. */
  .igta-follow-drawer{display:block;box-sizing:border-box;width:100%;padding:18px 0 4px}
  .igta-pub-nav .igta-follow-row{display:flex;box-sizing:border-box;width:100%;min-height:52px;font-size:var(--igta-font-size-base);border-bottom:0;padding:6px 12px}
  .igta-pub-nav .igta-follow-row__ico{width:40px;height:40px;border-radius:50%;background:rgb(var(--igta-color-primary-rgb) / .12)}
  .igta-pub-footer__group--follow ul{gap:0 24px}
  .igta-pub-footer__group--follow .igta-follow-flink{min-height:44px}
}