/* ═══════════════════════════════════════════════════════════════
   Editorial skin — interior pages follow the home page's framing:
   the hero sits in a rounded frame with the generated artwork as a
   faint texture behind it (page-tone text preserved), and every
   page closes with the shared .ed-close band (home-editorial.css).
   ═══════════════════════════════════════════════════════════════ */

.edk { position: relative; overflow: hidden; border-radius: var(--r-3);
  max-width: 1264px; margin: 20px auto 28px; background: var(--bg-2); }
.edk-art { position: absolute; inset: 0; z-index: 0; }
/* interior heroes carry their own UI cards — artwork is a texture,
   not a poster like the home hero. Inverse-tone art on the page tone
   at low opacity reads as a drawing; text keeps page tokens. */
.edk-art img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .11; }
.edk-scrim { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, transparent 55%, color-mix(in srgb, var(--bg) 70%, transparent) 100%); }
.edk::after { content: ""; position: absolute; inset: 0; border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--rule-strong); pointer-events: none; z-index: 3; }
.edk > *:not(.edk-art):not(.edk-scrim) { position: relative; z-index: 2; }

@media (max-width: 1080px) { .edk { margin: 12px 16px 22px; border-radius: var(--r-2); } }