:root{color-scheme:dark;--navy:#061426;--gold:#f0c978;--cyan:#44caff;--text:#f9f1dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font:16px/1.5 Georgia,serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;top:-100px;left:12px;z-index:50;background:#fff;color:#000;padding:8px}.skip:focus{top:12px}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,3vw,48px);background:linear-gradient(#04101eeb,#04101e00)}.wordmark{text-decoration:none;color:var(--gold);font-size:clamp(17px,1.5vw,24px);letter-spacing:.06em;text-shadow:0 2px 5px #000}.wordmark span{display:block;text-align:center;color:#3ebcff;font-size:15px;line-height:.8}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;font-size:13px;color:#d9eafa;letter-spacing:.08em;text-transform:uppercase}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--gold)}.showcase{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#041428 url('/full/home/assets/citadel-atmosphere.webp') center/cover no-repeat}.showcase::before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--course-backdrop);background-size:cover;background-position:center;opacity:.22}.showcase-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03132480,transparent 24%,transparent 76%,#03132480),linear-gradient(0deg,#031020 0%,transparent 38%,#03102070 100%)}.wolf{position:absolute;z-index:-1;bottom:8%;height:min(60vw,520px);max-width:35%;object-fit:contain;filter:drop-shadow(0 0 22px #009bea);opacity:.85;pointer-events:none}.wolf-left{left:-8%;transform:scaleX(-1)}.wolf-right{right:-9%}.showcase-content{position:relative;z-index:2;width:min(1200px,100%);min-height:100svh;margin:auto;padding:96px 22px 95px;display:flex;flex-direction:column;align-items:center;text-align:center}.overline{margin:0;color:var(--gold);font-size:clamp(11px,1.1vw,14px);font-weight:700;letter-spacing:.34em}.overline::before,.overline::after{content:'—';margin:0 14px}h1{margin:8px 0 8px;font-size:clamp(42px,5vw,78px);font-weight:400;line-height:1.06;letter-spacing:-.03em;text-shadow:0 3px 14px #000}h1::after{content:'◆';display:block;color:#24bcff;font-size:22px;line-height:1;text-shadow:0 0 14px #4be5ff}.summary{max-width:650px;margin:0 auto 8px;color:#c6d9e4;text-shadow:0 1px 4px #000}.catalog-status{font:13px/1.5 Arial,sans-serif;color:#dbe8ec;min-height:22px}.carousel-shell{display:flex;align-items:center;justify-content:center;width:100%;max-width:1000px;flex:1;min-height:300px;gap:8px}.book-carousel{position:relative;width:min(780px,80vw);height:clamp(290px,38vh,430px);perspective:1400px;touch-action:pan-y;outline:none}.book-carousel:focus-visible{outline:2px solid var(--cyan);outline-offset:12px;border-radius:12px}.book{--width:clamp(170px,21vw,260px);--height:clamp(270px,36vh,400px);position:absolute;left:calc(12% + var(--slot)*16%);top:50%;width:var(--width);height:var(--height);border:0;padding:0;background:transparent;z-index:calc(10 - var(--slot));transform-style:preserve-3d;transform:translateY(-50%) rotateY(-30deg) scale(.82);filter:brightness(calc(1 - var(--slot)*.08));transition:left .55s cubic-bezier(.2,.75,.2,1),transform .55s cubic-bezier(.2,.75,.2,1),filter .55s,box-shadow .55s;box-shadow:8px 18px 25px #000b;animation:float 4.5s ease-in-out infinite alternate;animation-delay:calc(var(--slot)*-.55s)}.book[data-slot='0']{left:6%;transform:translateY(-50%) rotateY(-3deg) scale(1);filter:brightness(1);z-index:12;box-shadow:0 0 27px #36aeff77,16px 22px 32px #000b}.book-carousel.single .book[data-slot='0']{left:50%;transform:translate(-50%,-50%) rotateY(-3deg)}.book:hover{filter:brightness(1.12)}.book:focus-visible{outline:3px solid #fff;outline-offset:4px}.book-front{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;inset:0;overflow:hidden;border:3px solid var(--gold);border-radius:7px 4px 4px 7px;background:radial-gradient(circle at 40% 35%,#1c5995,#071d41 60%,#020c22);box-shadow:inset 0 0 0 4px #062e63,inset 0 0 0 6px #d4a752;padding:18px;color:#f5dda6;text-shadow:0 2px 4px #000}.book-front::after{content:'';position:absolute;inset:8px;border:1px solid #e3b15d;pointer-events:none}.book-front img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.book-mark{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.15em;z-index:1}.book-name{z-index:1;max-width:95%;margin:auto;font-size:clamp(27px,2.9vw,42px);line-height:1.05;font-style:italic;text-align:center}.book-spine{position:absolute;left:-17px;top:5px;bottom:4px;width:21px;transform:rotateY(-35deg);transform-origin:right;background:repeating-linear-gradient(0deg,#06183b 0 16px,#d4a554 16px 19px,#062d60 19px 24px);border:2px solid var(--gold);border-radius:5px 0 0 5px;box-shadow:inset 3px 0 3px #000b}.book-pages{position:absolute;right:-10px;top:7px;bottom:6px;width:11px;transform:rotateY(68deg);transform-origin:left;background:repeating-linear-gradient(0deg,#e8e0c9 0 2px,#a4987b 2px 3px);border:1px solid #e0c88b}.carousel-arrow{z-index:14;flex:0 0 42px;height:48px;border:1px solid #ddb15c;border-radius:50%;color:#eecf8b;background:#041a3cd9;font:38px/1 Georgia,serif;box-shadow:0 0 14px #0af5}.carousel-arrow:disabled{opacity:.4;cursor:default}.feature-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.primary-action{min-width:250px;padding:10px 36px;border:2px solid var(--gold);border-radius:100px;background:linear-gradient(#0d3e91,#021a45);box-shadow:0 0 0 2px #003f8d,0 6px 18px #000d,inset 0 2px 9px #55abff;color:#fff3d6;text-decoration:none;font-size:clamp(20px,2vw,29px);font-weight:700;line-height:1.2}.primary-action:hover,.primary-action:focus-visible{box-shadow:0 0 20px #32cfff,0 6px 18px #000d}.primary-action.disabled{opacity:.65;cursor:default;pointer-events:none}.pagination{font:12px Arial,sans-serif;color:#cad8e6;letter-spacing:.2em}.show-more{position:fixed;z-index:20;left:50%;bottom:12px;transform:translateX(-50%);min-width:210px;padding:5px 24px;border:1px solid #b6c1cc;border-radius:100px;color:#e9f3ff;background:linear-gradient(#59697e,#1e2b41);box-shadow:0 2px 9px #000b;font-size:16px}.show-more:disabled{opacity:.5;cursor:default}.all-courses{padding:80px clamp(22px,5vw,80px) 120px;background:#061325}.all-courses[hidden]{display:none}.grid-heading{text-align:center}.grid-heading h2{font-size:clamp(35px,5vw,62px);margin:6px 0 38px;font-weight:400}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;max-width:1300px;margin:auto}.grid-card{background:linear-gradient(#0d2b51,#071629);border:1px solid #a4824e;padding:16px;box-shadow:0 8px 22px #0007}.grid-card img,.grid-tile{width:100%;height:210px;object-fit:cover;background:#092b5a}.grid-tile{display:grid;place-items:center;color:#e5ba61;font-size:55px}.grid-card h3{font-size:23px;line-height:1.1;margin:17px 0 8px}.grid-card p{font:14px/1.5 Arial,sans-serif;color:#bed0de;min-height:60px}.grid-card a,.unavailable{font:700 13px Arial,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.unavailable{opacity:.55}@keyframes float{from{translate:0 3px}to{translate:0 -5px}}@media(max-width:800px){.wolf{opacity:.4;max-width:45%;height:430px}.showcase-content{padding-top:115px}.carousel-shell{min-height:340px}.book-carousel{width:min(650px,75vw);height:350px}.book{--width:180px;--height:280px;left:calc(6% + var(--slot)*17%)}.book[data-slot='0']{left:0}.summary{max-width:460px}}@media(max-width:560px){.site-header{align-items:flex-start}.site-header nav{gap:10px}.site-header nav a{font-size:10px}.showcase-content{padding:105px 12px 75px}.overline{letter-spacing:.15em}.overline::before,.overline::after{margin:0 6px}.summary{font-size:14px}.wolf{opacity:.24;max-width:70%;bottom:16%}.wolf-left{left:-30%}.wolf-right{right:-30%}.carousel-shell{gap:2px;min-height:320px}.book-carousel{width:calc(100vw - 95px);height:305px}.book{--width:145px;--height:230px;left:calc(2% + var(--slot)*40%)}.book[data-slot='0']{left:0}.book[data-slot='2'],.book[data-slot='3'],.book[data-slot='4']{display:none}.book-name{font-size:25px}.carousel-arrow{flex-basis:34px;width:34px;height:38px;font-size:28px}.primary-action{font-size:20px;min-width:200px}.show-more{bottom:8px;font-size:14px}.grid-card p{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.book{animation:none;transition:none}.show-more{transition:none}}

/* Coverflow polish: separate scenery, platform and animated book surfaces. */
.showcase::before{z-index:0;pointer-events:none}.showcase-shade{z-index:1;pointer-events:none;background:linear-gradient(0deg,#020b19 0%,#03102000 24%,#03102020 68%,#03102050 100%)}
.wolf{z-index:1;max-width:29%;height:min(40vw,440px);bottom:13%;opacity:.88}.wolf-left{left:-6%}.wolf-right{right:-6%}
.showcase-content{padding-bottom:96px}.carousel-shell{position:relative;min-height:350px;max-width:1050px;isolation:isolate;margin:0 0 4px;padding-bottom:25px}
.book-platform{position:absolute;z-index:-1;left:4%;right:4%;height:190px;bottom:0;border:3px solid #dfb861;border-radius:50% 50% 12% 12% / 12% 12% 20% 20%;background:linear-gradient(#1a65bf10,#04112920),repeating-conic-gradient(#063b8299 0% 25%,#69c9ff55 0% 50%) 0 0/84px 60px,url('/full/home/assets/course-ground.webp') center/cover;transform:perspective(750px) rotateX(48deg);box-shadow:0 8px 0 #092247,0 13px 0 #b88b3e,0 21px 22px #000c,inset 0 0 30px #36adff,0 0 34px #0af8;pointer-events:none}
.book-platform span{position:absolute;bottom:-27px;left:calc(50% - 23px);width:46px;height:46px;border:3px solid #d7b666;transform:rotate(45deg);background:linear-gradient(135deg,#0d65b9,#04162b);color:#56c8ff;line-height:40px;font-size:23px;text-shadow:0 0 10px #32eaff;box-shadow:0 0 16px #009dff}
.book-carousel{width:min(760px,76vw);height:clamp(310px,42vh,445px);cursor:grab;user-select:none;-webkit-user-select:none}
.book-carousel.dragging{cursor:grabbing}.book-carousel.dragging .book{transition-duration:80ms}
.book{--width:clamp(180px,21vw,265px);--height:clamp(285px,39vh,410px);left:calc(13% + var(--slot)*15%);transform:translate3d(var(--drag-shift,0px),-50%,calc(var(--slot)*-38px)) rotateY(-30deg) scale(calc(.94 - var(--slot)*.045));transition:left .6s cubic-bezier(.2,.75,.2,1),transform .6s cubic-bezier(.2,.75,.2,1),filter .6s,box-shadow .6s;animation:none;cursor:inherit}
.book[data-slot='0']{left:8%;transform:translate3d(var(--drag-shift,0px),-50%,25px) rotateY(-3deg) scale(1);box-shadow:0 0 30px #e6b75d55,16px 22px 32px #000b;animation:float 4.5s ease-in-out infinite alternate}
.book-carousel.single .book[data-slot='0']{left:50%;transform:translate3d(-50%,-50%,25px) rotateY(-3deg)}
.book-front{border-width:3px;background:linear-gradient(125deg,#173c6890,#041632dd),url('/full/home/assets/citadel-atmosphere.webp') center/cover}
.book-front::before{content:'◆';position:absolute;top:28px;color:#64d7ff;font-size:24px;filter:drop-shadow(0 0 4px #009cff)}
.book-front img{z-index:2}.book-front::after{z-index:3;border-color:#edce87}.has-cover:not(.image-failed) .book-mark,.has-cover:not(.image-failed) .book-name{visibility:hidden}
.book-mark{font-size:9px;letter-spacing:.12em}.book-name{font-size:clamp(27px,2.7vw,40px)}
.catalog-status.loaded{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.summary{max-width:610px;font-size:14px;min-height:21px;max-height:42px;overflow:hidden}
.carousel-arrow{box-shadow:0 0 14px #0af5;flex-shrink:0;transition:transform .18s,box-shadow .18s}.carousel-arrow:not(:disabled):hover{box-shadow:0 0 24px #dfb86288}.carousel-arrow:not(:disabled):active{transform:scale(.92)}
.primary-action:hover,.primary-action:focus-visible{box-shadow:0 0 24px #e6be6e88,0 6px 18px #000d}.primary-action:active{transform:translateY(3px)}
.feature-actions{position:relative;z-index:3;margin-top:10px}.primary-action{transition:box-shadow .2s,transform .15s;font-size:26px}.show-more{bottom:16px;font-size:16px;transition:box-shadow .2s}.show-more:hover{box-shadow:0 0 18px #bddaf055}
.motion-toggle{position:fixed;z-index:20;bottom:18px;left:25px;width:35px;height:35px;border:1px solid #f7e7bc;border-radius:50%;color:#f7e7bc;background:#06203cbf;line-height:1;font:16px Georgia,serif}.motion-paused .book{animation:none}
@media(min-width:1700px){.showcase-content{width:1320px;padding-top:110px}.carousel-shell{max-width:1160px}.book-carousel{width:900px}.book{--width:290px;--height:430px}}
@media(max-width:800px){.wolf{height:390px;max-width:38%;opacity:.65}.carousel-shell{min-height:350px}.book-carousel{width:72vw;height:340px}.book{--width:185px;--height:285px;left:calc(9% + var(--slot)*17%)}.book[data-slot='0']{left:4%}.book-platform{left:0;right:0;height:160px}.showcase-content{padding-top:100px}.summary{max-width:440px}}
@media(max-width:560px){.site-header{padding:16px 18px}.site-header nav{gap:12px}.wordmark{font-size:13px;max-width:190px}.site-header nav a{font-size:9px}.showcase-content{padding:96px 12px 85px}h1{font-size:clamp(34px,9vw,48px);min-height:100px;max-width:100%;display:flex;flex-direction:column;justify-content:center;margin-bottom:0}.overline{font-size:10px}.summary{font-size:12px;max-width:280px;max-height:36px;margin-bottom:0}.carousel-shell{min-height:320px;padding-bottom:35px;margin:0}.book-carousel{width:calc(100vw - 100px);height:280px}.book{--width:158px;--height:238px;left:calc(7% + var(--slot)*40%)}.book[data-slot='0']{left:5%}.book[data-slot='2'],.book[data-slot='3'],.book[data-slot='4']{display:none}.book-name{font-size:26px}.book-platform{left:-3%;right:-3%;height:140px;bottom:0;background-size:auto,60px 45px,cover}.book-platform span{width:34px;height:34px;line-height:27px;left:calc(50% - 17px);bottom:-22px;font-size:16px}.wolf{opacity:.48;max-width:55%;height:300px;bottom:24%}.wolf-left{left:-32%}.wolf-right{right:-32%}.primary-action{font-size:22px;padding:9px 30px;min-width:220px}.feature-actions{margin-top:3px}.pagination{font-size:11px}.show-more{bottom:14px;font-size:14px}.motion-toggle{left:14px;bottom:14px;width:29px;height:29px;font-size:14px}.all-courses{padding-top:45px}.grid-heading .overline{letter-spacing:.14em}.course-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media(prefers-reduced-motion:reduce){.book{animation:none!important;transition:none}.primary-action,.carousel-arrow{transition:none}}

.long-title .book-name{font-size:clamp(21px,2.2vw,31px)}.book-name{overflow-wrap:break-word}

.preview-ribbon{position:absolute;z-index:11;top:58px;left:0;width:100%;margin:0;text-align:center;font:9px Arial,sans-serif;letter-spacing:.15em;color:#c3dbeb}@media(max-width:560px){.preview-ribbon{top:59px;font-size:8px}}

h1.long-title{font-size:clamp(30px,3.8vw,58px);max-width:1100px}@media(max-width:560px){h1.long-title{font-size:30px;line-height:1.08}}

.preview-safe-nav{font:10px Arial,sans-serif;letter-spacing:.12em;color:#d5bd88}.recovered-preview .summary{max-width:650px}@media(max-width:560px){.preview-safe-nav{font-size:8px;max-width:85px;text-align:right}.recovered-preview .preview-ribbon{font-size:7px;letter-spacing:.08em}.recovered-preview .summary{max-width:300px}}

/* Loaded-catalog title search. */
.course-search{max-width:650px;margin:0 auto 32px;font:16px/1.5 Arial,sans-serif}.course-search label{display:block;margin-bottom:8px;color:var(--gold);font-weight:700}.course-search-controls{display:flex;gap:10px}.course-search input{min-width:0;flex:1;width:100%;min-height:46px;padding:10px 12px;border:1px solid #a4824e;border-radius:5px;background:#071629;color:var(--text);font:inherit}.course-search input::placeholder{color:#aabccc}.course-search button{min-height:46px;padding:9px 18px;border:1px solid #a4824e;border-radius:5px;background:#0d2b51;color:var(--gold);font:inherit}.course-search button:disabled{opacity:.5;cursor:default}.course-search input:focus-visible,.course-search button:focus-visible,.show-more:focus-visible,.grid-card a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.course-search p{margin:8px 0;color:#bed0de;font-size:14px}.course-no-results{text-align:center;max-width:650px;margin:24px auto 40px;color:#dbe8ec}.course-no-results[hidden]{display:none}
@media(max-width:360px){.course-search-controls{flex-wrap:wrap}.course-search input{flex-basis:100%}}

/* Course citadel visual design: layered stage, gilded pieces, sapphire board, one-time muted reveal. */
h1{color:#fbf3dc;font-family:Georgia,'Times New Roman',serif}
.showcase::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 38% at 50% 78%,#1f7dff40,transparent 70%)}
.piece{position:absolute;z-index:3;bottom:29%;height:min(21vw,310px);width:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 18px #e6b75d88) drop-shadow(0 12px 14px #000a);transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .8s}
.piece-left{left:9%}.piece-right{right:9%}
.board-frame{position:absolute;z-index:-1;left:-7%;width:114%;max-width:none;bottom:-30px;height:clamp(230px,29vh,270px);object-fit:cover;object-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 35%);mask-image:linear-gradient(to bottom,transparent 0,#000 35%);pointer-events:none;opacity:.9;filter:drop-shadow(0 0 16px #1d78ff);transform-origin:50% 100%;transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .9s,filter .9s}
.book-carousel{transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.2,1)}
.book-platform{transition:filter .9s}
.primary-action{font-family:Georgia,serif;background:linear-gradient(#1a5ec4,#032055)}
/* Reveal states live on .showcase; every state without a rule below is the normal final layout. */
.showcase[data-scene='start'] .piece-left{transform:translateX(13vw) scale(.88);opacity:0}
.showcase[data-scene='start'] .piece-right{transform:translateX(-13vw) scale(.88);opacity:0}
.showcase[data-scene='start'] .board-frame,.showcase[data-scene='parting'] .board-frame{opacity:.25;transform:perspective(900px) rotateX(34deg) scale(.94)}
.showcase[data-scene='board'] .board-frame{filter:drop-shadow(0 0 32px #46c4ff) brightness(1.35)}
.showcase[data-scene='board'] .book-platform{filter:brightness(1.4) saturate(1.2)}
.showcase[data-scene='start'] .book-carousel,.showcase[data-scene='parting'] .book-carousel,.showcase[data-scene='board'] .book-carousel{opacity:.3;transform:translateY(34px)}
.showcase[data-scene='aborted'] .piece,.showcase[data-scene='aborted'] .board-frame,.showcase[data-scene='aborted'] .book-carousel,.showcase[data-scene='aborted'] .book-platform{transition:none}
/* Grid cards: local reveal on the visible card; text and links are never hidden or disabled. */
.grid-card{position:relative}
.grid-card[data-scene]:not([data-scene='done']):not([data-scene='aborted']){overflow:hidden}
.grid-card img,.grid-tile{transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.2,1)}
.grid-card::before,.grid-card::after{content:'';position:absolute;z-index:2;top:16px;width:64px;height:84px;background:center/contain no-repeat;pointer-events:none;opacity:0;transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .8s}
.grid-card::before{left:16px;background-image:url('/full/home/assets/chess/gold-r.webp')}
.grid-card::after{right:16px;background-image:url('/full/home/assets/chess/gold-n.webp')}
.grid-card[data-scene='start']::before{opacity:.95;transform:translateX(70px)}
.grid-card[data-scene='start']::after{opacity:.95;transform:translateX(-70px)}
.grid-card[data-scene='parting']::before,.grid-card[data-scene='parting']::after{opacity:.9}
.grid-card[data-scene='start'] img,.grid-card[data-scene='parting'] img,.grid-card[data-scene='board'] img,.grid-card[data-scene='start'] .grid-tile,.grid-card[data-scene='parting'] .grid-tile,.grid-card[data-scene='board'] .grid-tile{opacity:.35;transform:translateY(14px)}
.grid-card[data-scene='board']{box-shadow:0 0 28px #3cb9ff77,0 8px 22px #0007}
.grid-card[data-scene='aborted'] img,.grid-card[data-scene='aborted'] .grid-tile,.grid-card[data-scene='aborted']::before,.grid-card[data-scene='aborted']::after{transition:none}
@media(max-width:800px){.piece{height:min(30vw,230px);bottom:25%}.board-frame{height:clamp(150px,22vh,190px)}}
@media(max-width:560px){.piece{height:128px;bottom:24%;opacity:.9}.piece-left{left:-5%}.piece-right{right:-5%}.board-frame{left:-12%;width:124%;bottom:-18px;height:clamp(125px,18vh,165px)}.showcase[data-scene='start'] .piece{opacity:0}}
@media(prefers-reduced-motion:reduce){.piece,.board-frame,.book-carousel,.book-platform,.grid-card img,.grid-tile,.grid-card::before,.grid-card::after{transition:none!important}}
.motion-paused .piece,.motion-paused .board-frame,.motion-paused .book-carousel,.motion-paused .grid-card img,.motion-paused .grid-card::before,.motion-paused .grid-card::after{transition:none!important}

/* Cover typography: whole words stay whole (e.g. "Grandmaster"); only genuinely overlong words may break. */
.book-front .book-name{font-size:clamp(20px,2.2vw,32px);hyphens:none;overflow-wrap:break-word;word-break:normal}
.book-front .long-title .book-name,.book.long-title .book-front .book-name{font-size:clamp(18px,1.8vw,26px)}
@media(max-width:800px){.book-front .book-name{font-size:22px}.book.long-title .book-front .book-name{font-size:18px}}
@media(max-width:560px){.book-front .book-name{font-size:20px}.book.long-title .book-front .book-name{font-size:17px}}
@media(max-width:560px){.book-front{padding:18px 10px}.book-front .book-name{max-width:100%}}
@media(max-width:360px){.book-front .book-name{font-size:19px}.book.long-title .book-front .book-name{font-size:16px}}