/* ics-about-fb (2026-11-11): Figma 'Staff - Flip card' 2136:9185 (304 x 440: 320 front + 120 name block) and grid of the 'Correct design' note. Loaded only on pages 121 and 134 (manifest scope). Overrides ics-member-flip.css; no hover effect added. */
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member { box-sizing: border-box !important; padding: 0 !important; width: 100% !important; min-width: 0 !important; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .ics-flip__front { padding: 0 !important; height: auto !important; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .ics-flip__media { width: 100% !important; height: 320px !important; aspect-ratio: auto !important; box-sizing: border-box; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .nw-cb.nw-cb { box-sizing: border-box !important; width: 100% !important; height: 120px !important; padding: 24px !important; gap: 16px !important; margin: 0 !important; background: #fff !important; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .nw-cb h2.nw-tit.nw-tit.nw-tit { font-family: 'EB Garamond', Georgia, serif !important; font-size: 24px !important; line-height: 28px !important; font-weight: 500 !important; letter-spacing: -0.12px; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .nw-cb .nw-chip.nw-chip.nw-chip { font-family: Inter, system-ui, sans-serif !important; font-size: 12px !important; line-height: 16px !important; letter-spacing: -0.06px; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .ics-flip__back { padding: 0 !important; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .ics-flip__panel { background: #fffdf0 !important; padding: 60px 24px 24px !important; }
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .ics-flip__text { font-family: Inter, system-ui, sans-serif !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: -0.08px; }
@media (min-width: 1440px) {
  html body #ab-team-grid#ab-team-grid, html body #ab-adv-grid#ab-adv-grid { display: grid !important; grid-template-columns: repeat(4, 304px) !important; column-gap: 32px !important; row-gap: 48px !important; width: 1312px !important; max-width: none !important; margin-left: calc(50% - 704px) !important; margin-right: 0 !important; justify-content: start !important; }
  html body #ab-adv-grid#ab-adv-grid { grid-template-columns: repeat(2, 304px) !important; justify-content: center !important; }
}
/* Link 'Xem chi tiết' inside the back face (Bricks text-link, dynamic {post_url}, added 2026-11-11 rev 3292). */
html body :is(#ab-team-grid, #ab-adv-grid) .ics-member .ics-flip__more { display: inline-block; font-family: Inter, system-ui, sans-serif; font-size: 14px; line-height: 20px; color: #302f29; text-decoration: underline; text-underline-offset: 3px; }
/* Hover flip (owner decision 2026-11-11, sticky 'People card flips while hovering'): only hover-capable fine pointers; click/tap/keyboard flip (is-flipped) unchanged; no colour hover effect. */
@media (hover: hover) and (pointer: fine) {
  html body :is(#ab-team-grid, #ab-adv-grid) .ics-member.ics-flip:not(.is-flipped):hover > .ics-flip__inner { transform: rotateY(180deg); }
  html body :is(#ab-team-grid, #ab-adv-grid) .ics-member.ics-flip:not(.is-flipped):hover .ics-flip__front { visibility: hidden; transition: visibility 0s linear calc(var(--ics-flip-dur, 700ms) / 2); }
  html body :is(#ab-team-grid, #ab-adv-grid) .ics-member.ics-flip:not(.is-flipped):hover .ics-flip__back { visibility: visible; transition: visibility 0s linear calc(var(--ics-flip-dur, 700ms) / 2); }
}
/* Our People single (Bricks template 705 'Single: Bio', ics_bio). Figma 2133:2936 'About-us-single': back link, name, role line, photo, quote, biography, social links. Empty fields are hidden, never shown as placeholders. */
html body .ics-bio-single .ics-bio-wrap { box-sizing: border-box; max-width: 1088px; margin: 0 auto; padding: 64px 16px; display: flex; flex-direction: column; gap: 24px; }
html body .ics-bio-single .ics-bio-back { font-family: Inter, system-ui, sans-serif; font-size: 14px; line-height: 20px; color: #302f29; }
html body .ics-bio-single .ics-bio-title { font-family: 'EB Garamond', Georgia, serif; font-weight: 500; font-size: 40px; line-height: 48px; margin: 0; color: #302f29; }
html body .ics-bio-single .ics-bio-role { font-family: Inter, system-ui, sans-serif; font-size: 16px; line-height: 24px; margin: 0; color: #302f29; }
html body .ics-bio-single .ics-bio-role:not(:empty)::before { content: '- '; }
html body .ics-bio-single .ics-bio-role:empty, html body .ics-bio-single .ics-bio-quote:empty, html body .ics-bio-single .ics-bio-detail:empty { display: none; }
html body .ics-bio-single img.ics-bio-photo { display: block; width: 100%; max-width: 752px; height: auto; }
html body .ics-bio-single .ics-bio-quote { font-family: 'EB Garamond', Georgia, serif; font-size: 24px; line-height: 32px; margin: 0; }
html body .ics-bio-single .ics-bio-detail { font-family: Inter, system-ui, sans-serif; font-size: 16px; line-height: 24px; max-width: 528px; }
html body .ics-bio-single .ics-bio-links { display: flex; gap: 16px; }
html body .ics-bio-single .ics-bio-links:not(:has(a[href]:not([href=""]))) { display: none; }
html body .ics-bio-single .ics-bio-links a:is(:not([href]), [href=""]) { display: none; }