:root { --library-navy: #061d42; --library-cream: #fffaf1; --library-ink: #16284a; --library-muted: #53617a; --library-gold: #c98a1b; --library-line: rgba(18,45,83,.13); }
.library-page { background: var(--library-cream); color: var(--library-ink); }.library-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }.library-page h1,.library-page h2,.library-page h3 { font-family: Georgia, "Times New Roman", serif; color: var(--library-ink); letter-spacing: -.03em; }
.library-hero { padding: clamp(58px, 8vw, 105px) 0 clamp(48px, 6vw, 74px); color:#fff; background: radial-gradient(circle at 12% 15%,rgba(54,116,195,.35),transparent 29%), linear-gradient(125deg,#041a38,#0d386f); }.library-kicker { margin:0 0 12px; color:#f3c85e; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.library-hero h1 { max-width:760px; margin:0; color:#fffaf0; font-size:clamp(2.8rem,5.4vw,5rem); line-height:1; }.library-hero p:not(.library-kicker) { max-width:680px; margin:20px 0 0; color:#e5efff; font-size:1.08rem; line-height:1.62; }.library-section { padding:clamp(54px,7vw,90px) 0; }.library-section--soft { background:rgba(238,225,197,.42); }.library-intro { max-width:710px; margin:0 0 30px; }.library-intro h2 { margin:0; font-size:clamp(2rem,4vw,3.25rem); line-height:1.05; }.library-intro p { margin:14px 0 0; color:var(--library-muted); line-height:1.6; }
.library-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:19px; }.library-card { overflow:hidden; border:1px solid var(--library-line); border-radius:18px; background:#fffdf8; box-shadow:0 11px 26px rgba(27,47,81,.08); }.library-card img { display:block; width:100%; aspect-ratio:1.5/1; object-fit:cover; }.library-card-body { padding:19px 20px 21px; }.library-card h3 { margin:0; font-size:1.42rem; line-height:1.08; }.library-card p { margin:9px 0 15px; color:var(--library-muted); line-height:1.5; }.library-card a,.library-type-card a { color:#0c4c8b; font-weight:800; text-decoration:none; }.library-card a:hover,.library-type-card a:hover { color:#9b6711; }
.library-type-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.library-type-card { padding:24px; border:1px solid var(--library-line); border-radius:17px; background:#fffdf8; box-shadow:0 10px 24px rgba(27,47,81,.07); }.library-type-card img { width:72px; height:72px; object-fit:contain; }.library-type-card h3 { margin:13px 0 7px; font-size:1.35rem; }.library-type-card p { min-height:71px; margin:0 0 12px; color:var(--library-muted); line-height:1.5; }.library-quick-links { display:flex; flex-wrap:wrap; gap:11px; margin-top:26px; }.library-quick-links a { padding:10px 14px; border:1px solid #b4c1d1; border-radius:9px; color:#104a83; font-weight:800; text-decoration:none; }.library-quick-links a:hover { border-color:#c98a1b; color:#9b6711; }
.book-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }.book-card { display:grid; grid-template-columns:.8fr 1.2fr; overflow:hidden; border:1px solid var(--library-line); border-radius:20px; background:#fffdf8; box-shadow:0 12px 28px rgba(27,47,81,.09); }.book-card img { display:block; width:100%; height:100%; min-height:270px; object-fit:cover; }.book-card-body { align-self:center; padding:28px; }.book-card h2 { margin:0; font-size:2rem; line-height:1.05; }.book-card p { color:var(--library-muted); line-height:1.58; }.library-button { display:inline-flex; padding:11px 16px; border-radius:10px; color:#2d2108; background:linear-gradient(135deg,#ffd36d,#e7a729); font-weight:800; text-decoration:none; }
@media (max-width:900px) { .library-grid{grid-template-columns:repeat(2,1fr)}.library-type-grid{grid-template-columns:repeat(2,1fr)}.book-grid{grid-template-columns:1fr}.book-card{max-width:720px} }
@media (max-width:560px) { .library-shell{width:min(100% - 28px,1180px)}.library-grid,.library-type-grid{grid-template-columns:1fr}.library-type-card p{min-height:0}.book-card{grid-template-columns:1fr}.book-card img{min-height:0;aspect-ratio:1.5/1}.book-card-body{padding:23px}.library-hero h1{font-size:clamp(2.65rem,13vw,3.7rem)} }