:root{--bg:#f7f8fa;--paper:#fff;--ink:#18212b;--muted:#66727f;--line:#dce2e8;--accent:#1f5f7a;--accent2:#eaf2f5;--max:980px;--read:760px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Georgia,"Times New Roman",serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.top{background:#102b3a;color:white;border-bottom:1px solid #274858}.topin{max-width:var(--max);margin:auto;padding:18px 24px;display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{color:#fff;font:700 24px/1.1 Arial,sans-serif;letter-spacing:.04em}.brand small{display:block;font:400 12px/1.3 Arial,sans-serif;opacity:.8;letter-spacing:.08em;margin-top:4px}.nav{display:flex;gap:14px;flex-wrap:wrap;font:600 14px/1.2 Arial,sans-serif}.nav a{color:#dfeef4}.langs{display:flex;gap:7px;font:700 12px/1 Arial,sans-serif}.langs a{color:white;border:1px solid #587584;border-radius:999px;padding:6px 8px}.langs a.active{background:white;color:#102b3a}.hero{background:linear-gradient(180deg,#edf4f6 0,#f7f8fa 100%);border-bottom:1px solid var(--line)}.heroin{max-width:var(--max);margin:auto;padding:52px 24px 38px}.eyebrow{font:700 13px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:10px}.hero h1{font:700 clamp(30px,5vw,52px)/1.1 Georgia,serif;margin:0 0 14px}.hero p{max-width:760px;margin:0;color:#42505b;font-size:19px}.wrap{max-width:var(--max);margin:auto;padding:34px 24px 60px}.section{margin:0 0 42px}.section h2{font-size:30px;line-height:1.2;margin:0 0 18px;padding-bottom:9px;border-bottom:2px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 2px 10px rgba(15,35,50,.04)}.card h3{font-size:22px;line-height:1.3;margin:0 0 8px}.card p{margin:0 0 12px;color:var(--muted)}.meta{font:600 13px/1.4 Arial,sans-serif;color:var(--muted);margin:5px 0 12px}.btn{display:inline-block;font:700 14px/1 Arial,sans-serif;border:1px solid #a9c1cc;border-radius:999px;padding:10px 14px;background:#f7fbfc}.bookhead{text-align:center;max-width:820px;margin:0 auto 26px}.bookhead h1{font-size:clamp(32px,5vw,50px);line-height:1.12;margin:.2em 0}.author{font-size:22px;margin:4px 0}.status{font-style:italic;color:var(--muted);margin:4px 0 24px}.chapterlist{max-width:760px;margin:20px auto}.chapteritem{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:12px 0}.chapteritem strong{display:block;font-size:20px;line-height:1.35}.reader{max-width:var(--read);margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(24px,5vw,54px);box-shadow:0 3px 18px rgba(15,35,50,.04)}.reader h1{font-size:clamp(29px,4.4vw,43px);line-height:1.15;margin:0 0 28px}.reader h2{font-size:27px;line-height:1.25;margin:42px 0 14px}.reader p{margin:0 0 1.05em}.reader .dialogue{font-style:italic;margin:1.5em 0;padding-left:18px;border-left:3px solid #adcbd6}.reader .lead{font-size:19px}.booknav{max-width:var(--read);margin:22px auto;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font:700 14px/1.3 Arial,sans-serif}.note{background:var(--accent2);border-left:4px solid var(--accent);padding:14px 17px;border-radius:4px;margin:15px 0}.empty{color:var(--muted);font-style:italic}.footer{border-top:1px solid var(--line);background:#fff}.footerin{max-width:var(--max);margin:auto;padding:25px 24px;color:var(--muted);font:14px/1.5 Arial,sans-serif;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:620px){body{font-size:16px}.topin{padding:14px 18px}.hero in{padding-left:18px;padding-right:18px}.wrap{padding:26px 16px 45px}.reader{border-left:0;border-right:0;border-radius:0;padding:26px 19px}.nav{gap:9px}.cards{grid-template-columns:1fr}}