*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}html,body{width:100%;min-height:100%}
body{font-family:Georgia,"Times New Roman",serif;background:#111;color:#f3ead2}
.hero{min-height:100svh;padding:60px 20px 100px;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.76)),url("tlo.jpg");background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}
.shell{width:min(1240px,100%);margin:0 auto;text-align:center}
.page-header{width:min(900px,100%);margin:0 auto}.back-link{display:inline-block;margin-bottom:30px;color:#d7c08d;text-decoration:none;letter-spacing:.08em}.back-link:hover{color:#fff0c7}
h1{font-size:clamp(2.5rem,5vw,5rem);font-weight:400;color:#f0e1b6;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.9)}
.subtitle{margin-top:10px;font-size:1.4rem;letter-spacing:.35em;text-transform:uppercase;color:#d7c08d}
.description{width:min(820px,100%);margin:55px auto 0;padding:42px;background:rgba(8,8,8,.62);border:1px solid rgba(212,183,114,.65);backdrop-filter:blur(4px);box-shadow:0 0 30px rgba(0,0,0,.45)}
.description p{line-height:1.9;font-size:1.08rem;color:#ece4cf}.description p+p{margin-top:22px}
.library{margin-top:80px;padding:46px;background:rgba(7,7,7,.78);border:1px solid rgba(212,183,114,.72);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(5px)}
.section-label{color:#d7c08d;text-transform:uppercase;letter-spacing:.26em;font-size:.82rem}.library h2{margin-top:10px;color:#f0e1b6;font-size:clamp(2rem,4vw,3.3rem);font-weight:400}
.books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:38px}.book-card{display:grid;grid-template-columns:180px 1fr;min-height:280px;text-align:left;background:rgba(12,12,12,.82);border:1px solid rgba(215,192,141,.42);overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.4)}
.book-card:last-child{grid-column:1/-1;width:calc(50% - 14px);justify-self:center}.book-card img{width:100%;height:100%;object-fit:cover;background:#fff}.book-card__body{display:flex;flex-direction:column;padding:28px}.book-card__body>span{color:#d7c08d;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.book-card h3{margin-top:12px;color:#f0e1b6;font-weight:400;font-size:1.55rem;line-height:1.25}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid rgba(215,192,141,.82);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.primary{background:#d7c08d;color:#15120d}.primary:hover{background:#f0e1b6}.secondary{background:rgba(0,0,0,.25);color:#f0e1b6}.secondary:hover{background:rgba(215,192,141,.14)}
.reader-page .hero{padding-top:34px}.reader-wrap{width:min(1180px,100%);margin:0 auto}.reader-head{padding:28px 0;text-align:center}.reader-head h1{font-size:clamp(2.2rem,5vw,4.5rem)}.reader-head .volume{margin-top:10px;color:#d7c08d;letter-spacing:.24em;text-transform:uppercase}.reader-nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:24px}.reader-nav a{color:#f0e1b6;text-decoration:none;border:1px solid rgba(215,192,141,.55);padding:10px 15px;background:rgba(0,0,0,.42)}
.pdf-box{padding:24px;background:rgba(7,7,7,.8);border:1px solid rgba(212,183,114,.72);box-shadow:0 24px 70px rgba(0,0,0,.55)}.pdf-reader{width:100%;height:min(88svh,980px);min-height:620px;overflow:hidden;background:#171717;border:1px solid rgba(215,192,141,.55)}.pdf-reader iframe{display:block;width:100%;height:100%;border:0;background:#fff}.reader-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 6px}.fallback{margin-top:18px;color:#cfc6b1;font-size:.92rem}.fallback a{color:#f0d998}
@media(max-width:900px){.books-grid{grid-template-columns:1fr}.book-card:last-child{grid-column:auto;width:100%}}
@media(max-width:640px){.hero{padding:36px 12px 60px;background-attachment:scroll}.description,.library{padding:26px 18px}.description p{font-size:1rem}.subtitle{letter-spacing:.18em}.book-card{grid-template-columns:110px 1fr;min-height:220px}.book-card__body{padding:20px 16px}.book-card h3{font-size:1.22rem}.actions{flex-direction:column}.button{width:100%}.pdf-box{padding:10px}.pdf-reader{height:72svh;min-height:520px}.reader-nav{flex-direction:column}.reader-nav a{text-align:center}}
.reader-nav>div{display:flex;gap:10px;flex-wrap:wrap}.reader-nav span{display:block}