/* PE-3b128d6d-eb71-4a67-ac72-4a099e50f9b4 | Core(root): CORE-EXECUTION-STANDARD.md | Manifest(root): docs/MD-FILE-MANIFEST.md */
/* Claude, 2 November 2026, v0.1 (APL-NAV-DOCS); Codex /root, 3 November, v0.2 viewport-edge correction.
   Review: Apple/control/TRACKING-NAVIGATION-DOCUMENTS.md.
   DA-9accaca8-574e-4393-8bd5-a996000b2368 | MA-1c670ae7-6aaa-48fb-854a-e69b317b6bae
   Section steps, Apple overrides for the shared chapter rail,
   and the menu/footer document links. Inherits each section's ink, so one rule serves black, white, Beo White
   and Future Blue grounds. The disc, 14px glyph and constant-pixel hover match the narration control (D12). */

/* ---------- section steps: previous and next at the end of each section ---------- */
.section-step-wrap{margin-top:96px}
.section-step{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent);padding-top:8px}
.section-step-link{display:flex;align-items:center;gap:16px;min-height:72px;padding:12px 0;color:inherit;text-decoration:none}
.section-step-link[data-direction="next"]{grid-column:2;justify-self:end;flex-direction:row-reverse;text-align:right}
.section-step-text{display:grid;gap:2px}
.section-step-kicker{font-size:12px;line-height:20px;letter-spacing:.6px;opacity:.72}
.section-step-title{font-size:20px;line-height:28px}
.section-step-disc{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px}
.section-step-disc::before{content:"";position:absolute;inset:4px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;transition:inset .24s cubic-bezier(.4,0,.6,1)}
.section-step-disc svg{position:relative;width:14px;height:14px;transition:transform .24s cubic-bezier(.4,0,.6,1)}
.section-step-disc path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter}
@media (hover:hover) and (pointer:fine){
  .section-step-link:hover .section-step-disc::before{inset:1px}
  .section-step-link[data-direction="previous"]:hover .section-step-disc svg{transform:translateY(-2px)}
  .section-step-link[data-direction="next"]:hover .section-step-disc svg{transform:translateY(2px)}
}
.section-step-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media (max-width:600px){
  .section-step-wrap{margin-top:64px}
  .section-step{gap:12px}
  .section-step-link{gap:10px;align-items:flex-start}
  .section-step-disc{margin-top:2px}
  .section-step-title{font-size:16px;line-height:24px}
}
@media (prefers-reduced-motion:reduce){
  .section-step-disc::before,.section-step-disc svg{transition:none}
  .section-step-link:hover .section-step-disc svg{transform:none}
}

/* ---------- shared chapter rail, in the Apple type and palette ---------- */
.apple-application .lw-chapter-rail{--ink:var(--bo-black);--muted:var(--bo-axis);--paper:var(--bo-white);--rule:var(--bo-grid);--sans:'LW Beo',Arial,sans-serif;z-index:40}
/* Carry over Deakin's reviewed viewport-edge correction: 18px dot centres, 14px visible inset.
   The transparent 44px targets remain wholly on-screen; this is an LW adaptation, not a B&O dotnav rule. */
.apple-application .lw-chapter-rail{right:env(safe-area-inset-right,0px)}
.apple-application .lw-chapter-dot{transform:translateX(4px)}
.apple-application .lw-chapter-rail a:focus-visible{outline-offset:-3px}
.apple-application .lw-chapter-label{letter-spacing:.2px;border-radius:0}
/* Centre the 440px rail in the band between the pinned header and Scroll Squares' fixed 176px box
   (bottom 24px), with 8px clear above and 16px below. Where that band cannot hold ten 44px targets,
   the rail stands down; section steps and the menu still navigate. Measured: nav-proof-v2/v3. */
.apple-application .lw-chapter-rail{top:calc((100svh + var(--lw-rail-header,100px) - 216px) / 2)}
@media (max-height:771px){.apple-application .lw-chapter-rail{display:none}}

/* ---------- document links: bottom of the menu and bottom of the application ---------- */
.lw-fast-nav nav a.menu-document:first-of-type,.lw-fast-nav nav a.menu-document:not(.menu-document + .menu-document){margin-top:16px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent)}
/* In the enhanced drawer the shared secondary group (12/20 type, its own rule above) holds these links.
   Each becomes a 44px target: 12px padding either side of the 20px line, gaps folded into the targets so the
   rhythm stays 44px, and the shared hover underline kept just under the words. */
.lw-navigation-drawer nav ul:has(> li > a.menu-document){gap:0}
.lw-navigation-drawer nav a.menu-document{padding-block:12px;min-width:44px;background-position:0 calc(100% - 10px)}
.footer-documents{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.footer-documents a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding-block:12px;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

@media print{.section-step-wrap,.lw-chapter-rail{display:none!important}}