.routes-index-page{min-height:var(--wa-viewport-height);color:var(--wa-text);background:var(--wa-bg);padding:.5rem}.routes-index-page.routes-index-page-with-pill-dock{min-height:var(--wa-viewport-height);align-items:end;min-width:0;max-width:100%;padding:0;display:grid;overflow-x:hidden}.routes-index-page.routes-index-page-with-pill-dock.routes-index-page-pill-dock-inline{background:0 0;width:100%;min-width:0;max-width:100%;min-height:auto;display:block;overflow-x:hidden}.routes-index-page.routes-index-page-with-pill-dock.routes-index-page-pill-dock-inline .settings-about-pill-dock{width:100%;max-width:100%;margin:0;padding-bottom:3px;position:static;bottom:auto}.routes-index-page.routes-index-page-with-pill-dock.routes-index-page-pill-dock-inline .settings-about-pill-dock-scroll{max-width:100%}.settings-about-pill-dock-scroll{touch-action:pan-x;cursor:grab;-webkit-user-select:none;user-select:none}.settings-about-pill-dock-scroll.is-dragging{cursor:grabbing}.app-toc-test-layout,.toc-dock-layout{background:var(--wa-bg);flex-direction:column;height:100%;min-height:100%;display:flex}.app-toc-test-scroll-container,.toc-dock-scroll-container{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:.35rem .5rem 0;overflow-y:auto}.app-toc-test-card{padding-bottom:.35rem;position:relative}.app-toc-test-card-copy{gap:.75rem;padding:.9rem}.app-toc-test-card-copy h2{color:var(--wa-text);font-size:.96rem;font-weight:500}.app-toc-test-card-copy p+p{margin-top:.7rem}.app-toc-test-scroll-spacer,.toc-dock-scroll-spacer{pointer-events:none;width:100%}.app-toc-test-dock,.toc-dock-footer{background:0 0;flex:none;padding:0}.routes-index-shell{gap:.5rem;width:min(56rem,100%);margin:0 auto;display:grid}.routes-index-header{gap:.1rem;display:grid}.routes-index-header h1,.routes-index-header p,.routes-index-group-header h2,.routes-index-group-header span{margin:0}.routes-index-header h1{font-size:1.05rem;line-height:1.2}.routes-index-description{color:var(--wa-text-muted);font-size:.78rem}.routes-index-description code{font-size:.92em}.routes-index-group{--routes-box-tint:#edf2ef;--routes-box-fg:#111;--routes-box-muted:#1111119e;border:1px solid color-mix(in srgb, var(--wa-text) 10%, transparent);background:var(--routes-box-tint);color:var(--routes-box-fg);border-radius:.4rem}.routes-index-summary{color:var(--wa-text-muted);font-size:.75rem}.routes-index-group{padding:.45rem .5rem}.routes-index-shell>.routes-index-group:nth-child(4n+2),.routes-index-children>.routes-index-group:nth-child(4n+2){--routes-box-tint:#dff3ea;--routes-box-fg:#111;--routes-box-muted:#1111119e}.routes-index-shell>.routes-index-group:nth-child(4n+3),.routes-index-children>.routes-index-group:nth-child(4n+3){--routes-box-tint:#e6eefb;--routes-box-fg:#111;--routes-box-muted:#1111119e}.routes-index-shell>.routes-index-group:nth-child(4n+4),.routes-index-children>.routes-index-group:nth-child(4n+4){--routes-box-tint:#f6eadf;--routes-box-fg:#111;--routes-box-muted:#1111119e}.routes-index-shell>.routes-index-group:nth-child(4n+5),.routes-index-children>.routes-index-group:nth-child(4n+5){--routes-box-tint:#f1e5f6;--routes-box-fg:#111;--routes-box-muted:#1111119e}.routes-index-group-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.routes-index-group-toggle{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:0;display:flex}.routes-index-group-toggle:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px;border-radius:.35rem}.routes-index-children{gap:.4rem;margin-top:.4rem;display:grid}.routes-index-group-header{flex:none;align-items:baseline;gap:.35rem;display:flex}.routes-index-group-header h2{font-size:.82rem}.routes-index-group-header span{color:var(--routes-box-muted);font-size:.72rem}.routes-index-group-toggle-icon{background:color-mix(in srgb, var(--routes-box-fg) 10%, white);width:1.2rem;height:1.2rem;color:var(--routes-box-fg);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:inline-flex}.routes-index-list{flex-wrap:wrap;flex:auto;justify-content:flex-start;gap:.3rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.routes-index-item{display:block}.routes-index-link:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px}.routes-index-link{--routes-pill-bg:#ffffff59;--routes-pill-border:color-mix(in srgb, var(--routes-box-fg) 14%, transparent);border:1px solid var(--routes-pill-border);background:var(--routes-pill-bg);max-width:100%;color:var(--routes-box-fg);border-radius:999px;padding:.28rem .48rem;text-decoration:none;display:inline-flex;position:relative}.routes-index-link-stage-missing{--routes-pill-bg:#f7d8d8;--routes-pill-border:#d86c6c}.routes-index-link-stage-dev{--routes-pill-bg:#f8e1b8;--routes-pill-border:#d1962f}.routes-index-link-stage-test{--routes-pill-bg:#dbe9ff;--routes-pill-border:#5b8ee6}.routes-index-link-stage-prod{--routes-pill-bg:#d7f0d7;--routes-pill-border:#4aa864}.routes-index-link-path{color:inherit;white-space:nowrap;font-size:.76rem;line-height:1.15}.routes-index-link:hover{border-color:color-mix(in srgb, var(--routes-box-fg) 24%, transparent);background:color-mix(in srgb, var(--routes-pill-bg) 88%, white)}.routes-index-preview-tooltip{z-index:20;border:1px solid color-mix(in srgb, var(--routes-box-fg) 16%, transparent);background:var(--wa-panel);opacity:0;pointer-events:none;visibility:hidden;border-radius:.4rem;width:min(17rem,100vw - 2rem);padding:.25rem;position:absolute;top:calc(100% + .35rem);left:50%;transform:translate(-50%);box-shadow:0 .75rem 2rem #00000038}.routes-index-preview-tooltip img{aspect-ratio:390/422;object-fit:cover;object-position:top center;border-radius:.25rem;width:100%;display:block}.routes-index-link:hover .routes-index-preview-tooltip,.routes-index-link:focus-visible .routes-index-preview-tooltip{opacity:1;visibility:visible}@media (width<=640px){.routes-index-group-row{flex-direction:column}.routes-index-group-toggle{width:100%}.routes-index-list{justify-content:flex-start}}
