.folio-game-timeline {
  --fj-line: var(--sacola-border, #d9e1de);
  --fj-surface: var(--sacola-surface, #fff);
  --fj-muted: var(--sacola-muted, #66726d);
  --fj-accent: var(--sacola-primary, #125c45);
  max-width: 820px;
  min-width: 0;
  margin: clamp(2rem, 5vw, 3.5rem) auto;
  color: inherit;
}
.folio-game-timeline > h2 { margin: 0 0 1.5rem; padding-left: .8rem; border-left: 4px solid var(--fj-accent); }
.folio-game-timeline__list { position: relative; min-width: 0; padding-left: clamp(1.35rem, 4vw, 2.25rem); border-left: 2px solid var(--fj-line); }
.folio-game-timeline__item { position: relative; min-width: 0; max-width: 100%; margin-bottom: 1rem; padding: 1rem clamp(.85rem, 3vw, 1.35rem); border: 1px solid var(--fj-line); border-radius: .8rem; background: var(--fj-surface); overflow-wrap: anywhere; }
.folio-game-timeline__item::before { position: absolute; top: 1.4rem; left: calc(-1 * clamp(1.35rem, 4vw, 2.25rem) - 7px); width: 12px; height: 12px; border: 2px solid var(--fj-surface); border-radius: 50%; background: var(--fj-accent); box-shadow: 0 0 0 1px var(--fj-line); content: ""; }
.folio-game-timeline__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-bottom: .55rem; color: var(--fj-muted); font-size: .8rem; font-weight: 750; }
.folio-game-timeline__minute { color: var(--fj-accent); font-size: .95rem; font-weight: 850; }
.folio-game-timeline__type { display: inline-block; padding: .18rem .55rem; border-radius: 999px; background: color-mix(in srgb, var(--fj-muted) 14%, var(--fj-surface)); color: inherit; text-transform: capitalize; }
.folio-game-timeline__type--gol, .folio-game-timeline__type--cartao, .folio-game-timeline__type--expulsao { background: color-mix(in srgb, var(--fj-type-color) 22%, var(--fj-surface)); border: 1px solid color-mix(in srgb, var(--fj-type-color) 50%, var(--fj-line)); color: inherit; }
.folio-game-timeline__type--gol { --fj-type-color: #24a361; }
.folio-game-timeline__type--cartao { --fj-type-color: #eab308; }
.folio-game-timeline__type--expulsao { --fj-type-color: #dc3545; }
.folio-game-timeline__type--substituicao { --fj-type-color: #2980d1; }
.folio-game-timeline__type--intervalo { --fj-type-color: #7b8794; }
.folio-game-timeline__type--fim-de-jogo { --fj-type-color: var(--fj-accent); }
.folio-game-timeline__item--gol { --fj-event: #24a361; }
.folio-game-timeline__item--cartao { --fj-event: #eab308; }
.folio-game-timeline__item--expulsao { --fj-event: #dc3545; }
.folio-game-timeline__item--gol,
.folio-game-timeline__item--cartao,
.folio-game-timeline__item--expulsao {
  border-left: 4px solid var(--fj-event);
  background: color-mix(in srgb, var(--fj-event) 6%, var(--fj-surface));
}
.folio-game-timeline__item--gol::before,
.folio-game-timeline__item--cartao::before,
.folio-game-timeline__item--expulsao::before { background: var(--fj-event); }
.folio-game-timeline__type--gol::before { content: "⚽ "; }
.folio-game-timeline__type--cartao::before { content: "🟨 "; }
.folio-game-timeline__type--expulsao::before { content: "🟥 "; }
.folio-game-timeline__item--featured {
  border-color: var(--fj-accent);
  box-shadow: inset 0 0 0 1px var(--fj-accent);
  background: color-mix(in srgb, var(--fj-accent) 9%, var(--fj-surface));
}
.folio-game-timeline__featured-label {
  padding: .18rem .55rem;
  border: 1px solid var(--fj-accent);
  border-radius: 999px;
  color: inherit;
  font-weight: 800;
}
.folio-game-timeline__item h3 { margin: 0 0 .65rem; font-size: clamp(1.08rem, 2.5vw, 1.35rem); line-height: 1.3; }
.folio-game-timeline__content { min-width: 0; max-width: 100%; line-height: 1.65; overflow-wrap: anywhere; }
.folio-game-timeline__content > :first-child { margin-top: 0; }
.folio-game-timeline__content > :last-child { margin-bottom: 0; }
.folio-game-timeline__content a { text-decoration: none; }
.folio-game-timeline__content img, .folio-game-timeline__content video, .folio-game-timeline__content iframe, .folio-game-timeline__content svg, .folio-game-timeline__content canvas { max-width: 100%; }
.folio-game-timeline__content img { height: auto; }
.folio-game-timeline__content video { height: auto; }
.folio-game-timeline__content iframe { display: block; border: 0; }
.folio-game-timeline__content .wp-block-embed-youtube iframe, .folio-game-timeline__content .is-type-video iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.folio-game-timeline__content .wp-block-embed, .folio-game-timeline__content .wp-block-media-text, .folio-game-timeline__content .wp-block-gallery, .folio-game-timeline__content figure, .folio-game-timeline__content blockquote, .folio-game-timeline__content .twitter-tweet { min-width: 0; max-width: 100% !important; }
.folio-game-timeline__content .wp-block-gallery { gap: .65rem; }
.folio-game-timeline__content .twitter-tweet, .folio-game-timeline__content iframe.twitter-tweet-rendered { max-width: 100% !important; }
.folio-game-timeline__content table { display: block; max-width: 100%; overflow-x: auto; }
.folio-game-timeline__content pre { max-width: 100%; overflow-x: auto; }
@media (max-width: 600px) {
  .folio-game-timeline__list { padding-left: 1.15rem; }
  .folio-game-timeline__item { padding: .9rem; }
  .folio-game-timeline__item::before { left: calc(-1.15rem - 7px); }
  .folio-game-timeline__content .wp-block-media-text { display: block; }
  .folio-game-timeline__content .wp-block-media-text__media, .folio-game-timeline__content .wp-block-media-text__content { min-width: 0; width: 100%; }
  .folio-game-timeline__content .wp-block-media-text__content { padding: .8rem 0 0; }
}