*{box-sizing:border-box}body{margin:0;background:#f5f8f4;color:#17332b;font:16px/1.6 system-ui,Arial,sans-serif}header{background:#145b42;color:white;padding:18px max(18px,calc((100vw - 1050px)/2))}h1{margin:0;font-size:1.5rem}header p{margin:3px 0}a{color:inherit}main{max-width:1050px;margin:auto;padding:20px}.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;background:white;border-radius:12px}.tools label{display:grid;gap:4px;flex:1;min-width:170px}select,button{font:inherit;padding:9px;border:1px solid #aabeb3;border-radius:8px;background:white}button{cursor:pointer}.verse{background:white;border:1px solid #d6e2d8;border-radius:12px;padding:22px;margin:18px 0}.verse h2{font-size:1rem;color:#36614d}.arabic{font-family:"Geeza Pro","Noto Naskh Arabic",serif;font-size:2.1rem;line-height:2.3;text-align:right;direction:rtl}.opening{text-align:center;color:#276345}.translation{padding:12px 0;border-top:1px solid #e3ece6}.translation b{display:block;color:#47745d;font-size:.8rem;text-transform:uppercase}.sign{margin-top:12px;border-top:1px dashed #cad8cd;padding-top:12px;color:#566d60}.notice{font-size:.9rem;color:#6a5442}#status{font-weight:600}@media print{header,.tools{display:none}.verse{break-inside:avoid}}