:root{
  --bg:#f5f7f7;
  --surface:#ffffff;
  --surface-soft:#f0f7f4;
  --text:#14211d;
  --muted:#65736d;
  --brand:#087255;
  --brand-dark:#05563f;
  --brand-soft:#e6f5ef;
  --line:#dfe7e3;
  --warning:#8a5a00;
  --warning-bg:#fff7df;
  --shadow:0 12px 36px rgba(14,35,28,.07);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;max-width:100%;overflow-x:hidden}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:none;color:var(--brand-dark)}
img,iframe,embed,object{max-width:100%}
.container{width:min(1160px,92%);margin-inline:auto;min-width:0}
.narrow{width:min(760px,92%)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;gap:22px;min-width:0}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900;font-size:1.18rem;white-space:nowrap}
.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:900}
.nav-links{display:flex;gap:20px;margin-right:auto}
.nav-links a{color:#31413b;font-weight:700;font-size:.95rem}
.search-mini{display:flex;min-width:0}
.search-mini input{width:230px;min-width:0;border:1px solid var(--line);border-left:0;border-radius:0 10px 10px 0;padding:10px 12px;background:#fff;font:inherit}
.search-mini button{border:0;border-radius:10px 0 0 10px;padding:0 16px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}
.hero{padding:64px 0 46px;background:radial-gradient(circle at 85% 10%,#dff3eb 0,transparent 34%),linear-gradient(180deg,#fff,#f7faf8)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:42px;align-items:center}
.eyebrow{display:inline-block;color:var(--brand);font-size:.84rem;font-weight:900;letter-spacing:.02em;margin-bottom:8px}
.hero h1,.page-hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}
.hero p,.page-hero p{color:var(--muted);font-size:1.08rem;margin:0;max-width:720px}
.hero-search{display:flex;max-width:720px;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:5px;min-width:0}
.hero-search input{flex:1;min-width:0;border:0;background:transparent;padding:12px 14px;font:inherit;outline:0}
.hero-search button{border:0;background:var(--brand);color:#fff;border-radius:10px;padding:0 22px;font-weight:900;cursor:pointer}
.trust-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;color:#405049;font-size:.88rem;font-weight:700}
.hero-panel{background:#0d2e24;color:#fff;border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.hero-panel-title{font-weight:900;margin-bottom:10px;color:#cde7dd}
.hero-panel a{display:flex;justify-content:space-between;gap:12px;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-weight:800}
.hero-panel a:last-child{border-bottom:0}
.stats-strip{background:#fff;border-block:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.stats-grid>div{text-align:center;padding:20px;border-left:1px solid var(--line)}
.stats-grid>div:last-child{border-left:0}
.stats-grid strong{display:block;font-size:1.55rem;color:var(--brand-dark)}
.stats-grid span{color:var(--muted);font-size:.9rem}
.section{padding:44px 0}
.section.no-top{padding-top:10px}
.section-soft{background:var(--surface-soft);border-block:1px solid #dcebe5}
.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}
.section-title h2{font-size:1.7rem;line-height:1.35;margin:0 0 5px}
.section-title p{margin:0;color:var(--muted)}
.grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.grade-tile{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(22,42,34,.035);min-width:0;transition:.18s}
.grade-tile:hover{transform:translateY(-2px);border-color:#b9d9cd;box-shadow:var(--shadow)}
.grade-no{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-dark);font-weight:900;font-size:1.08rem}
.grade-info{min-width:0;display:flex;flex-direction:column}
.grade-info strong{color:var(--text)}
.grade-info small,.grade-count{color:var(--muted);font-size:.78rem}
.grade-count{margin-right:auto;white-space:nowrap}
.subject-cloud{display:flex;flex-wrap:wrap;gap:10px}
.subject-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d7e7e0;border-radius:999px;padding:9px 14px}
.subject-chip small{color:var(--muted)}
.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.book-card-modern{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0;box-shadow:0 6px 20px rgba(22,42,34,.04)}
.book-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.book-icon,.pdf-mark{display:inline-grid;place-items:center;background:#fdecec;color:#a32020;border-radius:9px;padding:5px 8px;font-weight:900;font-size:.72rem}
.book-meta{display:flex;gap:7px;flex-wrap:wrap}
.book-meta span{background:#f0f4f2;color:#53615c;border-radius:999px;padding:4px 8px;font-size:.76rem}
.book-card-modern h3{font-size:1.05rem;line-height:1.65;margin:14px 0 6px;overflow-wrap:anywhere}
.book-card-modern h3 a{color:var(--text)}
.book-subject{color:var(--muted);font-size:.9rem;margin-bottom:14px}
.text-link{font-weight:900;font-size:.9rem}
.seo-intro{background:#fff;border-top:1px solid var(--line)}
.seo-intro h2{margin-top:0}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:18px 0;color:var(--muted);font-size:.88rem}
.page-hero{padding:36px 0 28px}
.page-hero.compact h1{font-size:clamp(1.8rem,4vw,2.8rem)}
.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.subject-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0;box-shadow:0 5px 18px rgba(22,42,34,.035)}
.subject-card div{display:flex;flex-direction:column;min-width:0}
.subject-card strong{color:var(--text);overflow-wrap:anywhere}
.subject-card small{color:var(--muted)}
.book-list{display:grid;gap:12px}
.book-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}
.book-list-icon{width:54px;height:54px;border-radius:14px;background:#fdecec;color:#a32020;display:grid;place-items:center;font-weight:900;font-size:.75rem}
.book-list-main{min-width:0}
.book-list-main h2{font-size:1.03rem;line-height:1.55;margin:7px 0}
.book-list-main h2 a{color:var(--text)}
.local-badge{color:var(--brand-dark);font-size:.82rem;font-weight:800}
.book-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:22px;align-items:start}
.book-panel-modern,.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 7px 24px rgba(22,42,34,.045)}
.book-panel-modern{padding:26px;min-width:0}
.book-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
.book-panel-modern h1{font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.4;margin:14px 0 10px;overflow-wrap:anywhere}
.book-lead{color:var(--muted);margin:0 0 18px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.fact{background:#f7f9f8;border:1px solid #e7ecea;border-radius:13px;padding:12px;min-width:0}
.fact small{display:block;color:var(--muted);font-size:.76rem}
.fact strong{display:block;margin-top:2px;overflow-wrap:anywhere}
.waala-ad{display:block;width:100%;max-width:100%;min-width:0;margin:26px auto}
.waala-ad .adsbygoogle{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
.download-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;background:linear-gradient(135deg,#eefaf5,#f9fcfb);border:1px solid #cfe9df;border-radius:18px;padding:20px;margin:22px 0}
.download-box h2{margin:0 0 5px;font-size:1.35rem}.download-box p{margin:0;color:var(--muted)}
.file-meta{margin-top:8px;color:#4f615a;font-size:.84rem}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.action-stack{min-width:205px;flex-direction:column}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 17px;font-weight:900;cursor:pointer;text-align:center}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);color:#fff}
.btn-secondary{background:#edf2f0;color:var(--text);border:1px solid #d9e2de}.btn-secondary:hover{background:#e5ece9}
.btn-large{padding:13px 18px}
.notice{background:var(--warning-bg);border:1px solid #efdca4;border-radius:13px;padding:14px;color:#5f480f}
.pending-box{margin:20px 0}
.content-block{padding-top:8px}.content-block h2,.quick-links h2,.sidebar-card h2{font-size:1.2rem;margin-bottom:10px}.content-block p{color:#394842}
.quick-links{margin-top:26px}
.link-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.link-cards a{display:flex;justify-content:space-between;gap:10px;background:#f7f9f8;border:1px solid var(--line);border-radius:13px;padding:13px;font-weight:800;color:var(--text)}
.book-sidebar{display:grid;gap:14px;min-width:0}
.sidebar-card{padding:18px;min-width:0}
.related-list{display:grid}
.related-list a{display:flex;flex-direction:column;padding:11px 0;border-bottom:1px solid var(--line);color:var(--text);overflow-wrap:anywhere}
.related-list a:last-child{border-bottom:0}.related-list small{color:var(--muted);margin-top:2px}
.source-note p{color:var(--muted);font-size:.9rem;margin-bottom:0}
.empty{text-align:center;padding:34px;background:#fff;border:1px dashed #cdd8d3;border-radius:16px;color:var(--muted)}
.muted{color:var(--muted)}
.footer{margin-top:54px;background:#10231d;color:#dbe7e2;padding:36px 0 20px}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.footer-brand{font-weight:900;color:#fff;font-size:1.15rem}.footer p{max-width:650px;color:#b9c9c2}.footer-links{display:grid;gap:8px}.footer a{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:20px;padding-top:16px;font-size:.8rem;color:#9fb1aa}
.search-page{min-height:60vh}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-panel{display:none}.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-layout{grid-template-columns:1fr}.book-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{display:none}}
@media(max-width:680px){.container{width:min(94%,1160px)}.site-header{position:relative}.nav{min-height:64px}.search-mini{display:none}.hero{padding:38px 0 30px}.hero h1{font-size:2.15rem}.hero-search{display:block;padding:0;background:transparent;border:0;box-shadow:none}.hero-search input,.hero-search button{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:8px;background:#fff}.hero-search button{background:var(--brand);border-color:var(--brand)}.trust-row{display:grid;gap:5px}.stats-grid{grid-template-columns:1fr}.stats-grid>div{border-left:0;border-bottom:1px solid var(--line);padding:13px}.stats-grid>div:last-child{border-bottom:0}.grade-grid,.book-grid,.subject-grid{grid-template-columns:1fr}.grade-tile{padding:14px}.grade-count{font-size:.74rem}.section{padding:34px 0}.section-title{display:block}.book-list-item{grid-template-columns:auto minmax(0,1fr)}.book-list-item>.btn{grid-column:1/-1;width:100%}.facts{grid-template-columns:1fr}.download-box{grid-template-columns:1fr}.action-stack{min-width:0}.link-cards{grid-template-columns:1fr}.book-sidebar{grid-template-columns:1fr}.book-panel-modern{padding:18px}.footer-grid{grid-template-columns:1fr}.breadcrumbs{font-size:.8rem}.waala-ad{overflow:visible}}

/* =========================================================
   BOOK PAGE V11 — PROFESSIONAL DETAIL PAGE
   Keeps all existing book-page functionality while refining
   hierarchy, readability, related links and mobile layout.
========================================================= */

.book-page-wrap{padding-bottom:8px}
.breadcrumb-current{color:#87928d;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.book-layout-pro{gap:24px}
.book-panel-pro{padding:0;overflow:hidden}
.book-hero-card{padding:30px 30px 24px;background:radial-gradient(circle at 92% 8%,rgba(8,114,85,.10),transparent 34%),linear-gradient(180deg,#fff,#fbfdfc);border-bottom:1px solid var(--line)}
.book-hero-card .book-kicker{margin-bottom:8px}
.book-hero-card .dot{color:#a2ada8}
.book-hero-card h1{max-width:900px;margin-top:10px}
.book-hero-card .book-lead{max-width:780px;font-size:1rem;line-height:1.9}
.book-content-inner{padding:0 30px 30px}
.facts-modern{margin:22px 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.facts-modern .fact{background:rgba(255,255,255,.78);border-color:#dae6e1;box-shadow:0 3px 12px rgba(22,42,34,.025)}
.facts-modern .fact small{margin-bottom:2px}

.download-box-pro{position:relative;overflow:hidden;padding:22px 24px;background:linear-gradient(135deg,#eefaf5 0%,#f8fcfa 65%,#fff 100%);border-color:#c8e5da;box-shadow:0 7px 22px rgba(8,114,85,.055)}
.download-box-pro:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--brand)}
.download-copy{min-width:0}
.download-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.ready-badge{display:inline-flex;align-items:center;gap:6px;color:var(--brand-dark);font-size:.82rem;font-weight:900}
.ready-badge:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dff4eb;color:var(--brand-dark);font-size:.72rem}
.pdf-type{display:inline-flex;align-items:center;background:#fdecec;color:#a32020;border-radius:7px;padding:3px 7px;font-size:.7rem;font-weight:900}
.download-box-pro h2{font-size:1.45rem;margin-bottom:5px}
.download-box-pro p{max-width:620px}
.file-meta-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.file-meta-chips span{display:inline-flex;background:#fff;border:1px solid #dce8e3;border-radius:999px;padding:4px 9px;color:#52625c;font-size:.76rem}
.download-box-pro .action-stack{width:210px;min-width:210px}
.download-box-pro .btn{width:100%;min-height:48px}

.content-block-pro{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.section-heading-inline{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.section-heading-inline h2{margin:0}
.section-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--brand-soft);color:var(--brand-dark);font-weight:900;font-size:.85rem}
.content-block-pro p{margin:0 0 13px;line-height:2;color:#33443e}
.content-block-pro p:last-of-type{margin-bottom:0}
.content-block-pro a{font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.book-extra-description{margin-top:16px;padding:15px 16px;background:#f8faf9;border:1px solid var(--line);border-radius:13px;color:#41514b;line-height:1.95}

.quick-links-pro{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.quick-links-pro .link-cards a{align-items:center;padding:15px 16px;background:#f8faf9;transition:.18s;border-color:#dde6e2}
.quick-links-pro .link-cards a:hover{background:#f2f8f5;border-color:#bdd8ce;transform:translateY(-1px)}
.quick-links-pro .link-cards a>span{display:flex;flex-direction:column;min-width:0}
.quick-links-pro .link-cards small{color:var(--muted);font-weight:700;font-size:.72rem;margin-bottom:1px}
.quick-links-pro .link-cards strong{color:var(--text);font-size:.92rem;overflow-wrap:anywhere}
.quick-links-pro .link-cards b{font-size:1.1rem;color:var(--brand);font-weight:900}

.book-sidebar-pro{position:sticky;top:92px;align-self:start}
.related-card{padding:19px}
.sidebar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.sidebar-heading .eyebrow{margin-bottom:2px;font-size:.72rem}
.sidebar-heading h2{margin:0;font-size:1.05rem;line-height:1.55}
.sidebar-more{white-space:nowrap;font-size:.76rem;font-weight:900;margin-top:6px}
.related-list-pro a{position:relative;padding:12px 0 12px 20px;transition:.15s}
.related-list-pro a:after{content:"←";position:absolute;inset-inline-end:0;top:14px;color:#98a49f;font-size:.82rem}
.related-list-pro a:hover span{color:var(--brand-dark)}
.related-list-pro a span{font-weight:800;font-size:.88rem;line-height:1.65;padding-inline-end:18px;transition:.15s}
.related-list-pro a small{font-size:.74rem;line-height:1.5}
.source-note{background:linear-gradient(180deg,#fff,#fafcfb)}
.source-note .eyebrow{display:block;margin-bottom:3px}
.source-note strong{display:block;font-size:.98rem}
.source-note p{line-height:1.8}

@media(max-width:960px){
  .facts-modern{grid-template-columns:repeat(2,minmax(0,1fr))}
  .book-sidebar-pro{position:static;top:auto}
}

@media(max-width:680px){
  .book-hero-card{padding:21px 18px 18px}
  .book-content-inner{padding:0 18px 20px}
  .book-hero-card h1{font-size:1.7rem;line-height:1.5}
  .book-hero-card .book-lead{font-size:.94rem}
  .facts-modern{grid-template-columns:1fr 1fr;gap:8px}
  .facts-modern .fact{padding:10px}
  .download-box-pro{padding:18px}
  .download-box-pro .action-stack{width:100%;min-width:0}
  .download-box-pro .btn{width:100%}
  .file-meta-chips{gap:5px}
  .file-meta-chips span{font-size:.72rem}
  .content-block-pro,.quick-links-pro{margin-top:24px;padding-top:20px}
  .breadcrumb-current{display:none}
}

@media(max-width:430px){
  .facts-modern{grid-template-columns:1fr}
  .book-hero-card h1{font-size:1.55rem}
}