/* Veloria v16 — actual illustrated manuscript material layer (WebP art + live HTML).
   The texture is decorative and is isolated to the middle Codex reader. */
html[data-theme="stone"] .reader {
  background-color:#14191b;
  background-image:
    linear-gradient(180deg,rgba(14,18,20,.13),rgba(12,16,18,.24) 70%,rgba(9,13,16,.18)),
    url("../assets/ui/veloria-reader-manuscript-v1.webp");
  background-position:center,center;
  background-size:100% 100%,100% 100%;
  background-repeat:no-repeat;
  border:1px solid #b99760;
  outline:1px solid #be9c65;
  outline-offset:-10px;
  box-shadow:0 0 0 4px rgba(14,18,18,.83),0 28px 55px #11191194,inset 0 0 25px #0004;
}
html[data-theme="stone"] .reader-frame {opacity:.20}
html[data-theme="stone"] .reader::before,html[data-theme="stone"] .reader::after {display:none}
html[data-theme="stone"] .reader-scroll {position:relative;z-index:1}
html[data-theme="stone"] #entry-category {
  background:linear-gradient(90deg,rgba(99,71,39,.96),rgba(131,93,48,.89) 52%,rgba(63,47,33,.94));
  border-bottom:1px solid #c3a06c;
  box-shadow:inset 0 1px #edcd9065,inset 0 -1px #211c17,0 3px 10px #0006;
}
html[data-theme="stone"] .reader h2 {color:#f5ebdf;text-shadow:0 2px 7px #0008}
html[data-theme="stone"] .subtitle {color:#dabc87}
html[data-theme="stone"] .prose {color:#e8e2d8;text-shadow:0 1px 2px #0004}
html[data-theme="stone"] .reader blockquote {color:#decaa7;text-shadow:0 1px 2px #0005}
html[data-theme="stone"] .reader:focus-within {outline-color:#dbc086}
@media (max-width:680px) {
  html[data-theme="stone"] .reader {background-size:100% 100%,100% 100%}
}