.series-library{max-width:1100px;margin:30px auto 75px}.series-library>h2{font-size:clamp(28px,4vw,42px);margin-bottom:12px}.series-description{color:#c9c2b5;line-height:1.7;max-width:680px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.volume-card{padding:22px;background:#121211e8;border:1px solid #6c5b3b;border-radius:18px;display:flex;flex-direction:column;min-width:0}.volume-cover{background:radial-gradient(ellipse at 90% 10%,#71603c33,transparent 60%),#111;border:1px solid #80663c;aspect-ratio:3/4;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#e5ce99;position:relative;overflow:hidden;margin-bottom:24px;text-decoration:none}.volume-cover:after{content:'';position:absolute;inset:50% -25% -25% 20%;border:1px solid #a5894e66;transform:rotate(-30deg);pointer-events:none}.volume-cover strong{font-size:clamp(25px,3vw,42px);line-height:1.05;letter-spacing:-.03em}.volume-cover>span{font-size:11px;letter-spacing:.12em;z-index:1}.volume-cover b{display:block;font-size:14px;letter-spacing:.15em;margin-top:15px}.volume-card h3{font-size:22px;margin:0 0 12px}.volume-card p{color:#c5bfb2;line-height:1.6;font-size:14px}.volume-card .volume-state{color:#e4ca91;min-height:44px}.volume-card .button{margin-top:auto;white-space:normal;text-align:center}.volume-details{max-width:820px;margin:35px auto 65px}.volume-details ol{padding-left:25px;columns:2;column-gap:40px}.volume-details li{break-inside:avoid;padding:10px 0;line-height:1.5;color:#e2d9c7}.volume-hero{max-width:1000px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:65px;margin:65px auto}.volume-hero h1{font-size:clamp(40px,7vw,78px);letter-spacing:-.04em;line-height:1.05;margin:16px 0 24px}.volume-hero p{line-height:1.75;color:#c9c1b1}.volume-lock{border:1px solid #6c5b3b;border-radius:18px;padding:24px;background:#151410;margin-top:25px}.volume-lock p{margin:0 0 15px}.volume-lock .button{white-space:normal}.volume-kicker{font-size:12px;letter-spacing:.15em;color:#d6bc81}.reading-progress{background:#151410;border:1px solid #6b5a37;border-radius:16px;padding:22px;margin:12px 0 32px;color:#e7ddc7}.reading-progress p{font-size:14px;line-height:1.6;margin:10px 0}.reading-progress progress{width:100%;height:7px;accent-color:#d8bf86}.reading-progress .button{font-size:13px;padding:12px 18px;white-space:normal}.reading-progress a{color:#e2c889}.reading-progress [role=status]:empty{display:none}.volume-admin{padding:14px 18px;background:#211d15;color:#e2ca94;border-radius:10px;margin-bottom:20px;font-size:14px}.series-error{color:#e9c99c}.volume-lock button:disabled{opacity:.65;cursor:not-allowed}.volume-reader[hidden]{display:none!important}.volume-cover-3:after{border-radius:50%;inset:38% -20% -5% 20%;transform:none}.volume-cover-2:after{inset:42% -10% -15% 25%;transform:rotate(30deg)}
@media(max-width:760px){.series-grid{grid-template-columns:1fr}.volume-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 20px;padding:18px}.volume-card .volume-cover{grid-column:1;grid-row:1/5;padding:12px;margin:0;align-self:start}.volume-card .volume-cover strong{font-size:21px}.volume-card .volume-cover>span{font-size:8px;letter-spacing:.04em}.volume-card .volume-cover b{font-size:9px;letter-spacing:0}.volume-card>h3,.volume-card>p,.volume-card>.button{grid-column:2}.volume-card h3{font-size:20px}.volume-card p{font-size:13px;margin:5px 0 12px}.volume-card .button{font-size:12px;padding:11px 10px}.volume-card .volume-state{min-height:0}.volume-hero{grid-template-columns:1fr;gap:25px;margin:35px auto}.volume-hero>.volume-cover{max-width:240px;width:100%;margin:0 auto}.volume-details ol{columns:1}.series-library{margin-bottom:45px}}
@media(max-width:380px){.volume-card{grid-template-columns:90px minmax(0,1fr);gap:0 13px}.volume-card .volume-cover strong{font-size:17px}.volume-card .volume-cover{padding:9px}}
.read-volume[hidden]{display:none}.volume-cover.original-cover{padding:0;border:0;background:none;aspect-ratio:2/3}.volume-cover.original-cover:after{display:none}.original-cover img{display:block;width:100%;height:auto;object-fit:contain}.book-format a{color:#dfc48b}
.volume-card h3{font-size:21px;line-height:1.3}.volume-card h3>span{display:block;font-size:14px;color:#d5bc85;font-weight:500;margin-bottom:6px}.volume-hero{max-width:1140px;grid-template-columns:.8fr 1.2fr;gap:40px}.volume-hero h1{font-size:clamp(36px,4.5vw,60px);overflow-wrap:normal}.series-cover-pair{gap:18px;min-width:0}.series-cover-pair .volume-cover{margin:0}.series-cover-pair img{border:1px solid #645334;border-radius:5px;box-sizing:border-box}.series-cover-pair figure{min-width:0}.series-cover-pair figcaption{font-size:10px}.volume-lock .button{margin:4px 6px 10px 0}
@media(max-width:900px){.volume-hero{grid-template-columns:1fr}.series-cover-pair{max-width:620px;width:100%;margin:0 auto}.volume-hero h1{font-size:clamp(36px,7vw,58px)}}
@media(max-width:760px){.volume-card h3{font-size:19px}.volume-card h3>span{font-size:12px}.series-cover-pair{gap:12px}.volume-card .original-cover{padding:0}.volume-hero .cover-pair{margin-top:10px}}
.volume-card h3{letter-spacing:-.015em}.volume-card h3>span{letter-spacing:normal}
/* Book access: clear hierarchy and comfortable touch spacing. */
.volume-details:has(.purchase-actions){padding:clamp(22px,4vw,36px);background:linear-gradient(135deg,#191814,#101010);border:1px solid #b99b5b40;border-radius:22px;box-sizing:border-box}
.volume-details:has(.purchase-actions)>h2{font-size:clamp(24px,4vw,34px);line-height:1.16;letter-spacing:-.025em;margin:0 0 24px;overflow-wrap:break-word}
.purchase-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin:24px 0 0}
.purchase-actions>.checkout-entry{margin:0;display:flex;flex:1 1 220px}
.purchase-actions>.read-volume{flex:1 1 220px}
.purchase-actions .button{display:flex;align-items:center;justify-content:center;min-height:54px;padding:15px 22px;border-radius:12px;text-align:center;white-space:normal;line-height:1.4;font-weight:650;width:100%;box-sizing:border-box}
.purchase-actions>.read-volume[hidden]{display:none!important}
.purchase-actions:has(>.read-volume:not([hidden])) .checkout-entry .button{background:transparent;color:#e4cc95;border:1px solid #b99b5b66;box-shadow:none}
.purchase-actions:has(>.read-volume:not([hidden])) .checkout-entry .button:hover{background:#d6bb8014;border-color:#d6bb80}
.volume-details .volume-lock{margin-top:22px}
@media(max-width:480px){.purchase-actions{flex-direction:column;gap:12px}.purchase-actions>.read-volume,.purchase-actions>.checkout-entry{flex:auto;width:100%}.volume-details:has(.purchase-actions){padding:22px 18px}}
@media(max-width:480px){.volume-hero>div{min-width:0}.volume-hero h1{overflow-wrap:anywhere;hyphens:auto}.volume-lock .button{min-height:44px}.volume-card h3{overflow-wrap:anywhere}}
/* Consistent book-card typography in both languages and access states. */
.volume-card h3,.volume-card .volume-link{text-transform:uppercase}
.volume-card .volume-link{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;box-sizing:border-box;min-height:48px;line-height:1.4;white-space:normal}
.chapter-preview ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;columns:auto}
.chapter-preview li{padding:12px 0;text-transform:none;overflow-wrap:anywhere}
@media(max-width:760px){.chapter-preview ol{grid-template-columns:1fr}}
/* Readable uppercase chapter previews across both languages. */
.chapter-preview li{text-transform:uppercase;font-size:15px;font-weight:600;line-height:1.65;letter-spacing:.025em;overflow-wrap:break-word;hyphens:auto;padding:14px 4px 14px 2px}
.chapter-preview li::marker{color:#d5bc85;font-weight:500}
@media(max-width:480px){.chapter-preview ol{padding-left:25px;margin-top:20px}.chapter-preview li{font-size:14px;line-height:1.7;letter-spacing:.015em;padding:13px 0 13px 4px}}
