/* Enabled only after the section chooser is built; original links remain the no-script fallback. */
html.guide-reading-enabled { scroll-padding-top: calc(var(--guide-reader-header, 0px) + var(--guide-reader-height, 56px) + 12px); }
.guide-reading-enabled .shortcut, .guide-reading-enabled .page-toc { display: none; }
.guide-reader-top-target { position: absolute; top: 0; width: 1px; height: 1px; overflow: hidden; }
.guide-reader-bar {
  position: sticky;
  top: var(--guide-reader-header, 0px);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 0 24px;
  padding: 6px 12px;
  background: var(--bg, #07101d);
  color: var(--ink, #fff1f3);
  border: 1px solid var(--line, #524261);
  box-shadow: 0 6px 18px #0005;
  font: 700 16px/1.35 Arial, sans-serif;
}
.guide-reader-chooser { position: relative; flex: 1; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
.guide-reader-chooser > summary { display: flex; align-items: center; gap: 18px; min-height: 44px; padding: 8px 10px; cursor: pointer; font: inherit; list-style: none; }
.guide-reader-chooser > summary::-webkit-details-marker { display: none; }
.guide-reader-chooser > summary::after { content: '▾'; margin-left: auto; }
.guide-reader-chooser[open] > summary::after { content: '▴'; }
.guide-reader-current { color: var(--muted, #c4b6ce); font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.guide-reader-back { flex: none; display: flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--ink, #fff1f3); }
.guide-reader-menu { position: absolute; top: calc(100% + 6px); left: -12px; width: min(900px, calc(100vw - 48px)); max-height: 65vh; overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 12px; background: var(--bg, #07101d); border: 2px solid var(--line, #524261); box-shadow: 0 12px 32px #0008; }
.guide-reader-menu a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; color: var(--ink, #fff1f3); text-decoration: none; }
.guide-reader-menu a:hover, .guide-reader-menu a[aria-current=location] { background: var(--paper, #21182d); color: var(--accent, #c2ef71); }
.guide-reader-bar a:focus-visible, .guide-reader-bar summary:focus-visible { outline: 3px solid var(--accent, #c2ef71); outline-offset: 2px; }
.guide-reading-enabled main section[id] { scroll-margin-top: 12px; }

/* V3 uses a dark sticky reader bar on both light and dark table themes. Keep
   that shared chrome readable instead of inheriting each page's body ink. */
body.guide-v3 .guide-reader-bar { color: #f7fbff; }
body.guide-v3 .guide-reader-current,
body.guide-v3 .guide-reader-back,
body.guide-v3 .guide-reader-chooser > summary { color: #f7fbff; }
body.guide-v3 .guide-reader-menu {
  background: #0b1220;
  color: #f7fbff;
  border-color: #6f849f;
}
body.guide-v3 .guide-reader-menu a { color: #f7fbff; }
body.guide-v3 .guide-reader-menu a:hover,
body.guide-v3 .guide-reader-menu a:focus-visible,
body.guide-v3 .guide-reader-menu a[aria-current=location] {
  background: #f7fbff;
  color: #0b1220;
}

/* The library menu is shared chrome, so its contrast must not depend on a table theme. */
header.compact-library-nav .all-tables-panel,
.topten-page .all-tables-panel {
  background: #0b1220 !important;
  color: #f7fbff !important;
  border-color: #6f849f !important;
}
header.compact-library-nav .all-tables-panel a,
.topten-page .all-tables-panel a {
  background: transparent !important;
  color: #f7fbff !important;
}
header.compact-library-nav .all-tables-panel a:hover,
header.compact-library-nav .all-tables-panel a:focus-visible,
header.compact-library-nav .all-tables-panel a[aria-current="page"],
.topten-page .all-tables-panel a:hover,
.topten-page .all-tables-panel a:focus-visible,
.topten-page .all-tables-panel a[aria-current="page"] {
  background: #f7fbff !important;
  color: #0b1220 !important;
}
@media (max-width: 700px) {
  .guide-reader-bar { gap: 6px; padding: 4px; }
  .guide-reader-current { display: none; }
  .guide-reader-menu { left: -4px; grid-template-columns: 1fr; width: min(90vw, 600px); }
}
@media print { .guide-reader-bar { display: none; } }
.quiz-options{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 4px}
.quiz-options button{margin:0}
.quiz-progress{margin:0 0 10px;color:var(--muted);font:700 12px/1.4 "Arial Narrow",Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.quiz-again{margin-top:22px}