/* doc-header — header + menu DÙNG CHUNG cho planning.html + execution.html
   Style tham khảo topbar của agent-workflow-comparison (glassy sticky · brand-mark · nav pill). */
.dh-topbar{position:sticky;top:0;z-index:200;border-bottom:1px solid #d9e0dc;background:rgba(247,248,250,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.dh-inner{display:flex;align-items:center;gap:18px;max-width:1280px;margin:0 auto;padding:12px 22px}
.dh-brand{display:flex;align-items:center;gap:12px;min-width:0}
.dh-mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:8px;background:#000;color:#f6a5c0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:.02em}
.dh-brand h1{margin:0;font-size:16.5px;line-height:1.2;color:#17201c;font-weight:800}
.dh-brand p{margin:2px 0 0;color:#647067;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh-nav{margin-left:auto;display:flex;gap:8px;flex-shrink:0}
.dh-link{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:99px;border:1px solid #d9e0dc;background:#fff;color:#17201c;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;cursor:pointer}
.dh-link:hover{border-color:var(--pm-accent,#e0348c);background:var(--pm-accent-soft,#fce7f0);color:var(--pm-accent,#e0348c)}
.dh-link.active{background:#000;border-color:#000;color:#fff}
.dh-ico{font-size:15px;line-height:1}
@media(max-width:640px){.dh-inner{flex-wrap:wrap;padding:10px 14px;gap:12px}.dh-nav{width:100%}.dh-brand p{white-space:normal}}

/* SVG icon menu (black-pink: stroke = accent) */
.dh-ico{display:inline-flex;align-items:center}
.dh-ico svg{width:15px;height:15px;stroke:var(--pm-accent,#e0348c);fill:none}

/* reading progress bar dưới header (black→pink) — scroll indicator */
.dh-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:rgba(0,0,0,.05);z-index:1;pointer-events:none}
.dh-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#111,#e0348c);box-shadow:0 0 6px rgba(224,52,140,.55);transition:width .12s linear;border-radius:0 2px 2px 0}