/* Scroll & Stone - the "Saved & recent" header control.
   A plain bookmark button in the topbar (no metaphor, no "off" state). The
   panel it opens is a non-modal popover: aria-modal="false", no backdrop, no
   focus trap - the rest of the page stays fully operable while it's open. */

.lamp-btn {
  order: 2;
  align-self: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-left: .35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--gold, #C7A24B);
  cursor: pointer;
  padding: 0;
  opacity: .8;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .15s;
}

.lamp-btn:hover,
.lamp-btn:focus-visible {
  opacity: 1;
}

.lamp-icon { display: block; }

/* ---------- drawer ---------- */

.lamp-drawer {
  position: fixed;
  top: calc(4.5rem + env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  z-index: 60;
  width: min(300px, calc(100vw - 2rem));
  padding: 1.25rem 1.35rem 1.4rem;
  background: var(--night-2, #1B2750);
  color: var(--vellum, #F5EDDF);
  border: 1px solid rgba(199, 162, 75, 0.35);
  border-radius: 10px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
}

.lamp-drawer[hidden] { display: none; }

.lamp-drawer h2 {
  font-family: var(--display);
  font-size: 1.1rem;
  margin: 0 0 .75rem;
}

.lamp-drawer .lamp-stat {
  font-family: var(--utility);
  font-size: .95rem;
  margin: 0 0 .35rem;
}

.lamp-drawer .lamp-recent,
.lamp-drawer .lamp-link {
  font-family: var(--utility);
  font-size: .85rem;
  margin-top: .75rem;
}

.lamp-drawer a { color: var(--gold-soft, #E3C87E); }

.lamp-close {
  float: right;
  width: 44px;
  height: 44px;
  min-height: 44px;
  border: none;
  background: transparent;
  color: inherit;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  .lamp-btn { transition: none; }
}