/* Subtle responsive dots and an unobtrusive project directory. */
.profile-region{position:relative;isolation:isolate}
.quiet-field{position:fixed;inset:0;width:100vw;height:100vh;z-index:8;pointer-events:none}
/* Show the full directory only when the real page gutter can contain it. */
.quiet-side-nav{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:50;width:22px;padding:8px 0;opacity:0;visibility:hidden;pointer-events:none;background:transparent;box-shadow:none;transition:opacity .2s,width .2s}
.quiet-side-nav.is-visible{visibility:visible;opacity:1;pointer-events:auto}
.quiet-rail-trigger{border:0;border-left:2px solid #c4c8cd;background:transparent;padding:12px 4px;color:#9ca2a9;font:10px/1.5 var(--body);writing-mode:vertical-rl;letter-spacing:3px;width:22px;cursor:pointer}
.quiet-side-nav #category-nav{display:flex;flex-direction:column;gap:6px;width:170px;max-height:0;visibility:hidden;opacity:0;transform:translateX(-14px);transition:opacity .2s,transform .2s;margin-left:12px}
.quiet-side-nav.is-open{width:184px}
.quiet-side-nav.is-open #category-nav{max-height:240px;visibility:visible;opacity:1;transform:none}
.quiet-side-nav.is-open .quiet-rail-trigger{padding:5px 0;margin-left:12px;writing-mode:horizontal-tb;letter-spacing:0;width:40px;border:0;color:#a9afb6}
.quiet-side-nav.is-roomy .quiet-rail-trigger{display:none}
.quiet-side-nav #category-nav a{position:relative;display:flex;align-items:center;gap:10px;padding:14px 8px;border:0;margin:0;color:#b1b5ba;height:44px;background:transparent}
.quiet-side-nav #category-nav a::before{content:'';position:absolute;left:0;top:16px;width:1px;height:12px;background:#e0e2e5}
.quiet-side-nav #category-nav a[aria-current]::before{background:#60666d;height:20px;top:12px}
.quiet-side-nav #category-nav .index-no{font:10px var(--mono);color:inherit;min-width:17px}
.quiet-side-nav #category-nav .category-name{font:500 12px var(--body);white-space:nowrap}
.quiet-side-nav #category-nav a:is([aria-current],:hover,:focus-visible){color:#545a61}
.quiet-side-nav #category-nav a[aria-current] .category-name{font-weight:600}
.quiet-side-nav #category-nav .category-arrow{display:none}
@media(max-width:700px){.quiet-side-nav:not(.is-open),.quiet-side-nav:not(.is-open) .quiet-rail-trigger{width:18px}.quiet-rail-trigger{padding-inline:2px}}

.directory[hidden]{display:none!important}