/* GBYSL Select Handbook page: the published Google Doc on a sheet of paper. */
.nav-logo img.nav-logo-select { height: 64px; width: auto; }
@media (max-width: 560px) { .nav-logo img.nav-logo-select { height: 42px; } }

.hb-desk { background: radial-gradient(circle at 50% 0, #1a2433 0, #0b0f18 55%); }
.hb-bar { position: sticky; top: 76px; z-index: 140; background: rgba(11,14,26,.96); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
.hb-bar-inner { max-width: 1100px; margin: 0 auto; padding: .7rem 4%; display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; justify-content: space-between; }
.hb-back { color: var(--muted); font-size: .8rem; font-weight: 600; margin-right: 1rem; }
.hb-back:hover { color: #62CC2F; }
.hb-bar-title { font-family: var(--font-h); font-weight: 700; color: white; font-size: 1rem; }
.hb-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.hb-btn { display: inline-flex; align-items: center; padding: .5rem 1rem; border-radius: 6px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.04); color: white; font-size: .82rem; font-weight: 700; }
.hb-btn:hover { border-color: #62CC2F; }
.hb-btn-green { background: #62CC2F; border-color: #62CC2F; color: #0B1A05; }
.hb-btn-green:hover { filter: brightness(1.06); }

.hb-stage { padding: 2.5rem 4% 3.5rem; }
.hb-sheet { max-width: 8.5in; margin: 0 auto; background: #fff; border-radius: 3px; overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,.35), 0 24px 60px rgba(0,0,0,.45); }
.hb-sheet iframe { display: block; width: 100%; height: calc(100vh - 220px); min-height: 640px; border: 0; background: #fff; }
.hb-after { max-width: 8.5in; margin: 1.5rem auto 0; color: var(--muted); font-size: .85rem; text-align: center; }
.hb-after a { color: #62CC2F; font-weight: 600; }

@media (max-width: 640px) {
  .hb-bar { top: 64px; }
  .hb-back { display: none; }
  .hb-stage { padding: 1rem 2% 2.5rem; }
  .hb-sheet iframe { height: calc(100vh - 200px); min-height: 520px; }
}