:root{--ink:#15273b;--muted:#667484;--paper:#f8f5ef;--cream:#eee8dc;--card:#fffdf9;--accent:#c95f3d;--accent-dark:#a8492c;--line:#e5dfd5;--shadow:0 16px 48px rgba(21,39,59,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Kufi Arabic',system-ui,sans-serif;line-height:1.75}body[dir=rtl]{font-family:'Noto Kufi Arabic','DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-dark)}img{max-width:100%}.site-container{max-width:1200px}.topbar{background:var(--ink);color:#fff;font-size:.78rem;padding:.35rem 0}.site-header{background:#fffdf9;box-shadow:0 1px 0 var(--line);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:.68rem;color:var(--ink)!important;font-size:1.37rem;font-weight:800;letter-spacing:-.035em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#fff;font-family:Georgia,serif;font-size:1.45rem}.brand small{display:block;color:var(--muted);font-size:.54rem;letter-spacing:.16em;font-weight:600;line-height:1}.nav-link{font-size:.9rem;font-weight:700;color:var(--ink)!important;padding:.5rem .85rem!important}.nav-link:hover,.nav-link.active{color:var(--accent)!important}.lang-switch{display:flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:99px}.lang-switch a{font-size:.7rem;padding:.22rem .5rem;border-radius:99px;color:var(--muted)}.lang-switch a.active{background:var(--ink);color:white}.search-wrap{position:relative}.search-wrap input{border:1px solid var(--line);border-radius:99px;padding:.55rem 1rem;background:#fff;width:100%;font-size:.85rem}.search-wrap button{border:0;background:none;color:var(--accent);position:absolute;inset-inline-end:1rem;top:50%;transform:translateY(-50%)}.hero{background:radial-gradient(circle at 80% 5%,#ead8c5,transparent 37%),linear-gradient(135deg,#faf7f1,#eee6da);overflow:hidden}.hero-inner{min-height:395px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:2rem;padding-block:3.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-dark);font-size:.75rem;font-weight:800;letter-spacing:.05em}.eyebrow:before{content:'';width:19px;height:2px;background:var(--accent)}h1,h2,h3{font-weight:800;line-height:1.35}h1{font-size:clamp(2.35rem,5vw,4.3rem);letter-spacing:-.045em}h2{font-size:clamp(1.55rem,3vw,2.1rem)}.hero p{color:var(--muted);max-width:600px;font-size:1rem}.hero-art{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.hero-book{position:absolute;width:155px;height:225px;border-radius:6px 12px 12px 6px;box-shadow:16px 22px 30px rgba(21,39,59,.19);background:#d6c0a4;border-left:12px solid rgba(0,0,0,.1);overflow:hidden;transform-origin:bottom center}.hero-book img{width:100%;height:100%;object-fit:cover}.hero-book:nth-child(1){transform:rotate(-17deg) translate(-100px,18px)}.hero-book:nth-child(2){transform:rotate(8deg) translate(12px,-16px);z-index:2}.hero-book:nth-child(3){transform:rotate(22deg) translate(118px,25px)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:99px;font-weight:700;padding:.75rem 1.4rem}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-outline-ink{border:1px solid var(--ink);border-radius:99px;font-weight:700;padding:.75rem 1.4rem}.btn-outline-ink:hover{background:var(--ink);color:#fff}.section-pad{padding-block:4rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.section-heading p{margin:0;color:var(--muted)}.section-heading a{color:var(--accent-dark);font-weight:700}.category-card{height:100%;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.45rem;transition:.2s;box-shadow:0 8px 25px rgba(21,39,59,.03)}.category-card:hover,.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-icon{width:52px;height:52px;display:grid;place-items:center;background:#f9e8dc;color:var(--accent-dark);border-radius:15px;font-size:1.55rem;margin-bottom:1rem}.category-card h3{font-size:1rem;margin:0}.category-card p{font-size:.75rem;color:var(--muted);margin:.5rem 0 0}.book-card{height:100%;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.cover-panel{height:235px;background:linear-gradient(135deg,#e8ded0,#f8f4ec);display:flex;align-items:center;justify-content:center;padding:1rem}.cover-panel img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:5px 8px 17px rgba(21,39,59,.17)}.cover-placeholder{width:128px;height:185px;background:linear-gradient(140deg,#28415b,#172c41);border-radius:3px 10px 10px 3px;border-left:10px solid #102135;color:#f9ead1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-shadow:7px 10px 16px rgba(21,39,59,.18);font-size:.82rem;font-weight:700}.cover-placeholder span:first-child{font-family:Georgia,serif;color:#dba381;font-size:1.5rem}.book-content{padding:1.15rem}.book-content .category-label{font-size:.7rem;color:var(--accent-dark);font-weight:800}.book-content h3{font-size:.98rem;min-height:2.7em;margin:.5rem 0}.book-content p{font-size:.77rem;color:var(--muted);margin:0;line-height:1.6}.book-content .read-link{display:inline-block;margin-top:.9rem;font-size:.78rem;font-weight:800;color:var(--accent-dark)}.editorial-band{background:var(--ink);color:#fff}.editorial-band p{color:#d8e0e7}.breadcrumb{font-size:.75rem;gap:.3rem}.breadcrumb-item+.breadcrumb-item:before{color:#a7b0b8}.page-banner{padding:3rem 0 2.5rem;background:linear-gradient(135deg,#f3eadf,#faf7f2)}.page-banner h1{font-size:clamp(2rem,4vw,3.1rem)}.page-banner p{max-width:650px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:2.5rem;align-items:start}.detail-cover{position:sticky;top:1.5rem;background:#eee7db;border:1px solid var(--line);padding:1.5rem;border-radius:18px;min-height:370px;display:flex;align-items:center;justify-content:center}.detail-cover img{max-height:385px;box-shadow:8px 12px 24px rgba(21,39,59,.18)}.detail-cover .cover-placeholder{width:200px;height:300px;font-size:1rem}.article-body{font-size:.98rem;line-height:2;color:#263a4b}.article-body h2{font-size:1.4rem;margin:2rem 0 .7rem}.article-body h3{font-size:1.12rem;margin:1.5rem 0 .5rem}.article-body p,.article-body ul,.article-body ol{margin-bottom:1.15rem}.article-body img{display:block;max-height:440px;object-fit:contain;margin:1.2rem auto;border-radius:9px}.article-body a{text-decoration:underline;text-decoration-color:var(--accent)}.article-body blockquote{border-inline-start:4px solid var(--accent);background:#f2eae1;padding:1rem 1.2rem;border-radius:8px}.article-body table{display:block;overflow-x:auto;max-width:100%}.article-body td,.article-body th{border:1px solid var(--line);padding:.5rem}.notice-box{background:#fffaf2;border:1px solid #e9d9ba;border-radius:14px;padding:1rem 1.15rem;font-size:.86rem}.meta-strip{font-size:.78rem;color:var(--muted);border-block:1px solid var(--line);padding:1rem 0;display:flex;flex-wrap:wrap;gap:1.5rem}.pagination .page-link{color:var(--ink);border-color:var(--line)}.pagination .active .page-link{background:var(--ink);border-color:var(--ink);color:#fff}.ad-slot{border:1px dashed #c8c5bd;border-radius:12px;min-height:90px;display:flex;align-items:center;justify-content:center;color:#8c9299;font-size:.7rem}.site-footer{background:#142538;color:#e4e9ed;padding:3rem 0 1.5rem}.site-footer a{color:#e4e9ed}.site-footer a:hover{color:#efa689}.site-footer p{color:#b2c0ca;font-size:.83rem}.footer-bottom{border-top:1px solid #334657;margin-top:2rem;padding-top:1rem;font-size:.7rem;color:#b2c0ca}.not-found{text-align:center;padding:6rem 1rem}.not-found .code{font-family:Georgia,serif;font-size:6rem;color:var(--accent);line-height:1}.soft-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.5rem}@media(max-width:768px){.hero-inner{grid-template-columns:1fr;padding-block:2.5rem;min-height:auto}.hero-art{min-height:230px}.hero-book{width:120px;height:175px}.hero-book:nth-child(1){transform:rotate(-17deg) translate(-75px,15px)}.hero-book:nth-child(2){transform:rotate(8deg) translate(7px,-10px)}.hero-book:nth-child(3){transform:rotate(22deg) translate(85px,19px)}.section-pad{padding-block:2.7rem}.detail-layout{grid-template-columns:1fr}.detail-cover{position:static;min-height:270px}.detail-cover img{max-height:270px}.section-heading{align-items:start}.book-content h3{min-height:0}}@media(max-width:420px){.cover-panel{height:195px}.brand{font-size:1.13rem}.brand-mark{width:36px;height:36px}}