/* Page-specific styles for Sheet Sherpa (extracted from inline <style> blocks) */

.story-section {
  position: relative;
}

.mountains {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
  pointer-events: none;
  background: linear-gradient(-135deg, transparent 50%, #d1d1d1 50%),
    linear-gradient(135deg, transparent 50%, #d1d1d1 50%),
    linear-gradient(-135deg, transparent 60%, #e6e6e6 60%),
    linear-gradient(135deg, transparent 60%, #e6e6e6 60%);
  background-repeat: repeat-x;
  background-size: 110px 220px, 110px 220px, 50px 200px, 50px 200px;
  background-position: 0 100%, 0 100%, 0 50%, 0 50%;
  transform: translateY(60vh); /* initial off-screen placement; JS animates to 0 */
  z-index: -1;
}

/* Static filler below mountains */
.mountains::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh; /* plenty to cover below */
  background: #d1d1d1;
  z-index: -2;
}

/* Removed pseudo-element filler; not needed with new transform approach */

/* Local table utility styles (deduplicated) */
.local-style-table { border-collapse: collapse; width: 100%; }
.local-style-table td { padding: 2px 8px; border: none; text-align: left; }
.local-style-table td:first-child { font-weight: 500; }
.local-style-table.nowrap-first td:first-child { white-space: nowrap; }

/* Optional utility (future extraction of inline margins) */
.indent-20 { margin-left: 20px; }

/* Emphasis warning span extracted from inline style */
.shindig-warning { font-style: italic; color: lightgray; }