:root{--ink:#18201b;--muted:#69716b;--paper:#f6f3ec;--white:#fff;--green:#1f4a38;--green2:#2d6048;--line:#ded9cf;--sand:#d6c49e;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;align-items:center;gap:32px;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(246,243,236,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:"Source Serif 4",serif;font-size:26px;white-space:nowrap}.brand small{font:500 14px "DM Sans";color:var(--green)}.brand-mark{width:38px;height:38px;border:1px solid var(--green);display:grid;place-items:center;border-radius:50%;font:600 24px "Noto Naskh Arabic";color:var(--green)}nav{display:flex;gap:24px;margin-left:auto}nav a{font-size:14px;font-weight:600}.nav-search{display:flex;border:1px solid var(--line);background:white;height:42px}.nav-search input{border:0;outline:0;padding:0 12px;width:170px;background:transparent}.nav-search button,.hero-search button{border:0;background:var(--green);color:white;padding:0 18px;font-weight:700}.menu{display:none;border:0;background:none;font-size:24px}main{max-width:var(--max);margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:72px 0}.eyebrow{display:block;font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--green);margin-bottom:18px}.hero h1,.page-intro h1,.collection-title h1{font:600 clamp(50px,6vw,82px)/.98 "Source Serif 4",serif;letter-spacing:-.04em;margin:0 0 24px}.hero-copy>p,.page-intro>p,.collection-title>div>p:not(.arabic){font:400 18px/1.7 "DM Sans";color:var(--muted);max-width:680px}.hero-search{display:flex;max-width:650px;height:58px;margin-top:34px;background:white;border:1px solid #cbc5b9}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:0 18px;font-size:15px;background:white}.stats{display:flex;gap:42px;margin-top:42px}.stats div{display:flex;flex-direction:column}.stats strong{font:600 28px "Source Serif 4"}.stats span{font-size:12px;color:var(--muted);margin-top:4px}.hero-panel{background:var(--white);padding:16px 22px 24px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(27,39,30,.08)}.photo{background-size:cover;background-position:center}.photo-one{height:270px;background-image:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05)),url('https://images.unsplash.com/photo-1609599006353-e629aaabfeae?auto=format&fit=crop&w=1100&q=82')}.photo-two{min-height:470px;background-image:url('https://images.unsplash.com/photo-1585036156171-384164a8c675?auto=format&fit=crop&w=1200&q=82')}.quote-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:22px 0 12px}.arabic{font-family:"Noto Naskh Arabic",serif;font-size:29px;line-height:1.9}.arabic.small{font-size:22px;line-height:1.75;max-height:126px;overflow:hidden}.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;color:#454c47}.hero-panel>a,.text-link{display:inline-block;margin-top:8px;color:var(--green);font-weight:700;font-size:14px}.section{padding:90px 0}.section.no-pad{padding-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:20px}.section-head h2,.split-feature h2{font:600 clamp(34px,4vw,52px)/1.08 "Source Serif 4";letter-spacing:-.025em;margin:0}.section-head>a{font-size:14px;font-weight:700;color:var(--green)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.collection-card{background:#fff;padding:28px;min-height:230px;border:1px solid var(--line);transition:.2s transform,.2s border}.collection-card:hover{transform:translateY(-3px);border-color:#a9aa9f}.arabic-name{font:600 18px "Noto Naskh Arabic";color:var(--green)}.collection-card h3{font:600 25px "Source Serif 4";margin:34px 0 9px}.collection-card p{font-size:14px;color:var(--muted);line-height:1.6}.card-link{font-size:13px;font-weight:700;color:var(--green)}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:55px 0 110px}.split-feature>div:last-child{padding-right:50px}.split-feature p{color:var(--muted);line-height:1.7}.topic-links{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.topic-links a{border:1px solid #bdb9ae;padding:10px 13px;background:transparent;font-size:13px}.page{padding:70px 0 110px}.narrow{max-width:860px}.page-intro{padding:30px 0 55px;border-bottom:1px solid var(--line);margin-bottom:45px}.page-intro.compact h1{font-size:58px}.page-intro.compact{padding-bottom:35px}.collection-grid.large{grid-template-columns:repeat(3,1fr)}.crumbs{font-size:12px;color:var(--muted);margin:0 0 40px}.crumbs a{color:var(--green)}.collection-title{display:flex;justify-content:space-between;gap:50px;align-items:flex-start;padding-bottom:55px;border-bottom:1px solid var(--line)}.collection-title .display,.page-intro .display{font-size:32px;color:var(--green)}.stat-box{display:grid;grid-template-columns:auto auto;gap:10px 18px;background:#fff;border:1px solid var(--line);padding:22px 28px;min-width:210px}.stat-box strong{font:600 25px "Source Serif 4"}.stat-box span{font-size:12px;color:var(--muted);align-self:center}.book-list{border-top:1px solid var(--line)}.book-list>a{display:flex;justify-content:space-between;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line)}.book-list>a>div{display:grid;grid-template-columns:45px minmax(250px,1fr) minmax(180px,.7fr);align-items:center;width:75%;gap:14px}.book-list h3{margin:0;font:600 20px "Source Serif 4"}.book-list p{margin:0}.book-no{font-size:12px;color:var(--muted)}.book-layout{display:grid;grid-template-columns:280px 1fr;gap:50px}.book-layout aside{position:sticky;top:105px;align-self:start;max-height:75vh;overflow:auto;border-right:1px solid var(--line);padding-right:22px}.book-layout aside h3{font:600 20px "Source Serif 4"}.chapter-list{display:flex;flex-direction:column;gap:13px}.chapter-list span{font-size:12px;line-height:1.4;color:var(--muted)}.hadith-card{background:white;border:1px solid var(--line);padding:28px;margin-bottom:14px}.hadith-top{display:flex;justify-content:space-between;border-bottom:1px solid #ece8df;padding-bottom:12px;font-size:12px;color:var(--muted)}.hadith-top a{color:var(--green);font-weight:700}.hadith-card .translation{font:500 16px/1.8 "Source Serif 4"}.reading-page{max-width:900px;padding:70px 0 110px}.single-hadith{background:white;border:1px solid var(--line)}.single-hadith header{padding:38px 46px;border-bottom:1px solid var(--line)}.single-hadith h1{font:600 54px "Source Serif 4";margin:0 0 6px}.single-hadith header p{color:var(--muted)}.arabic-block{padding:50px 55px;background:#f1eee6;border-bottom:1px solid var(--line)}.arabic-block p{font:500 34px/2 "Noto Naskh Arabic";margin:0}.english-block{padding:45px 55px}.english-block h2{font:600 22px "Source Serif 4"}.english-block p{font:500 20px/1.9 "Source Serif 4"}.reference-box{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reference-box>div{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.reference-box span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.reference-box strong{font-size:13px}.study-note{padding:25px 35px;background:#edf2ee}.study-note p{margin:5px 0 0;font-size:13px;line-height:1.6;color:#536059}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.topic-grid a{background:var(--paper);padding:28px;min-height:150px}.topic-grid span{font-size:11px;color:var(--muted)}.topic-grid h3{font:600 25px "Source Serif 4"}.topic-grid b{font-size:12px;color:var(--green)}.result-card{background:white;border:1px solid var(--line);padding:24px 28px;margin-bottom:12px}.result-card>div{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.result-card a{color:var(--green);font-weight:700}.result-card p{font:500 17px/1.75 "Source Serif 4"}.result-card p.arabic{font:500 27px/1.8 "Noto Naskh Arabic"}.search-page{max-width:none}.search-summary{margin-bottom:22px;color:var(--muted)}.prose h2{font:600 30px "Source Serif 4";margin:45px 0 10px}.prose p{font:400 17px/1.8 "Source Serif 4";color:#3e4942}.button{display:inline-block;background:var(--green);color:white;padding:13px 18px;font-weight:700;font-size:14px}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}footer>div{display:flex;flex-direction:column;gap:10px}footer p{max-width:320px;color:var(--muted);font-size:13px;line-height:1.6}footer h4{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}footer a:not(.brand){font-size:13px;color:#555d57}.footer-brand{margin-bottom:6px}.copyright{border-top:1px solid var(--line);padding:18px max(28px,calc((100vw - var(--max))/2));font-size:11px;color:var(--muted)}
@media(max-width:1280px){main,footer{margin-left:28px;margin-right:28px}.site-header{padding:0 28px}.reading-page,.narrow{margin-left:auto;margin-right:auto}}@media(max-width:900px){nav,.nav-search{display:none}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;padding-top:50px}.hero-panel{max-width:650px}.collection-grid,.collection-grid.large,.topic-grid{grid-template-columns:1fr 1fr}.split-feature{grid-template-columns:1fr;gap:35px}.book-layout{grid-template-columns:1fr}.book-layout aside{position:static;border-right:0;max-height:180px}.reference-box{grid-template-columns:1fr}.reference-box>div{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){main,footer{margin-left:18px;margin-right:18px}.site-header{height:70px;padding:0 18px}.hero{min-height:auto;gap:35px}.hero h1,.page-intro h1,.collection-title h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-search{height:auto;flex-direction:column}.hero-search input{height:52px}.hero-search button{height:48px}.stats{gap:18px;justify-content:space-between}.stats strong{font-size:22px}.collection-grid,.collection-grid.large,.topic-grid{grid-template-columns:1fr}.split-feature{padding-bottom:70px}.photo-two{min-height:310px}.collection-title{flex-direction:column}.book-list>a>div{grid-template-columns:34px 1fr;width:86%}.book-list p{display:none}.single-hadith header,.english-block,.arabic-block{padding:28px}.single-hadith h1{font-size:40px}.arabic-block p{font-size:28px}.english-block p{font-size:18px}.reading-page{padding-top:45px}footer{grid-template-columns:1fr}.page{padding-top:45px}.page-intro.compact h1{font-size:43px}}

/* V2 usability: whole cards are links, English-first reading, consistent arrows */
.clickable-card,.book-row,.hadith-card,.daily-link{cursor:pointer;position:relative}
.clickable-card .arrow,.book-row .arrow,.hadith-card .arrow,.topic-links a span{display:inline-block;transition:transform .18s ease}
.clickable-card:hover .arrow,.book-row:hover .arrow,.hadith-card:hover .arrow,.topic-links a:hover span{transform:translateX(5px)}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.card-heading h3{margin-right:auto}.arrow{font-size:20px;color:var(--green);font-weight:600}
.collection-card:focus-visible,.book-row:focus-visible,.hadith-card:focus-visible,.topic-grid a:focus-visible,.daily-link:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.collection-card:hover,.hadith-card:hover,.topic-grid a:hover{border-color:#9ea99f;background:#fffefb}
.book-row:hover{background:#fffefb;padding-left:14px;padding-right:14px}
.row-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);white-space:nowrap}
.hadith-card{display:block;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.hadith-card:hover{transform:translateY(-2px)}
.hadith-card .hadith-top{align-items:center}.hadith-card .hadith-top .arrow{font-size:19px}
.hadith-card .narrator,.single-hadith .narrator{font:600 13px/1.7 "DM Sans",sans-serif;color:var(--green);margin:18px 0 5px}
.hadith-card .translation{font-size:18px;line-height:1.75;margin:10px 0 18px;color:#242c27}
.arabic-preview{font:500 22px/1.8 "Noto Naskh Arabic",serif;color:#606861;border-top:1px solid #ece8df;padding-top:16px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.daily-link{display:block;color:inherit}.daily-link:hover span{color:var(--green)}.daily-link>span{display:inline-flex;gap:7px;align-items:center;font-size:13px;font-weight:700;color:var(--green);margin-top:8px}.daily-link:hover>span b{transform:translateX(5px)}.daily-link>span b{transition:transform .18s ease}
.daily-english{font:500 17px/1.65 "Source Serif 4",serif;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 14px}
.language-label{display:block;font:700 10px/1 "DM Sans",sans-serif;letter-spacing:.18em;color:var(--green);margin-bottom:20px}
.primary-language{background:#fff;padding-top:50px}.english-text{font:500 21px/1.9 "Source Serif 4",serif;margin:0}.narrator-post{font-size:13px;line-height:1.65;color:var(--muted);margin-top:18px}.arabic-narrator{font-size:22px!important;color:var(--green);margin-bottom:12px!important}
.arabic-block .language-label{text-align:left;direction:ltr}.single-hadith .arabic-block{background:#f3f0e8}
.pagination{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.pagination a{border:1px solid var(--line);background:white;padding:12px 18px;color:var(--green);font-size:13px;font-weight:700}.pagination a:hover{border-color:#9ea99f}
.empty-state{border:1px solid var(--line);padding:30px;background:white}.empty-state h2{font:600 26px "Source Serif 4",serif;margin:0 0 8px}.empty-state p{color:var(--muted);margin:0}
.topic-grid a{transition:background .15s ease}.topic-grid .card-heading h3{margin-bottom:0}.topic-grid .arrow{font-size:20px}
@media(max-width:600px){.hadith-card .translation{font-size:17px}.arabic-preview{font-size:20px}.row-meta{font-size:0}.row-meta .arrow{font-size:20px}.primary-language{padding:28px}.english-text{font-size:18px}}

/* V3 book reader polish */
.book-intro{margin-bottom:32px}.chapter-panel{background:#fff;border:1px solid var(--line);padding:0!important;border-right:1px solid var(--line)!important;overflow:hidden!important;max-height:78vh!important}.chapter-panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.chapter-panel-head h3{margin:0!important}.chapter-panel-head span{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:5px 8px}.chapter-list{gap:0!important;overflow:auto}.chapter-row{display:grid;grid-template-columns:30px 1fr 22px;gap:10px;align-items:center;padding:14px 15px;border-bottom:1px solid #ece8df;transition:background .15s ease,border-color .15s ease;cursor:pointer}.chapter-row:first-child{grid-template-columns:1fr 22px}.chapter-row:hover,.chapter-row.active{background:#f3f5f1}.chapter-row.active{box-shadow:inset 3px 0 0 var(--green)}.chapter-number{font-size:11px;color:var(--muted)}.chapter-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.chapter-copy b{font-size:12px;line-height:1.35;color:var(--ink)}.chapter-copy small{font:500 13px/1.55 "Noto Naskh Arabic",serif;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-row .arrow{font-size:16px;transition:transform .18s ease}.chapter-row:hover .arrow{transform:translateX(4px)}.book-section-head{align-items:center}.book-section-head .eyebrow{margin:0 0 8px}.page-chip{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:7px 10px;background:#fff}.hadith-list-section{min-width:0}.hadith-card{padding:0;overflow:hidden}.hadith-top{padding:15px 22px;background:#fbfaf6}.hadith-ref{display:flex;align-items:center;gap:8px}.hadith-ref span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hadith-ref strong{font-size:12px;color:var(--ink)}.read-hadith{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:700;font-size:12px}.hadith-language{padding:22px 25px}.english-preview{background:#fff}.arabic-preview-wrap{background:#f6f3ec;border-top:1px solid #ece8df}.hadith-language .language-label{margin-bottom:10px}.hadith-card .translation{margin:6px 0 0;font:500 18px/1.75 "Source Serif 4",serif}.translation-missing{font-style:italic;color:var(--muted)!important;font-size:15px!important}.arabic-preview{border-top:0;padding-top:0;font-size:24px;line-height:1.9;color:#3f4b43;-webkit-line-clamp:3}.hadith-card:hover .read-hadith .arrow{transform:translateX(5px)}
@media(max-width:900px){.chapter-panel{max-height:260px!important}.chapter-panel-head{position:sticky;top:0}.book-layout{gap:28px}}
@media(max-width:600px){.hadith-top{padding:13px 16px}.hadith-language{padding:18px}.read-hadith{font-size:0}.read-hadith .arrow{font-size:19px}.arabic-preview{font-size:21px}.chapter-row{padding:12px}}


/* V4 interaction and reference cleanup */
a, button, [role="button"], input[type="submit"], input[type="button"], .clickable-card, .chapter-row, .book-row { cursor:pointer; }
input[type="text"], input[type="search"], .nav-search input, .hero-search input { cursor:text; }
button:disabled, [aria-disabled="true"] { cursor:not-allowed; }
.nav-search button, .hero-search button, .button { transition:background .15s ease, transform .15s ease; }
.nav-search button:hover, .hero-search button:hover, .button:hover { background:var(--green2); }
.nav-search button span, .hero-search button span { display:inline-block; margin-left:6px; transition:transform .18s ease; }
.nav-search button:hover span, .hero-search button:hover span { transform:translateX(3px); }
.clickable-card, .book-row, .chapter-row, .topic-grid a, .topic-links a, .pagination a, .daily-link, nav a, footer a, .text-link { cursor:pointer; }
.hadith-ref strong { font:600 16px/1.2 "Source Serif 4",serif; color:var(--ink); }
.hadith-ref span { color:var(--green); }
.hadith-card:hover .arrow, .collection-card:hover .arrow, .book-row:hover .arrow, .topic-grid a:hover .arrow { transform:translateX(4px); }
.arrow { display:inline-block; transition:transform .18s ease; }

/* Final mobile homepage/search input fix */
@media (max-width: 600px) {
  .hero-search {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .hero-search input {
    display: block !important;
    width: 100% !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 18px !important;
    font-size: 16px !important;
    line-height: normal !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  .hero-search button {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    cursor: pointer !important;
  }
}