:root{--paper:#ece3ce;--card:#f7f1e1;--ink:#22312b;--ink-soft:#4b5a50;--bronze:#a9782e;--bronze-soft:#c7a863;--line:#c9b98c}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(34,49,43,.035) 1px,transparent 0);background-size:22px 22px;color:var(--ink);font-family:Amiri,serif;min-height:100vh}.page{display:flex;flex-direction:column;align-items:center;padding:64px 20px 40px}.wordmark{font-weight:500;font-size:30px;letter-spacing:1px;color:var(--ink);text-align:center;margin:0}.wordmark,.wordmark-sub{font-family:Reem Kufi,sans-serif}.wordmark-sub{font-size:12px;letter-spacing:3px;color:var(--bronze);text-transform:uppercase;margin:8px 0 56px;opacity:.85}.card-wrap{position:relative;max-width:880px;width:100%;padding:26px}.corner{position:absolute;width:54px;height:54px;opacity:.85}.corner svg{width:100%;height:100%}.c-tl{top:0;right:0}.c-tr{top:0;left:0;transform:scaleX(-1)}.c-bl{bottom:0;right:0;transform:scaleY(-1)}.c-br{bottom:0;left:0;transform:scale(-1)}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--line);border-radius:2px;padding:56px 72px 44px}.hadith-text{font-size:27px;line-height:2.15;text-align:center;color:var(--ink);margin:0}.divider{display:flex;align-items:center;justify-content:center;margin:38px 0 30px}.divider svg{width:220px;height:16px;opacity:.9}.meta{display:flex;flex-direction:column;gap:14px}.meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:12px;border-bottom:1px solid hsla(44,36%,67%,.5)}.meta-row:last-child{border-bottom:none;padding-bottom:0}.meta-label{font-family:Reem Kufi,sans-serif;font-size:13px;letter-spacing:.5px;color:var(--bronze);white-space:nowrap;flex-shrink:0}.meta-value{font-size:17px;color:var(--ink-soft);text-align:left;line-height:1.7}.empty-state{margin-top:60px;color:var(--ink-soft);font-size:18px}footer{margin-top:48px;font-family:Reem Kufi,sans-serif;font-size:11px;letter-spacing:2px;color:var(--bronze-soft);text-transform:uppercase}@media (max-width:640px){.card{padding:40px 24px 32px}.hadith-text{font-size:22px}.corner{width:34px;height:34px}}