/* Extend the existing editorial components only for the three protagonists. */
#protagoniste .pa-portrait-space { aspect-ratio: 4 / 5; position: relative; overflow: hidden; }
#protagoniste .pa-portrait-space img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: 100%; }
.pa-character-nav { margin-top: 0; margin-bottom: 32px; }
#protagoniste .pa-character { scroll-margin-top: 28px; }
#chiara-repertorio .pa-gallery-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
#chiara-repertorio .pa-gallery-filters button,
#chiara-repertorio .pa-gallery-more {
  min-height: 44px; padding: 10px 16px; border: 1px solid var(--pa-rule);
  background: transparent; color: var(--pa-muted); font: inherit; font-size: 13px; cursor: pointer;
}
#chiara-repertorio .pa-gallery-filters button[aria-pressed="true"] { color: var(--pa-paper); border-color: var(--accent); }
#chiara-repertorio .pa-gallery-more { margin-top: 28px; }
#chiara-repertorio .pa-gallery-status { color: var(--pa-muted); font-size: 13px; margin: 20px 0 0; }
#chiara-repertorio .pa-gallery-trigger { position: relative; }
#chiara-repertorio .pa-gallery-trigger img {
  position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px);
  max-width: none; max-height: none; object-fit: contain;
}
#chiara-repertorio button:focus-visible,
#protagoniste a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
@media (min-width: 1100px) {
  #protagoniste .pa-character-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
}

/* Official series profiles; the Worker adds this footer block to Promo A. */
footer .pa-social {
  max-width: 1040px; margin: 0 auto 28px; padding: 16px 0 32px;
  border-bottom: 1px solid #ecebdf26; letter-spacing: 0;
}
.pa-social h2 { font-size: clamp(26px, 3vw, 36px); margin-bottom: 16px; color: #ecebdf; }
.pa-social p { max-width: 66ch; margin: 0; font-size: 14px; line-height: 1.8; color: #b3b5a7; }
.pa-social-links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.pa-social-links a {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 48px; padding: 10px 16px; border: 1px solid #ecebdf40;
  font-size: 14px; color: #ecebdf; text-decoration: none;
}
.pa-social-links svg { display: block; flex-shrink: 0; }
.pa-social-links a:hover { border-color: var(--accent); }
.pa-social-links a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
@media (max-width: 389px) { .pa-social-links a { flex: 1 1 160px; } }