/* Songket: pucuk rebung, pola belah ketupat, kilau benang emas */
:root {
  --deep: #7a1018; --gold: #e5bf5e;
  --bg: #fbf3e6; --bg-alt: #f4e3c9; --ink: #3e1214; --muted: #705852; --accent: #a8131f; --card: #fffaf1;
  --line: color-mix(in srgb, var(--gold) 55%, transparent);
  --lattice: linear-gradient(45deg, color-mix(in srgb, var(--gold) 14%, transparent) 1px, transparent 1px) 0 0 / 22px 22px,
             linear-gradient(-45deg, color-mix(in srgb, var(--gold) 14%, transparent) 1px, transparent 1px) 0 0 / 22px 22px;
  --cover-bg: var(--lattice), linear-gradient(180deg, var(--deep), color-mix(in srgb, var(--deep) 70%, #000));
  --cover-ink: var(--bg);
  --f-display: "Philosopher", Georgia, serif;
  --f-script: "Philosopher", Georgia, serif;
  --f-body: "Lora", Georgia, serif;
  --title-size: clamp(2.6rem, 11vw, 3.7rem);
  --r: 8px;
}
.inv-cover::before, .inv-cover::after, .inv-aside::before, .inv-aside::after {
  content: ""; position: absolute; left: 0; right: 0; height: 34px;
  background: linear-gradient(135deg, var(--gold) 25%, transparent 25%) -12px 0 / 24px 34px,
              linear-gradient(225deg, var(--gold) 25%, transparent 25%) -12px 0 / 24px 34px;
  opacity: .9;
}
.inv-cover::before, .inv-aside::before { top: 0; }
.inv-cover::after, .inv-aside::after { bottom: 0; transform: scaleY(-1); }
.inv-cover .inv-orn, .inv-aside .inv-orn, .inv-cover .inv-label, .inv-aside .inv-label { color: var(--gold); }
.inv-title { font-weight: 700; }
.inv-cover .inv-title, .inv-aside .inv-title { color: var(--gold); }
.inv-cover-inner, .inv-aside-inner { padding: 30px 22px; border: 1.5px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--deep) 70%, transparent); }
.inv-guest { background: color-mix(in srgb, #000 18%, transparent); border-color: var(--line); }
.inv-cover .inv-btn { background: var(--gold); border-color: var(--gold); color: var(--deep); }
.inv-main .inv-title, .inv-sec-title, .inv-name { color: var(--accent); font-weight: 700; }
.inv-card { border: 1px solid var(--line); box-shadow: 0 0 0 4px var(--card), 0 0 0 5px var(--line); }
.inv-sec:nth-of-type(even) { background: var(--lattice), var(--bg-alt); }
.inv-avatar { box-shadow: 0 0 0 2px var(--gold), 0 0 0 7px var(--bg), 0 0 0 8px var(--accent); }
.inv-nav { background: color-mix(in srgb, var(--deep) 96%, transparent); }
.inv-nav a { color: color-mix(in srgb, var(--bg) 70%, var(--deep)); }
.inv-nav a.is-active { color: var(--gold); }