/* Saved guides: hearts + header button + panel (site-wide, 2026-10-19). */
.bgh-heart { position: absolute; top: 10px; right: 10px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.94); display: grid; place-items: center; cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.15); }
.bgh-heart svg { width: 18px; height: 18px; fill: none; stroke: #111; stroke-width: 2; }
.bgh-heart[aria-pressed="true"] svg { fill: #e0312b; stroke: #e0312b; }

.bgh-saved-btn { position: relative; display: none; align-items: center; gap: 6px; background: none; border: 0; color: inherit; font-size: 14px; font-weight: 600; cursor: pointer; padding: 6px; }
.bgh-saved-btn.has-items { display: inline-flex; }
.bgh-saved-btn b { background: #d4a017; color: #111; border-radius: 999px; padding: 0 7px; font-size: 12px; line-height: 18px; }
.bgh-saved-panel { position: fixed; z-index: 1000; top: 72px; right: max(16px, env(safe-area-inset-right, 0px)); width: min(360px, calc(100vw - 32px)); max-height: 70vh; overflow: auto; background: var(--color-surface, #fff); color: var(--color-text, #111); border: 1px solid var(--color-border, #e5e5e5); border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.25); padding: 14px; }
.bgh-saved-panel h2 { font-size: 16px; margin: 0 0 8px; }
.bgh-saved-panel ul { list-style: none; margin: 0; padding: 0; }
.bgh-saved-panel li { display: flex; gap: 8px; align-items: flex-start; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--color-border, #eee); font-size: 14px; }
.bgh-saved-panel li a { color: inherit; font-weight: 600; line-height: 1.35; }
.bgh-saved-panel li button { border: 0; background: none; color: var(--color-text-muted, #777); cursor: pointer; font-size: 18px; line-height: 1; }
.bgh-saved-panel p { margin: 8px 0 0; font-size: 12px; color: var(--color-text-muted, #777); }
.bgh-saved-panel[hidden] { display: none !important; }