@font-face{font-family:DuaArabic;src:url('/assets/fonts/amiri/Amiri-Regular.woff2') format('woff2');font-display:swap}
.dua-library{box-sizing:border-box;width:min(100%,1256px);margin:0 auto;padding:0 20px 96px;color:var(--ds-text);font-family:var(--ds-font,system-ui,sans-serif)}.dua-library *{box-sizing:border-box}.dua-intro{max-width:790px;line-height:1.8;color:var(--ds-muted2,var(--ds-text))}.dua-library a:not(.ds-c-btn){color:var(--ds-accent)}
.dua-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0}.dua-tools label{display:flex;gap:8px;align-items:center;font-size:13px;min-height:44px}.dua-tools .dua-field{flex:1 1 200px;display:grid;gap:7px;min-width:0}.dua-displays{display:flex;gap:14px;flex-wrap:wrap;width:100%;border:0;padding:0;margin:0}.dua-displays legend{font-size:12px;margin-bottom:8px}.dua-tools input[type=checkbox]{width:20px;min-height:20px;height:20px;flex:none;accent-color:var(--ds-accent)}.dua-tools input[type=range]{width:130px;max-width:100%;padding:0;min-height:44px;border:0;background:transparent;accent-color:var(--ds-accent)}
.dua-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.dua-card{display:flex;flex-direction:column;min-width:0;scroll-margin-top:calc(var(--ds-header-h,74px) + 20px)}.dua-card header{display:flex;justify-content:space-between;gap:12px}.dua-card h2{font-size:19px;line-height:1.5;margin:4px 0 18px}.dua-card header button{flex:0 0 44px;width:44px;height:44px;padding:0;font-size:23px}.dua-card button[aria-pressed=true]{border-color:var(--ds-accent);color:var(--ds-accent)}
.dua-ar{font-family:DuaArabic,serif;font-size:var(--dua-font,32px);line-height:2.1;direction:rtl;text-align:right;overflow-wrap:anywhere;margin:10px 0 20px}.dua-translit{line-height:1.9;font-size:14px;color:var(--ds-muted2,var(--ds-text));overflow-wrap:anywhere}.dua-translation{font-size:15px;line-height:1.9;overflow-wrap:anywhere;margin-bottom:22px}.dua-source{font-size:12px;line-height:1.8;border-top:1px solid var(--ds-border);padding-top:16px;margin-top:auto}.dua-source a{text-decoration:none;font-weight:600}.dua-source a:hover{text-decoration:underline}.dua-grade{color:var(--ds-accent)}.dua-note{font-size:12px;line-height:1.8;color:var(--ds-muted2,var(--ds-text))}.dua-card>p:last-child{margin-bottom:0;padding-top:8px}
.dua-guide{margin-top:28px}.dua-guide details{border-top:1px solid var(--ds-border);padding:16px 0;line-height:1.9}.dua-guide summary{cursor:pointer;font-weight:600;min-height:28px}.dua-guide p{max-width:900px;font-size:14px;line-height:1.8}.dua-guide h2{font-size:24px;margin-top:0}.dua-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0;font-size:14px;color:var(--ds-muted2,var(--ds-text))}.dua-empty{padding:24px}
.dua-library [hidden]{display:none}html:not([data-lang=en]) .dua-en,html[data-lang=en] .dua-de{display:none}.dua-library[data-ar=false] .dua-ar,.dua-library[data-tr=false] .dua-translit,.dua-library[data-de=false] .dua-text-de,.dua-library[data-en=false] .dua-text-en{display:none}
@media(max-width:750px){.dua-grid{grid-template-columns:minmax(0,1fr)}}
