.hb-library{background:#f8f7f3;color:#183348}.hb-hero{background:#122d41;color:white;overflow:hidden}.hb-hero-inner{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;padding-top:68px;padding-bottom:66px}.hb-kicker{font-size:10px;font-weight:650;letter-spacing:2.5px;color:#a98d62}.hb-hero .hb-kicker{color:#cfb88d}.hb-hero h1{font:normal clamp(40px,4.6vw,65px)/1.12 Georgia,serif;letter-spacing:-2px;margin:24px 0}.hb-hero h1 em{font-weight:400;color:#dcc49a}.hb-hero p{font-size:15px;color:#b9cbd7;line-height:1.9}.hb-explore{display:inline-flex;gap:35px;color:white;text-decoration:none;border-bottom:1px solid #ffffff40;padding:12px 0;font-size:13px;margin-top:15px}.hb-hero-art{position:relative;min-height:300px;display:flex;justify-content:center;align-items:center}.hb-display-book{position:relative;z-index:2;width:195px;height:270px;background:#ede5d2;border-radius:2px 7px 7px 2px;color:#173b53;padding:25px 25px 25px 32px;box-shadow:inset 7px 0 8px #00000020,8px 12px 24px #00000025;border-left:7px solid #c5b58e;transform:rotate(-8deg)}.hb-display-book span{font-size:8px;letter-spacing:2px;line-height:1.7;display:block}.hb-display-book b{font:normal 31px/1.2 Georgia,serif;display:block;margin:35px 0 28px}.hb-display-book i{font-size:8px;font-style:normal;letter-spacing:1px}.hb-back-book{position:absolute;width:170px;height:245px;border:1px solid #b79d65;background:#294e62;transform:rotate(11deg);left:50%;top:38px;box-shadow:8px 10px 20px #0003;border-radius:4px}.hb-hero-shelf{position:absolute;bottom:1px;height:12px;background:linear-gradient(#b79d75,#806c4e);width:100%;box-shadow:0 15px 22px #0004}.hb-collection{padding-top:55px;padding-bottom:65px}.hb-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.hb-heading h2{font:normal 39px/1.2 Georgia,serif;letter-spacing:-1px;margin:10px 0 0}.hb-heading p{font-size:13px;color:#516575;margin:0}.hb-heading p strong{font-size:22px;font-weight:500;color:#183348;margin-right:5px}.hb-heading p span{color:#96a0a6}.hb-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #dddcd4;padding-bottom:24px}.hb-search{display:flex;align-items:center;gap:14px;background:white;border:1px solid #e1e1dc;border-radius:10px;padding:3px 18px;width:min(100%,520px)}.hb-search>span:first-child{font-size:29px;color:#84949b}.hb-search input{width:100%;min-width:0;border:0;padding:13px 0;font-size:13px;background:transparent;color:#183348}.hb-filters{display:flex;gap:5px;flex-shrink:0}.hb-filters button{border:0;border-radius:7px;padding:11px 15px;background:transparent;font-size:12px;color:#7b878d;cursor:pointer}.hb-filters button.active{background:#183b53;color:white}.hb-result{font-size:12px;color:#849198;margin:18px 0 4px;min-height:20px}.hb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 28px}.hb-book{min-width:0}.hb-stage{height:275px;position:relative;display:flex;align-items:end;justify-content:center;padding:22px 16px;background:radial-gradient(ellipse at center,#e8e5dc,transparent 70%);margin-bottom:20px}.hb-cover{background:var(--book-color);color:#f4f0e5;width:175px;height:230px;border-radius:2px 6px 6px 2px;padding:24px 20px 22px 26px;border-left:5px solid #00000025;box-shadow:inset 4px 0 6px #0002,6px 6px 0 -3px #e5dfd1,9px 12px 20px #13293825;position:relative;display:flex;flex-direction:column;transform:perspective(750px) rotateY(-9deg);transition:transform .25s,box-shadow .25s}.hb-book:hover .hb-cover{transform:perspective(750px) rotateY(-3deg) translateY(-7px);box-shadow:inset 4px 0 6px #0002,6px 6px 0 -3px #e5dfd1,10px 20px 25px #13293825}.hb-cover-brand{font-size:7px;line-height:1.7;letter-spacing:1.8px;opacity:.7}.hb-cover-line{height:1px;width:30px;background:#e5c48c;margin-top:19px}.hb-cover h3{font:normal 19px/1.3 Georgia,serif;overflow-wrap:break-word;margin:15px 0 10px;flex:1}.hb-cover-foot{font-size:6px;letter-spacing:1px;opacity:.55}.hb-shelf{position:absolute;bottom:10px;width:100%;height:7px;background:linear-gradient(#d8cbb4,#c1b499);box-shadow:0 7px 9px #1833480f;border-radius:2px}.hb-format{font-size:8px;letter-spacing:1.5px;color:#9b8768}.hb-book-meta{padding:0 8px}.hb-book-meta h2{font:600 14px/1.6 system-ui,sans-serif;margin:8px 0 15px;min-height:45px}.hb-read{display:flex;justify-content:space-between;text-decoration:none;font-size:12px;color:#183b53;padding:10px 0;border-top:1px solid #deded6}.hb-read:hover{color:#93774c}.hb-unavailable{display:block;font-size:11px;line-height:1.6;color:#9c9990;border-top:1px solid #deded6;padding-top:10px}.hb-cover-note{font-size:11px;color:#9a9d98;margin-top:45px;text-align:center}@media(max-width:1000px){.hb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-hero-inner{gap:30px}.hb-hero-art{transform:scale(.85)}}@media(max-width:700px){.hb-hero-inner{grid-template-columns:1fr;padding-top:38px;padding-bottom:34px;gap:25px}.hb-hero h1{font-size:40px;letter-spacing:-1px}.hb-hero p{font-size:13px}.hb-hero-art{display:none}.hb-heading{align-items:start;flex-direction:column;gap:15px}.hb-heading h2{font-size:32px}.hb-collection{padding-top:34px}.hb-toolbar{flex-direction:column;align-items:stretch;gap:15px}.hb-filters{align-self:start}.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.hb-stage{height:225px;padding:16px 0}.hb-cover{width:135px;height:190px;padding:17px 12px 17px 16px}.hb-cover h3{font-size:15px;line-height:1.3;margin-top:10px}.hb-cover-line{margin-top:12px}.hb-cover-brand{font-size:6px;letter-spacing:1px}.hb-cover-foot{font-size:5px;letter-spacing:.5px}.hb-book-meta{padding:0 2px}.hb-book-meta h2{font-size:12px;min-height:55px}.hb-format{font-size:7px;letter-spacing:.7px}.hb-read{font-size:11px}.hb-unavailable{font-size:10px}}@media(prefers-reduced-motion:reduce){.hb-cover{transition:none}.hb-book:hover .hb-cover{transform:none}}

.hb-cover h3{font-size:17px;overflow-wrap:normal;hyphens:auto}.hb-cover{height:245px}.hb-stage{height:290px}@media(max-width:700px){.hb-cover h3{font-size:13px}.hb-cover{height:205px}.hb-stage{height:240px}}

/* Sculpted covers, layered pages and dimensional shelves. */
.hb-stage{perspective:1100px;isolation:isolate;background:radial-gradient(ellipse at 50% 90%,#d9d4c963,transparent 60%);padding-bottom:28px}.hb-cover{transform:rotateY(-19deg) rotateZ(-1deg);transform-style:preserve-3d;border-left:0;padding-left:29px;background:linear-gradient(90deg,#00000030 0,transparent 9%,#ffffff08 13%,transparent 18%,#0000000c 100%),var(--book-color);box-shadow:inset 1px 0 1px #ffffff40,inset -1px 0 2px #0003,18px 17px 22px #18334825;border-radius:2px 5px 5px 2px;transition:transform .4s ease,box-shadow .4s ease}.hb-cover:before{content:'';position:absolute;top:1px;bottom:1px;left:-13px;width:14px;background:linear-gradient(90deg,#00000065,#00000010),var(--book-color);transform:rotateY(-90deg);transform-origin:right;border-radius:3px 0 0 3px;box-shadow:inset 0 1px #ffffff30}.hb-cover:after{content:'';position:absolute;top:5px;bottom:5px;right:-13px;width:13px;background:repeating-linear-gradient(to right,#f2eadb 0,#f2eadb 1px,#d5cbbb 1px,#d5cbbb 2px);transform:rotateY(70deg);transform-origin:left;border:1px solid #c8bcaa;border-radius:0 3px 3px 0;box-shadow:1px 2px 2px #0002}.hb-cover-line{background:linear-gradient(90deg,#edcf94,#b19768);width:35px}.hb-cover h3{text-shadow:0 1px 1px #0002}.hb-book:hover .hb-cover{transform:rotateY(-7deg) rotateZ(0) translateY(-12px);box-shadow:inset 1px 0 1px #ffffff40,inset -1px 0 2px #0003,20px 28px 30px #18334830}.hb-shelf{bottom:10px;height:10px;background:linear-gradient(180deg,#e9dfcd 0,#d7c7aa 30%,#c7b594 35%,#b9a584 100%);box-shadow:0 3px 0 #a38e6d,0 8px 12px #263c4b20;border-radius:2px;z-index:-1}.hb-shelf:before{content:'';position:absolute;left:0;right:0;height:16px;top:-16px;background:linear-gradient(#ebe4d5,#d5c6ab);transform:skewX(-30deg);transform-origin:bottom}.hb-book-meta{padding-top:4px}.hb-grid{row-gap:48px}.hb-display-book{transform:perspective(900px) rotateY(-15deg) rotateZ(-7deg);box-shadow:inset 7px 0 8px #00000020,9px 3px 0 -2px #dacfb9,13px 5px 0 -4px #a99b7c,20px 24px 32px #0004}.hb-back-book{box-shadow:8px 3px 0 -2px #d5cbb6,18px 22px 30px #0004}.hb-hero-shelf{height:15px;box-shadow:0 4px 0 #665237,0 19px 24px #0004;background:linear-gradient(#d7c5a3,#ab9169)}@media(max-width:700px){.hb-cover{transform:rotateY(-14deg);padding-left:20px}.hb-cover:before{width:10px;left:-9px}.hb-cover:after{width:9px;right:-9px}.hb-book:hover .hb-cover{transform:rotateY(-7deg) translateY(-6px)}}@media(prefers-reduced-motion:reduce){.hb-cover{transition:none}.hb-book:hover .hb-cover{transform:rotateY(-19deg)}}

/* Upright hardbound volumes: depth without tilted typography. */
.hb-cover{transform:none;transform-style:flat;border-radius:3px 7px 7px 3px;border:1px solid #ffffff18;padding-left:29px;background:linear-gradient(90deg,#00000048 0,#00000014 5%,#ffffff10 7%,#00000023 9%,transparent 12%,transparent 95%,#ffffff12 98%,#00000020 100%),repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 3px),var(--book-color);box-shadow:inset 0 1px 1px #ffffff35,inset 0 -2px 2px #0003,inset -2px 0 2px #0002,1px 2px 0 #0002,12px 14px 22px #17344824}.hb-cover:before{left:-7px;top:0;bottom:0;width:8px;transform:none;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#00000040,#ffffff08 40%,#00000022),var(--book-color);box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #0005}.hb-cover:after{top:4px;bottom:4px;right:-11px;width:10px;transform:none;z-index:-1;background:repeating-linear-gradient(0deg,#f5eedf 0,#f5eedf 1px,#d7cebd 1px,#e9e0d0 2px);border:1px solid #c7bda8;border-left:0;border-radius:0 5px 5px 0;box-shadow:3px 0 0 var(--book-color),4px 1px 1px #0002}.hb-book:hover .hb-cover{transform:translateY(-7px);box-shadow:inset 0 1px 1px #ffffff35,inset 0 -2px 2px #0003,inset -2px 0 2px #0002,1px 2px 0 #0002,12px 22px 28px #17344828}.hb-cover-brand{color:#e7d8b8;opacity:.85}.hb-cover-line{height:2px;box-shadow:0 1px 0 #0002;background:linear-gradient(90deg,#b79d6a,#e6d09f,#b79d6a)}.hb-cover h3{color:#f2ead8;text-shadow:0 1px 0 #00000035,0 -1px 0 #ffffff08}.hb-cover-foot{color:#dccba5;opacity:.75}.hb-display-book{transform:none;border-radius:4px 8px 8px 4px;box-shadow:inset 7px 0 8px #00000018,inset 0 1px #ffffff80,8px 0 0 -2px #e5dcc8,12px 0 0 -3px #ab9b7d,18px 20px 30px #0004}.hb-back-book{transform:none;left:57%;top:43px;border-radius:4px 7px 7px 4px}.hb-stage{padding-right:24px}@media(max-width:700px){.hb-cover{transform:none;padding-left:20px}.hb-cover:before{left:-6px;width:7px}.hb-cover:after{width:8px;right:-9px}.hb-book:hover .hb-cover{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.hb-book:hover .hb-cover{transform:none}}

/* Substantial gilt frames and embossed corner details. */
.hb-cover{border:2px solid #c9ac73;padding:25px 21px 22px 29px;outline:1px solid #142c3633;box-shadow:inset 0 0 0 3px #00000015,inset 0 0 0 5px #d6bd8555,inset 0 0 0 6px #00000020,inset 0 1px 2px #fff5,inset 0 -3px 4px #0004,12px 14px 22px #17344824;background:linear-gradient(#d9bd80,#d9bd80) 13px 13px/20px 2px no-repeat,linear-gradient(#d9bd80,#d9bd80) 13px 13px/2px 20px no-repeat,linear-gradient(#d9bd80,#d9bd80) calc(100% - 12px) 13px/20px 2px no-repeat,linear-gradient(#d9bd80,#d9bd80) calc(100% - 12px) 13px/2px 20px no-repeat,linear-gradient(#d9bd80,#d9bd80) 13px calc(100% - 12px)/20px 2px no-repeat,linear-gradient(#d9bd80,#d9bd80) 13px calc(100% - 12px)/2px 20px no-repeat,linear-gradient(#d9bd80,#d9bd80) calc(100% - 12px) calc(100% - 12px)/20px 2px no-repeat,linear-gradient(#d9bd80,#d9bd80) calc(100% - 12px) calc(100% - 12px)/2px 20px no-repeat,linear-gradient(90deg,#00000038,transparent 12%,transparent 95%,#ffffff10),var(--book-color)}.hb-cover:before{left:-9px;width:10px;border-top:2px solid #b99b63;border-bottom:2px solid #b99b63;background:linear-gradient(0deg,transparent 15%,#c9ac7370 15%,#c9ac7370 16%,transparent 16%,transparent 84%,#c9ac7370 84%,#c9ac7370 85%,transparent 85%),linear-gradient(90deg,#0005,#ffffff12,#0003),var(--book-color)}.hb-cover-brand{margin-top:4px}.hb-cover-foot{margin-bottom:3px}.hb-book:hover .hb-cover{box-shadow:inset 0 0 0 3px #00000015,inset 0 0 0 5px #d6bd8555,inset 0 0 0 6px #00000020,inset 0 1px 2px #fff5,inset 0 -3px 4px #0004,12px 22px 28px #17344828}@media(max-width:700px){.hb-cover{padding:23px 14px 20px 19px}.hb-cover-brand{margin-top:1px}.hb-cover h3{font-size:12px}.hb-cover:before{left:-8px;width:9px}}

.hb-hero-clean{background:#f0eee7;color:#183348;border-bottom:1px solid #ded8cc;position:relative}.hb-hero-clean:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#183b53,#af9360)}.hb-clean-inner{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-top:53px;padding-bottom:51px}.hb-hero-clean .hb-kicker{color:#93805d;font-size:9px;letter-spacing:2.5px}.hb-hero-clean h1{font:normal clamp(34px,3.6vw,49px)/1.2 Georgia,serif;letter-spacing:-1.5px;margin:15px 0 12px}.hb-hero-clean h1 span{color:#b59b70}.hb-hero-clean p{color:#78848b;font-size:13px;margin:0}.hb-clean-summary{display:flex;align-items:center;gap:19px;padding:20px 0 20px 35px;border-left:1px solid #d9d3c7}.hb-clean-number{font:normal 51px/1 Georgia,serif;color:#a18a60}.hb-clean-summary strong{display:block;font-size:12px;font-weight:500;color:#405563}.hb-clean-summary div>span{display:block;font-size:10px;color:#929892;margin-top:7px}.hb-clean-summary a{width:39px;height:39px;display:grid;place-items:center;border:1px solid #cfc5b2;border-radius:50%;text-decoration:none;color:#947d57;margin-left:20px;transition:background .2s}.hb-clean-summary a:hover{background:white}@media(max-width:700px){.hb-clean-inner{padding-top:31px;padding-bottom:29px;display:block}.hb-hero-clean h1{font-size:33px;letter-spacing:-1px}.hb-hero-clean p{font-size:12px}.hb-clean-summary{border-left:0;border-top:1px solid #dbd5ca;padding:20px 0 0;margin-top:24px;gap:16px}.hb-clean-number{font-size:36px}.hb-clean-summary a{margin-left:auto}.hb-clean-summary strong{font-size:11px}}

.hb-reader{background:#eef0f1;padding-bottom:28px}.hb-reader-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;padding-bottom:24px}.hb-reader-bar>a{font-size:12px;text-decoration:none;flex-shrink:0;color:#526a79}.hb-reader-bar>div{text-align:center}.hb-reader-bar span{font-size:8px;letter-spacing:2px;color:#978260}.hb-reader-bar h1{font:normal 24px/1.35 Georgia,serif;margin:9px 0 0;color:#183348}.hb-reader-frame{background:white;border:1px solid #d7dde0;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px #1833480c}.hb-reader-frame iframe{width:100%;height:82vh;min-height:500px;display:block;border:0;background:#e0e3e5}.hb-reader-help{text-align:center;font-size:11px;color:#82919a;margin:20px 18px 0}.hb-reader-help a{color:#526a79}.hb-reader-word{padding:45px;background:white;border-radius:12px;margin-bottom:30px}@media(max-width:700px){.hb-reader-bar{flex-wrap:wrap;gap:16px;padding-top:20px;padding-bottom:20px}.hb-reader-bar>div{order:3;width:100%}.hb-reader-bar h1{font-size:22px}.hb-reader-bar>a:last-child{margin-left:auto}.hb-reader-frame iframe{height:75vh;min-height:440px}.hb-reader-word{padding:24px}}

.hb-reader-frame{background:#e9e4d9;overflow:hidden}.hb-reader-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;background:#fff;border-bottom:1px solid #d8d9d7;font-size:12px;flex-wrap:wrap}.hb-reader-tools>div,.hb-reader-tools form{display:flex;align-items:center;gap:9px}.hb-reader-tools button,.hb-reader-tools select{padding:8px 12px;border:1px solid #d8dedf;border-radius:6px;background:#fff;color:#24475a;font-size:12px;cursor:pointer}.hb-reader-tools button:disabled{opacity:.35;cursor:default}.hb-reader-tools [data-mode]{background:#183b53;color:white;border-color:#183b53}.hb-reader-tools input{width:55px;padding:6px;border:1px solid #d8dedf;border-radius:5px;font-size:12px}.hb-pages{min-height:420px;display:flex;justify-content:center;align-items:start;padding:35px 14px;gap:0;overflow:auto;perspective:1800px;position:relative;background:radial-gradient(ellipse at center,#f2ede1,#d9d2c4)}.hb-pages canvas{display:block;flex-shrink:0;height:auto;max-width:none;box-shadow:0 10px 25px #0002;border:1px solid #c7c1b5}.hb-pages canvas:first-child{border-radius:4px 0 0 4px;box-shadow:-8px 5px 0 -4px #cec5b3,-12px 9px 0 -7px #b3a68d,0 14px 30px #0002}.hb-pages canvas:nth-child(2){border-radius:0 4px 4px 0;box-shadow:8px 5px 0 -4px #cec5b3,12px 9px 0 -7px #b3a68d,0 14px 30px #0002}.hb-blank-page{background:#f4f0e7;min-height:300px}.hb-single canvas:first-child{border-radius:2px;box-shadow:0 8px 25px #0002}.hb-single{background:#dadfe3}.hb-turn-next canvas:last-child{animation:hb-turn .55s ease;transform-origin:left}.hb-turn-prev canvas:first-child{animation:hb-turn-back .55s ease;transform-origin:right}@keyframes hb-turn{from{transform:rotateY(-65deg);opacity:.4}to{transform:rotateY(0);opacity:1}}@keyframes hb-turn-back{from{transform:rotateY(65deg);opacity:.4}to{transform:rotateY(0);opacity:1}}@media(max-width:700px){.hb-reader-tools{padding:10px;gap:10px}.hb-reader-tools>div:first-child{width:100%;justify-content:space-between}.hb-reader-tools button,.hb-reader-tools select{font-size:10px;padding:7px 9px}.hb-pages{padding:22px 8px;min-height:250px}}@media(prefers-reduced-motion:reduce){.hb-pages canvas{animation:none}}

.hb-pages{cursor:pointer;perspective:2000px}.hb-single{cursor:auto}.hb-flip-sheet{position:absolute;z-index:5;transform-style:preserve-3d;pointer-events:none;box-shadow:0 12px 30px #0003}.hb-flip-sheet canvas{position:absolute;inset:0;backface-visibility:hidden;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:100%}.hb-flip-back{transform:rotateY(180deg)}.hb-pages:empty:after{content:'Ä°lk sayfalar hazÄ±rlanÄ±yorâ€¦';margin:100px auto;color:#8f8472;font:italic 20px Georgia,serif}.hb-pdf-mode .hb-pages{cursor:auto}

/* Back face must retain its 180-degree orientation over the broad canvas rule. */
.hb-flip-sheet canvas.hb-flip-front{transform:rotateY(0deg);backface-visibility:hidden}.hb-flip-sheet canvas.hb-flip-back{transform:rotateY(180deg);backface-visibility:hidden}

.hb-page-number{text-align:center;padding:14px 18px 17px;color:#6f6b60;font-size:12px;letter-spacing:1px;border-top:1px solid #cfc8b955;min-height:48px;background:#e5dfd2}.hb-pdf-mode .hb-page-number{background:#dadfe3}.hb-pages{overflow-anchor:none;min-height:420px}.hb-pages>canvas{will-change:auto}.hb-flip-sheet{will-change:transform;isolation:auto;outline:1px solid transparent}.hb-flip-sheet canvas{backface-visibility:hidden;-webkit-backface-visibility:hidden}.hb-reader-tools>div:first-child{gap:12px}@media(max-width:700px){.hb-reader-tools>div:first-child{width:auto}.hb-pages{min-height:250px}}

.hb-pages.hb-single{flex-direction:column;align-items:center;gap:24px;overflow:visible;perspective:none}.hb-single canvas{max-width:100%;height:auto!important}.hb-pdf-sentinel{text-align:center;padding:20px;font-size:12px;color:#7c8891;width:100%}

.hb-pages.hb-single{height:80vh;max-height:1000px;overflow-y:auto;overflow-x:auto;scroll-behavior:auto;overflow-anchor:none}.hb-pdf-sentinel{flex-shrink:0}

/* Reader: full-resolution mobile pages and stable continuous PDF slots. */
.hb-pages{justify-content:flex-start;touch-action:pan-x pan-y pinch-zoom;min-height:0}
.hb-pages:not(.hb-single)>canvas:first-child{margin-left:auto}
.hb-pages:not(.hb-single)>canvas:last-of-type{margin-right:auto}
.hb-pages.hb-mobile-book>canvas{border-radius:3px;box-shadow:0 8px 24px #122f4325}
.hb-pages.hb-single{position:relative;align-items:flex-start;gap:24px;height:75dvh;max-height:1000px;padding:20px 16px;overflow:auto;overscroll-behavior:auto;scroll-padding-top:20px}
.hb-pdf-page{flex:0 0 auto;position:relative;margin-left:auto;margin-right:auto;background:white;box-shadow:0 6px 20px #122f4320;display:flex;align-items:center;justify-content:center;color:#7c8891;font-size:12px}
.hb-single .hb-pdf-page canvas{flex:none;max-width:none;height:100%!important;border:0;border-radius:0;box-shadow:none}
.hb-zoom-controls{white-space:nowrap}
.hb-reader-tools button{min-height:40px}
@media(max-width:700px){.hb-reader-frame{width:calc(100% - 24px)}.hb-reader-tools{padding:10px;gap:8px}.hb-pages{padding:16px;max-height:75dvh}.hb-reader-tools form{gap:5px}.hb-reader-tools button{padding:8px}.hb-pages.hb-single{height:70dvh}.hb-reader-help{padding:0 16px}}

.hb-cover-link{display:block;color:inherit;text-decoration:none}.hb-cover-link:focus-visible{outline:3px solid #ad1020;outline-offset:5px}.hb-book .hb-book-meta h2{min-height:0;margin-bottom:10px}.hb-book .hb-read{margin-top:0;padding-top:10px}.hb-book-meta{display:block}

.hb-library .hb-cover-link,.hb-library .hb-cover-link h3{text-decoration:none!important}.hb-library .hb-book-meta h2{min-height:0!important;margin:8px 0 10px!important}.hb-library .hb-read{margin:0!important}

/* Desktop reader fits below the existing header, title and tools at 100% browser zoom. */
@media(min-width:800px){.hb-reader-bar{padding-top:14px;padding-bottom:14px;gap:18px}.hb-reader-bar h1{font-size:21px;margin-top:5px}.hb-reader-tools{padding:9px 12px;gap:8px}.hb-reader-frame .hb-pages,.hb-reader-frame .hb-pages.hb-single{height:var(--hb-stage-height,55dvh);max-height:none;min-height:0;padding:18px 16px;overflow:auto}.hb-reader-frame .hb-pages:not(.hb-single){align-items:flex-start}.hb-reader-frame .hb-page-number{padding:10px 14px;min-height:38px}.hb-reader-help{margin-top:10px}}

@media(min-width:800px){.hb-reader-bar{padding-top:14px;padding-bottom:14px;gap:18px}.hb-reader-bar h1{font-size:21px;margin-top:5px}.hb-reader-tools{padding:9px 12px;gap:8px}.hb-reader-frame .hb-pages,.hb-reader-frame .hb-pages.hb-single{height:var(--hb-stage-height,55dvh);max-height:none;min-height:0;padding:18px 16px;overflow:auto}.hb-reader-frame .hb-pages:not(.hb-single){align-items:flex-start}.hb-reader-frame .hb-page-number{padding:10px 14px;min-height:38px}.hb-reader-help{margin-top:10px}}

/* Reader tools: page navigation left, zoom centered, save and view actions right. */
@media(min-width:800px){.hb-reader-tools.hb-tools-grouped{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}.hb-tools-grouped>div:first-child{justify-content:flex-start;gap:12px;width:auto}.hb-tools-grouped>div:first-child form{margin:0 0 0 10px;flex-wrap:nowrap}.hb-tools-grouped>.hb-zoom-controls{justify-self:center}.hb-tools-grouped>div:last-child{justify-self:end;justify-content:flex-end;flex-wrap:nowrap;gap:8px}.hb-tools-grouped .hu-save{margin:0;white-space:nowrap;min-height:40px}.hb-tools-grouped button{white-space:nowrap}.hb-tools-grouped [data-motion],.hb-tools-grouped [data-mode]{padding-inline:10px}}
@media(min-width:800px) and (max-width:1100px){.hb-reader-tools.hb-tools-grouped{gap:8px}.hb-tools-grouped>div:first-child{gap:5px}.hb-tools-grouped>div:first-child form{margin-left:3px}.hb-tools-grouped button{padding-inline:7px;font-size:11px}.hb-tools-grouped>div:last-child{gap:5px}.hb-tools-grouped input{width:45px}}
@media(max-width:799px){.hb-tools-grouped>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hb-tools-grouped>div:first-child form{margin:0 0 0 8px}.hb-tools-grouped>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.hb-tools-grouped .hu-save{margin:0}}

.hb-reader-tools .hb-download-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #d8dedf;border-radius:6px;background:#fff;color:#24475a;text-decoration:none;transition:background .18s,border-color .18s}.hb-download-icon:hover{background:#edf2f5;border-color:#24475a}.hb-download-icon:focus-visible{outline:2px solid #ad1020;outline-offset:3px}@media(max-width:700px){.hb-reader-tools .hb-download-icon{flex-basis:36px;width:36px;height:36px}}

/* Dedicated desktop reading workspace: spend viewport height on the document. */
@media(min-width:800px){body.hu-reading-focus>.hu-top,body.hu-reading-focus>.hu-header,body.hu-reading-focus>.hu-footer{display:none!important}body.hu-reading-focus .hb-reader{padding-bottom:0;min-height:calc(100dvh - 32px)}body.hu-reading-focus .hb-reader-bar{width:calc(100% - 32px);max-width:none;min-height:42px;padding-top:7px;padding-bottom:7px;gap:15px}body.hu-reading-focus .hb-reader-bar>div>span{display:none}body.hu-reading-focus .hb-reader-bar h1{font-size:18px;line-height:1.25;margin:0}body.hu-reading-focus .hb-reader-frame{width:calc(100% - 32px);max-width:none;border-radius:5px}body.hu-reading-focus .hb-reader-help{display:none}body.hu-reading-focus .hb-reader-frame .hb-pages{padding:12px 16px}body.hu-reading-focus .hb-reader-tools{padding-block:7px}body.hu-reading-focus .hb-page-number{min-height:32px;padding-block:7px}}

.hb-toolbar-return,.hb-toolbar-title{display:none}
@media(min-width:1100px){body.hu-reading-focus .hb-reader-bar{display:none!important}body.hu-reading-focus .hb-reader{padding-top:6px}body.hu-reading-focus .hb-reader-tools.hb-tools-singlebar{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:18px;padding:7px 10px}.hb-tools-singlebar .hb-toolbar-return{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #d8dedf;border-radius:5px;font:12px Arial,sans-serif;color:#24475a;text-decoration:none;white-space:nowrap;background:#fff}.hb-toolbar-return:hover{background:#edf2f5}.hb-tools-singlebar .hb-toolbar-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:normal 18px/1.3 Georgia,serif;margin:0;color:#183348}.hb-tools-singlebar>div:last-child{display:flex;flex-wrap:nowrap;gap:7px;min-width:0}.hb-tools-singlebar>div:last-child>.hb-zoom-controls{display:flex;gap:5px;margin-right:10px}.hb-tools-singlebar>div:first-child{gap:8px}.hb-tools-singlebar>div:first-child form{margin-left:5px}body.hu-reading-focus .hb-reader-frame .hb-page-number{padding:3px 12px;min-height:24px;font-size:11px;line-height:18px}body.hu-reading-focus .hb-reader-frame .hb-pages{padding-block:9px}}
@media(min-width:800px) and (max-width:1099px){.hb-tools-singlebar>div:last-child{flex-wrap:wrap!important}.hb-tools-singlebar>div:last-child>.hb-zoom-controls{margin-right:6px}.hb-reader-tools.hb-tools-singlebar{grid-template-columns:auto 1fr}.hb-tools-singlebar>div:last-child{justify-self:end}}

.hb-reader-tools .hu-save,.hb-reader-tools .hb-mode-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0!important;flex:0 0 40px}.hb-reader-tools .hu-save[aria-pressed=true]{color:#ad1020;background:#fff2f3;border-color:#ad1020}.hb-mode-icon svg,.hu-save svg{display:block;flex-shrink:0}@media(min-width:1100px){body.hu-reading-focus .hb-reader-tools.hb-tools-singlebar{grid-template-columns:minmax(0,1fr) minmax(200px,1.5fr) minmax(0,1fr);gap:12px}.hb-tools-singlebar .hb-toolbar-title{font-size:18px;text-align:center;justify-self:stretch}.hb-tools-singlebar>div:last-child{justify-self:end}.hb-tools-singlebar>div:first-child{justify-self:start}}@media(max-width:700px){.hb-reader-tools .hu-save,.hb-reader-tools .hb-mode-icon{width:36px;height:36px;min-width:36px;flex-basis:36px}}

/* Restrained tactile reader controls, without layout shifts. */
.hb-reader-tools button,.hb-reader-tools .hb-download-icon,.hb-reader-tools .hb-toolbar-return{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .18s;transform:translateY(0);box-shadow:0 1px 2px #122f4305}.hb-reader-tools .hb-toolbar-return{background:#e7eef3;color:#193e55;border-color:#b7c9d5;font-weight:600}.hb-reader-tools :is(button,a):focus-visible{outline:2px solid #ad1020;outline-offset:3px}.hb-reader-tools input:focus-visible{outline:2px solid #315d77;outline-offset:2px;border-color:#315d77}@media(hover:hover){.hb-reader-tools button:not(:disabled):hover,.hb-reader-tools .hb-download-icon:hover{background:#edf3f7;border-color:#8faabb;color:#193e55;box-shadow:0 4px 10px #122f4315;transform:translateY(-2px)}.hb-reader-tools .hb-toolbar-return:hover{background:#dbe7ef;border-color:#799aad;box-shadow:0 4px 10px #122f431a;transform:translateY(-2px)}.hb-reader-tools [data-mode]:hover{background:#244e68;color:white;border-color:#244e68}.hb-reader-tools .hu-save[aria-pressed=true]:hover{background:#ffe9ed;color:#a10f25;border-color:#a10f25}}.hb-reader-tools button:not(:disabled):active,.hb-reader-tools .hb-download-icon:active,.hb-reader-tools .hb-toolbar-return:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 3px #122f4314}.hb-reader-tools button:disabled{transform:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.hb-reader-tools button,.hb-reader-tools .hb-download-icon,.hb-reader-tools .hb-toolbar-return{transition:none;transform:none!important}}

/* Book-cover affordance; no new icons and no layout shift. */
.hb-library .hb-cover-link{display:block;cursor:pointer;outline-offset:5px}.hb-library .hb-cover{transition:transform .32s cubic-bezier(.2,.65,.3,1),box-shadow .32s,filter .25s}.hb-library .hb-read{transition:color .2s,border-color .2s}.hb-library .hb-read:after{content:none!important}.hb-library .hb-cover-link:focus-visible{outline:2px solid #ad1020;border-radius:4px}.hb-library .hb-cover-link:focus-visible .hb-cover{filter:brightness(1.09);box-shadow:inset 1px 0 1px #fff8,18px 23px 28px #122f4338}.hb-library .hb-book:focus-within .hb-read{color:#ad1020}@media(hover:hover){.hb-library .hb-book:hover .hb-cover{transform:translateY(-9px) rotateY(-8deg);filter:brightness(1.08);box-shadow:inset 1px 0 2px #ffffff80,inset -1px 0 2px #0003,17px 24px 27px #122f433d}.hb-library .hb-book:hover .hb-read{color:#ad1020}.hb-library .hb-cover-link:active .hb-cover{transform:translateY(-2px) rotateY(-8deg) scale(.985);filter:brightness(1.03);box-shadow:inset 1px 0 2px #fff6,10px 12px 18px #122f4330}}@media(prefers-reduced-motion:reduce){.hb-library .hb-cover,.hb-library .hb-read{transition:none}.hb-library .hb-book:hover .hb-cover,.hb-library .hb-cover-link:active .hb-cover{transform:rotateY(-8deg)}}
