/* Packet A/B pilot — map companion tokens onto splash site.css / brand look.
   Scoped: only affects descendants of .arco-ui (plus light hub-card icon helpers).
   Does not restyle Play/Start Here. */
.arco-ui {
  --arco-bg: var(--bg, #0b0d12);
  --arco-surface: var(--panel, #141820);
  --arco-surface-raised: var(--panel-2, #1a2029);
  --arco-inset: var(--bg-deep, #0e1218);
  --arco-text: var(--ink, #ebe6d8);
  --arco-muted: var(--muted, #9aa3ad);
  --arco-gold: var(--gold, #c9a85c);
  --arco-teal: var(--cyan, #3ec6d8);
  --arco-edge: #667581;
  --arco-line: var(--line, #2a323c);
  --arco-brass: #826c43;
  --arco-focus: var(--cyan, #3ec6d8);
  --arco-radius: var(--radius, 6px);
  font-family: inherit;
}

/* Island spacing vs existing .panel / hub cards — no competing button families. */
.arco-ui.arco-island,
.arco-island.arco-ui {
  margin-block: 1.25rem 0;
}
.community-hub .arco-ui .arco-panel__body .hint { margin-bottom: 0; }
.community-hub .hub-grid { margin-bottom: 0.25rem; }

/* Packet B: brass SVG corners on framed panels (details.css positions .arco-corner). */
.arco-ui .arco-corner > img {
  display: block;
  width: 28px;
  height: 28px;
}

/* Service icons on hub cards (outside .arco-ui — light helper only). */
.hub-card h2 {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.hub-card .arco-icon {
  width: 20px;
  height: 20px;
  flex: none;
  color: var(--gold, #c9a85c);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.92;
}

/* Wiki: framed primary sits in wiki-main without fighting wiki-side */
.wiki-main > .arco-ui { margin-top: 1rem; }
.wiki-main .arco-ui .wiki-prose > :first-child { margin-top: 0; }

/* Lore / Chronicle prose islands */
.arco-ui.arco-island .prose > :first-child { margin-top: 0; }

/* Reader demo taste (Packet C preview): archive finish, not full reader rewrite */
.arco-ui.arco-reader-chrome .arco-panel--archive .arco-panel__body {
  padding: 0;
}
.arco-ui.arco-reader-chrome .ap-reader-panel {
  border: 0;
  background: transparent;
  box-shadow: none;
  margin: 0;
}


/* Packet C — public paper reader enlarge + archive dialog hooks */
.arco-ui.arco-reader-chrome .ap-reader-figure {
  cursor: zoom-in;
  position: relative;
}
.arco-ui.arco-reader-chrome .ap-reader-figure::after {
  content: "Enlarge";
  position: absolute;
  right: 0.55rem;
  bottom: 0.55rem;
  padding: 0.2rem 0.45rem;
  border-radius: 4px;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--arco-text, #ebe6d8);
  background: #101316cc;
  border: 1px solid var(--arco-brass, #826c43);
  pointer-events: none;
}
.arco-ui.arco-reader-chrome .ap-reader-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0 0;
}
.arco-ui .ap-archive-gallery a.ap-archive-thumb {
  cursor: zoom-in;
}