/* J1: readable arrival before optional depth; one sizing rule across 999/1000px. */
.opening.ax{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));grid-template-areas:none;align-items:start;gap:clamp(1.25rem,3vw,3rem);padding-top:clamp(1rem,3vw,3rem);padding-bottom:clamp(2rem,4vw,4rem)}
.opening.ax>*{min-width:0;max-width:100%;grid-area:auto}
.opening.ax .op-text{grid-area:auto;padding:0;display:block;align-self:center}
.opening.ax .op-text h1{font-size:clamp(2.5rem,4.6vw,4.75rem);line-height:1.02;overflow-wrap:anywhere}
.opening.ax .op-side{padding-top:1rem;gap:1rem}
.opening.ax .op-line{font-size:clamp(1.0625rem,1.5vw,1.3125rem);max-width:34em}
.ax-view{margin:0;min-width:0;justify-self:stretch}
.opening.ax .ax-art{position:relative;grid-area:auto;justify-self:center;margin-inline:auto;width:min(100%,32rem,55svh);aspect-ratio:1/1;border-radius:1.25rem;isolation:isolate;overflow:visible;background:#03040a}
.ax-art picture,.ax-art img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;border-radius:inherit}
.ax-art picture{overflow:hidden;border-radius:inherit}
.ax-caption{margin:.875rem 0 0;font-size:1rem;color:var(--text-2);line-height:1.5}
.ax-caption b{color:var(--paper)}
.ax-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ax-trace[hidden]{display:none!important}
.ax-route,.ax-route-glow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#ffe6a6;vector-effect:non-scaling-stroke}
.ax-route{stroke-width:1.75px}.ax-route-glow{stroke-width:5px;opacity:.22}
.ax-bead{fill:#fff7d6;stroke:#11151d;stroke-width:1px;vector-effect:non-scaling-stroke}
.ax-trace[data-return="true"] .ax-bead{fill:#efb8c1}
.ax-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:1.8em;min-height:1.8em;padding:.1em;font:600 1.125rem/1 var(--font);color:#fff7d6;background:#11151d;border:2px solid #ffe6a6;border-radius:50%;box-shadow:0 0 0 2px #11151d;pointer-events:none}
.ax-transport,.ax-reference-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem;align-items:start}
.ax-transport button,.ax-reference-controls button{font:inherit;font-size:.9375rem;line-height:1.35;min-height:2.75rem;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:.55rem .85rem;border:1px solid var(--edge);border-radius:.75rem;background:var(--bg);color:var(--paper);cursor:pointer}
.ax-transport button:disabled{color:var(--quiet);cursor:default;border-style:dashed}
.ax-reference-controls button[aria-pressed="true"],.ax-transport button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.ax-status{font-size:1rem;line-height:1.5;color:var(--text-2);margin:.75rem 0 0;min-height:4.5em;overflow-wrap:anywhere}
.ax-reference-label{font-size:1rem;line-height:1.5;margin:.75rem 0 0;color:var(--text-2)}
.ax-view-links{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.5rem 0 0;font-size:1rem}
.ax-view-links a{display:inline-flex;align-items:center;min-height:2.75rem;max-width:100%}
.opening.ax > .ax-read{grid-column:1/-1}
.ax-read{border-top:1px solid var(--line);padding-top:1rem;min-width:0}
.ax-read>summary{font-size:1.0625rem;min-height:2.75rem;color:var(--accent-ink);cursor:pointer;font-weight:600;line-height:1.5}
.ax-read .ax-cap{display:block;font-size:1rem;max-width:52em;margin:.75rem 0 1rem}
.ax-read .ax-key{max-width:none;font-size:1rem}
.ax-read .ax-key-h{font-size:.9375rem;line-height:1.4}
.ax-read .ax-key-kind,.ax-playback-note{max-width:55em;font-size:1rem;line-height:1.55;color:var(--text-2)}
.ax-read .ax-key-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1.5rem 2rem}
.ax-read .ax-key-list li{min-width:0;max-width:100%;overflow-wrap:anywhere;scroll-margin-top:1.25rem}
.ax-read .ax-key-list li:target{outline:2px solid var(--accent-ink);outline-offset:.35rem;border-radius:.25rem}
.ax-read .ax-f,.ax-read .ax-cap .ax-f{font-size:1.0625rem;overflow-wrap:anywhere}
.ax-read .ax-n{font-size:1.25rem}
.ax-read .ax-key-note{font-size:.9375rem}
.ax-path-text{font-size:1rem;line-height:1.55;padding-left:1.5em;columns:2 24rem;column-gap:2rem}
.ax-path-text li{break-inside:avoid;margin:0 0 .6rem;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){.opening.ax *{animation:none!important;transition:none!important}}
@media (forced-colors:active){.ax-pin{color:CanvasText;background:Canvas;border-color:CanvasText;box-shadow:none}.ax-route{stroke:CanvasText}.ax-bead{fill:Highlight;stroke:CanvasText}.ax-transport button[aria-pressed="true"],.ax-reference-controls button[aria-pressed="true"]{background:Highlight;color:HighlightText}}

.ax-pin[data-ax-pin="1"]{left:56.000000%;top:40.500000%}
.ax-pin[data-ax-pin="2"]{left:79.190000%;top:46.530000%}
.ax-pin[data-ax-pin="3"]{left:40.630000%;top:72.710000%}
.ax-pin[data-ax-pin="4"]{left:15.860000%;top:24.020000%}
.ax-pin[data-ax-pin="5"]{left:60.680000%;top:70.290000%}
.ax-pin[data-ax-pin="6"]{left:14.170000%;top:38.890000%}

@media (max-width:700px){.ax-pin[data-ax-pin="1"]{left:55.160000%;top:41.830000%}
.ax-pin[data-ax-pin="2"]{left:74.800000%;top:47.060000%}
.ax-pin[data-ax-pin="3"]{left:42.160000%;top:69.320000%}
.ax-pin[data-ax-pin="4"]{left:20.290000%;top:27.380000%}
.ax-pin[data-ax-pin="5"]{left:59.400000%;top:67.660000%}
.ax-pin[data-ax-pin="6"]{left:18.950000%;top:40.370000%}}