/* SheedyNotes public-site reliability and interaction layer — v1.2.4 */
:root {
  --v123-focus: var(--accent, #8f3328);
  --v123-wip: #7b5b22;
}
.v123-skip-link {
  position: fixed;
  inset: .55rem auto auto .55rem;
  z-index: 100000;
  transform: translateY(-180%);
  padding: .72rem 1rem;
  border-radius: 10px;
  background: #25211e;
  color: #fff;
  font-weight: 750;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.v123-skip-link:focus { transform: translateY(0); }
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--v123-focus) 76%, #fff) !important;
  outline-offset: 3px !important;
}
.v123-wip,
[data-v123-wip="true"] {
  cursor: not-allowed !important;
}
.v123-wip[aria-disabled="true"],
[data-v123-wip="true"] [aria-disabled="true"] {
  opacity: .78;
}
.v123-wip-badge {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  min-height: 1.75rem;
  padding: .24rem .58rem;
  border: 1px solid color-mix(in srgb, var(--v123-wip) 45%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--v123-wip) 9%, transparent);
  color: var(--v123-wip);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .025em;
  white-space: nowrap;
}
[data-v123-volume][aria-selected="true"],
[data-note-volume][aria-selected="true"],
.notes-book[aria-selected="true"],
.book-spine[aria-selected="true"] {
  z-index: 4;
  filter: saturate(1.08) brightness(1.03);
  transform: translate3d(0, -4px, 0) scale(1.025);
}
[data-v123-volume][aria-disabled="true"],
[data-note-volume][aria-disabled="true"],
.notes-book[aria-disabled="true"],
.book-spine[aria-disabled="true"] {
  cursor: not-allowed !important;
  filter: grayscale(.92) saturate(.2) opacity(.58) !important;
  pointer-events: auto;
}
.v123-volume-announcer { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px,1px,1px,1px) !important; white-space: nowrap !important; }
html.v123-public-ready { scroll-padding-top: 5.5rem; }
body { overflow-wrap: anywhere; }
main, section, article, nav { min-width: 0; }
img, svg, video { max-width: 100%; height: auto; }
@media (max-width: 680px) {
  [data-notes-pile], .notes-pile, .book-pile, [data-subject-pile] { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
}
@media print {
  .v123-skip-link, .v123-wip-badge { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
}