/* 7-Day Challenge Page Styles */
/* Import shared landing page styles */
@import url("/css/landing-page.css");

/* Page-specific: Flow container label for 7-Day Challenge */
body .remark-container.flow::before {
  content: "The Typical Path";
  position: absolute;
  top: -0.75rem;
  left: 1.5rem;
  background: #64748b;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.25rem 0.75rem;
}

/* Page-specific: Call-to-action styling */
body p:has(strong:contains("Join the 7-Day")) {
  text-align: center;
  margin: 2rem 0;
  padding: 1.5rem;
  background-color: #f8fafc;
  border-radius: 8px;
  border: 2px solid #e2e8f0;
}

/* Mobile overrides for page-specific elements */
@media (max-width: 768px) {
  /* Flow label - adjust for mobile */
  body .remark-container.flow::before {
    left: 1rem;
  }
}