/* Orbits in the account area's colours, the approved mockup's hooks, and in the area's theme model: Light unless
   the member chooses Dark or Match my device, whatever the device prefers. Loaded after the bundle's own stylesheet. */
.ax-loop.ax-orbits { --orbits-ground: var(--sidebar); --orbits-touch-edge: var(--ink); --orbits-answer: var(--ink); --orbits-control-active: var(--ink); }
/* A device that prefers dark, on a page the member left Light: the bundle's light values, which its own dark rule would replace. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .ax-loop.ax-orbits { --orbits-paper: #f9f9f4; --orbits-outline: #332d29; --orbits-bar: #6f6853; --orbits-folder: #99917a; --orbits-folder-edge: #332d29; --orbits-sticky: #f7eedf; --orbits-curl: #99917a; --orbits-picture: #6f6853; --orbits-thread: #0e7c6f; --orbits-pin-centre: #f9f9f4; --orbits-gold: #ffbb00; --orbits-control: #6f6853; }
}
/* Dark, chosen or matched: the bundle's dark values, its thread and pins in the area's accent and paper. */
:root[data-theme="dark"] .ax-loop.ax-orbits { --orbits-thread: var(--accent); --orbits-pin-centre: var(--paper); --orbits-touch-edge: #ffbb00; --orbits-answer: #ffbb00; }
@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] .ax-loop.ax-orbits { --orbits-thread: var(--accent); --orbits-pin-centre: var(--paper); --orbits-touch-edge: #ffbb00; --orbits-answer: #ffbb00; }
}
/* On a Guides card: the tall picture whole inside the card's 16:10, as the approved design sets it; the bundle's own width rule would fill the card. */
.card-art .ax-loop.ax-orbits { width: 38%; margin: 0; }