*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#14202c;font-family:Arial,sans-serif;font-size:16px;line-height:1.55}header,main,footer{max-width:1240px;margin:auto;padding:28px 32px}header{border-bottom:1px solid #ccd3dd;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{font-weight:700;text-decoration:none;letter-spacing:.04em}a{color:inherit}h1{font-family:Georgia,serif;font-size:clamp(2rem,4.5vw,3.6rem);font-weight:normal;line-height:1.12;max-width:900px;margin:18px 0}h2{font-family:Georgia,serif;font-size:1.75rem;font-weight:normal;margin-top:42px}.eyebrow{color:#245c8a;text-transform:uppercase;letter-spacing:.14em;font-size:14px}.intro{max-width:750px;color:#4b5869;margin-bottom:34px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:34px 26px}.book{text-decoration:none;min-width:0;display:block}.cover{height:255px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:16px}.cover img{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:3px 9px 18px #15203026;transition:transform .2s}.book:hover img{transform:translateY(-5px)}.book:focus-visible{outline:3px solid #166ab1;outline-offset:8px}.title{font-size:16px;font-weight:bold;line-height:1.35;margin-bottom:5px}.meta{font-size:14px;color:#566273}.tag{font-size:14px;color:#885f12}.empty{width:150px;height:150px;border:1px dashed #a7b2be;display:grid;place-content:center;text-align:center;padding:20px;color:#657180;font-size:14px}.series-head{display:flex;gap:35px;align-items:center;margin:28px 0 45px}.series-head img{width:165px;box-shadow:3px 9px 18px #15203026}.series-head h1{font-size:clamp(2rem,4vw,3rem)}details{font-size:14px;margin-top:9px;color:#566273}details p{overflow-wrap:anywhere}footer{font-size:14px;color:#566273;border-top:1px solid #ccd3dd;margin-top:50px}footer a{margin-right:20px}@media(max-width:600px){header,main,footer{padding:22px 18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.cover{height:215px}.series-head{align-items:flex-start;gap:20px}.series-head img{width:105px}header span{display:none}}
.home-title{max-width:none;white-space:nowrap;font-size:clamp(11px,3.5vw,43px);letter-spacing:-.025em}

html{scroll-behavior:smooth}.back-to-top{display:inline-block;padding:10px 18px;border:1px solid #a7b2be;border-radius:6px;text-decoration:none;background:white}.back-to-top:hover{background:#e9eef1}.back-to-top:focus-visible{outline:3px solid #166ab1;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header{flex-wrap:wrap}header nav{display:flex;flex-wrap:wrap;gap:10px;font-size:14px}header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #cbd5df;border-radius:9px;background:#fff;box-shadow:0 2px 4px #14202c08;letter-spacing:0;line-height:1.3;text-align:center;transition:background .15s,border-color .15s}header nav a:hover{background:#e8f0f7;border-color:#245c8a;color:#194c75}header nav a:focus-visible{outline:3px solid #245c8a;outline-offset:3px}@media(max-width:600px){header nav{width:100%;gap:8px}header nav a{flex:1 1 auto;padding:10px 12px}}header>a{letter-spacing:0;overflow-wrap:anywhere}