/* Study material: book covers on a shelf, and a page-turning reader (same feel as the Digital Magazine) */
.lb-paper{margin-bottom:34px}
.lb-paper:last-child{margin-bottom:0}
.lb-paper h3{font:600 17px/1.35 var(--display);color:var(--ink);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.lb-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:26px 22px}
.lb-book{display:block;text-decoration:none;color:inherit}
.lb-book:focus-visible{outline:none}
.lb-book:focus-visible .lb-cv{outline:3px solid var(--amber);outline-offset:3px}
.lb-cv{position:relative;aspect-ratio:3/4;border-radius:4px 10px 10px 4px;overflow:hidden;color:#fff;background:linear-gradient(155deg,#24396b 0%,#14213D 62%,#0d1630 100%);box-shadow:0 2px 4px rgba(20,33,61,.15),0 14px 28px rgba(20,33,61,.2);border-left:6px solid rgba(0,0,0,.28);transition:translate .25s,box-shadow .25s;display:flex;flex-direction:column;padding:14px 13px 12px 14px}
.lb-cv.c-cma{background:linear-gradient(155deg,#1d5c66 0%,#0f3d47 62%,#0a2a31 100%)}
.lb-cv.c-cs{background:linear-gradient(155deg,#6d2639 0%,#4a1626 62%,#300d18 100%)}
.lb-cv::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--amber,#F2A93B)}
.lb-cv.k-qbank::before{background:#8fd3ff}
.lb-cv::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;border:16px solid rgba(255,255,255,.05);pointer-events:none}
.lb-book:hover .lb-cv{translate:0 -6px;box-shadow:0 4px 8px rgba(20,33,61,.18),0 22px 40px rgba(20,33,61,.28)}
.lb-top{display:flex;align-items:center;gap:7px;font:700 9.5px/1.2 var(--body);letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.lb-top img{width:20px;height:20px;border-radius:4px;background:#fff;padding:2px;flex:none}
.lb-lv{margin-top:12px;font:700 10.5px/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--amber,#F2A93B)}
.k-qbank .lb-lv{color:#8fd3ff}
.lb-un{margin-top:auto;font:600 12px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.lb-ti{margin-top:5px;font:700 16px/1.25 var(--display);color:#fff;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.lb-rule{width:34px;height:2px;background:rgba(255,255,255,.5);margin:11px 0 9px}
.lb-lb{font:500 10.5px/1.35 var(--body);color:rgba(255,255,255,.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-book b{display:block;margin-top:12px;font:600 14.5px/1.3 var(--display);color:var(--ink)}
.lb-book span.lb-m{display:block;color:var(--muted);font-size:13px;margin-top:2px}
@media (max-width:520px){.lb-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.lb-ti{font-size:14px}}

/* reader */
.rb-wrap{padding-block:22px 56px;background:var(--bg)}
.rb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px}
.rb-t{flex:1 1 260px;min-width:0}
.rb-t h1{margin:0;font:700 clamp(19px,2.6vw,24px)/1.25 var(--display);color:var(--ink)}
.rb-t p{margin:4px 0 0;color:var(--muted);font-size:14px}
.rb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 14px var(--body);cursor:pointer;text-decoration:none}
.rb-btn:hover{background:var(--chip)}
.rb-btn[disabled]{opacity:.4;cursor:default}
.rb-tools{display:flex;gap:6px;flex-wrap:wrap}
.rb-prev{background:#fff3d6;border:1px solid #f2d28b;color:#6b4a00;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:14px}
.stage{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(#1b2748,#101a33);border-radius:16px;padding:14px 0;min-height:300px;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
.stage:fullscreen{border-radius:0;padding:14px}
.stage.zoomed{overflow:auto;display:block;touch-action:auto;padding:14px}
.stage.zoomed .shift{display:inline-block;min-width:100%;text-align:left}
.book{position:relative;perspective:2400px;margin:0 auto}
.pgL,.pgR,.fr,.bkf{background:#fff center/100% 100% no-repeat;overflow:hidden}
.pgL,.pgR{position:absolute;top:0;width:50%;height:100%;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.pgL{left:0;border-radius:4px 0 0 4px}
.pgR{left:50%;border-radius:0 4px 4px 0;transition:opacity .12s}
.pgL::after,.pgR::after,.fr::after,.bkf::after{content:"";position:absolute;inset:0;pointer-events:none}
.pgL::after{background:linear-gradient(to left,rgba(0,0,0,.16),transparent 7%)}
.pgR::after,.fr::after{background:linear-gradient(to right,rgba(0,0,0,.16),transparent 7%)}
.bkf::after{background:linear-gradient(to left,rgba(0,0,0,.16),transparent 7%)}
.pgL.none,.pgR.none{background:transparent;box-shadow:none}
.pgL.none::after,.pgR.none::after{display:none}
.leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.5,.05,.3,1);z-index:5;display:none}
.fr,.bkf{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bkf{transform:rotateY(180deg)}
.shift{transition:transform .65s cubic-bezier(.4,.1,.2,1)}
.nv{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:24px;cursor:pointer;z-index:6}
.nv:hover{background:rgba(0,0,0,.55)}
.nv[disabled]{opacity:.25;cursor:default}
.nv.prev{left:6px}.nv.next{right:6px}
.stage.zoomed .nv{position:fixed}
.single .pgL,.single .leaf{display:none!important}
.single .pgR{left:0;width:100%;border-radius:4px}
.single .shift{transform:none!important}
.rb-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;color:var(--muted);font-size:14px;flex-wrap:wrap}
.rb-msg{max-width:560px;margin:40px auto;text-align:center;color:var(--muted)}
.rb-cover{position:absolute;inset:0;display:flex;flex-direction:column;padding:9% 8% 7%;color:#fff;font-size:calc(var(--pw,400px) / 26)}
.rb-cover .lb-top{font-size:.62em;gap:.6em}.rb-cover .lb-top img{width:2em;height:2em}
.rb-cover .lb-lv{font-size:.8em;margin-top:1.4em}
.rb-cover .lb-un{font-size:.9em}
.rb-cover .lb-ti{font-size:1.9em;-webkit-line-clamp:6}
.rb-cover .lb-rule{width:3.2em;height:.18em;margin:1.2em 0 1em}
.rb-cover .lb-lb{font-size:.85em}
.rb-cover .rb-pp{margin-top:1.6em;font-size:.72em;color:rgba(255,255,255,.65)}
@media print{body *{display:none !important}body::after{content:"Printing is not available for this material.";display:block !important;padding:40px;font:16px sans-serif}}
.rb-btn[hidden]{display:none!important}
.pgx{position:absolute;left:0;top:0;width:794px;height:1123px;transform-origin:0 0}
.rb-load{padding:60px 0;text-align:center;color:var(--muted)}
.rb-cover .rb-st{display:flex;flex-wrap:wrap;gap:1em 1.4em;margin-top:1.6em}
.rb-cover .rb-st div{border-left:.18em solid var(--amber,#F2A93B);padding-left:.6em;font-size:.62em;line-height:1.35;color:rgba(255,255,255,.8);max-width:9em}
.rb-cover .rb-st b{display:block;font:700 2.2em/1.1 var(--display);color:#fff}
.rb-cover .rb-per{margin-top:1.3em;display:inline-block;align-self:flex-start;background:var(--amber,#F2A93B);color:#14213D;font:700 .66em/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:.6em .9em;border-radius:3px}
.single .pgR::after{display:none}
/* Digital Library page */
.dl-search{position:relative;max-width:620px;margin:22px 0 4px}
.dl-search svg{position:absolute;left:15px;top:50%;translate:0 -50%;color:var(--muted)}
.dl-search input{width:100%;min-height:50px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 16px 0 44px;font:500 16px var(--body)}
.dl-tabs{margin-top:16px}.dl-tabs small{opacity:.75;font-weight:500}
.dl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.dl-head p{margin-bottom:0}
.dl-all{font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;border-bottom:2px solid var(--amber)}
.dl-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}
.dl-course{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px 16px 10px}
.dl-course .tag{display:inline-block;font:700 11px/1 var(--body);letter-spacing:.1em;background:var(--chip);color:var(--ink);padding:5px 8px;border-radius:6px;margin-right:8px}
.dl-course b{font:600 15px var(--display);color:var(--ink)}
.dl-course ul{list-style:none;margin:10px 0 0;padding:0}
.dl-course li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.dl-course li a small{font-weight:500;color:var(--muted);font-size:13px}
.dl-course li a:not(.none) small{color:var(--ink);background:#fff3d6;border-radius:999px;padding:2px 9px}
.dl-course li a:hover{color:var(--amber-ink,#9a6200)}
.dl-sub{font:600 16px var(--display);color:var(--ink);margin:0 0 14px}
.dl-recent:empty{display:none}
.lb-cv.dl-mag{background:linear-gradient(155deg,#7a4b0e 0%,#4d2e06 62%,#2c1a03 100%)}
.lb-cv.dl-mag.img{background:#ddd center/cover no-repeat;border-left-color:rgba(0,0,0,.18);padding:0}
.lb-cv.dl-mag.img::before,.lb-cv.dl-mag.img::after{display:none}
#dl-res .lb-shelf [hidden]{display:none}
@media (max-width:860px){.dl-levels{grid-template-columns:1fr}}
.section-head.dl-head{max-width:none;margin-inline:0;text-align:left}.section-head.dl-head>div{max-width:720px}
.section-head.dl-head{flex-direction:row;align-items:flex-end;justify-content:space-between}
.lb-shelf>.lib-empty{grid-column:1/-1}