/* Mobile chapter picker shared by both artifact layouts. */
.section-picker-toggle{display:none;align-items:center;gap:8px;min-width:0;min-height:44px;max-width:50%;margin-left:auto;padding:8px 0 8px 10px;font:500 14px/1.2 var(--display);color:var(--nav-muted)}
.section-picker-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-picker-toggle::after{content:'';flex:none;width:6px;height:6px;margin:0 3px 3px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .16s ease}
.section-picker-toggle[aria-expanded="true"]::after{transform:translateY(3px) rotate(225deg)}
.section-picker-toggle[data-current]{color:var(--accent)}
.section-picker-toggle:focus-visible{outline-offset:-2px}
.section-picker-panel{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--section-picker-height,52px) - 16px);max-height:calc(100svh - var(--section-picker-height,52px) - env(safe-area-inset-bottom,0px) - 16px);overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 16px 24px rgba(0,0,0,.1);animation:section-picker-enter .16s ease-out}
.section-picker-panel[hidden]{display:none!important}
.section-picker-panel ul{list-style:none;max-width:1240px;margin:0 auto;padding:8px 0 16px}
.section-picker-panel li{margin:0;padding:0}
.section-picker-link{display:flex;align-items:center;gap:14px;min-height:48px;padding:12px 48px;font:500 16px/1.4 var(--display);color:var(--nav-muted);overflow-wrap:anywhere}
.section-picker-link::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;opacity:0}
.section-picker-link:hover{color:var(--heading)}
.section-picker-link[aria-current="location"]{color:var(--accent)}
.section-picker-link[aria-current="location"]::before{opacity:1}
.section-picker-link:focus-visible{outline-offset:-5px}
@keyframes section-picker-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1023px){
  .bar[data-section-picker="1023"] .section-picker-toggle{display:flex}
  .bar[data-section-picker="1023"] .section-picker-panel{display:block}
  .bar[data-section-picker="1023"] .bar-in{gap:12px;padding-top:4px;padding-bottom:4px}
  .bar[data-section-picker="1023"] .mark{flex-shrink:0}
}
@media (max-width:920px){
  .bar[data-section-picker="920"] .section-picker-toggle{display:flex}
  .bar[data-section-picker="920"] .section-picker-panel{display:block}
  .bar[data-section-picker="920"] .bar-in{gap:12px;padding-top:4px;padding-bottom:4px}
  .bar[data-section-picker="920"] .mark{flex-shrink:0}
  .section-picker-link{padding-left:24px;padding-right:24px}
}
@media (prefers-reduced-motion:reduce){
  .section-picker-panel{animation:none}
  .section-picker-toggle::after{transition:none}
}