/*
  Depth switch shared by every page of cukivan.me (see depth.js).
  Blocks with class "deep" exist only in the deep reading; "brief" hides them.
  The attribute lives on <html> so it applies before the first paint. Without JavaScript
  nothing is hidden.
*/

html[data-depth="brief"] .deep { display: none !important; }

@keyframes depth-in {
  from {
    opacity: 0;
    transform: translateY(.6rem);
  }
}

html[data-depth="deep"] .deep {
  animation: depth-in .7s cubic-bezier(.2, .75, .25, 1);
}

@media (prefers-reduced-motion: reduce) {
  html[data-depth="deep"] .deep { animation: none; }
}