/* ============================================================
   atlas-plate.css
   The Atlas of Invisible Forces plate engine. One stylesheet for
   every plate. Museum vellum, museum-blue graphite, a single
   continuum marker. No dashboard, no cards, no software chrome.
   Governed by docs/creative-operating-system/doctrine/
   atlas-of-invisible-forces-visual-doctrine.md
   ============================================================ */

.atlas-plate{
  --atlas-vellum:#F3F0EE;
  --atlas-vellum-edge:#ECE8E2;
  --atlas-blue:#354FA2;
  --atlas-blue-deep:#1B2A63;
  --atlas-blue-anno:#4C63B6;
  --atlas-guide:#93A0C4;
  --atlas-ink:#14172E;
  --atlas-font-label:var(--font-system,'Inter',system-ui,sans-serif);
  --atlas-font-read:var(--font-meaning,'Source Serif 4',Georgia,serif);
  margin:44px 0;
  background:
    radial-gradient(130% 130% at 50% 0%, rgba(53,79,162,.02), transparent 60%),
    var(--atlas-vellum);
  border:1px solid rgba(53,79,162,.22);
  border-radius:3px;
  overflow:hidden;
}
.atlas-plate svg{display:block;width:100%;height:auto;touch-action:pan-y}

/* text defaults, so a plate never restates them */
.atlas-plate text{font-family:var(--atlas-font-label);fill:var(--atlas-blue);}
.atlas-plate .ap-serif{font-family:var(--atlas-font-read);font-style:italic;}

/* the universal marker: the only affordance on the whole plate */
.atlas-plate .apm-grab{cursor:grab}
.atlas-plate .apm-grab:active{cursor:grabbing}
.atlas-plate .apm-ring{opacity:0;transition:opacity .2s ease}
.atlas-plate .apm-marker:hover .apm-ring,
.atlas-plate .apm-marker:focus-visible .apm-ring{opacity:1}
.atlas-plate .apm-marker{outline:none}
.atlas-plate .apm-track{cursor:pointer}

/* reduced motion: the plate is a finished drawing, the marker still scrubs */
@media (prefers-reduced-motion:reduce){
  .atlas-plate svg{touch-action:auto}
}

/* no-JS: the illustration layer renders its resolved keyframe as static SVG,
   the marker simply is not interactive. Nothing to hide. */