:root{--cg-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='' fill='none' stroke='%23e6c870' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%23e6c870' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--cg-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate%2832 0%29 scale%28-1 1%29' fill='none' stroke='%23e6c870' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%23e6c870' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--cg-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate%280 32%29 scale%281 -1%29' fill='none' stroke='%23e6c870' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%23e6c870' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--cg-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate%2832 32%29 scale%28-1 -1%29' fill='none' stroke='%23e6c870' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%23e6c870' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--cb-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='' fill='none' stroke='%239a7524' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%239a7524' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--cb-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate%2832 0%29 scale%28-1 1%29' fill='none' stroke='%239a7524' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%239a7524' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--cb-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate%280 32%29 scale%281 -1%29' fill='none' stroke='%239a7524' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%239a7524' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--cb-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate%2832 32%29 scale%28-1 -1%29' fill='none' stroke='%239a7524' stroke-linecap='round'%3E%3Cpath d='M1.5 30V10C1.5 5 5 1.5 10 1.5H30' stroke-width='1.4'/%3E%3Cpath d='M6.5 25V12C6.5 9 9 6.5 12 6.5H25' stroke-width='.8' opacity='.7'/%3E%3Cpath d='M14 1.5q3.5 4.5 0 9M1.5 14q4.5 3.5 9 0' stroke-width='.9'/%3E%3Ccircle cx='10.5' cy='10.5' r='2.3' fill='%239a7524' stroke='none'/%3E%3C/g%3E%3C/svg%3E");--div-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 12'%3E%3Cg fill='none' stroke='%23e6c870' stroke-linecap='round'%3E%3Cpath d='M2 6H52M88 6H138' stroke-width='1'/%3E%3Cpath d='M52 6q6-5 12 0t12 0M52 6q6 5 12 0t12 0' stroke-width='.9'/%3E%3C/g%3E%3Cpath d='M70 1.5L74.5 6 70 10.5 65.5 6z' fill='%23e6c870'/%3E%3C/svg%3E");--div-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 12'%3E%3Cg fill='none' stroke='%239a7524' stroke-linecap='round'%3E%3Cpath d='M2 6H52M88 6H138' stroke-width='1'/%3E%3Cpath d='M52 6q6-5 12 0t12 0M52 6q6 5 12 0t12 0' stroke-width='.9'/%3E%3C/g%3E%3Cpath d='M70 1.5L74.5 6 70 10.5 65.5 6z' fill='%239a7524'/%3E%3C/svg%3E");}

/* =====================================================================================================
   Vordenk — Help library, DELUXE decoration. A grand reading room: panelled walls, carved shelves with
   brass plaques, gold-tooled leather covers, a ribbon bookmark, gilt-framed screenshot plates.
   Pure CSS (plus the few ornament elements vk-help.js adds). Loaded after vk-help.css.
   ===================================================================================================== */
.vkh{
  --gilt:linear-gradient(135deg,#f6e7a6 0%,#d9b657 28%,#a47b27 55%,#ecd484 80%,#b48a2e 100%);
  --brass:linear-gradient(180deg,#f2dc8f,#c49a3a 45%,#8a651b 55%,#d8b458);
  --serif:Georgia,'Palatino Linotype','Book Antiqua',Palatino,'Times New Roman',serif;
  background:
    radial-gradient(900px 520px at 50% -6%,rgba(236,206,130,.20),transparent 62%),
    radial-gradient(700px 520px at 50% 118%,rgba(0,0,0,.65),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,224,160,.028) 0 1px,transparent 1px 86px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.30) 0 2px,transparent 2px 172px),
    linear-gradient(180deg,#14110d 0,#0b1417 38%,#040b0e 100%);
}
.vkh::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.55)); }
.vkh-top,.vkh-body,.vkh-bulbwrap{ z-index:1; }
.vkh-top{ border-bottom:1px solid transparent; border-image:linear-gradient(90deg,transparent,rgba(230,200,112,.55),transparent) 1;
  box-shadow:0 8px 24px -14px rgba(0,0,0,.9); }
