/* Parchment scroll for REPORT.md */

.scroll-container {
  min-height: calc(100vh - 120px);
  padding: 40px 20px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Scroll ornament top/bottom */
.scroll-ornament {
  width: 100%;
  max-width: 800px;
  height: 32px;
  background: linear-gradient(180deg, var(--gold) 0%, var(--gold-dim) 60%, transparent 100%);
  position: relative;
  opacity: 0.7;
}
.scroll-ornament::before {
  content: '';
  position: absolute;
  inset: 4px 0;
  background: repeating-linear-gradient(
    90deg,
    var(--gold-dim) 0px,
    var(--gold-dim) 20px,
    transparent 20px,
    transparent 24px
  );
  opacity: 0.5;
}

/* Parchment paper */
.parchment {
  width: 100%;
  max-width: 800px;
  background: linear-gradient(
    180deg,
    #1a0f2e 0%,
    #1e1040 30%,
    #1a0f2e 70%,
    #150c30 100%
  );
  border: 3px solid var(--gold);
  padding: 40px 48px;
  position: relative;
  box-shadow:
    0 0 0 1px var(--gold-dim),
    0 0 30px var(--glow-gold),
    0 8px 40px rgba(0,0,0,0.8),
    inset 0 0 60px rgba(0,0,0,0.4);
  /* Subtle paper texture via repeating gradient */
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.1) 0%, transparent 5%, transparent 95%, rgba(0,0,0,0.1) 100%),
    repeating-linear-gradient(
      0deg,
      transparent 0px,
      rgba(193,154,59,0.02) 1px,
      transparent 2px
    );
}

/* Parchment corners */
.parchment .rune-corner { width: 48px; height: 48px; }

/* Scroll header */
.scroll-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--gold-dim);
  position: relative;
}
.scroll-header::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

.scroll-header h1 {
  font-family: var(--font-title);
  font-size: 42px;
  color: var(--gold-bright);
  text-shadow: 0 0 10px var(--gold), 0 0 20px var(--glow-gold);
  margin: 0;
  letter-spacing: 0.05em;
}

/* Report content typography */
.parchment h1 {
  font-family: var(--font-title);
  font-size: 39px;
  color: var(--gold-bright);
  text-shadow: 0 0 8px var(--gold), 0 0 16px var(--glow-gold);
  margin: 24px 0 16px;
  border-bottom: 1px solid var(--gold-dim);
  padding-bottom: 8px;
}
.parchment h2 {
  font-family: var(--font-heading);
  font-size: 27px;
  color: var(--gold);
  letter-spacing: 0.08em;
  margin: 20px 0 12px;
  border-bottom: 1px solid rgba(193,154,59,0.3);
  padding-bottom: 4px;
}
.parchment h3 {
  font-family: var(--font-heading);
  font-size: 22px;
  color: var(--gold-bright);
  margin: 16px 0 8px;
  letter-spacing: 0.05em;
}

.parchment p {
  font-family: var(--font-body);
  font-size: 24px;
  color: var(--ink);
  line-height: 1.7;
  margin-bottom: 12px;
}

.parchment strong { color: var(--gold-bright); font-weight: 600; }
.parchment em { color: var(--ink-muted); font-style: italic; }
.parchment code {
  font-family: var(--font-mono);
  font-size: 19px;
  color: var(--ember);
  background: rgba(0,0,0,0.4);
  padding: 1px 5px;
  border: 1px solid var(--ember);
  opacity: 0.9;
}

.parchment pre {
  background: rgba(0,0,0,0.5);
  border: 1px solid var(--arcane);
  padding: 12px 16px;
  overflow-x: auto;
  margin: 12px 0;
  font-family: var(--font-mono);
  font-size: 18px;
  color: var(--ink-muted);
  line-height: 1.5;
}

.parchment pre code {
  background: none;
  border: none;
  padding: 0;
  color: inherit;
}

/* Tables */
.parchment table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-family: var(--font-body);
  font-size: 22px;
}
.parchment th {
  font-family: var(--font-heading);
  font-size: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
  background: rgba(0,0,0,0.4);
  padding: 8px 12px;
  text-align: left;
  border: 1px solid var(--gold-dim);
}
.parchment td {
  padding: 7px 12px;
  border: 1px solid rgba(193,154,59,0.25);
  color: var(--ink);
  vertical-align: top;
}
.parchment tr:hover td {
  background: rgba(193,154,59,0.06);
}
.parchment td code {
  font-size: 18px;
  padding: 0 3px;
}

/* Lists */
.parchment ul, .parchment ol {
  margin: 8px 0 12px 20px;
  font-family: var(--font-body);
  font-size: 24px;
  color: var(--ink);
}
.parchment li { margin-bottom: 4px; }
.parchment li::marker { color: var(--gold); }

/* Blockquotes */
.parchment blockquote {
  border-left: 3px solid var(--gold);
  margin: 16px 0;
  padding: 10px 16px;
  background: rgba(193,154,59,0.05);
  font-family: var(--font-accent);
  font-style: italic;
  color: var(--ink-muted);
}

/* Horizontal rule */
.parchment hr {
  border: none;
  border-top: 1px solid var(--gold-dim);
  margin: 24px 0;
  position: relative;
}
.parchment hr::after {
  content: '✦';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--bg-panel);
  padding: 0 12px;
  color: var(--gold);
  font-size: 21px;
}

/* Links */
.parchment a {
  color: var(--arcane);
  text-decoration: none;
  border-bottom: 1px solid var(--arcane);
  transition: all 0.15s;
}
.parchment a:hover {
  color: var(--gold-bright);
  border-color: var(--gold);
  text-shadow: 0 0 6px var(--glow-gold);
}

/* Emoji */
.parchment img { max-width: 100%; height: auto; }

/* Initials / drop cap for first letter */
.parchment > *:first-child::first-letter {
  font-family: var(--font-title);
  font-size: 3em;
  float: left;
  line-height: 0.8;
  margin: 0 8px 0 0;
  color: var(--gold-bright);
  text-shadow: 0 0 10px var(--gold), 0 0 20px var(--glow-gold);
}

/* Section divider */
.parchment h2::before {
  content: '⸻ ';
  color: var(--gold);
}