:root{--bg:#f7f8fb;--card:#fff;--text:#162033;--muted:#67748a;--brand:#0c7c59;--brand2:#095e45;--line:#e5e9f0;--danger:#b42318;--shadow:0 10px 30px rgba(16,24,40,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.8}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1180px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;gap:20px;min-height:68px}.brand{font-size:1.35rem;font-weight:800;color:var(--text)}.nav-links{display:flex;gap:18px;margin-right:auto}.search-mini{display:flex;gap:0}.search-mini input{border:1px solid var(--line);border-left:0;border-radius:0 9px 9px 0;padding:9px 12px;min-width:220px}.search-mini button{border:0;background:var(--brand);color:#fff;border-radius:9px 0 0 9px;padding:0 15px;cursor:pointer}.hero{padding:54px 0 32px;background:linear-gradient(180deg,#fff,#f7f8fb)}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 10px}.hero p{color:var(--muted);font-size:1.1rem;max-width:750px}.hero-search{display:flex;max-width:720px;margin-top:24px;box-shadow:var(--shadow)}.hero-search input{flex:1;border:1px solid var(--line);padding:15px;border-radius:12px 0 0 12px;font-size:1rem}.hero-search button{border:0;background:var(--brand);color:#fff;padding:0 25px;border-radius:0 12px 12px 0;font-weight:700}.section{padding:34px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-title h2{margin:0;font-size:1.6rem}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.grade-card{text-align:center;transition:.2s}.grade-card:hover{transform:translateY(-2px);border-color:#b8d9ce;text-decoration:none}.grade-no{width:50px;height:50px;border-radius:50%;background:#e9f6f1;color:var(--brand2);display:grid;place-items:center;margin:0 auto 10px;font-weight:900}.book-card h3{font-size:1.05rem;line-height:1.6;margin:8px 0}.pill{display:inline-block;background:#eef2f6;border-radius:999px;padding:3px 9px;font-size:.8rem;color:#516074;margin:2px}.book-meta{display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs{font-size:.9rem;color:var(--muted);padding:18px 0}.book-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.book-panel h1{line-height:1.45}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.fact{background:#f7f9fb;padding:12px;border-radius:10px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand2);text-decoration:none}.btn-secondary{background:#eef2f6;color:var(--text)}.notice{background:#fff8e7;border:1px solid #f2d596;border-radius:10px;padding:12px}.footer{margin-top:50px;background:#101828;color:#d0d5dd;padding:35px 0}.footer a{color:#fff}.pagination{display:flex;gap:8px;justify-content:center;margin:25px 0}.pagination a,.pagination span{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:8px}.empty{text-align:center;padding:40px;background:#fff;border:1px dashed var(--line);border-radius:14px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.book-layout{grid-template-columns:1fr}.nav-links{display:none}.search-mini{display:none}}@media(max-width:560px){.grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.hero-search{display:block;box-shadow:none}.hero-search input,.hero-search button{width:100%;border-radius:10px;margin-bottom:8px;padding:13px}.hero{padding-top:32px}}