@font-face{font-family:DuaArabic;src:url('/assets/fonts/amiri/Amiri-Regular.woff2') format('woff2');font-display:swap}
/* Same fixed-header clearance and content frame as the learning studio. */
html body .dua-library{box-sizing:border-box;max-width:none;width:100%;margin:0;padding:calc(var(--ds-header-h,72px) + 30px) clamp(14px,4vw,52px) 90px;font-family:var(--ds-font,Poppins,sans-serif)}
html body .dua-library>*{max-width:1480px;margin-left:auto;margin-right:auto}
html body .dua-library>header{padding:24px 0}
html body .dua-library h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-.035em;margin:16px 0}
html body .dua-library .dua-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 12px}
html body .dua-library .dua-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ds-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ds-accent) 18%,transparent)}
html body .dua-library .dua-intro{margin:0 0 20px;max-width:800px;font-size:15px;line-height:1.8}
html body .dua-library .dua-tools{margin-top:24px;margin-bottom:24px;border-radius:18px}
html body .dua-library .dua-tools select,html body .dua-library .dua-tools input[type=search]{border-radius:12px;min-height:44px}
html body .dua-library .dua-displays>label,html body .dua-library .dua-tools>label:has([data-only-favorites]),html body .dua-library button[data-copy-dua]{border-radius:13px;min-height:42px}
@media(max-width:560px){html body .dua-library{padding-left:12px;padding-right:12px}html body .dua-library>header{padding:18px 0}}
.dua-grid{align-items:stretch!important}.dua-card{display:flex;flex-direction:column;height:100%}.dua-card>.dua-source{margin-top:auto}.dua-card>.dua-translation{margin-bottom:22px}.dua-card>p:last-child{margin-bottom:0;padding-top:8px}.dua-card header button{flex:0 0 42px;align-self:flex-start;width:42px;height:42px;display:grid;place-items:center;font-size:22px;border-radius:50%}.dua-card button{transition:background .18s,border-color .18s,transform .18s}.dua-card button:hover{border-color:var(--ds-accent);background:color-mix(in srgb,var(--ds-accent) 12%,var(--ds-card));transform:translateY(-1px)}.dua-card button:focus-visible,.dua-tools input:focus-visible,.dua-tools select:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}.dua-card button[data-copy-dua]{border-radius:999px;padding:10px 17px;font-weight:600;min-height:42px}.dua-displays>label,.dua-tools>label:has([data-only-favorites]){border:1px solid var(--ds-border);border-radius:999px;padding:9px 13px;background:var(--ds-bg);cursor:pointer;min-height:42px}.dua-displays>label:has(:checked),.dua-tools>label:has([data-only-favorites]:checked){border-color:var(--ds-accent);background:color-mix(in srgb,var(--ds-accent) 10%,var(--ds-card))}.dua-tools input[type=checkbox]{appearance:none;width:16px;height:16px;flex:0 0 16px;border:1px solid var(--ds-border);border-radius:5px;background:var(--ds-card);display:grid;place-content:center}.dua-tools input[type=checkbox]:checked{background:var(--ds-accent);border-color:var(--ds-accent)}.dua-tools input[type=checkbox]:checked:after{content:'✓';color:var(--ds-bg);font-size:12px;font-weight:800}.dua-tools input[type=range]{max-width:130px}.dua-source a{text-decoration:none;font-weight:600}.dua-source a:hover{text-decoration:underline}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins/Poppins-Regular.woff2') format('woff2');font-display:swap}body{margin:0;background:var(--ds-bg,#07111f)}
.dua-library{max-width:1120px;margin:36px auto 90px;padding:0 20px;color:var(--ds-text,#f6f4ed);font-family:Poppins,system-ui,sans-serif}.dua-library *{box-sizing:border-box}.dua-library h1{font-size:clamp(30px,5vw,48px);line-height:1.2}.dua-kicker{color:var(--ds-accent,#f59a38);font-size:12px;letter-spacing:.12em}.dua-intro{max-width:790px;line-height:1.8;color:var(--ds-muted,#adb6c5)}.dua-library a{color:var(--ds-accent,#f59a38)}.dua-tools,.dua-card,.dua-guide{border:1px solid var(--ds-border,#334052);background:var(--ds-card,#121d2d);border-radius:18px;padding:22px}.dua-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:28px 0}.dua-tools label{display:flex;gap:7px;align-items:center;font-size:13px}.dua-tools .dua-field{flex:1 1 200px;display:grid}.dua-tools input[type=search],.dua-tools select{width:100%;border:1px solid var(--ds-border,#334052);background:var(--ds-bg,#08121f);color:inherit;border-radius:10px;padding:12px;font:inherit;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:10px}.dua-tools input[type=checkbox],.dua-tools input[type=range]{accent-color:var(--ds-accent,#f59a38)}.dua-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.dua-card{min-width:0;scroll-margin-top:100px}.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 button,.dua-copy{border:1px solid var(--ds-border,#334052);background:var(--ds-bg,#08121f);color:inherit;border-radius:9px;padding:9px 12px;cursor:pointer;font:inherit;font-size:12px}.dua-card [aria-pressed=true]{color:var(--ds-accent,#f59a38)}.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-muted,#adb6c5);overflow-wrap:anywhere}.dua-translation{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.dua-source{font-size:12px;line-height:1.8;border-top:1px solid var(--ds-border,#334052);padding-top:16px;margin-top:18px}.dua-grade{color:var(--ds-accent,#f59a38)}.dua-note{font-size:12px;line-height:1.8;color:var(--ds-muted,#adb6c5)}.dua-guide{margin-top:35px}.dua-guide details{border-top:1px solid var(--ds-border,#334052);padding:16px 0;line-height:1.9}.dua-guide summary{cursor:pointer;font-weight:600}.dua-guide p{max-width:900px;font-size:14px}.dua-library [hidden]{display:none!important}html:not([data-lang=en]) .dua-en,html[data-lang=en] .dua-de{display:none!important}.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}.dua-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}.dua-empty{padding:25px;border:1px solid var(--ds-border,#334052);border-radius:14px}@media(max-width:750px){.dua-grid{grid-template-columns:1fr}.dua-library{padding:0 14px}.dua-card,.dua-tools,.dua-guide{padding:18px}.dua-ar{font-size:var(--dua-font,30px)}}