/* MATAJIR-ART-001 — ecommerce-store-management-guide — variant: guide-atlas (Comprehensive guide with chapter-map hero and progressive deep dives) */
/* Scoped to: .matajir-article.matajir-article--ecommerce-store-management-guide — DO NOT use global selectors here. */
/* Generated 2026-07-21T16:20:09.963Z — token seed 18afce2b */

.matajir-article.matajir-article--ecommerce-store-management-guide {
  --mjr-radius: 8px;
  --mjr-shadow: 0 7px 14px rgba(0,0,0,0.06);
  --mjr-border: 1px solid rgba(0,0,0,0.08);
  --mjr-ink: hsl(39 60% 28%);
  --mjr-tint: hsl(39 70% 96%);
  --mjr-accent: hsl(39 80% 50%);
}

.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-hero {
  background: linear-gradient(135deg, hsl(39 70% 96%) 0%, rgba(255,255,255,0) 70%);
  border-inline-start: 4px solid hsl(39 80% 50%);
  border-radius: var(--mjr-radius);
  padding: 28px 24px;
  margin: 0 0 28px;
  box-shadow: var(--mjr-shadow);
}
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-hero__eyebrow {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  color: hsl(39 80% 50%);
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-hero__lead {
  margin: 0;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.7;
  color: inherit;
}

.matajir-article.matajir-article--ecommerce-store-management-guide > h2 {
  position: relative;
  padding-bottom: 8px;
  margin-top: 2em;
}
.matajir-article.matajir-article--ecommerce-store-management-guide > h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: hsl(39 80% 50%);
  border-radius: 3px;
  margin-top: 8px;
}

.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-chapter-map { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; margin: 20px 0; }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-chapter-map__item { padding: 14px 16px; border: var(--mjr-border); border-radius: var(--mjr-radius); background: hsl(39 70% 96%); }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-chapter-map__item strong { color: hsl(39 60% 28%); display: block; margin-bottom: 4px; }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-definition-panels { background: rgba(255,255,255,0.6); border: var(--mjr-border); border-radius: var(--mjr-radius); padding: 16px 18px; margin: 12px 0; box-shadow: var(--mjr-shadow); }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-definition-panels__term { font-weight: 700; color: hsl(39 60% 28%); }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-callout-quote { padding: 16px 20px; border-inline-start: 4px solid hsl(39 80% 50%); background: hsl(39 70% 96%); border-radius: 0 var(--mjr-radius) var(--mjr-radius) 0; font-weight: 500; }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-cta-inline { display: inline-block; margin-top: 12px; padding: 10px 18px; background: hsl(39 80% 50%); color: #fff; text-decoration: none; border-radius: var(--mjr-radius); font-weight: 600; }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-cta-inline:hover { filter: brightness(0.95); }
.matajir-article.matajir-article--ecommerce-store-management-guide .mjr-summary-map { padding: 16px 20px; background: hsl(39 70% 96%); border-radius: var(--mjr-radius); border: var(--mjr-border); margin: 24px 0; }

/* MATAJIR-ART-001 end */