/* Vordenk — Help library: the room. A copy of the reference photo: a wall of white and oak boxes in uneven sizes, a desk with a
   monitor and printer, plants, vases and books, a leather chair and a wooden floor. The ten real books stand inside the boxes.
   The scene is drawn in a 500 x 692 picture space (see sceneSVG in vk-help.js) and scales as one piece. */
/* the whole library page is the room: wall, sloped ceiling and floor run to every edge of the page */
.vkh[data-level="lib"], .vkh[data-level="lib"] .vkh-body{ background:#f1f1ef !important; }
.vkh[data-level="lib"]::before, .vkh[data-level="lib"]::after, .vkh[data-level="lib"] .vkh-glow{ display:none; }
.vkh-lib-room{ container-type:size; padding:0 !important; gap:0 !important; background:#f1f1ef !important; overflow-x:hidden; overflow-y:auto; justify-content:flex-end; align-items:center; }
.vkh-room{ position:relative; flex:none; width:min(100cqw, max(340px, calc(100cqh * 500 / 842))); aspect-ratio:500 / 842; margin:0; container-type:inline-size; overflow:visible; }
.vkh-room > svg{ position:absolute; inset:0; width:100%; height:100%; display:block; overflow:visible; }
.vkh-roomhead{ position:absolute; top:20px; left:0; right:0; z-index:3; display:flex; flex-direction:column; align-items:center; gap:1px; padding:0 16px; pointer-events:none; text-align:center; }
/* the title block in the system colours (deep teal shading into gold), small so the room keeps all its beauty */
.vkh-roomhead .vkh-crest{ width:min(190px,56%); gap:8px; margin:0; color:#138a82; }
.vkh-roomhead .vkh-crest i{ background:linear-gradient(90deg,transparent,#138a82 55%,#c9a24f) !important; }
.vkh-roomhead .vkh-crest i:last-child{ background:linear-gradient(270deg,transparent,#138a82 55%,#c9a24f) !important; }
.vkh-roomhead .vkh-crest b{ font-size:13px; line-height:1; background:linear-gradient(180deg,#0b4f52,#138a82 55%,#d2ad5c); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; filter:drop-shadow(0 0 5px rgba(201,162,79,.55)); }
.vkh-roomhead h2{ margin:0 !important; font-size:clamp(17px,4.9vw,25px) !important; letter-spacing:.15em !important; line-height:1.1;
  background:linear-gradient(180deg,#0b4f52 0%,#138a82 46%,#c9a24f 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)) drop-shadow(0 0 8px rgba(255,255,255,.35)); }
.vkh-roomhead .vkh-orn{ display:none; }
.vkh-roomhead p.sub{ margin:1px 0 0 !important; font-size:11.5px !important; line-height:1.3; color:#2f4f4d !important; text-shadow:0 1px 0 rgba(255,255,255,.55); }
.vkh-lib-room .vkh-hint{ position:absolute; left:0; right:0; bottom:calc(8px + env(safe-area-inset-bottom)); z-index:3; margin:0; color:#fbf3e6; text-shadow:0 1px 3px rgba(40,22,6,.7); font-size:12px; pointer-events:none; }

/* the real books: small standing books with a vertical title plate */
.vkh-room .vkh-book{ position:absolute; z-index:2; display:block; width:auto; height:auto; min-width:0; transform-origin:50% 100%;
  border-radius:1.5px 3px 3px 1.5px; box-shadow:0 1px 2px rgba(0,0,0,.45), inset 0 0 0 .5px rgba(255,255,255,.12); }
.vkh-room .vkh-book:hover, .vkh-room .vkh-book:focus-visible{ transform:translateY(-4%) rotate(-1deg); box-shadow:0 8px 10px -4px rgba(0,0,0,.6), 0 0 0 1.5px rgba(216,190,132,.8); }
.vkh-room .vkh-book::before, .vkh-room .vkh-book::after{ display:none !important; }
.vkh-room .vkh-book .bn{ top:4%; font-size:clamp(5.5px,1.55cqw,9px); padding-left:0; letter-spacing:.04em; }
.vkh-room .vkh-book .bt{ left:14% !important; right:14% !important; top:15% !important; bottom:4% !important; padding:3% 0 !important; border-radius:2px !important;
  writing-mode:vertical-rl; text-orientation:mixed; flex-direction:row !important; font-size:clamp(5.4px,1.62cqw,10px) !important; line-height:1.05 !important; letter-spacing:.02em !important;
  white-space:normal; text-align:center; overflow:hidden; }
.vkh-room .vkh-book .bt em{ display:none; }
.vkh-room .vkh-book.long .bt{ font-size:clamp(4.8px,1.36cqw,9px) !important; letter-spacing:0 !important; }
.vkh-lib{ background:transparent; }