.page-tools{position:sticky;top:var(--page-tools-top,12px);z-index:40;display:grid;gap:18px;margin-bottom:20px;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-md,12px);background:var(--color-surface);box-shadow:0 10px 30px #0005}
.page-directory{position:fixed;inset:0;margin:auto;overflow:auto;max-height:calc(100dvh - 40px)}
.page-tools-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.page-directory-open{margin-left:auto}.page-directory{width:min(720px,calc(100% - 32px));max-height:80vh;box-sizing:border-box;padding:24px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface,#101823);color:var(--color-text-bright,#fff);box-shadow:0 24px 80px #0008}.page-directory::backdrop{background:#000a;backdrop-filter:blur(4px)}.page-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-directory h2{margin:0;font-size:22px}.page-directory p{color:var(--color-text-muted)}.page-directory-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;list-style:none;padding:0;margin:20px 0 0}.page-directory-links a{display:block;padding:14px;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-bright);text-decoration:none;overflow-wrap:anywhere}.page-directory-links a:hover,.page-directory-links a[aria-current=page]{border-color:var(--color-cyan,#00c8ed);background:var(--color-surface-hover)}.page-directory :focus-visible{outline:2px solid var(--color-cyan,#00c8ed);outline-offset:3px}
.page-back,.page-find button{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-hover,var(--color-surface));color:var(--color-text-bright);font:inherit;text-decoration:none;cursor:pointer;min-height:40px}
.page-crumbs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;font-size:14px;overflow-wrap:anywhere}
.page-crumbs li+li:before{content:'›';margin-right:10px;color:var(--color-text-muted)}
.page-crumbs a{color:var(--color-cyan,var(--color-primary))}
.page-find{display:grid;gap:8px;margin:0}.page-find label{font-weight:600;font-size:14px}
.page-find-controls{display:flex;gap:8px;flex-wrap:wrap}.page-find input{flex:1 1 220px;min-width:0;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text-bright);font:inherit}
.page-find button:disabled{opacity:.45;cursor:default}.page-find-status{font-size:13px;color:var(--color-text-muted)}
.page-tools :focus-visible{outline:2px solid var(--color-cyan,#00c8ed);outline-offset:3px}
mark.page-match{background:#ffe69a;color:#231900;border-radius:2px;padding:0}mark.page-match.is-current{background:#ff9e45;color:#201000;outline:2px solid #c95700;scroll-margin-block:150px}
@media(max-width:540px){.page-tools{padding:14px}.page-find input{flex-basis:100%}.page-find button{flex:1;font-size:13px;padding:8px}}
@media(prefers-reduced-motion:reduce){mark.page-match{scroll-behavior:auto}}