/* Subtle interaction vocabulary across the Compendium. Purely progressive enhancement. */
:root { --ui-accent:#004d4f; --ui-amber:#fdb73e; --ui-ease:cubic-bezier(.2,.75,.25,1) }
:where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #006b74; outline-offset:3px; border-radius:4px }
:where(a,button) { -webkit-tap-highlight-color:transparent }
.comp-nav a, .comp-utility-nav a, .comp-card a, .comp-anchor, .comp-book-manager-link a {
  transition:color .18s var(--ui-ease), background-color .18s var(--ui-ease), border-color .18s var(--ui-ease), opacity .18s var(--ui-ease);
}
.comp-card, .comp-panel, .comp-highlight, .comp-note, .comp-stat, .reading-panel {
  transition:transform .23s var(--ui-ease), box-shadow .23s var(--ui-ease), border-color .23s var(--ui-ease);
}
.comp-card:hover, .comp-highlight:hover, .reading-panel:hover {transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,55,54,.07);border-color:rgba(0,77,79,.35)}
:where(.comp-wrap, .comp-reading) :is(button, input[type='submit'], .comp-book-manager-link a):not(:disabled):active{transform:translateY(1px)}
.comp-table tbody tr{transition:background .17s ease}
.comp-table tbody tr:hover{background:rgba(255,255,255,.21)}
.comp-utility-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 18px;background:#004d4f;border-bottom:1px solid rgba(255,255,255,.19);color:#fff;font: .78rem Arial,sans-serif}
.comp-utility-nav .comp-utility-brand{font-family:Garamond,Georgia,serif;font-size:1.05rem;font-weight:bold;letter-spacing:.03em;margin-right:auto}
.comp-utility-nav a{color:#fff;text-decoration:none;padding:5px 8px;border-radius:5px}
.comp-utility-nav a:hover{background:rgba(255,255,255,.15)}
.comp-utility-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#fdb73e;text-underline-offset:5px}
.comp-nav-links a {position:relative;text-underline-offset:5px}
.comp-nav-links a:hover{color:#ffe4a2}
.comp-nav-links a[aria-current=page]{color:#fff3cb}
.comp-nav strong{transition:letter-spacing .2s ease}
.comp-nav strong:hover{letter-spacing:.05em}
.comp-nav .comp-nav-links a[href="/reading-analytics.html"]{white-space:nowrap}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .comp-card:hover,.comp-highlight:hover,.reading-panel:hover{transform:none}
}