:root {color-scheme: light; font: 16px/1.5 system-ui,sans-serif; color:#25251a; background:#f8f4e9}
* {box-sizing:border-box}
body {margin:0}
main {max-width:960px; margin:0 auto; padding:24px}
header {padding:12px 0 36px; font:700 25px Georgia,serif}
a {color:#69501f; text-underline-offset:4px}
header a {text-decoration:none}
.card {width:min(100%,440px); margin:12px auto; padding:clamp(20px,6vw,40px); border:1px solid #d9ccb0; background:#fffdf6; border-radius:20px}
.wide {width:min(100%,680px)}
h1 {margin:0 0 16px; font:700 clamp(28px,6vw,39px)/1.08 Georgia,serif}
p {color:#4e574f}
form {display:grid; gap:14px; margin:22px 0 0}
label {display:grid; gap:6px; font-weight:600}
input,button {font:inherit; min-width:0; min-height:44px; border-radius:9px; padding:8px 12px}
input {width:100%; border:1px solid #a99d83; background:#fff; color:#25251a}
button {border:0; background:#1c503d; color:white; font-weight:700; cursor:pointer}
:focus-visible {outline:3px solid #805b14; outline-offset:3px}
footer {margin-top:18px}
.notice {background:#e8efe6; padding:10px 12px; border-radius:8px}
ul {list-style:none; padding:0}
li {border-top:1px solid #d9ccb0; padding:10px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; overflow-wrap:anywhere}
li form {margin:0}
@font-face {font-family:"Amiri Quran";src:url("/assets/AmiriQuran.ttf") format("truetype");font-display:swap}

@font-face {font-family:Lateef;src:url("/assets/Lateef-Regular.ttf") format("truetype");font-display:swap}

.diyanet-excerpts {display:grid;gap:6px;width:100%}
.diyanet-sheet {position:relative;isolation:isolate;width:100%;overflow:hidden;background:#faf3da}
.diyanet-sheet img {display:block;width:100%;height:100%}
.diyanet-highlight,.diyanet-hit {position:absolute;display:block;border-radius:3px}
.diyanet-highlight {background:#ffcf49a8;mix-blend-mode:multiply;pointer-events:none}