.guide-navigation{z-index:12;border-block:1px solid var(--line);background:var(--paper,#f3f6f4);padding:10px 0 12px;position:sticky;top:0;box-shadow:0 5px 8px #203d4608}.guide-navigation-heading{color:var(--ink-light);justify-content:space-between;align-items:baseline;gap:12px;font-size:.75rem;line-height:1.4;display:flex}.guide-navigation-heading label{font-weight:600}.guide-navigation-heading>span{font-variant-numeric:tabular-nums;white-space:nowrap}.guide-navigation-select{display:none}.guide-navigation-links{flex-wrap:wrap;gap:4px 8px;margin-top:5px;display:flex}.guide-navigation-links a{min-height:44px;color:var(--ink-light);border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;font-size:.8125rem;line-height:1.4;display:flex}.guide-navigation-links a>span{font-variant-numeric:tabular-nums;font-size:.6875rem}.guide-navigation-links a:hover{color:var(--ink);background:#e2ece6}.guide-navigation-links a:active{background:#d4e3db}.guide-navigation-links a[aria-current]{background:var(--green);border-color:var(--green);color:#fffefa;font-weight:600}.guide-navigation :is(a,select):focus-visible{outline-offset:3px;outline:3px solid #176b77}.guide-navigation-progress{background:var(--line);height:3px;position:absolute;inset:auto 0 -1px}.guide-navigation-progress>span{background:var(--green);height:100%;display:block}:is(.lesson-page,.weather-page,.boat-page){--guide-nav-height:90px}:is(.lesson-section,.weather-section,.boat-guide-section,.boat-map-focus,.boat-detail h2){scroll-margin-top:calc(var(--guide-nav-height,90px) + 20px)}:is(.lesson-section,.weather-section,.boat-guide-section) :is(h2,h3)[tabindex="-1"]:focus-visible{outline-offset:6px;border-radius:2px;outline:3px solid #176b77}@media (max-width:900px){.guide-navigation{padding:8px 0 10px}.guide-navigation-links{display:none}.guide-navigation-select{width:100%;max-width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fffefa;border:1px solid #9fbab0;border-radius:7px;margin-top:5px;padding:8px 30px 8px 12px;font-size:1rem;display:block}}@media (max-height:420px){.guide-navigation{position:relative}}