@font-face{font-family:Literary;src:url("../fonts/Newsreader.d76b049ce532.ttf") format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Arabic;src:url("../fonts/NotoNaskhArabic.3a7ec93ba230.ttf") format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Urdu;src:url("../fonts/NotoNastaliqUrdu.3dcb619f91f4.ttf") format('truetype');font-weight:400 700;font-display:swap}
:root{--paper:#faf7f0;--ink:#342c24;--muted:#6c665b;--gold:#8b6b32;--green:#344f43;--line:#ded8ca;--serif:Literary,Georgia,Arabic,serif;--sans:system-ui,-apple-system,'Segoe UI',Arabic,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0;background:var(--green);color:#fff;padding:.8rem 1.3rem;border-radius:4px}input,select{min-width:0;color:var(--ink);border:1px solid var(--line);background:#fffcf7;border-radius:4px;padding:.8rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15}h1{font-size:clamp(2.8rem,5vw,4.8rem)}h2{font-size:2.35rem}h3{font-size:1.45rem}.wrap{max-width:1280px;margin:auto;padding-inline:48px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:112px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{border:1px solid var(--gold);color:var(--gold);border-radius:50% 50% 3px 3px;font:42px/1.2 Arabic,serif;width:48px;text-align:center;padding-block:6px}.brand strong{display:block;font:30px var(--serif)}.brand small{display:block;font:13px/2 Urdu,serif;color:var(--muted);text-align:start}.site-header nav{display:flex;align-items:center;gap:27px;font-size:14px}.site-header nav button{color:var(--muted);background:none;padding:0}.language-switch{display:flex;align-items:center;gap:4px}.language-switch select{background:transparent;padding:.3rem;border:0;max-width:105px}.language-switch button{background:none;color:var(--ink);padding:.4rem}.demo-banner{font-size:12px;text-align:center;background:#ede7d8;padding:8px 24px;color:#5d4a2a}.hero{position:relative;overflow:hidden;border-block:1px solid var(--line);background:#f0eadf}.hero-inner{position:relative;padding-block:68px 34px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;color:var(--gold);margin-bottom:20px}.hero h1{max-width:700px;margin:0 auto 20px;letter-spacing:-.025em}.hero-intro{max-width:570px;margin:0 auto 28px;color:var(--muted);font-size:16px}.hero-search{max-width:760px;margin:auto;display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid #d4c9b5;padding:8px;border-radius:6px;box-shadow:0 10px 25px #48361e08}.hero-search>span{font-size:30px;color:var(--gold);padding-inline-start:15px}.hero-search input{border:0;flex:1;background:transparent;padding:.8rem 0;width:100%}.hero-search button{white-space:nowrap}.hero-search button span{margin-inline-start:20px}.stats{display:flex;justify-content:center;gap:52px;margin:34px auto 0}.stats div{display:flex;align-items:center;gap:12px}.stats strong{font:32px var(--serif)}.stats span{font-size:12px;color:var(--muted)}.hero-lines{position:absolute;width:330px;height:410px;inset-inline-end:-190px;top:38px;border:1px solid #bba781;border-radius:200px 200px 0 0;box-shadow:0 0 0 18px #f0eadf,0 0 0 19px #d5c7ae,0 0 0 38px #f0eadf,0 0 0 39px #d5c7ae,0 0 0 58px #f0eadf,0 0 0 59px #d5c7ae;opacity:.5}.subjects{padding-block:44px 35px}.subjects .eyebrow{margin-bottom:10px}.subjects h2{margin-bottom:24px}.category-list{display:flex;flex-wrap:wrap;gap:10px}.category-list a{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:4px;padding:12px 17px;font-size:14px}.category-list a:hover{border-color:var(--gold);background:#f1ebdf}.category-list small{color:var(--muted)}.category-list a>span:last-child{color:var(--gold)}.recent{padding-block:16px 65px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-heading h2{margin:0}.section-heading a{color:var(--green);font-size:13px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 27px}.book-art{aspect-ratio:4/4.6;position:relative;display:flex;align-items:center;justify-content:center;background:#eee9dd;padding:24px;overflow:hidden;border-radius:4px}.cover-placeholder{width:80%;height:96%;color:#e7d8aa;background:#385044;box-shadow:5px 7px 10px #2e241926;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:22px 15px;border-inline-start:6px solid #ffffff12;outline:1px solid #dfc68855;outline-offset:-13px}.tone-2 .cover-placeholder{background:#665047}.tone-3 .cover-placeholder{background:#26474d}.tone-4 .cover-placeholder{background:#a18a5f;color:#fff9e8}.cover-title{font:24px/1.35 var(--serif);overflow-wrap:anywhere}.cover-ornament{font-size:26px}.cover-line{height:1px;width:25px;background:currentColor}.cover-placeholder small{font-size:7px;letter-spacing:.2em;margin-top:auto}.cover-title[lang=ur]{font-family:Urdu;line-height:2.5;font-size:18px}.cover-title[lang=ar]{font-family:Arabic;font-size:25px;line-height:1.8}.book-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;background:#eee9dd}.book-art:not(.has-cover) img{visibility:hidden}.has-cover .cover-placeholder{visibility:hidden}.card-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-top:17px}.book-card h3{margin:7px 0;overflow-wrap:anywhere}.credit{font-size:12px;color:var(--muted);margin-bottom:13px}.card-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.demo-label{display:inline-block;color:var(--gold);font-size:10px;margin-top:7px}.site-footer{padding-block:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;gap:20px}.site-footer strong{font:24px var(--serif);color:var(--ink)}.site-footer p{margin:3px 0}.site-footer>span{letter-spacing:.14em}.catalog-page{padding-block:48px 60px}.catalog-page h1{font-size:3.5rem}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input{flex:1;min-width:220px}.results-heading{display:flex;justify-content:space-between;padding-block:24px;font-size:13px;color:var(--muted)}.results-heading p{margin:0}.pagination{display:flex;justify-content:center;gap:28px;margin-top:40px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}.empty>span{font-size:50px;color:var(--gold)}.empty h3{color:var(--ink);font-size:2rem}.detail-page{padding-block:36px 65px}.back{display:inline-block;margin-bottom:34px;color:var(--green)}.detail-grid{display:grid;grid-template-columns:340px 1fr;gap:65px}.detail-grid h1{font-size:3.5rem;margin-bottom:20px}.detail-grid h2{font-size:1.8rem;margin-block:30px 15px}.detail-cover{height:420px;position:sticky;top:24px}.detail-cover .cover-title{font-size:32px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px}.tags>*{padding:4px 12px;border:1px solid var(--line);border-radius:3px;font-size:12px;color:var(--green)}.summary{color:var(--muted);line-height:1.9}.metadata{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.metadata dt{color:var(--muted)}.metadata dd{margin:0}.copy-list{padding:0;list-style:none}.copy-list li{border-top:1px solid var(--line);padding-block:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.copy-list p{font-size:12px;color:var(--muted);margin:4px 0 0}.availability{color:var(--green);background:#e5eade;font-size:12px;border-radius:30px;padding:4px 12px;white-space:nowrap}.loaned{color:#75572c;background:#efe6d3}.muted{color:var(--muted)}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip-path:none;z-index:10;background:white;padding:15px}.display-mode .librarian{display:none}.display-mode .hero h1{font-size:clamp(4rem,6vw,6rem)}.display-mode .hero-search{max-width:940px;font-size:20px}.display-mode .stats span{font-size:16px}[lang=ur] body{font-family:Urdu,serif;line-height:2.4}[lang=ur] h1,[lang=ur] h2,[lang=ur] h3{font-family:Urdu;line-height:2}[lang=ar] body{font-family:Arabic,serif;font-size:19px}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{font-family:Arabic;line-height:1.6}h3[lang=ur]{font-family:Urdu;line-height:2.5}h3[lang=ar]{font-family:Arabic;line-height:1.7}h1[lang=ur]{font-family:Urdu;line-height:2}h1[lang=ar]{font-family:Arabic;line-height:1.6}[hidden]{display:none!important}@media(min-width:1600px){.display-mode .wrap{max-width:1600px}.display-mode .book-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:950px){.wrap{padding-inline:28px}.site-header{gap:15px}.site-header nav{gap:16px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.stats{gap:25px}.detail-grid{grid-template-columns:260px 1fr;gap:30px}.detail-cover{height:350px}.filters input{flex-basis:100%}}@media(max-width:650px){.wrap{padding-inline:20px}.site-header{flex-wrap:wrap;padding-block:18px;gap:16px;min-height:100px}.brand strong{font-size:25px}.brand-mark{width:38px;font-size:32px}.site-header nav{order:3;width:100%;justify-content:space-between}.language-switch{margin-inline-start:auto}.demo-banner{font-size:10px}.hero-inner{padding-block:40px 26px}.hero h1{font-size:3rem}.hero-intro{font-size:14px}.hero-search{gap:6px;padding:6px}.hero-search>span{display:none}.hero-search input{font-size:12px;padding-inline-start:8px}.hero-search button{font-size:12px;padding:13px 12px}.hero-search button span{display:none}.stats{gap:10px;justify-content:space-between}.stats div{flex-direction:column;gap:0;flex:1}.stats strong{font-size:28px}.stats span{font-size:10px;text-align:center}.subjects{padding-block:30px 20px}h2{font-size:1.9rem}.category-list{gap:7px}.category-list a{font-size:12px;padding:8px 11px;gap:11px}.section-heading{align-items:flex-start;gap:12px}.section-heading a{font-size:11px;white-space:nowrap;margin-top:8px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.book-art{padding:15px 10px}.cover-placeholder{width:90%;padding:20px 12px;gap:8px}.cover-title{font-size:18px}.cover-title[lang=ur]{font-size:13px}.cover-title[lang=ar]{font-size:18px}.cover-ornament{font-size:20px}.cover-placeholder small{font-size:5px}.book-card h3{font-size:1.25rem}.card-bottom{font-size:10px}.site-footer{flex-wrap:wrap}.filters select{flex:1;width:40%;font-size:13px}.filters button{width:100%}.catalog-page h1{font-size:2.8rem}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-cover{position:relative;max-width:290px;width:100%;height:365px;margin:auto}.detail-grid h1{font-size:2.5rem}.detail-cover .cover-title{font-size:25px}.display-mode .hero h1{font-size:3.2rem}.display-mode .stats span{font-size:11px}}
