.shdua{--sd-green:#1e714a;--sd-gold:#c6a45d;color:#254b3c;background:#f8f6f0;font-family:inherit}.shdua *{box-sizing:border-box}.shdua svg{width:18px;height:18px;flex-shrink:0}.shdua-hero{text-align:center;background:linear-gradient(135deg,#164b35,#2d8a6e);color:#fff;padding:46px 18px 38px;position:relative;overflow:hidden}.shdua-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 28px,#ffffff04 28px 29px);pointer-events:none}.shdua-symbol{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ffffff14;color:#fbbf24;margin:0 auto 16px}.shdua-symbol svg{width:32px;height:32px}.shdua .shdua-hero h1{color:#fff;font-size:clamp(26px,4vw,40px);font-weight:700;margin:0 0 8px;line-height:1.35}.shdua-hero>p{font-family:"Traditional Arabic","Noto Naskh Arabic",serif;font-size:24px;color:#e5c278;margin:8px 0}.shdua-date{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-size:14px;margin-top:12px}.shdua-date time{color:#e5c278;font:18px monospace}.shdua-body{max-width:1200px;margin:auto;padding:32px 18px}.shdua-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;margin-bottom:20px}.shdua input,.shdua select{width:100%;background:white;border:1px solid #e0e4de;border-radius:10px;padding:13px 15px;min-height:48px;font:inherit;color:#2d5a4a}.shdua-search{position:relative}.shdua-search svg{position:absolute;left:14px;top:15px;color:#64756b}.shdua-search input{padding-left:44px}.shdua button,.shdua-detail{font:inherit;cursor:pointer;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #d6dfd8;color:#2d7157;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;min-height:34px}.shdua button:hover,.shdua-detail:hover{background:#eff6f0;color:#145b3b}.shdua button:focus-visible,.shdua a:focus-visible,.shdua input:focus-visible,.shdua select:focus-visible{outline:3px solid #b3d6be;outline-offset:3px}.shdua button[aria-pressed=true]{color:#9b721d;background:#fff3cf;border-color:#dbbe6f}.shdua button[aria-pressed=true] svg{fill:#eec66a}.shdua-count{color:#68766b;font-size:12px;margin:0 0 15px}.shdua-list{display:grid;gap:20px}.shdua-card{background:#fff;border:1px solid #e5e7e2;border-radius:16px;padding:24px;box-shadow:0 3px 14px #183e2505}.shdua-card[hidden]{display:none}.shdua-cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}.shdua-titleline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.shdua-titleline h2{font-size:20px;font-weight:700;color:#21553d;margin:0;line-height:1.5}.shdua-tag{background:#fbf0d8;color:#9c762a;padding:3px 9px;border-radius:12px;font-size:11px;white-space:nowrap}.shdua-source{display:inline-flex;gap:5px;align-items:center;background:#edf7ef;color:#358b5d;border-radius:8px;padding:5px 10px;text-decoration:none;font-size:12px}.shdua-source svg{width:13px;height:13px}.shdua-actions{display:flex;gap:6px;flex-shrink:0}.shdua-arabic{padding:20px;background:#f3f8f3;border:1px solid #dceade;border-radius:12px;color:#1e714a;font-family:"Traditional Arabic","Noto Naskh Arabic","Amiri",serif;font-size:30px;line-height:2.2;margin-bottom:16px;overflow-wrap:anywhere}.shdua-meaning{font-size:18px;line-height:1.75;color:#31543f;margin:0}.shdua-extras{margin-top:24px;border-top:1px solid #e1e9e2;padding-top:12px}.shdua-extras h3{font-size:17px;color:#21553d;margin:20px 0 10px}.shdua-extras p{font-size:16px;line-height:1.8}.shdua-extras small{font-size:12px;line-height:1.6;color:#778378}.shdua-extras audio{width:100%}.shdua-footer{text-align:center;margin-top:36px;border-top:1px solid #e1e5dc;padding:25px 0 0;font-size:12px;color:#708070;line-height:2}.shdua-footer span{color:#ad8c49}.shdua-back{color:#26704c;display:inline-block;margin-bottom:20px;text-decoration:none}.shdua-feedback{color:#286b43;font-size:13px}.shdua-empty{padding:32px;text-align:center;background:white;border-radius:12px;color:#65746b}.shdua-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:680px){.shdua-filters{grid-template-columns:1fr;gap:12px}.shdua-onlyfav{justify-self:start}.shdua-body{padding:24px 14px}.shdua-card{padding:18px}.shdua-arabic{font-size:27px;padding:16px}.shdua-meaning{font-size:17px}.shdua-hero{padding:32px 16px}.shdua-cardhead{gap:12px}}@media(prefers-reduced-motion:no-preference){.shdua-card{transition:box-shadow .2s}.shdua-card:hover{box-shadow:0 8px 24px #183e2510}}