.access-paths,.access-step{scroll-margin-top:112px}
.access-panel{background:#e9e8e0;padding:32px;color:var(--ink)}
.access-panel h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.03em;margin:12px 0 24px}
.access-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-block:1px solid #a6b3b1;padding:10px 0;margin-bottom:24px}
.access-controls>div{display:flex;gap:4px}.access-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid transparent;background:transparent;font-size:.875rem;color:var(--ink);cursor:pointer}
.access-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.access-controls button:hover{border-color:var(--orange)}.access-controls button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.access-controls [data-access-next]{border-bottom-color:var(--orange)}
.access-steps{list-style:none;margin:0;padding:0}.access-step{border-top:1px solid #a6b3b1;padding:28px 0}.access-step:first-child,.access-enhanced .access-step{padding:0;border:0}
.access-step-number{color:var(--orange);font-size:.8rem}.access-step h4{font-family:var(--serif);font-size:1.7rem;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:8px 0 12px}.access-step-text{font-size:1rem;line-height:1.65;max-width:570px;margin:0 0 26px}
.access-lane{padding:16px 0;border-top:1px solid #a6b3b1}.access-lane-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 12px}.access-lane ol{list-style:none;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:26px;padding:0;margin:0}.access-lane li{display:flex;align-items:center;position:relative;font-size:.9rem;line-height:1.4;min-height:66px;padding:12px 0;border-block:2px solid currentColor}.access-lane li+li:before{content:'→';position:absolute;left:-23px;font-size:1.15rem}.access-lane li:last-child{font-weight:600}.access-lane[data-state=quiet]{color:var(--muted)}.access-lane[data-state=warning]{color:var(--orange)}.access-lane[data-state=warning] li:nth-child(2){border-style:dashed}.access-outcome{font-family:var(--serif);font-size:1.35rem;line-height:1.35;margin:22px 0 0;padding-top:18px;border-top:1px solid #a6b3b1}
.access-enhanced .access-step:not([hidden]) .access-diagram{animation:access-reveal .3s ease-out}.access-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.access-node-stage{display:block;font-size:.65rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-bottom:10px}.access-milestone{display:block;width:fit-content;margin-top:12px;padding:4px 7px;background:var(--orange);color:var(--paper);font-size:.7rem;font-weight:600;line-height:1.4}.access-lane li:has(.access-node-stage){align-items:flex-start;font-weight:400}
@keyframes access-reveal{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.access-with-destination{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:28px;align-items:center}.access-destination{text-align:center;font-size:.75rem;line-height:1.4}.access-destination svg{display:block;width:76px;height:112px;margin:0 auto 12px;color:var(--ink);fill:var(--ink)}.access-door-frame,.access-door-threshold{fill:none;stroke:var(--muted);stroke-width:2}.access-door-leaf{fill:#cad1ca;stroke:var(--ink);stroke-width:2}.access-destination span,.access-destination strong{display:block}.access-destination strong{margin-top:6px}.access-destination[data-arrival=blocked] strong{color:var(--orange)}.access-destination[data-arrival=blocked] .access-door-leaf{fill:#ded1c4}.access-with-destination .access-lane ol{grid-template-columns:repeat(3,minmax(0,1fr))}.access-with-destination .access-lane li{overflow-wrap:anywhere}
@media(max-width:600px){.access-panel{padding:24px 18px}.access-controls{gap:8px}.access-controls>div{gap:0}.access-controls button{padding:8px}.access-lane ol{grid-template-columns:1fr;gap:20px}.access-lane li{min-height:0;padding:10px 0;border-top:0;border-bottom-width:1px}.access-lane li+li:before{content:'↓';left:0;top:-22px}.access-lane li span{padding-left:24px}.access-step-text{font-size:.9375rem}.access-lane-label{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.access-enhanced .access-step:not([hidden]) .access-diagram{animation:none}}
@media(max-width:600px){.access-with-destination{grid-template-columns:1fr;gap:22px}.access-with-destination .access-lane ol{grid-template-columns:1fr}.access-destination{display:grid;grid-template-columns:58px 1fr;column-gap:20px;text-align:left;align-items:end;border-top:1px solid #a6b3b1;padding-top:20px}.access-destination svg{grid-row:1/3;width:58px;height:86px;margin:0}.access-destination strong{align-self:start;margin-top:5px}}
@media print{.access-controls{display:none!important}.access-step[hidden]{display:list-item!important}.access-enhanced .access-step{padding:24px 0;border-top:1px solid var(--line);break-inside:avoid}.access-diagram{animation:none!important}}
