@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
.footer-reflection{position:relative;isolation:isolate;overflow:hidden;background:var(--sbd-night);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--sbd-teal),var(--sbd-night) 72%),var(--sbd-night) 75%);color:var(--sbd-cream);padding:clamp(46px,6vw,88px) 0 50px;text-align:center;border-bottom:5px solid var(--sbd-gold);border-image:linear-gradient(90deg,var(--sbd-gold),var(--sbd-sky),var(--sbd-lavender),var(--sbd-teal)) 1}
.reflection-spread{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:1}.reflection-reading{width:100%;max-width:1080px;min-width:0}.reflection-kicker{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid color-mix(in srgb,var(--sbd-sky),transparent 65%);border-radius:999px;padding:10px 20px;background:color-mix(in srgb,var(--sbd-teal),transparent 84%);color:var(--sbd-sky);font-size:clamp(.8rem,1.3vw,1rem);font-weight:800;line-height:1.5;margin:0 0 18px}.reflection-reading .reflection-heading{font-family:var(--sbd-display);font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.2;letter-spacing:0;color:var(--sbd-cream);margin:0 0 30px}
.reflection-reading blockquote{margin:0 0 14px;padding:0;border:0}.reflection-arabic{font-family:Amiri,'Noto Naskh Arabic',serif;font-size:clamp(2rem,3.5vw,3.15rem);font-weight:400;line-height:2.15;text-align:center;color:var(--sbd-gold);margin:0 0 22px;overflow-wrap:normal;word-break:normal;text-wrap:pretty}.reflection-translation{font-family:var(--sbd-body);font-size:clamp(1rem,1.7vw,1.2rem);font-weight:600;line-height:1.8;max-width:80ch;margin:0 auto 17px;text-wrap:pretty;color:var(--sbd-cream)}.reflection-reading cite{font-size:.82rem;line-height:1.9;font-style:normal;display:block;color:var(--sbd-sky)}.reflection-reading>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--sbd-cream);text-underline-offset:5px;font-size:.88rem;font-weight:800}
.reflection-listening{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;width:min(100%,800px);margin:24px 0 0;text-align:left}.reflection-recording{min-width:0;padding:17px 19px 12px;border:1px solid color-mix(in srgb,var(--sbd-sky),transparent 72%);border-radius:22px;background:color-mix(in srgb,var(--sbd-cream),transparent 96%)}.reflection-recording .reflection-recording-label{display:block;font-family:var(--sbd-body);font-size:.72rem;line-height:1.5;margin-bottom:11px;color:var(--sbd-cream)}.reflection-recording .reflection-recording-label span{display:block}.reflection-recording .reflection-audio-language{font-family:var(--sbd-display);font-size:1.15rem;color:var(--sbd-gold);margin-bottom:3px}.reflection-recording audio{display:block;width:100%;max-width:100%;height:44px;border-radius:24px;color-scheme:dark}.reflection-audio-status{grid-column:1/-1;text-align:center;font-size:.74rem;line-height:1.6;margin:0;color:var(--sbd-cream)}.reflection-audio-retry{grid-column:1/-1;justify-self:center;min-height:44px;padding:10px 18px;border:2px solid var(--sbd-gold);border-radius:999px;background:var(--sbd-night);color:var(--sbd-gold);font-weight:800}.reflection-listening[data-state=error] .reflection-audio-status{color:var(--sbd-gold)}
.reflection-divider{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--sbd-gold);font-size:1.7rem;width:min(240px,60%);margin:27px 0 24px}.reflection-divider span{height:1px;flex:1;background:color-mix(in srgb,var(--sbd-gold),transparent 60%)}.reflection-practice{max-width:950px}.reflection-practice .eyebrow{font-size:.7rem;color:var(--sbd-sky);margin-bottom:16px}.reflection-practice h3{font-family:var(--sbd-display);font-size:clamp(1.65rem,3vw,2.6rem);font-weight:600;letter-spacing:0;line-height:1.2;margin:0 0 13px;color:var(--sbd-gold)}.reflection-practice>p:not(.eyebrow):not(.reflection-note){font-family:var(--sbd-display);font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:500;line-height:1.65;margin:0 auto;color:var(--sbd-gold);text-wrap:pretty}.reflection-practice .reflection-note{font-family:var(--sbd-body);font-size:.72rem;line-height:1.8;max-width:82ch;margin:22px auto 0;color:var(--sbd-cream);opacity:.88}.reflection-moon,.reflection-star{position:absolute;z-index:0;color:var(--sbd-gold);pointer-events:none;line-height:1;font-family:serif}.reflection-moon{left:5%;top:38px;font-size:45px;transform:rotate(-20deg)}.reflection-star{right:5%;top:55px;font-size:29px}.footer-reflection::after{content:'✦';position:absolute;bottom:75px;left:7%;color:var(--sbd-gold);font-size:22px;opacity:.7}
@supports(background-clip:text){.reflection-practice>p:not(.eyebrow):not(.reflection-note){background:linear-gradient(110deg,color-mix(in srgb,var(--sbd-gold),var(--sbd-lavender) 35%) 0%,var(--sbd-gold) 35%,color-mix(in srgb,var(--sbd-gold),var(--sbd-sky) 35%) 65%,var(--sbd-sky) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
@media(max-width:700px){.footer-reflection{padding-top:42px}.footer-reflection .container{width:calc(100% - 40px)}.reflection-listening{grid-template-columns:1fr;gap:12px}.reflection-reading .reflection-heading{font-size:1.4rem;margin-bottom:21px}.reflection-kicker{padding:9px 12px;gap:8px;font-size:.77rem;max-width:100%}.reflection-kicker svg{width:17px;height:17px}.reflection-arabic{font-size:1.9rem;line-height:2.1;margin-bottom:18px}.reflection-moon{left:12px;top:12px;font-size:22px}.reflection-star{right:12px;top:18px;font-size:16px}.reflection-recording{padding:14px}.reflection-practice .eyebrow{font-size:.64rem;letter-spacing:.1em}.footer-reflection::after{display:none}}
@media(prefers-reduced-motion:reduce){.footer-reflection *{scroll-behavior:auto;animation:none;transition:none}}
@media(forced-colors:active){.reflection-practice>p:not(.eyebrow):not(.reflection-note){background:none;color:CanvasText}.reflection-recording{border:1px solid CanvasText}.footer-reflection{border-image:none}}