/* Local visual proposal. Remove this stylesheet link to restore the prior look. */
.dev-main, .artifact-guide, .atlas-panels, .join-panel {
  background:
    radial-gradient(ellipse at 12% 0%, #adc8d70d, transparent 55%),
    linear-gradient(145deg, #172632, #0e1923 72%);
  border-color: #afbbc633;
  box-shadow: inset 0 1px #e0c79626, 0 18px 48px #00000026;
}
.dev-summary {
  background: linear-gradient(150deg, #1c2c36, #101b25 65%);
  border-color: #c6ac7b59;
  box-shadow: inset 0 1px #e0c79640, 0 12px 30px #00000026;
}
.dev-main > section + section { border-top-color: #afbbc626; }
.dev-step > span {
  background: linear-gradient(140deg, #c6ac7b12, transparent);
  box-shadow: inset 0 0 0 3px #0b131d;
}
.dev-profession[aria-pressed=true] {
  background: radial-gradient(ellipse at 0% 0%, #c6ac7b24, transparent 80%), #18252e;
}
.artifact-guide > .eyebrow, .guide-heading > .eyebrow { color: var(--gold-light); }
.artifact-calculator {
  background: radial-gradient(ellipse at 0% 50%, #c6ac7b08, transparent 70%);
}

/* Keep the text side dark; let light and detail through over the artwork. */
@media (min-width: 701px) {
  .expedition-art img { filter: brightness(1.08) saturate(1.04); }
  .expedition-art::after {
    background: linear-gradient(90deg, #0b131df7 0%, #0b131dce 25%, #0b131d12 67%, #0b131d18), var(--strip-edge);
  }
  .adventure-reverse .expedition-art::after {
    background: linear-gradient(270deg, #0b131df7 0%, #0b131dce 25%, #0b131d12 67%, #0b131d18), var(--strip-edge);
  }
}
@media (max-width: 700px) {
  .expedition-art img { filter: brightness(1.06); }
}

.guide-tabs {
  background: #0d1720;
  box-shadow: 0 -1px #afbbc61a;
}
.guide-tabs button {
  position: relative;
  transition: color .18s ease, background .18s ease;
}
.guide-tabs button[aria-selected=true] {
  color: var(--gold-light);
  background: linear-gradient(180deg, #c6ac7b1f, #17232c);
  box-shadow: inset 0 2px var(--gold), inset 0 -1px #e0c79626;
}
.guide-tabs button[aria-selected=true] svg { filter: drop-shadow(0 0 5px #c6ac7b33); }
.catalog-entry { transition: background .18s ease; }
.catalog-entry > summary:hover {
  background: linear-gradient(90deg, #c6ac7b0f, #c6ac7b03);
}
.catalog-entry[open] > summary {
  background: linear-gradient(90deg, #c6ac7b1a, #adc8d708);
  box-shadow: inset 2px 0 var(--gold);
}
.catalog-entry[open] .entry-plus { color: var(--gold-light); }
.catalog-detail {
  background: linear-gradient(135deg, #0c1720, #111e28);
  border-left-color: #c6ac7b80;
  box-shadow: inset 0 1px #00000033;
}
.catalog-entry > summary:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce) {
  .guide-tabs button, .catalog-entry { transition: none; }
}