/* Short, quiet transitions: feedback starts immediately after a tap. */
.chapter{transition:background-color 280ms cubic-bezier(.22,.61,.36,1)}
.chapter summary{border-bottom:1px solid transparent;transition:background-color 280ms cubic-bezier(.22,.61,.36,1),border-color 280ms ease,padding 280ms cubic-bezier(.22,.61,.36,1)}
.chapter-name,.chapter-hint,.chapter-index{transition:color 280ms ease}
.chapter-symbol{transition:transform 300ms cubic-bezier(.22,.61,.36,1),background-color 280ms ease,border-color 280ms ease,color 280ms ease}
.chapter[open] summary{border-bottom-color:#bca77a40}
.chapter[open] .chapter-symbol{background:#bca77a33;border-color:#bca77a80}
.chapter summary:focus-visible{outline:2px solid #bca77a;outline-offset:-4px}
.reading-link{transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease;box-shadow:none}
.chapter[open] .reading-link:hover{background:#f5f2eb;box-shadow:none}
@media(hover:hover){
  .chapter:not([open]) summary:hover{background:#ffffff06}
  .reading-link:hover{transform:translateY(-1px)}
}
@media(max-width:780px){
  .mobile-menu summary{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
  .mobile-menu[open] summary{background:#ffffff0d;color:#fffdf8;border-color:#bca77aaa}
  .mobile-menu-panel{border-color:#bca77a55;box-shadow:0 8px 24px #001f1c40}
  .mobile-menu-panel a{transition:color 160ms ease,background-color 160ms ease;border-bottom-color:#bca77a22}
  .mobile-menu summary:focus-visible{outline-width:2px}
  .js .gallery-grid figure{transition:opacity 260ms cubic-bezier(.22,.61,.36,1),visibility 0s linear 260ms;z-index:1}
  .js .gallery-grid figure.is-active{transition-delay:0s;z-index:2}
  .gallery-controls button{transition:background-color 160ms ease,border-color 160ms ease,transform 120ms ease}
  .gallery-controls button:hover{background:#ffffff0a;color:#fffdf8;border-color:#bca77aaa}
  .gallery-controls button:active{transform:scale(.96);background:#ffffff12}
}
@media(prefers-reduced-motion:reduce){
  .chapter,.chapter summary,.chapter-name,.chapter-hint,.chapter-index,.chapter-symbol,.reading-link,
  .mobile-menu summary,.mobile-menu-panel a,.js .gallery-grid figure,.gallery-controls button{transition:none;transform:none}
}
