.duic-salat{--salat-bg:#072e3d;--salat-card:#173d4c;--salat-text:#f6f8f8;--salat-muted:#afc7d2;--salat-gold:#d4ad62;box-sizing:border-box;background:var(--salat-bg);color:var(--salat-text);padding:var(--section-space-m,4.5rem) var(--gutter,1.5rem);font-size:var(--text-m,1.125rem);line-height:1.6}
.duic-salat *{box-sizing:border-box}.duic-salat__container{width:100%;max-width:var(--content-width,97.5rem);margin-inline:auto}.duic-salat p,.duic-salat h2,.duic-salat h3{margin:0}.duic-salat__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-l,3rem);margin-bottom:var(--space-l,3rem)}.duic-salat__eyebrow{color:var(--salat-gold);text-transform:uppercase;letter-spacing:.16em;font-size:.85em;font-weight:700;display:flex;align-items:center;gap:1em;margin-bottom:1.25em!important}.duic-salat__eyebrow::before{content:"";width:2em;height:1px;background:currentColor}.duic-salat__title{font-size:var(--h2,clamp(2rem,3.4vw,3.2rem));line-height:1.15;color:var(--salat-text);font-weight:400}.duic-salat__date{color:var(--salat-muted);margin-top:.75em!important}.duic-salat__hijri{color:var(--salat-gold)}.duic-salat__next{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-width:19rem;background:var(--salat-card);border:1px solid #d4ad6233;border-radius:1.25rem;padding:1.5rem 2rem}.duic-salat__label{font-size:.75em;letter-spacing:.14em;text-transform:uppercase;color:var(--salat-gold);font-weight:700}.duic-salat__next-name{font-family:var(--heading-font-family,inherit);font-size:1.8em;line-height:1.25}.duic-salat__next-time,.duic-salat__time{font-size:1.5em;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}.duic-salat__countdown{color:var(--salat-muted);font-size:.9em}.duic-salat__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-xs,.75rem)}.duic-salat__card{background:var(--salat-card);border:1px solid #ffffff12;border-radius:1.25rem;min-width:0;padding:1.5rem .75rem 2.5rem;text-align:center}.duic-salat__card--sunrise{background:#ffffff02}.duic-salat__card--next{border-color:var(--salat-gold);box-shadow:inset 0 3px 0 var(--salat-gold)}.duic-salat__name{font-size:var(--h3,1.65rem);font-weight:400;color:var(--salat-text);line-height:1.3}.duic-salat__arabic{display:block;color:var(--salat-gold);font-size:1em}.duic-salat__time{display:block;margin-top:1.1rem;white-space:nowrap}.duic-salat__status{color:var(--salat-muted);margin-top:1rem!important;font-size:.85em}.duic-salat__status:empty{display:none}.duic-salat__note{color:var(--salat-muted);margin-block:var(--space-m,2rem)!important}.duic-salat__jummah{background:#07374a;border:1px solid #ffffff1c;border-radius:1.25rem;padding:var(--space-m,2rem)}.duic-salat__jummah-title{font-size:var(--h3,2.2rem);font-weight:400;color:var(--salat-text)}.duic-salat__jummah p{max-width:65ch;color:var(--salat-muted);margin-top:1.5rem;white-space:pre-line}.duic-salat__footer{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-top:var(--space-m,2rem);color:var(--salat-muted)}.duic-salat__footer a{color:var(--salat-gold);font-weight:600;text-underline-offset:.2em}.duic-salat a:focus-visible{outline:2px solid var(--salat-gold);outline-offset:5px}
@media(max-width:1100px){.duic-salat__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.duic-salat__header{align-items:flex-start}.duic-salat__next{min-width:16rem;padding:1.25rem}}
@media(max-width:650px){.duic-salat__header,.duic-salat__footer{flex-direction:column}.duic-salat__next{width:100%;min-width:0}.duic-salat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duic-salat__card{padding:1.25rem .5rem}.duic-salat__time{font-size:1.25em}.duic-salat__title{font-size:clamp(1.75rem,7vw,2.5rem)}}