/* Hamburger Prompt v9 - solid + themed */
.hp-backdrop{position:fixed;inset:0;display:none;align-items:flex-start;justify-content:flex-start;z-index:999999;background:transparent!important;backdrop-filter:none!important}
.hp-backdrop.is-open{display:flex}

.hp-popover{
  position:absolute;
  min-width:280px;
  max-width:min(92vw,420px);
  border:2px solid transparent !important;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  background-color: var(--hp-bg, var(--color-background, #fff)) !important;
  color: var(--hp-fg, var(--color-foreground, #111)) !important;
  border-image: linear-gradient(90deg, var(--hp-accent, #ff3b30), var(--hp-accent-alt, #ff9f0a)) 1;
  overflow:hidden;
}

.hp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--hp-border, var(--color-border, rgba(0,0,0,.08)));font-weight:600}
.hp-body{max-height:min(70vh, 560px);overflow:auto}
.hp-nav{list-style:none;margin:0;padding:8px}
.hp-nav a{display:flex;align-items:center;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit}
.hp-nav a:hover{background:rgba(0,0,0,.05)}
.hp-close{appearance:none;border:0;background:transparent;cursor:pointer;padding:6px;line-height:1;border-radius:8px}

/* No horizontal scroll */
html, body { overflow-x: hidden !important; }