:root{--bg: #faf8f3;--surface: #ffffff;--ink: #1c1a17;--muted: #6b6258;--accent: #8a6d3b;--accent-soft: #c9a86a;--line: #e7e0d4;--mark: #f6e6a8;--radius: 12px;--maxw: 860px;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic: "Amiri", "Scheherazade New", "Noto Naskh Arabic", "Geeza Pro", "Times New Roman", serif}@media(prefers-color-scheme:dark){:root{--bg: #15130f;--surface: #1f1c17;--ink: #ece6da;--muted: #a59a88;--accent: #c9a86a;--accent-soft: #8a6d3b;--line: #34301f3b;--mark: #5c4a1f}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;padding-bottom:.85rem}.brand{font-family:var(--font-serif);font-weight:600;font-size:1.1rem;color:var(--ink)}.brand small{display:block;font-size:.7rem;color:var(--muted);font-weight:400;letter-spacing:.04em;text-transform:uppercase}.nav{display:flex;gap:1.1rem;font-size:.92rem}main{padding:2.5rem 0 4rem}.hero{text-align:center;margin-bottom:2.5rem}.hero h1{font-family:var(--font-serif);font-size:clamp(1.8rem,5vw,2.8rem);margin:0 0 .4rem;line-height:1.15}.hero .arabic{font-family:var(--font-arabic);font-size:2rem;direction:rtl;color:var(--accent);margin-bottom:.5rem}.hero p{color:var(--muted);max-width:36rem;margin:.5rem auto 0}.stats{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem 1.1rem;text-align:center;min-width:7rem}.stat b{display:block;font-family:var(--font-serif);font-size:1.4rem;color:var(--accent)}.stat span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.searchbar{display:flex;gap:.5rem;margin:1.5rem auto;max-width:38rem}.searchbar input{flex:1;padding:.8rem 1rem;font-size:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.searchbar input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.btn{padding:.8rem 1.3rem;border:none;border-radius:var(--radius);cursor:pointer;background:var(--accent);color:#fff;font-size:.95rem;font-weight:600}.btn:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}.sermon-list{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:1.5rem}.sermon-card{min-width:0;display:flex;align-items:center;gap:.9rem;padding:.85rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s,transform .15s}.sermon-card:hover{border-color:var(--accent-soft);transform:translateY(-1px);text-decoration:none}.sermon-card .num{font-family:var(--font-serif);font-weight:600;color:var(--accent);min-width:2.4rem;text-align:right;font-size:.95rem;flex:none}.sermon-card .body{flex:1;min-width:0}.sermon-card .title{display:block;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sermon-card .meta{font-size:.78rem;color:var(--muted);margin-top:.15rem}.sermon-card .arabic{display:block;font-family:var(--font-arabic);direction:rtl;text-align:right;color:var(--muted);font-size:.95rem;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sermon-card .wc{flex:none;font-size:.78rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.sermon-card .result-snippet{display:block}.muted{color:var(--muted)}mark{background:var(--mark);color:inherit;padding:0 .1em;border-radius:3px}.sermon-detail h1{font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.2;margin-bottom:.25rem}.sermon-detail .title-arabic{font-family:var(--font-arabic);direction:rtl;font-size:1.6rem;color:var(--accent);margin:.25rem 0 1rem}.kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.text-block{font-family:var(--font-serif);font-size:1.12rem;line-height:1.85;white-space:pre-wrap}.text-arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;font-size:1.5rem;line-height:2.1;white-space:pre-wrap}.divider{border:none;border-top:1px solid var(--line);margin:2rem 0}.tabs{display:flex;gap:.5rem;margin:1.5rem 0 1rem}.tab{padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;font-size:.85rem;color:var(--muted)}.tab[aria-selected=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem}.pager a{flex:1;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.pager a.next{text-align:right}.pager a.disabled{opacity:.35;pointer-events:none}.results{display:grid;gap:.7rem;margin-top:1.5rem}.result-snippet{font-family:var(--font-serif);color:var(--muted);margin-top:.35rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.85rem;text-align:center}.site-footer a{color:var(--muted);text-decoration:underline}.empty{text-align:center;color:var(--muted);padding:3rem 0}.spinner{display:inline-block;width:1.1em;height:1.1em;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-.2em}@keyframes spin{to{transform:rotate(360deg)}}