{
  "version": 3,
  "sources": ["src/app/features/blog/components/article-toc/article-toc.component.css"],
  "sourcesContent": [".toc {\n  position: sticky;\n  top: calc(var(--header-height) + 20px);\n  align-self: start;\n  width: 200px;\n}\n\n.toc__game-logo {\n  display: block;\n  max-width: 100px;\n  height: auto;\n  margin-bottom: var(--space-5);\n}\n\n.toc__heading {\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-secondary);\n  margin: 0 0 var(--space-3);\n}\n\n.toc__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n\n.toc__link {\n  display: block;\n  width: 100%;\n  padding: var(--space-2) var(--space-3);\n  background: none;\n  border: none;\n  border-left: 2px solid transparent;\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  text-align: left;\n  cursor: pointer;\n  transition: color var(--transition-fast), border-color var(--transition-fast);\n  line-height: var(--leading-snug);\n}\n\n.toc__link:hover {\n  color: var(--color-text-primary);\n}\n\n.toc__link--active {\n  border-left-color: var(--toc-accent, var(--color-action-primary));\n  color: var(--color-text-primary);\n  font-weight: var(--font-weight-body-medium);\n}\n\n.toc__divider {\n  border: none;\n  border-top: 1px solid var(--color-border, #e5e5e5);\n  margin: var(--space-5) 0;\n}\n\n.toc__share-label {\n  display: block;\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-secondary);\n  margin-bottom: var(--space-3);\n}\n\n.toc__share-buttons {\n  display: flex;\n  gap: var(--space-2);\n}\n\n.toc__share-btn {\n  width: 32px;\n  height: 32px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--color-border, #e5e5e5);\n  border-radius: var(--radius-full);\n  background: var(--color-surface-primary);\n  color: var(--color-text-secondary);\n  font-size: var(--text-size-xs);\n  cursor: pointer;\n  transition: background var(--transition-fast), color var(--transition-fast);\n}\n\n.toc__share-btn:hover {\n  background: var(--color-surface-secondary);\n  color: var(--color-text-primary);\n}\n\n/* ── Mobile toggle (oculto en desktop) ── */\n\n.toc__mobile-toggle {\n  display: none;\n}\n\n/* ── Contenido del TOC (siempre visible en desktop) ── */\n\n.toc__content {\n  display: block;\n}\n\n/* ── Mobile: banner sticky colapsable ── */\n\n@media (max-width: 1024px) {\n  .toc {\n    position: sticky;\n    top: var(--header-height-mobile, 3.5rem);\n    z-index: 20;\n    background: var(--color-surface-primary);\n    border-bottom: 1px solid var(--color-border-primary);\n    width: auto;\n    padding: 0;\n    margin: 0 calc(var(--grid-margin) * -1);\n  }\n\n  .toc__mobile-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: var(--space-3) var(--space-4);\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    font-family: var(--font-body);\n    font-size: var(--text-size-sm);\n    font-weight: var(--font-weight-body-medium);\n    color: var(--color-text-primary);\n  }\n\n  .toc__mobile-toggle app-icon {\n    transition: transform var(--transition-fast);\n  }\n\n  .toc__chevron--open {\n    transform: rotate(180deg);\n  }\n\n  /* Contenido colapsado por defecto en mobile */\n  .toc__content {\n    display: none;\n    padding: 0 var(--space-4) var(--space-4);\n  }\n\n  .toc__content--expanded {\n    display: block;\n    animation: toc-expand 200ms ease;\n  }\n\n  @keyframes toc-expand {\n    from { opacity: 0; transform: translateY(-8px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  /* Ocultar elementos que solo tienen sentido en desktop */\n  .toc__game-logo {\n    display: none;\n  }\n\n  .toc__heading {\n    display: none;\n  }\n\n  /* Lista horizontal wrap en mobile */\n  .toc__list {\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: var(--space-1);\n  }\n\n  .toc__link {\n    padding: var(--space-1) var(--space-3);\n    border-left: none;\n    border-radius: var(--radius-full);\n    background: var(--color-surface-secondary);\n    font-size: var(--text-size-xs);\n    white-space: nowrap;\n  }\n\n  .toc__link--active {\n    background: var(--color-action-primary);\n    color: var(--color-text-inverse);\n    border-left: none;\n  }\n\n  /* Share inline */\n  .toc__divider {\n    margin: var(--space-3) 0 var(--space-2);\n  }\n}\n"],
  "mappings": "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",
  "names": []
}