ummah-library{display:block;--ummah-arabic:2.2rem}.ummah-section{background:var(--sbd-cream);color:var(--sbd-night)}.ummah-hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-bottom:40px}.ummah-hero h1{font:600 clamp(2.6rem,5vw,5rem)/1.02 var(--sbd-display);letter-spacing:-.035em}.ummah-hero h1 span{color:var(--sbd-teal-dark)}.ummah-hero p{max-width:52ch;line-height:1.7}.ummah-hero figure{margin:0}.ummah-hero img{width:100%;height:auto;border-radius:48% 48% 20px 20px;border:4px solid var(--sbd-gold)}.ummah-hero figcaption{font-size:.8rem;padding:12px;text-align:center}.ummah-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block:38px}.ummah-path{min-height:110px;padding:18px 16px;border:2px solid var(--sbd-night);border-radius:24px;background:var(--sbd-gold);box-shadow:0 5px 0 var(--sbd-night);color:var(--sbd-night);text-align:left;font:600 1.3rem/1.1 var(--sbd-display);cursor:pointer;transition:transform .18s}.ummah-path:nth-child(4n+2){background:var(--sbd-lavender)}.ummah-path:nth-child(4n+3){background:var(--sbd-sky)}.ummah-path:nth-child(4n+4){background:var(--sbd-sand)}.ummah-path span{display:block;font:600 .9rem/1.3 var(--sbd-ui);margin-top:8px}.ummah-path[aria-pressed=true]{outline:3px solid var(--sbd-teal-dark);outline-offset:5px}.ummah-path:hover{transform:translateY(-3px)}.ummah-status{min-height:1.5em;font-weight:800}.ummah-reader{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:28px;scroll-margin-top:110px}.ummah-settings{background:var(--sbd-night);color:var(--sbd-cream);border-radius:28px;padding:24px;align-self:start}.ummah-settings h2{font:600 1.9rem/1.15 var(--sbd-display);color:var(--sbd-gold)}.ummah-section label{display:block;font:700 1.05rem/1.4 var(--sbd-ui);margin-block:14px}.ummah-section select,.ummah-section input:not([type=checkbox]){width:100%;min-width:0;min-height:48px;border:2px solid var(--sbd-violet);border-radius:12px;padding:10px;background:white;color:var(--sbd-night);font:600 1rem var(--sbd-ui)}.ummah-section .ummah-check{display:flex;gap:12px;align-items:flex-start}.ummah-check input{width:22px;height:22px;flex-shrink:0;accent-color:var(--sbd-teal-dark)}.ummah-small{font-size:.8rem;line-height:1.6}.ummah-reading{min-width:0}.ummah-reading>header{text-align:center;background:var(--sbd-gold);border-radius:30px;padding:28px;margin-bottom:22px}.ummah-reading h2{font:600 clamp(2rem,4vw,3.2rem)/1.15 var(--sbd-display)}.ummah-arabic{font-family:'Geeza Pro','Noto Naskh Arabic','Traditional Arabic',serif;font-size:var(--ummah-arabic);line-height:2.15;letter-spacing:normal;word-spacing:normal;text-align:right;direction:rtl;white-space:pre-wrap}.ummah-verse{border:2px solid var(--sbd-sand);border-radius:24px;padding:26px;margin-block:20px;background:white;overflow-wrap:anywhere}.ummah-verse.is-playing{border-color:var(--sbd-teal);box-shadow:0 0 0 2px var(--sbd-teal)}.ummah-verse header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ummah-verse h3{font:700 1rem var(--sbd-ui);margin:0 auto 0 0}.ummah-action{min-height:44px;border:2px solid var(--sbd-night);border-radius:50px;background:var(--sbd-gold);color:var(--sbd-night);padding:8px 14px;font:700 1rem var(--sbd-ui)}.ummah-action:nth-of-type(2){background:var(--sbd-sky)}.ummah-action:disabled{opacity:.5;cursor:not-allowed}.ummah-translation{white-space:pre-wrap;line-height:1.9;font-size:1.1rem}.ummah-transliteration{line-height:1.7;font-style:italic}.ummah-player{background:var(--sbd-lavender);border-radius:22px;padding:20px;margin-bottom:24px}.ummah-player p{font-weight:800}.ummah-player audio{display:block;width:100%;margin-bottom:16px}.ummah-page-controls{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-block:24px}.ummah-explorer{scroll-margin-top:110px}.ummah-explorer>header{max-width:850px}.ummah-explorer h2{font:600 clamp(2rem,4vw,3.3rem)/1.1 var(--sbd-display)}.ummah-grownup{background:var(--sbd-sand);padding:28px;border-radius:28px;max-width:800px;border:2px solid var(--sbd-night)}.ummah-grownup input[type=number]{max-width:180px}.ummah-tool-head{display:flex;gap:24px;align-items:center;justify-content:space-between}.ummah-tool-head label{flex:1}.ummah-form{padding:26px;border-radius:24px;background:var(--sbd-lavender);border:2px solid var(--sbd-night)}.ummah-form [data-fields]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}.ummah-form small{display:block;font:400 .85rem/1.5 var(--sbd-body);margin-top:6px}.ummah-result-card{background:white;border:2px solid var(--sbd-sand);border-radius:22px;padding:24px;margin:18px 0;overflow-wrap:anywhere}.ummah-result-card>h3{font:600 1.6rem var(--sbd-display)}.ummah-result-fields{margin:0}.ummah-result-fields dt{font:700 1.05rem var(--sbd-ui);color:var(--sbd-teal-dark);margin-top:16px}.ummah-result-fields dd{margin:8px 0 0;white-space:pre-wrap;line-height:1.8}.ummah-result-card details{margin:12px 0}.ummah-result-card summary{font-weight:800;cursor:pointer;padding:10px 0}.ummah-word-grid{display:flex;flex-wrap:wrap;gap:14px;direction:rtl}.ummah-word{border:2px solid var(--sbd-lavender);border-radius:20px;padding:18px;min-width:130px;flex:1;text-align:center;background:white}.ummah-word .ummah-arabic{text-align:center}.ummah-word p{margin:6px 0}.ummah-source{margin-top:70px;padding:30px;border-radius:26px;background:var(--sbd-night);color:var(--sbd-cream)}.ummah-source h2{color:var(--sbd-gold)}.ummah-source a{color:var(--sbd-gold)}.ummah-source p{max-width:90ch;font-size:.9rem;line-height:1.8}.ummah-section [hidden]{display:none!important}.ummah-section button:focus-visible,.ummah-section select:focus-visible,.ummah-section input:focus-visible,.ummah-section summary:focus-visible{outline:3px solid var(--sbd-teal-dark);outline-offset:5px}.ummah-section .button{white-space:normal}.ummah-warning{border:2px solid var(--sbd-night);background:var(--sbd-gold);border-radius:16px;padding:18px;font-weight:700}
.ummah-path small{display:block;font:700 .75rem/1 var(--sbd-ui);margin-bottom:10px;letter-spacing:.1em}.ummah-path strong{display:block}.ummah-verse-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ummah-word button{margin-top:10px}.ummah-tajweed{color:var(--sbd-teal-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.ummah-tajweed[data-rule^=madda]{color:var(--sbd-violet)}.ummah-tajweed[data-rule=ghunnah],.ummah-tajweed[data-rule=qalaqah]{color:var(--sbd-night);background:var(--sbd-gold)}
@media(max-width:950px){.ummah-hero{grid-template-columns:1fr 1fr;gap:20px}.ummah-reader{grid-template-columns:1fr}.ummah-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.ummah-settings h2,.ummah-settings .ummah-small{grid-column:1/-1}.ummah-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.ummah-form [data-fields]{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ummah-hero{grid-template-columns:1fr}.ummah-hero figure{max-width:450px}.ummah-paths{grid-template-columns:1fr 1fr;gap:14px}.ummah-path{font-size:1.1rem;min-height:110px;padding:16px 12px}.ummah-path span{font-size:.8rem}.ummah-settings{display:block;padding:22px}.ummah-verse{padding:20px 16px}.ummah-verse .ummah-arabic{font-size:calc(var(--ummah-arabic)*.9)}.ummah-form [data-fields]{grid-template-columns:1fr}.ummah-form,.ummah-grownup,.ummah-result-card{padding:20px}.ummah-tool-head{display:block}.ummah-tool-head button{margin-bottom:20px}.ummah-word{min-width:110px}.ummah-source{padding:24px}}
@media(prefers-reduced-motion:reduce){.ummah-path{transition:none}.ummah-path:hover{transform:none}}
.ummah-word-tap{display:block;width:100%;min-height:64px;border:2px solid var(--sbd-lavender);border-radius:18px;background:var(--sbd-cream);color:var(--sbd-night);padding:12px;cursor:pointer;touch-action:manipulation}.ummah-word-tap:hover,.ummah-word-tap[aria-expanded=true]{background:var(--sbd-gold)}.ummah-word-tap:focus-visible{outline:3px solid var(--sbd-night);outline-offset:3px}.ummah-word-meaning{background:var(--sbd-cream);border-radius:12px;padding:14px;overflow-wrap:anywhere}.ummah-word-meaning span,.ummah-word-meaning small{display:block;margin-top:6px}.ummah-word-meaning[hidden]{display:none}