{
  "version": 3,
  "sources": ["src/app/features/blog/blog-article-page.component.css"],
  "sourcesContent": ["/* ── 3-column layout ── */\n\n.article-page__body {\n  display: grid;\n  grid-template-columns: 220px minmax(0, 1fr) 260px;\n  gap: var(--space-8);\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding: var(--space-section-min) var(--grid-margin) 0;\n}\n\n.article-page__main {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-10);\n  max-width: 45rem;\n  margin-inline: auto;\n  width: 100%;\n}\n\n/* ── Sections ── */\n\n.article-page__section {\n  max-width: var(--grid-max-width);\n  margin-inline: auto;\n  padding: var(--space-section-min) var(--grid-margin);\n}\n\n.article-page__section-title {\n  font-family: var(--font-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-2xl);\n  color: var(--color-text-primary);\n  margin: 0 0 var(--space-6);\n}\n\n/* ── Related posts grid ── */\n\n.article-page__related {\n  border-top: 1px solid var(--color-border, #e5e5e5);\n}\n\n.article-page__related-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--space-6);\n}\n\n/* ── Mobile sidebar (hidden on desktop) ── */\n\n.article-page__mobile-sidebar {\n  display: none;\n}\n\n.article-page__mobile-categories {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  margin-bottom: var(--space-6);\n}\n\n.article-page__mobile-pill {\n  display: inline-block;\n  padding: var(--space-1) var(--space-3);\n  background: var(--color-surface-secondary);\n  border-radius: var(--radius-full);\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-primary);\n  text-decoration: none;\n}\n\n.article-page__mobile-store-categories {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  margin-bottom: var(--space-6);\n}\n\n.article-page__mobile-store-pill {\n  display: inline-block;\n  padding: var(--space-1) var(--space-3);\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-action-primary);\n  border: 1px solid var(--color-action-primary);\n  border-radius: var(--radius-full);\n  text-decoration: none;\n  white-space: nowrap;\n  transition: background-color var(--transition-fast);\n}\n\n.article-page__mobile-store-pill:hover {\n  background-color: color-mix(in srgb, var(--color-action-primary) 10%, transparent);\n}\n\n.article-page__mobile-products {\n  display: flex;\n  gap: var(--space-4);\n  overflow-x: auto;\n  padding-bottom: var(--space-3);\n  -webkit-overflow-scrolling: touch;\n}\n\n.article-page__mobile-product {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--space-2);\n  flex-shrink: 0;\n  width: 6.25rem;\n}\n\n.article-page__mobile-product img {\n  width: 80px;\n  height: 112px;\n  object-fit: cover;\n  border-radius: 0;\n}\n\n.article-page__mobile-product-name {\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-primary);\n  text-align: center;\n  line-height: var(--leading-snug);\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.article-page__mobile-product-name--link {\n  text-decoration: none;\n}\n\n.article-page__mobile-product-price {\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-heading);\n  font-variant-numeric: tabular-nums;\n}\n\n.article-page__mobile-product-sold-out {\n  font-family: var(--font-body);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n/* ── Coming soon state ── */\n\n.article-page__coming-soon {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: var(--space-section) var(--grid-margin);\n  max-width: 480px;\n  margin-inline: auto;\n}\n\n.article-page__mascot {\n  width: 160px;\n  height: 160px;\n  object-fit: contain;\n  margin-bottom: var(--space-6);\n}\n\n.article-page__coming-soon-title {\n  font-family: var(--font-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-2xl);\n  color: var(--color-text-primary);\n  margin: 0 0 var(--space-3);\n}\n\n.article-page__coming-soon-text {\n  font-family: var(--font-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n  margin: 0 0 var(--space-6);\n}\n\n.article-page__coming-soon-btn {\n  display: inline-block;\n  padding: var(--space-3) var(--space-6);\n  background: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  border-radius: var(--radius-button);\n  text-decoration: none;\n  transition: background var(--transition-fast);\n}\n\n.article-page__coming-soon-btn:hover {\n  background: var(--color-action-primary-hover);\n}\n\n/* ── 404 state ── */\n\n.article-page__not-found {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: var(--space-section) var(--grid-margin);\n  max-width: 480px;\n  margin-inline: auto;\n}\n\n.article-page__not-found-title {\n  font-family: var(--font-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-2xl);\n  color: var(--color-text-primary);\n  margin: 0 0 var(--space-3);\n}\n\n.article-page__not-found-text {\n  font-family: var(--font-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n  margin: 0 0 var(--space-6);\n}\n\n.article-page__not-found-btn {\n  display: inline-block;\n  padding: var(--space-3) var(--space-6);\n  background: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  font-family: var(--font-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  border-radius: var(--radius-button);\n  text-decoration: none;\n  transition: background var(--transition-fast);\n}\n\n.article-page__not-found-btn:hover {\n  background: var(--color-action-primary-hover);\n}\n\n/* ── Responsive ── */\n\n@media (max-width: 1200px) {\n  .article-page__body {\n    grid-template-columns: 200px minmax(0, 1fr) 200px;\n  }\n\n  .article-page__related-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (max-width: 1024px) {\n  .article-page__body {\n    grid-template-columns: 1fr;\n    padding-top: var(--space-8);\n  }\n\n  .article-page__main {\n    max-width: 100%;\n  }\n\n  .article-page__mobile-sidebar {\n    display: block;\n    max-width: var(--grid-max-width);\n    margin-inline: auto;\n    padding: var(--space-8) var(--grid-margin);\n  }\n\n  .article-page__related-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 640px) {\n  .article-page__related-grid {\n    grid-template-columns: 1fr;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}