.dua-layout{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:1024px){.dua-layout{grid-template-columns:1fr 3fr}}
.dua-cat{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;transition:all .3s;border:1px solid transparent;text-align:left;margin-bottom:.25rem}
.dua-cat.active{background:rgba(201,166,70,.2);border-color:rgba(201,166,70,.3);color:var(--gold)}
.dua-cat:not(.active){color:rgba(255,255,255,.7)}
.dua-cat:not(.active):hover{background:rgba(255,255,255,.05)}
.dua-cat svg{width:1.25rem;height:1.25rem}
.dua-card{padding:1.5rem}
.dua-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}
.dua-header h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}
.dua-header .ref{color:var(--gold);font-size:.875rem}
.dua-copy{width:2.5rem;height:2.5rem;border-radius:.5rem;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);border:none;transition:all .3s;flex-shrink:0}
.dua-copy:hover{color:var(--gold)}
.dua-copy svg{width:1.25rem;height:1.25rem}
.dua-arabic{padding:1rem;background:rgba(255,255,255,.05);border-radius:.5rem;margin-bottom:1rem}
.dua-arabic p{font-family:'Amiri',serif;font-size:1.5rem;color:var(--gold);text-align:right;direction:rtl;line-height:2}
.dua-tl{margin-bottom:.75rem}
.dua-tl .lbl{color:rgba(255,255,255,.5);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}
.dua-tl p{color:rgba(255,255,255,.8);font-style:italic}
.dua-tr .lbl{color:rgba(255,255,255,.5);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}
.dua-tr p{color:#fff}