.dnav{position:fixed;right:16px;bottom:16px;z-index:60;font-family:var(--font-notion-sans);font-size:13px}
.dnav-tab{height:36px;padding:0 14px;border:0;border-radius:var(--radius-md);background:var(--color-brand-navy);color:#fff;font:inherit;font-weight:500;cursor:pointer;box-shadow:var(--shadow-2)}.dnav-tab:hover{background:#16224a}
.dnav-panel{width:320px;max-width:calc(100vw - 32px);max-height:min(72vh,720px);overflow-y:auto;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);display:flex;flex-direction:column}
.dnav-panel header{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:12px 10px 12px 16px;background:var(--color-brand-navy);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dnav-panel header .kicker{color:rgba(255,255,255,.7);flex:1}.dnav-panel header a{color:#fff;font-weight:500}.dnav-panel header a:hover{color:#fff;text-decoration:underline}
.dnav-x{width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:transparent;color:rgba(255,255,255,.75);font-size:18px;cursor:pointer}.dnav-x:hover{background:rgba(255,255,255,.12);color:#fff}
.dnav-panel details{border-top:1px solid var(--color-hairline)}.dnav-panel details:first-of-type{border-top:0}
.dnav-panel summary{display:flex;align-items:center;gap:8px;padding:10px 16px;font-weight:600;color:var(--color-ink);cursor:pointer;list-style:none}.dnav-panel summary::-webkit-details-marker{display:none}.dnav-panel summary::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--color-stone);border-bottom:1.5px solid var(--color-stone);transform:rotate(-45deg);transition:transform 150ms}.dnav-panel details[open] summary::before{transform:rotate(45deg)}
.dnav-panel summary span{font-weight:400;color:var(--color-steel);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dnav-tour{font-size:12px;font-weight:500;color:var(--color-link-blue);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-hairline)}.dnav-tour:hover{background:var(--color-surface)}
.dnav-panel ul{list-style:none;margin:0;padding:0 8px 8px}.dnav-panel li a{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--color-ink)}.dnav-panel li a:hover{background:var(--color-surface);color:var(--color-ink)}.dnav-panel li a.on{background:var(--color-card-tint-lavender)}
.dnav-panel li b{font-weight:500}.dnav-panel li span{font-size:12px;color:var(--color-steel)}
@media (max-width:820px){.dnav{right:8px;bottom:84px}}