.library-page{background:#fff}.library-page .site-header{height:90px;display:flex;gap:24px;padding:0 36px}.library-edition{font-size:11px;letter-spacing:2px;margin-left:auto;color:#7b816d}.header-begin{font-size:15px;text-decoration:none;border:1px solid #e5dccb;border-radius:7px;padding:9px 15px;background:#f7f4eb}.header-begin span{color:#a2853e;margin-left:15px}.library-layout{display:grid;grid-template-columns:340px minmax(0,1fr)}.library-sidebar{position:sticky;top:0;height:100vh;background:#193f36;color:#fffaf0;display:flex;flex-direction:column;min-height:530px}.library-sidebar-head{padding:29px 25px 0}.library-sidebar .eyebrow{color:#e4c16d;font-size:11px;letter-spacing:1.7px}.library-sidebar h2{font:34px var(--serif);margin:12px 0}.library-sidebar h2 span{float:right;color:#e4c16d}.library-sidebar p{font-size:16px;color:#ccd8ce;line-height:1.65;margin:12px 0 23px}.directory-tabs{display:flex;border:1px solid #658073;border-radius:8px;padding:4px;gap:4px}.directory-tabs button{color:#dbe6dc;flex:1;padding:9px 4px;font-size:16px;border-radius:5px}.directory-tabs button[aria-pressed=true]{background:#eed28a;color:#26493c}.search-label{display:block;font-size:12px;margin:20px 0 7px;color:#ccd8ce}.library-search{display:flex;align-items:center;background:#244a40;border:1px solid #658073;border-radius:7px;padding-left:12px;gap:8px}.library-search>span{font-size:27px;color:#e5d1a3}.library-search input{width:100%;min-width:0;background:transparent;border:0;color:white;padding:10px 8px;font-size:16px}.library-search input::placeholder{color:#b9c9bf}.library-sidebar #directory-count{font-size:12px;margin:13px 0;color:#b9cbbd}#directory-list{overflow-y:auto;overscroll-behavior:contain;padding:0 13px 18px;flex:1;scrollbar-color:#839c87 #193f36;scrollbar-width:thin}.directory-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;text-align:left;width:100%;border-radius:6px;border-bottom:1px solid #ffffff10;padding:12px 11px;text-decoration:none;color:#fcfaf1;line-height:1.45}.directory-row:hover{background:#305449;filter:none}.directory-number{font-size:12px;color:#d6bd7e}.directory-name{font-size:17px;font-weight:500}.directory-row small{display:block;font-size:11px;color:#b8ccc0;margin-top:3px}.directory-arabic{font-family:'Amiri',serif;font-size:23px;color:#e8e3ce}.directory-row.available{background:#ffffff09}.ready-dot{display:inline-block;width:6px;height:6px;background:#efd183;border-radius:50%;margin-right:6px}.directory-key{border-top:1px solid #547164;padding:15px 25px;font-size:12px;color:#e8dfc5}.directory-key small{display:block;font-size:11px;margin:3px 0 0 13px;color:#b8ccc0}.directory-empty{padding:20px;font-size:16px}#library-main{padding:42px clamp(24px,4vw,76px) 20px;min-width:0}.library-intro{text-align:center}.library-intro .eyebrow{font-size:12px;letter-spacing:1.8px;color:#a08031}.library-intro h1{font:clamp(30px,3.2vw,47px)/1.25 var(--serif);margin:14px 0 12px;letter-spacing:-1px}.library-intro p{font-size:19px;color:#718073;line-height:1.6;margin:0}.cover-stage{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,66px);padding:35px 0 34px}.cover-annotation{text-align:center;font-size:11px;letter-spacing:2px;color:#9b813d;min-width:84px}.cover-annotation span{display:block;font:italic 17px var(--serif);color:#778172;letter-spacing:0;margin-top:13px}.quran-cover{position:relative;display:block;width:320px;height:430px;flex-shrink:0;background:linear-gradient(100deg,#123c31,#285443 40%,#163d32);border-radius:5px 11px 11px 5px;padding:17px 15px 17px 23px;box-shadow:inset 7px 0 6px #0004,inset -3px 0 3px #e5cd8c30,9px 7px 0 -4px #e2dcc9,12px 9px 0 -4px #bdb299,14px 17px 28px #183b3324;text-decoration:none;transition:transform .3s}.quran-cover:hover{transform:translateY(-5px) rotate(-1deg)}.book-spine{position:absolute;left:12px;top:0;bottom:0;width:2px;background:#d2b16042}.cover-frame{display:block;position:relative;height:100%;color:#ecd497}.cover-ornament{position:absolute;inset:0;width:100%;height:100%}.cover-bismillah{position:absolute;top:17%;left:0;right:0;text-align:center;font:18px 'Amiri',serif}.cover-title{position:absolute;top:36%;left:0;right:0;text-align:center}.cover-title>[lang=ar]{font:44px/1.3 'Amiri',serif;display:block;text-shadow:0 1px 1px #0005}.cover-title strong{display:block;font-size:8px;font-weight:500;letter-spacing:2.3px;margin-top:13px}.cover-bottom{position:absolute;bottom:18%;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px}.book-ribbon{position:absolute;width:14px;height:37px;background:#c4a35a;bottom:-26px;right:50px;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);z-index:-1}.cover-action{text-align:center;margin:6px 0 36px}.begin-button{display:inline-flex;gap:35px;align-items:center;background:#edf2e8;border:1px solid #d8e0cf;border-radius:7px;padding:12px 24px;font-size:17px;text-decoration:none;color:#426248}.begin-button:hover{background:#e2ecd9}.cover-action p{font-size:13px;color:#798273;margin:12px 0}.ready-shelf{border-top:1px solid #e7e8df;padding-top:24px;max-width:1000px;margin:auto}.shelf-heading{position:relative}.shelf-heading .eyebrow{font-size:10px;color:#a08031;letter-spacing:1.8px}.shelf-heading h2{font:27px var(--serif);margin:7px 0 20px}.shelf-note{position:absolute;right:0;bottom:7px;font-size:12px;color:#7d826f}.ready-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ready-card{display:flex;align-items:stretch;overflow:hidden;border:1px solid #e4e6db;border-radius:9px;text-decoration:none;background:#fdfcf9;transition:box-shadow .2s}.ready-card:hover{box-shadow:0 6px 20px #193f3610}.ready-card img{display:block;width:31%;height:auto;min-width:0;flex:0 0 31%;object-fit:cover;background:#eef0e8}.ready-card>div{padding:17px;flex:1;min-width:0}.ready-card small{font-size:10px;letter-spacing:1.1px;color:#a08031}.ready-card h3{font:23px var(--serif);margin:8px 0}.ready-card h3 span{font:22px 'Amiri';float:right;color:#8f7d42}.ready-card p{font-size:13px;margin:0 0 10px;color:#718073}.ready-card div>span{font-size:11px;color:#798273}.ready-card b{float:right;font-size:17px;font-weight:400;color:#a08031}.collection-note{font-size:14px;color:#718073;line-height:1.7;margin:19px 0 29px;max-width:760px}.library-footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#85917f;border-top:1px solid #ecece4;padding:17px 0}#catalog-dialog{width:min(650px,92vw);max-height:85vh;border:1px solid #ddd6bd;border-radius:15px;padding:35px;color:#193f36}#catalog-dialog::backdrop{background:#0c2e296b;backdrop-filter:blur(4px)}#catalog-dialog h2{font:36px var(--serif);margin:15px 0}#catalog-dialog .dialog-arabic{font:42px 'Amiri',serif;color:#947529}#catalog-dialog p{font-size:19px;line-height:1.7}#catalog-dialog .close-button{float:right}.catalog-links{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.catalog-links a{padding:10px 14px;border-radius:7px;background:#eef3e8;border:1px solid #dbe2d1;text-decoration:none;font-size:16px}.juz-surahs{list-style:none;padding:0}.juz-surahs li{border-bottom:1px solid #e5e8df;padding:13px 0}.juz-surahs a{display:flex;justify-content:space-between;gap:15px;text-decoration:none}.juz-surahs small{color:#7a826e;font-size:12px}.noscript-message{padding:25px;text-align:center}@media(min-width:1600px){.cover-stage{padding:45px 0}.quran-cover{width:360px;height:483px}}@media(max-width:1100px){.library-layout{grid-template-columns:300px minmax(0,1fr)}.cover-annotation{display:none}.library-edition{display:none}.header-begin{margin-left:auto}.ready-cards{grid-template-columns:1fr}.library-footer{flex-direction:column;gap:7px}.library-sidebar-head{padding:25px 20px 0}}@media(max-width:700px){.library-page .site-header{height:80px;padding:0 18px;gap:10px}.library-page .brand{font-size:18px}.library-page .brand small{font-size:8px}.header-begin{font-size:12px;padding:8px}.header-begin span{display:none}.library-layout{display:flex;flex-direction:column}.library-sidebar{order:2;position:relative;height:640px;min-height:0}.library-sidebar-head{padding:26px 24px 0}.library-sidebar-head p{display:none}.library-sidebar h2{font-size:30px}.directory-tabs{margin-top:15px}.library-sidebar #directory-count{margin:10px 0}#library-main{padding:30px 20px 0}.library-intro h1{font-size:31px}.library-intro .eyebrow{font-size:9px}.library-intro p{font-size:17px}.quran-cover{width:275px;height:370px}.cover-title>[lang=ar]{font-size:37px}.cover-bismillah{font-size:16px}.cover-title strong{font-size:7px}.cover-bottom{font-size:6px}.cover-stage{padding:28px 0}.shelf-note{display:none}.library-footer{margin-bottom:20px}.ready-card h3{font-size:24px}.ready-card h3 span{font-size:23px}.library-intro:after{content:'Browse all surahs and juz below ↓';display:block;font-size:12px;color:#967b37;margin-top:14px}}@media(prefers-reduced-motion:reduce){.quran-cover{transition:none}.quran-cover:hover{transform:none}}