/* v27: scoped helpers for supplied copy additions and first-party leadership portraits.
   Existing TTG fonts, colours, spacing tokens, card layouts and hero treatments remain. */
.s16 .v27-copy-measure { max-width: 86ch; }
.s16 .v27-introduction { max-width: 85ch; margin: 0 0 30px; }
.s16 .v27-scope-note { margin: -10px 0 26px; }
.s16 .v27-repeat-grid { row-gap: 32px; }
.s16 .v27-two-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s16 .s16-hero-intro + .s16-hero-intro { margin-top: 16px; }
.v27-team-portrait { position: relative; overflow: hidden; width: 100%; aspect-ratio: 1; border-radius: 12px; background: #edf5f8; border: 1px solid #cedfe7; margin-bottom: 20px; }
.ttga12 .v27-team-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ttga12 .v27-team-portrait[data-portrait-status="pending"],
.ttga12 .v27-team-portrait.is-unavailable { aspect-ratio: auto; min-height: 108px; display: flex; align-items: center; justify-content: flex-start; padding: 20px; background: #edf5f8; }
.ttga12 .v27-portrait-initials { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #0b2b42; color: #a2e8f3; font-family: inherit; font-size: 22px; line-height: 1.2; font-weight: 600; }
.v27-team-portrait [hidden] { display: none !important; }
@media(max-width:640px) { .s16 .v27-two-grid { grid-template-columns: 1fr; } }
/* Long-word safety only; preserves normal layouts and prevents clipping when text is enlarged. */
.v7-case-layout > *, .v7-case-copy, .v7-case-index { min-width: 0; }
.v7-case-copy, .v7-close h2, .v7-hero-aside h2 { overflow-wrap: anywhere; }
/* Reserve the FAQ indicator's space independently from a long question. */
.c17-faq summary { position: relative; display: block; padding-right: 34px; }
.c17-faq summary > span { position: absolute; right: 0; top: 21px; }
@media(max-width:700px) { .c17-faq summary > span { top: 18px; } }