.vkh-title{ font-family:var(--serif); letter-spacing:.06em; }
.vkh-btn{ border-color:rgba(230,200,112,.38); box-shadow:inset 0 1px 0 rgba(255,240,190,.12); }

/* ---------------------------------------------------------------- library */
.vkh-lib{ font-family:var(--serif); }
.vkh-crest{ display:flex; align-items:center; gap:14px; width:min(300px,70%); margin-top:2px; color:#e6c870; }
.vkh-crest i{ flex:1; height:1px; background:linear-gradient(90deg,transparent,#e6c870); }
.vkh-crest i:last-child{ background:linear-gradient(270deg,transparent,#e6c870); }
.vkh-crest b{ font-size:15px; text-shadow:0 0 12px rgba(230,200,112,.8); }
.vkh-lib h2{ font-family:var(--serif); font-size:clamp(26px,6.4vw,38px); font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin:2px 0 0;
  background:var(--gilt); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.7)) drop-shadow(0 0 16px rgba(230,200,112,.28)); }
.vkh-lib h2::after{ display:none !important; }
.vkh-orn{ width:170px; height:14px; background:var(--div-g) center/contain no-repeat; margin:2px 0 4px; filter:drop-shadow(0 0 6px rgba(230,200,112,.4)); }
.vkh-lib p.sub{ font-family:var(--serif); font-style:italic; color:#b9c9bd; letter-spacing:.02em; }

.vkh-rowwrap{ position:relative; isolation:isolate; margin-bottom:46px; padding:12px 0 0; }
.vkh-rowwrap::before{ content:""; position:absolute; z-index:-1; left:-6px; right:-6px; top:0; bottom:-14px; border-radius:90px 90px 3px 3px / 46px 46px 3px 3px;
  background:
    radial-gradient(60% 90% at 50% 0,rgba(236,206,130,.20),transparent 70%),
    repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 1px,transparent 1px 9px),
    linear-gradient(180deg,#2a1a0d,#1a0f07 60%,#120a05);
  box-shadow:inset 0 0 0 2px #5a3d1c, inset 0 0 0 4px #20130a, inset 0 0 0 5px rgba(230,200,112,.45), inset 0 24px 40px -18px rgba(0,0,0,.85), 0 18px 28px -18px rgba(0,0,0,.9); }
.vkh-row{ min-height:222px; }
.vkh-row::after{ height:20px; bottom:-18px; border-radius:3px;
  background:
    linear-gradient(180deg,rgba(255,226,160,.5),transparent 18%),
    repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 7px),
    linear-gradient(180deg,#9a7142 0,#6b4825 44%,#3b2612 100%);
  box-shadow:0 16px 22px -8px rgba(0,0,0,.85), inset 0 -2px 0 rgba(0,0,0,.45), 0 0 0 1px #2a1a0c; }
.vkh-end{ position:absolute; bottom:-2px; width:12px; height:70px; z-index:2; border-radius:2px 2px 0 0; background:var(--brass);
  box-shadow:inset 0 0 0 1px rgba(60,40,8,.6), 0 6px 8px -2px rgba(0,0,0,.7); }
.vkh-end.l{ left:2px; } .vkh-end.r{ right:2px; }
.vkh-end::after{ content:""; position:absolute; left:50%; top:14px; width:4px; height:4px; margin-left:-2px; border-radius:50%; background:#5a3d0c; box-shadow:0 22px 0 #5a3d0c; }
.vkh-plaque{ position:absolute; left:50%; bottom:-17px; transform:translateX(-50%); z-index:3; padding:1px 16px 2px; border-radius:2px; background:var(--brass);
  box-shadow:inset 0 0 0 1px rgba(60,40,8,.7), 0 3px 5px rgba(0,0,0,.6); }
.vkh-plaque span{ font:700 9.5px/1.5 var(--serif); letter-spacing:.32em; text-transform:uppercase; color:#3a2706; text-shadow:0 1px 0 rgba(255,240,190,.55); }

.vkh-book{ border-radius:3px 6px 6px 3px;
  background:
    linear-gradient(180deg,rgba(236,206,130,.9) 0 2px,transparent 2px calc(100% - 2px),rgba(236,206,130,.9) calc(100% - 2px)),
    linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(255,255,255,.18) 6%,rgba(0,0,0,.16) 9%,transparent 15%,transparent 90%,rgba(0,0,0,.36)),
    repeating-radial-gradient(circle at 30% 20%,rgba(255,255,255,.045) 0 1px,transparent 1px 3px),
    linear-gradient(160deg,var(--c1),var(--c2)); }
.vkh-book::before,.vkh-book::after{ content:""; position:absolute; left:3px; right:2px; height:6px; z-index:2; pointer-events:none;
  background:linear-gradient(180deg,#f6e7a6,#b98d34 60%,#6e4f14); border-radius:1px; box-shadow:0 1px 1px rgba(0,0,0,.6); opacity:.92; }
.vkh-book::before{ top:26px; } .vkh-book::after{ bottom:7px; }
.vkh-book .bt{ border-top:0; border-bottom:0; font-family:var(--serif); top:42px; bottom:20px; }
.vkh-book .bn{ font-family:var(--serif); top:11px; }
.vkh-book:hover,.vkh-book:focus-visible{ box-shadow:0 24px 28px -10px rgba(0,0,0,.9), 0 0 30px -2px rgba(236,206,130,.5), inset 0 0 0 1px rgba(236,206,130,.5); }
.vkh-hint{ font-family:var(--serif); font-style:italic; letter-spacing:.04em; margin-top:-10px; }

/* ---------------------------------------------------------------- 3D cover */
.vkh-front{ background-image:
    linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(255,255,255,.16) 3.5%,rgba(0,0,0,.22) 5.5%,transparent 10%,transparent 94%,rgba(0,0,0,.3)),
    var(--gloss,linear-gradient(115deg,rgba(255,255,255,.16),transparent 38%,transparent 62%,rgba(255,255,255,.07))),
    repeating-radial-gradient(circle at 30% 20%,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.07) 0 1px,transparent 1px 4px),
    linear-gradient(160deg,var(--c1),var(--c2)); }
.vkh-frame{ border:0; padding:34px 16px 26px;
  background:var(--gilt) border-box; -webkit-mask:none; }
.vkh-frame::before{ content:""; position:absolute; inset:0; border-radius:4px; pointer-events:none;
  border:1.5px solid rgba(236,214,150,.85); box-shadow:inset 0 0 0 5px transparent, inset 0 0 0 6px rgba(236,214,150,.4), 0 0 14px rgba(236,206,130,.12); }
.vkh-frame{ background:none; }
.vkh-frame .co{ position:absolute; width:30px; height:30px; background-size:contain; background-repeat:no-repeat; pointer-events:none; filter:drop-shadow(0 0 3px rgba(236,206,130,.45)); }
.vkh-frame .co.tl{ top:3px; left:3px; background-image:var(--cg-tl); } .vkh-frame .co.tr{ top:3px; right:3px; background-image:var(--cg-tr); }
.vkh-frame .co.bl{ bottom:3px; left:3px; background-image:var(--cg-bl); } .vkh-frame .co.br{ bottom:3px; right:3px; background-image:var(--cg-br); }
.vkh-seal{ position:absolute; top:22px; left:50%; transform:translateX(-50%); width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
  font:700 15px/1 var(--serif); color:#3a2706; background:radial-gradient(circle at 35% 30%,#fff1b8,#d9b657 45%,#8a651b); box-shadow:0 2px 4px rgba(0,0,0,.6), inset 0 0 0 2px rgba(255,240,190,.5), 0 0 0 3px rgba(236,206,130,.25); }
.vkh-frame .no{ margin-top:30px; font-family:var(--serif); }
.vkh-frame h3{ font-family:var(--serif); background:var(--gilt); -webkit-background-clip:text; background-clip:text; }
.vkh-frame hr{ width:96px; height:12px; background:var(--div-g) center/contain no-repeat; }
.vkh-frame p{ font-family:var(--serif); font-style:italic; letter-spacing:.06em; }
.vkh-frame .mark{ font-family:var(--serif); }
.vkh-spine{ background:
    linear-gradient(180deg,transparent 0 12%,rgba(236,206,130,.95) 12% 12.8%,transparent 12.8% 16%,rgba(236,206,130,.95) 16% 16.8%,transparent 16.8% 83.2%,rgba(236,206,130,.95) 83.2% 84%,transparent 84% 87.2%,rgba(236,206,130,.95) 87.2% 88%,transparent 88%),
    linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.15) 30%,rgba(0,0,0,.3)),linear-gradient(180deg,var(--c1),var(--c2)); }
.vkh-spine::after{ border-color:transparent; }
.vkh-info p{ font-family:var(--serif); font-style:italic; font-size:14px; color:#c5d3c9; }
.vkh-open-hint{ font-family:var(--serif); border-color:rgba(230,200,112,.5); }

/* ---------------------------------------------------------------- the open book */
.vkh-book-open{ padding:14px 14px 16px; border-radius:10px;
  background:
    repeating-radial-gradient(circle at 30% 20%,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),
    linear-gradient(160deg,var(--c1),var(--c2));
  box-shadow:0 34px 60px -22px rgba(0,0,0,.9), 0 0 0 1px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.1), inset 0 0 36px rgba(0,0,0,.4); }
.vkh-book-open::before{ content:""; position:absolute; inset:5px; border-radius:7px; pointer-events:none; z-index:0;
  border:1px solid rgba(236,214,150,.8); box-shadow:inset 0 0 0 3px transparent, inset 0 0 0 4px rgba(236,214,150,.35); }
.vkh-spread{ z-index:1; border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),
    0 2px 0 #efe5c8, 0 3px 0 #bfae82, 0 4px 0 #f1e8cc, 0 5px 0 #c9b98d, 0 6px 0 #efe5c8, 0 7px 0 #a8976b, 0 9px 12px rgba(0,0,0,.55); }
.vkh-spread::before{ content:""; position:absolute; z-index:3; top:0; bottom:0; left:50%; width:36px; margin-left:-18px; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(60,38,10,.22) 42%,rgba(40,24,6,.4) 50%,rgba(60,38,10,.22) 58%,transparent); }
.vkh-narrow .vkh-spread::before{ display:none; }
.vkh-bm{ position:absolute; z-index:6; top:-4px; right:34px; width:15px; height:calc(100% - 26px); max-height:92px; pointer-events:none;
  background:linear-gradient(90deg,#5a0f1a,#b32638 40%,#7a1424);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%); filter:drop-shadow(1px 3px 3px rgba(0,0,0,.55)); }
.vkh-bm::before{ content:""; position:absolute; left:50%; top:0; bottom:14%; width:1px; background:rgba(255,200,200,.25); }

.vkh-pg{ font-family:var(--serif); container-type:size;
  background:
    radial-gradient(120% 80% at 50% 0,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(90% 70% at 50% 100%,rgba(150,110,40,.10),transparent 70%),
    repeating-linear-gradient(0deg,rgba(120,90,40,.03) 0 1px,transparent 1px 4px),
    var(--paper); }
.vkh-pg::before{ content:""; position:absolute; inset:9px; pointer-events:none; z-index:0;
  border:1px solid rgba(154,117,36,.45); box-shadow:inset 0 0 0 3px transparent, inset 0 0 0 4px rgba(154,117,36,.18);
  background:var(--cb-tl) top left/20px 20px no-repeat, var(--cb-tr) top right/20px 20px no-repeat, var(--cb-bl) bottom left/20px 20px no-repeat, var(--cb-br) bottom right/20px 20px no-repeat; }
.vkh-pg > *{ position:relative; z-index:1; }
.vkh-pg .num{ position:absolute; display:flex; justify-content:center; align-items:center; gap:10px; font-family:var(--serif); color:#7a5f2a; }
.vkh-pg .num::before,.vkh-pg .num::after{ content:""; width:30px; height:1px; background:linear-gradient(90deg,transparent,#9a7524); }
.vkh-pg .num::after{ transform:scaleX(-1); }
.vkh-pg h4{ font-family:var(--serif); color:#33250c; text-shadow:0 1px 0 rgba(255,255,255,.7); letter-spacing:.015em; }
.vkh-pg h4::after{ width:120px; height:12px; margin-top:6px; background:var(--div-b) left center/contain no-repeat; }
.vkh-pg.cover-pg h4::after{ background-position:center; }
.vkh-pg .txt{ font-family:var(--serif); }
.vkh-pg .txt b{ color:#6a4608; }
.vkh-pg .txt kbd{ font-family:var(--serif); }
.vkh-pg:not(.cover-pg):not(.has-plate):not(.founder-pg) .txt > p:first-child::first-letter{
  float:left; font:700 2.7em/.86 var(--serif); padding:.08em .1em 0 0; color:#8a5a0a; text-shadow:1px 1px 0 rgba(255,235,170,.9); }

/* ---------------------------------------------------------------- screenshot plates */
.vkh-plate{ margin:10px 0 0; flex:none; display:block; width:100%; }
.vkh-plate .fr{ display:block; position:relative; padding:6px; border-radius:3px; margin:0 auto;
  width:min(100%,calc(var(--arn) * 46cqh + 14px));
  background:
    radial-gradient(circle,#fff3c0 0 1.2px,#7a5410 1.8px,transparent 2.6px) top 2px left 2px/9px 9px no-repeat,
    radial-gradient(circle,#fff3c0 0 1.2px,#7a5410 1.8px,transparent 2.6px) top 2px right 2px/9px 9px no-repeat,
    radial-gradient(circle,#fff3c0 0 1.2px,#7a5410 1.8px,transparent 2.6px) bottom 2px left 2px/9px 9px no-repeat,
    radial-gradient(circle,#fff3c0 0 1.2px,#7a5410 1.8px,transparent 2.6px) bottom 2px right 2px/9px 9px no-repeat,
    var(--gilt);
  box-shadow:0 8px 16px -8px rgba(40,25,5,.8), 0 1px 0 rgba(255,255,255,.5) inset, 0 0 0 1px rgba(60,38,8,.55); }
.vkh-plate img{ display:block; width:100%; height:auto; aspect-ratio:var(--ar); object-fit:fill; background:#06161a;
  box-shadow:0 0 0 1px rgba(40,25,5,.9), inset 0 0 10px rgba(0,0,0,.5); border-radius:1px; }
.vkh-plate figcaption{ margin:7px 2px 0; font:italic 11.5px/1.35 var(--serif); color:#5d4513; text-align:center; letter-spacing:.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.vkh-plate figcaption b{ display:inline-block; margin-right:7px; padding:0 7px; font:700 9px/1.7 var(--serif); font-style:normal; letter-spacing:.2em; text-transform:uppercase; color:#3a2706; border-radius:2px; background:var(--brass); box-shadow:inset 0 0 0 1px rgba(60,40,8,.55); }
.vkh-pg.has-plate .txt{ margin-top:10px; }
.vkh-pg.has-plate .txt p:first-child{ margin-top:0; }

@media (max-width:640px){
  .vkh-book-open{ padding:11px 11px 13px; }
  .vkh-plate .fr{ width:min(100%,calc(var(--arn) * 44cqh + 14px)); }
  .vkh-plaque span{ font-size:8.5px; }
  .vkh-bm{ right:22px; }
}
@media (prefers-reduced-motion:reduce){ .vkh-crest b{ text-shadow:none; } }