/* ForkTreeSkis.com - Article pages */

:root {
  --article-bg: #0d0d0d;
  --article-text: #e8e8e8;
}

.article-hero {
  min-height: 50vh;
  padding-top: 140px;
  padding-bottom: var(--spacing-lg);
  background: linear-gradient(180deg, var(--monaco-blue) 0%, var(--monaco-navy) 100%);
  text-align: center;
}

.article-hero h1 {
  font-family: var(--font-heading);
  color: var(--monaco-gold);
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  margin: 0 0 0.5rem;
}

.article-hero .meta { font-size: 0.9rem; color: rgba(248,248,248,0.8); }

@media (max-width: 768px) {
  .article-hero { padding-top: 120px; min-height: 40vh; }
}

.article-content {
  background: var(--article-bg);
  color: var(--article-text);
  padding: var(--spacing-xl) var(--spacing-md);
  line-height: 1.8;
  max-width: 720px;
  margin: 0 auto;
}

.article-content h2 {
  font-family: var(--font-heading);
  color: var(--monaco-gold);
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-sm);
}

.article-content h3 { margin-top: var(--spacing-lg); }
.article-content p { margin-bottom: var(--spacing-md); }
.article-content ul, .article-content ol { margin-bottom: var(--spacing-md); padding-left: 1.5rem; }

.article-content a { color: var(--monaco-gold); }
.article-content table {
  width: 100%;
  min-width: 100px;
  border-collapse: collapse;
  margin: var(--spacing-md) 0;
}

.article-content th,
.article-content td {
  padding: 0.5rem 1rem;
  border: 1px solid rgba(212,175,55,0.25);
  text-align: left;
}

.article-content th { background: rgba(212,175,55,0.15); color: var(--monaco-gold); }

.table-of-contents {
  background: rgba(255,255,255,0.05);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
}

.table-of-contents ul { list-style: none; padding-left: 0; }
.table-of-contents a { color: var(--monaco-cream); }