/* Full original Arabic glyph sets; genuine WOFF2, no glyph subsetting. */
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/noto-kufi-arabic-400-full.woff2') format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/noto-kufi-arabic-600-full.woff2') format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/noto-kufi-arabic-700-full.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/noto-sans-arabic-400-full.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/noto-sans-arabic-600-full.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/noto-sans-arabic-700-full.woff2') format('woff2')}

@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body,h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}}
@layer base{:root{--bg:#071e1c;--panel:#0e2926;--panel-2:#12322d;--gold:#d9ba73;--gold-rgb:217,186,115;--text:#f7f3e9;--muted:#b3c4bd;--line:#30463d;--heading:'Noto Kufi Arabic',serif;--body:'Noto Sans Arabic',sans-serif;color-scheme:dark}html[data-theme=midnight]{--bg:#101b31;--panel:#18253e;--panel-2:#1d2d49;--gold:#e1c58b;--gold-rgb:225,197,139;--muted:#b8c4d7;--line:#3a465e;--heading:'Amiri',serif;--body:'Cairo',sans-serif}html[data-theme=charcoal]{--bg:#201e1d;--panel:#2b2724;--panel-2:#352e28;--gold:#e2b17a;--gold-rgb:226,177,122;--muted:#c9bdb2;--line:#4c4139;--heading:'El Messiri',serif;--body:'Tajawal',sans-serif}body{background:var(--bg);color:var(--text);font:16px/1.9 var(--body);transition:background .25s,color .25s}h1,h2,h3,.brand{font-family:var(--heading)}h1,h2,h3{line-height:1.8;font-weight:600}a{text-underline-offset:5px}section{scroll-margin-top:40px}.skip{position:fixed;top:-100px;right:15px;z-index:20;padding:10px 20px;background:var(--gold);color:var(--bg)}.skip:focus{top:10px}.preview-note{background:#122d29;border-bottom:1px solid var(--line);text-align:center;font-size:11px;letter-spacing:.1px;color:#c6d5ce;padding:5px 10px}.preview-note span{margin:0 8px;color:var(--gold)}header{position:relative;z-index:2;border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:auto;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;color:var(--gold);line-height:1.55;white-space:nowrap}.brand small{display:block;color:var(--muted);font:10px/1.9 var(--body);margin-top:5px}.brand-mark{width:43px;height:43px}.brand-mark svg{width:100%;height:100%}.desktop-nav{display:flex;gap:34px;font-size:13px}.desktop-nav a{text-decoration:none;color:var(--muted)}.desktop-nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:17px}.country{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.country-dot{display:inline-block;background:var(--gold);width:5px;height:5px;border-radius:50%;flex-shrink:0}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold);font-size:25px}.icon-button:hover{background:var(--panel-2)}.mobile-toggle,.mobile-only{display:none}}
@layer components{.hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:62px 24px 0}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 36%,rgba(var(--gold-rgb),.065),transparent 55%)}.hero-pattern{position:absolute;inset:0;opacity:.08;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23d9ba73' stroke-width='.7'%3E%3Cpath d='m70 8 18 26 30-12-12 30 26 18-26 18 12 30-30-12-18 26-18-26-30 12 12-30L8 70l26-18-12-30 30 12Z'/%3E%3Cpath d='m70 34 36 36-36 36-36-36Z'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(to right,#000,transparent 30%,transparent 70%,#000)}.hero-content{position:relative;max-width:1100px;margin:auto}.eyebrow,.overline{font-size:11px;letter-spacing:.6px;color:var(--gold)}.eyebrow{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:15px}.eyebrow span{height:1px;width:32px;background:var(--gold);opacity:.4}h1{font-size:42px;font-weight:600;letter-spacing:-1px}h1 em{color:var(--gold);font-style:normal}.hero-intro{font-size:14px;color:var(--muted);margin:13px 0 35px}.countdown-shell{position:relative;max-width:690px;min-height:412px;margin:auto;padding:48px 38px 25px}.arch{position:absolute;inset:0;z-index:-1;border:1px solid rgba(var(--gold-rgb),.28);border-radius:48% 48% 18px 18px / 43% 43% 18px 18px;background:linear-gradient(180deg,rgba(var(--gold-rgb),.03),var(--bg) 84%)}.arch:before{content:'';position:absolute;inset:9px;border:1px solid rgba(var(--gold-rgb),.09);border-radius:inherit}.crescent{color:var(--gold);font:36px Georgia,serif;height:42px;position:relative;width:60px;margin:0 auto 15px}.crescent i{font-style:normal;font-size:16px;position:absolute;left:2px;top:0}.countdown-label{font-size:12px;color:var(--muted)}.day-display{display:flex;gap:14px;align-items:baseline;justify-content:center;margin-top:0;line-height:1.45}.day-display>[data-unit]{font:400 108px/1.45 var(--body);letter-spacing:-5px;color:var(--gold);font-variant-numeric:tabular-nums;min-width:200px}.day-label{font-size:20px;color:var(--muted)}.clock{display:flex;justify-content:center;align-items:flex-start;gap:23px;direction:rtl;margin:1px 0 24px}.clock div{min-width:49px;display:grid}.clock div span{font-size:27px;line-height:1.45;font-variant-numeric:tabular-nums}.clock small{font-size:10px;color:var(--muted);margin-top:2px}.clock b{font-weight:400;color:var(--gold);opacity:.55;font-size:24px;line-height:1.4}.countdown-date{display:flex;gap:13px;align-items:center;justify-content:center;font-size:12px}.date-star{color:var(--gold);font-size:17px}.separator{margin:0 7px;color:var(--gold)}.expected-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--gold);padding:3px 10px;border-radius:30px;background:rgba(var(--gold-rgb),.08);margin-top:12px}.expected-badge>span{width:4px;height:4px;background:var(--gold);border-radius:50%}.answer{color:var(--muted);font-size:12px;margin-top:15px}.answer strong{color:var(--text);font-weight:400}.hero-buttons{display:flex;justify-content:center;gap:12px;margin:24px 0 0}.button{min-height:48px;padding:10px 24px;border-radius:6px;text-decoration:none;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:19px;font-size:12px;font-weight:600;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--gold);color:var(--bg);border-color:var(--gold)}.button.primary span{font-size:23px;line-height:1}.button.secondary{background:transparent;color:var(--text)}.button svg{width:18px;height:18px}.share-status{min-height:26px;margin-top:6px;font-size:11px;color:var(--gold)}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:29px auto 0;border-block:1px solid var(--line);padding:25px 0;background:var(--bg)}.quick-facts>div{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 16px;text-align:right}.quick-facts>div+div{border-right:1px solid var(--line)}.fact-symbol{font-size:28px;color:var(--gold);font-family:Georgia,serif}.quick-facts strong{display:block;font-size:13px;font-weight:500}.quick-facts small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.section{max-width:1040px;margin:auto;padding:75px 32px}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{font-size:27px;margin-top:7px}.section-heading>p{font-size:12px;color:var(--muted);margin-top:8px}.date-grid{display:grid;grid-template-columns:330px 1fr;gap:60px;align-items:center}.date-card{text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel-2),var(--panel));border-radius:10px;padding:29px 30px;position:relative;overflow:hidden}.date-card:after{content:'✧';position:absolute;bottom:-65px;left:-35px;font:220px/1 Georgia;color:rgba(var(--gold-rgb),.05)}.card-kicker{font-size:11px;color:var(--muted)}.big-date{font-size:70px;color:var(--gold);line-height:1.4;margin:10px 0}.big-date span{font-size:25px;margin-right:6px}.date-year{font-size:13px;color:var(--muted)}.card-rule{height:1px;background:var(--line);margin:20px 0}.date-card>p:last-of-type{font-family:var(--heading);font-size:20px}.small-note{font-size:11px;color:var(--muted)}.explanation h3{font-size:18px;color:var(--gold);margin-bottom:12px}.explanation>p{font-size:13px;color:var(--muted);line-height:2.2;margin-bottom:12px}.source-note{display:flex;gap:12px;align-items:flex-start;border-right:2px solid var(--gold);padding:10px 17px;background:var(--panel);margin:22px 0}.source-note>span{font-size:21px;color:var(--gold)}.source-note strong{font-size:11px;font-weight:600}.source-note p{font-size:11px;color:var(--muted);margin-top:5px}.text-link{color:var(--gold);font-size:12px;text-decoration:none}.text-link span{margin-right:10px}.reflection{max-width:976px;margin:0 auto;border-block:1px solid var(--line);padding:30px;text-align:center;background:linear-gradient(90deg,transparent,var(--panel),transparent)}.reflection>span{color:var(--gold);font-size:26px}.reflection p{font-family:var(--heading);font-size:20px;margin:5px 0 9px}.reflection small{font-size:11px;color:var(--gold)}.faq-section{max-width:860px;padding-bottom:70px}.faqs{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 4px}summary{list-style:none;cursor:pointer;font-size:14px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary>span{color:var(--gold);font-size:21px;font-family:Arial;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{color:var(--muted);font-size:12px;padding:0 0 22px;line-height:2.2;max-width:95%}.editorial-note{display:flex;gap:10px;align-items:center;justify-content:center;font-size:10px;color:var(--muted);margin-top:26px}.editorial-note a{color:var(--gold)}footer{border-top:1px solid var(--line);background:var(--panel);padding:35px 32px 16px}.footer-inner,.footer-bottom{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner .brand{font-size:18px}.footer-inner .brand small{font-size:9px}.footer-inner .brand-mark{width:35px;height:35px}.footer-inner nav{display:flex;gap:24px;font-size:11px;color:var(--muted)}.footer-inner nav a{text-decoration:none}.footer-inner>p{font-size:11px;color:var(--gold)}.footer-bottom{margin-top:25px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-bottom span{font-family:Georgia,serif;letter-spacing:.4px}.notice{font-size:12px;color:var(--gold);margin-top:8px}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:30px;border-radius:16px;width:min(800px,94vw);max-height:90vh;font-family:var(--body)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-header h2{font-size:24px}.dialog-intro{font-size:12px;color:var(--muted);margin:15px 0 22px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.theme-options button{padding:20px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);text-align:right}.theme-options button[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:2px}.theme-options strong{display:block;font-size:15px;margin:12px 0 8px}.theme-options button>span:not(.swatches){font-size:10px;display:block;direction:ltr;text-align:right}.theme-options small{font-size:10px;color:var(--muted);display:block;margin-top:10px}.swatches{display:flex;gap:7px}.swatches i{width:28px;height:28px;border-radius:50%;border:1px solid #ffffff30}.emerald-base{background:#071e1c}.emerald-gold{background:#d9ba73}.midnight-base{background:#101b31}.midnight-gold{background:#e1c58b}.charcoal-base{background:#201e1d}.charcoal-gold{background:#e2b17a}.ivory{background:#f7f3e9}.document{max-width:800px;margin:0 auto;padding:65px 32px 85px}.document h1{font-size:34px;margin:15px 0 30px}.document h2{font-size:22px;color:var(--gold);margin:28px 0 12px}.document p{color:var(--muted);font-size:15px;line-height:2.3}.document a{color:var(--gold)}}
@layer responsive{@media(min-width:1600px){.hero{padding-top:80px}.hero-intro{margin-bottom:42px}}@media(max-width:850px){.desktop-nav{gap:18px;font-size:11px}.header-inner{padding-inline:24px;gap:16px}.brand{font-size:20px}.date-grid{grid-template-columns:280px 1fr;gap:30px}.footer-inner>p{display:none}.quick-facts>div{gap:10px}h1{font-size:34px}}@media(max-width:620px){html{scroll-padding-top:20px}.header-inner{min-height:86px;padding:15px 20px}.brand{font-size:19px;gap:9px}.brand-mark{width:35px;height:35px}.brand small{font-size:9px}.desktop-nav{display:none}.header-actions{gap:8px}.country{font-size:10px;gap:5px}.icon-button{width:34px;height:34px}.icon-button svg{width:19px;height:19px}.mobile-toggle{display:grid;font-size:17px}.mobile-only{display:block}#mobile-menu{display:grid;padding:10px 24px 20px;gap:10px;font-size:13px;color:var(--muted)}#mobile-menu a{text-decoration:none}.preview-note{font-size:9px}.hero{padding:36px 18px 0}.eyebrow{font-size:10px;margin-bottom:15px}h1{font-size:27px;line-height:1.95;letter-spacing:-.6px}.hero-intro{font-size:12px;line-height:2.1;margin:12px 0 25px}.countdown-shell{max-width:420px;min-height:370px;padding:36px 12px 22px}.countdown-label{font-size:10px}.crescent{font-size:30px;height:35px;margin-bottom:10px}.day-display>[data-unit]{font-size:92px;min-width:160px}.day-label{font-size:16px}.day-display{gap:8px}.clock{gap:19px;margin-bottom:22px}.clock div span{font-size:25px}.countdown-date{font-size:9px;gap:7px}.date-star{font-size:14px}.separator{margin:0 2px}.expected-badge{font-size:9px;padding:4px 8px;margin-top:12px}.answer{font-size:10px;margin-top:13px}.hero-buttons{gap:10px;margin-top:20px}.button{font-size:11px;padding:10px 16px;gap:12px;min-height:45px}.quick-facts{margin-top:18px;padding:18px 0;grid-template-columns:1fr 1fr;gap:17px 0}.quick-facts>div{padding:0 10px;gap:10px}.quick-facts>div:last-child{grid-column:1/-1;border-right:0;padding-top:14px;border-top:1px solid var(--line)}.quick-facts strong{font-size:11px}.quick-facts small{font-size:9px}.fact-symbol{font-size:24px}.section{padding:48px 23px}.section-heading h2{font-size:22px}.section-heading>p{font-size:11px}.section-heading{margin-bottom:25px}.date-grid{grid-template-columns:1fr;gap:30px}.date-card{max-width:340px;width:100%;margin:auto;padding:24px 30px}.big-date{font-size:62px}.explanation h3{font-size:16px}.explanation>p{font-size:12px}.reflection{margin:0 23px;padding:23px 18px}.reflection p{font-size:16px}.reflection small{font-size:10px}summary{font-size:12px;padding:17px 0;gap:12px}details p{font-size:11px}.editorial-note{flex-wrap:wrap;font-size:9px;gap:7px}footer{padding:27px 23px 15px}.footer-inner{flex-direction:column;gap:22px}.footer-inner nav{font-size:10px;gap:22px}.footer-bottom{flex-direction:column;gap:8px;text-align:center;font-size:8px}.theme-options{grid-template-columns:1fr}.theme-options button{padding:14px;display:grid;grid-template-columns:95px 1fr;column-gap:12px}.theme-options strong{margin:0;font-size:14px}.theme-options button>span:not(.swatches),.theme-options small{grid-column:2}.swatches{grid-row:1/4;align-items:center}.swatches i{width:24px;height:24px}.dialog-header h2{font-size:20px}dialog{padding:22px}.document{padding:40px 24px 65px}.document h1{font-size:27px}.document h2{font-size:20px}.document p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}}
@media(max-width:620px){.hero-intro{font-size:13px}.countdown-label,.answer{font-size:12px}.countdown-date{font-size:11px}.expected-badge{font-size:10px}.explanation>p{font-size:14px}.source-note strong,.source-note p{font-size:12px}summary{font-size:14px}details p{font-size:13px}.section-heading>p{font-size:12px}}
input#share-link{display:block;width:100%;padding:12px;margin:10px 0 18px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;font:14px/1.6 var(--body)}input#share-link:focus{outline:2px solid var(--gold);outline-offset:3px}

/* v2: shared original geometry; two palette choices, same readable Arabic type. */
:root{--gold-light:#f5e1a7;--gold-shadow:#93703a;--sky-center:#16382f;--sky-edge:#071e1c;--heading:'Noto Kufi Arabic',sans-serif;--body:'Noto Sans Arabic',sans-serif}
html[data-theme=plum]{--bg:#292434;--panel:#342d40;--panel-2:#41364d;--gold:#e3c47e;--gold-rgb:227,196,126;--gold-light:#fff0b6;--gold-shadow:#967039;--text:#faf5ec;--muted:#d2c7d7;--line:#5a4b5f;--sky-center:#57425c;--sky-edge:#182638}
body{font-size:18px;background:var(--bg)}
.preview-note{background:var(--panel);color:var(--muted);font-size:13px;padding:6px 12px}
header{background:var(--bg)}
.header-inner{max-width:1300px;min-height:116px;padding-inline:36px;gap:20px}
.brand{font-size:26px;gap:14px}.brand small{font-size:12px}.brand-mark{width:55px;height:55px;flex-shrink:0}
.desktop-nav{font-size:15px;gap:30px}.country{font-size:14px}.header-actions{gap:12px}.icon-button{width:42px;height:42px;flex-shrink:0}
.icon-button:disabled{cursor:default;opacity:.55}.play-glyph{display:none}html[data-motion=paused] .pause-glyph{display:none}html[data-motion=paused] .play-glyph{display:block}
.hero{padding:86px 28px 0;background:radial-gradient(ellipse 95% 64% at 50% 14%,var(--sky-center),var(--bg) 72%);overflow:hidden}
html[data-theme=plum] .hero{background:radial-gradient(ellipse 85% 70% at 50% 9%,var(--sky-center),#302a3e 58%,var(--sky-edge) 100%)}
.hero:before{background:none}.hero-content{max-width:1180px;z-index:1}.hero-pattern{opacity:.025;mask-image:linear-gradient(to right,#000,transparent 23%,transparent 77%,#000)}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.hanging-lanterns{position:absolute;inset:0}.lantern{position:absolute;top:-50px;width:112px;height:350px;stroke:none;fill:none;overflow:visible}
.lantern-1{left:2.5%;top:-30px;height:365px;width:118px}.lantern-2{left:15%;height:260px;width:84px;top:-44px}.lantern-3{right:15%;height:280px;width:90px;top:-51px}.lantern-4{right:2.5%;height:350px;width:113px;top:-23px}
.lamp-light{transform-origin:50px 230px;animation:lamplight 5.7s ease-in-out infinite}.lamp-glow{animation:lamphalo 5.7s ease-in-out infinite}.lantern-2 .lamp-light,.lantern-2 .lamp-glow{animation-delay:-2.3s;animation-duration:6.9s}.lantern-3 .lamp-light,.lantern-3 .lamp-glow{animation-delay:-4.1s;animation-duration:7.7s}.lantern-4 .lamp-light,.lantern-4 .lamp-glow{animation-delay:-1.7s;animation-duration:6.3s}
@keyframes lamplight{0%,100%{opacity:.86;transform:scaleY(.98)}19%{opacity:.72;transform:scaleY(.95)}27%{opacity:.91;transform:scaleY(1)}45%{opacity:.79;transform:scaleY(.97)}68%{opacity:.96;transform:scaleY(1.015)}79%{opacity:.83;transform:scaleY(.98)}}
@keyframes lamphalo{0%,100%{opacity:.65}19%{opacity:.5}27%{opacity:.72}45%{opacity:.59}68%{opacity:.78}79%{opacity:.61}}
.sky-star{position:absolute;width:4px;height:4px;top:10%;left:5%;color:var(--gold);background:currentColor;opacity:.15;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:starlight 9s ease-in-out infinite}
@keyframes starlight{0%,100%{opacity:.08;transform:scale(.85)}47%{opacity:.35;transform:scale(1.06)}65%{opacity:.17;transform:scale(.96)}}
.sky-star:nth-child(4n){width:7px;height:7px;animation-duration:12s;animation-delay:-5s}.sky-star:nth-child(3n){animation-delay:-3s;animation-duration:11s}
.sky-star-0{left:7%;top:6%}.sky-star-1{left:21%;top:10%}.sky-star-2{left:12%;top:22%}.sky-star-3{left:4%;top:37%}.sky-star-4{left:20%;top:31%}.sky-star-5{left:8%;top:46%}.sky-star-6{left:16%;top:58%}.sky-star-7{left:5%;top:68%}.sky-star-8{left:23%;top:74%}.sky-star-9{left:12%;top:85%}.sky-star-10{left:36%;top:3%}.sky-star-11{left:49%;top:1%}.sky-star-12{left:63%;top:5%}.sky-star-13{left:74%;top:12%}.sky-star-14{left:91%;top:4%}.sky-star-15{left:82%;top:23%}.sky-star-16{left:96%;top:34%}.sky-star-17{left:89%;top:42%}.sky-star-18{left:79%;top:53%}.sky-star-19{left:95%;top:62%}.sky-star-20{left:84%;top:72%}.sky-star-21{left:92%;top:84%}.sky-star-22{left:31%;top:18%}.sky-star-23{left:69%;top:30%}.sky-star-24{left:28%;top:61%}.sky-star-25{left:73%;top:80%}.sky-star-26{left:43%;top:89%}.sky-star-27{left:57%;top:94%}
.corner-rosette{position:absolute;top:-210px;width:520px;height:520px;stroke:var(--gold);stroke-width:.8;opacity:.035}.rosette-left{left:-240px}.rosette-right{right:-240px}
.eyebrow,.overline{font-size:14px}.eyebrow{margin-bottom:18px;gap:20px}.eyebrow span{width:42px}
h1{font-size:49px;line-height:1.9;letter-spacing:-.6px}h1 em{background:linear-gradient(135deg,var(--gold-light),var(--gold) 48%,#b9924d 80%,var(--gold-light));color:var(--gold);background-clip:text;-webkit-text-fill-color:transparent}
.hero-intro{font-size:18px;line-height:2;margin:14px auto 35px;max-width:800px}
.countdown-shell{isolation:isolate;max-width:860px;min-height:565px;padding:57px 90px 55px;display:flex;flex-direction:column;align-items:center}
.ornamental-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:var(--gold);pointer-events:none;stroke:none;filter:drop-shadow(0 4px 2px #0005)}
.ornamental-frame>path{vector-effect:non-scaling-stroke}.frame-surface{fill:var(--panel);fill-opacity:.75}.frame-lattice{opacity:.07}
.crescent{font-size:42px;height:49px;margin-bottom:7px;flex-shrink:0}.crescent i{font-size:19px}
.countdown-label{font-size:16px}.day-display{gap:18px;margin-top:1px}.day-display>[data-unit]{font-size:156px;line-height:1.35;letter-spacing:-4px;min-width:220px;color:var(--gold);background:linear-gradient(140deg,var(--gold-light),var(--gold) 48%,#b08a43 88%);background-clip:text;-webkit-text-fill-color:transparent}.day-label{font-size:25px}
.clock{gap:29px;margin:0 0 23px}.clock div{min-width:58px}.clock div span{font-size:36px}.clock small{font-size:14px;margin-top:4px}.clock b{font-size:30px}
.countdown-date{font-size:15px;line-height:2;gap:15px}.date-star{font-size:22px}.expected-badge{font-size:12px;padding:4px 14px;margin-top:15px}.answer{font-size:15px;margin-top:21px}.notice{font-size:15px}
.hero-buttons{gap:16px;margin-top:25px}.button{font-size:15px;min-height:54px;padding:12px 26px;border-radius:7px}.button.primary{background:linear-gradient(125deg,var(--gold-light),var(--gold) 54%,#c8a15d);color:var(--bg)}.button.secondary{border-color:rgba(var(--gold-rgb),.5);background:rgba(var(--gold-rgb),.03)}.share-status{font-size:14px;min-height:29px}
.quick-facts{max-width:1050px;padding:29px 0;margin-top:22px;background:transparent;border-color:rgba(var(--gold-rgb),.22)}.quick-facts>div{gap:18px}.quick-facts strong{font-size:17px}.quick-facts small{font-size:13px}.fact-symbol{font-size:34px}
.section{max-width:1160px;padding:88px 36px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:33px;margin-top:9px}.section-heading>p{font-size:16px;margin-top:12px}
.date-grid{grid-template-columns:375px 1fr;gap:70px;align-items:center}
.date-card{isolation:isolate;overflow:visible;width:375px;min-height:486px;padding:100px 45px 83px;border:0;border-radius:0;background:none;display:flex;flex-direction:column;justify-content:center;align-items:center}
.date-card:after{content:none}.date-frame .frame-lattice{opacity:.2}.date-frame .frame-surface{fill-opacity:1}.card-kicker{font-size:14px}.big-date{font-size:91px;line-height:1.5;margin:5px 0;color:var(--gold-light)}.big-date span{font-size:30px;color:var(--gold);margin-right:8px}.date-year{font-size:16px}.card-rule{width:100%;margin:23px 0;background:rgba(var(--gold-rgb),.3)}.date-card>p:last-of-type{font-size:24px}.small-note{font-size:14px}.date-card .small-note{font-size:13px;margin-top:8px}
.explanation h3{font-size:23px;margin-bottom:17px}.explanation>p{font-size:17px;line-height:2.2;margin-bottom:16px}.source-note{gap:15px;padding:15px 18px;margin:25px 0}.source-note strong{font-size:15px}.source-note p{font-size:15px;line-height:2.1}.text-link{font-size:16px}
.reflection{max-width:1088px;margin:0 auto;border-color:rgba(var(--gold-rgb),.24);padding:35px 30px}.reflection p{font-size:26px}.reflection small{font-size:15px}.reflection>span{font-size:32px}
.faq-section{max-width:960px;padding-bottom:80px}.faqs{border-color:rgba(var(--gold-rgb),.25)}summary{font-size:18px;padding:24px 0;gap:20px}summary>span{font-size:26px}details p{font-size:17px;line-height:2.2;padding-bottom:26px}.editorial-note{font-size:13px;margin-top:30px;gap:12px}
footer{position:relative;isolation:isolate;overflow:hidden;border-top:0;background:var(--panel);padding:260px 36px 23px}
.footer-scene{position:absolute;top:0;left:0;right:0;height:250px;pointer-events:none;z-index:-1;background:linear-gradient(var(--bg),var(--panel))}.footer-scene svg{width:100%;height:100%;stroke:none}.scene-moon{fill:var(--gold);opacity:.45}.scene-distant{fill:var(--gold);opacity:.16}.scene-cloud-back{fill:var(--gold);opacity:.08}.scene-cloud-front{fill:var(--panel)}
.footer-inner,.footer-bottom{max-width:1180px;gap:26px}.footer-inner .brand{font-size:23px}.footer-inner .brand-mark{width:48px;height:48px}.footer-inner .brand small{font-size:11px}.footer-inner nav{font-size:14px;gap:25px}.footer-inner>p{font-size:14px}.footer-bottom{font-size:12px;margin-top:30px;padding-top:19px}
dialog{width:min(820px,94vw);padding:32px}.dialog-header h2{font-size:28px}.dialog-intro{font-size:16px;line-height:2;margin:18px 0 25px}.theme-options{grid-template-columns:repeat(2,1fr);gap:18px}.theme-options button{padding:24px 19px}.theme-options strong{font-size:20px;margin-top:18px}.theme-options button>span:not(.swatches){font-size:12px}.theme-options small{font-size:14px;margin-top:14px}.swatches i{width:34px;height:34px}.plum-base{background:#41364d}.plum-gold{background:#e3c47e}
.document{max-width:900px;padding:75px 36px 95px}.document h1{font-size:41px}.document h2{font-size:27px}.document p{font-size:18px;line-height:2.3}input#share-link{font-size:17px}
html[data-motion=paused] .hero-atmosphere *{animation-play-state:paused!important}
@media(max-width:1100px){.desktop-nav{gap:20px;font-size:14px}.header-inner{padding-inline:25px}.brand{font-size:23px}.brand small{font-size:11px}.country{font-size:13px}.header-actions{gap:9px}.lantern-2,.lantern-3{display:none}.date-grid{grid-template-columns:345px 1fr;gap:40px}.date-card{width:345px;padding-inline:41px}.footer-inner>p{display:none}}
@media(max-width:850px){.desktop-nav{display:none}.mobile-toggle{display:grid}.header-inner{min-height:108px}#mobile-menu{display:grid;padding:12px 28px 24px;gap:12px;font-size:16px;color:var(--muted)}#mobile-menu a{text-decoration:none}.hero{padding-top:95px}h1{font-size:40px}.hero-intro{font-size:17px;max-width:600px}.countdown-shell{padding-inline:65px;max-width:740px}.lantern-1,.lantern-4{height:280px;width:90px;top:-50px}.date-grid{grid-template-columns:1fr;gap:38px}.date-card{margin:auto;width:375px;max-width:100%}.explanation{max-width:650px;margin:auto}.quick-facts strong{font-size:15px}.quick-facts small{font-size:12px}.quick-facts>div{gap:12px;padding-inline:12px}.footer-inner{flex-wrap:wrap}.section{padding-block:70px}.section-heading h2{font-size:29px}}
@media(max-width:620px){
 body{font-size:17px}.preview-note{font-size:11px;padding:6px 8px}.preview-note span{margin-inline:3px}
 .header-inner{padding:17px 17px;min-height:100px;gap:10px}.brand{font-size:22px;gap:9px}.brand-mark{width:45px;height:45px}.brand small{font-size:10px;margin-top:4px}.country{display:none}.header-actions{gap:7px}.icon-button{width:36px;height:36px}.icon-button svg{width:20px;height:20px}
 .hero{padding:123px 14px 0}.hero-content{max-width:480px}.hero-pattern{opacity:.017}.lantern-1{left:4%;height:215px;width:69px;top:-70px}.lantern-4{right:4%;height:238px;width:77px;top:-80px}.corner-rosette{width:360px;height:360px;top:-230px}.rosette-left{left:-210px}.rosette-right{right:-210px}
 .sky-star{width:3px;height:3px}.sky-star:nth-child(4n){width:5px;height:5px}.eyebrow{font-size:12px;margin-bottom:12px;gap:14px}.eyebrow span{width:25px}.overline{font-size:13px}
 h1{font-size:32px;line-height:1.95;letter-spacing:-.5px}.hero-intro{font-size:16px;line-height:2.1;margin:13px 10px 27px}.mobile-only{display:block}
 .countdown-shell{max-width:460px;min-height:500px;padding:43px 30px 43px}.crescent{font-size:36px;height:44px;margin-bottom:9px}.countdown-label{font-size:14px;line-height:1.9;max-width:255px}.day-display{gap:10px;margin-top:3px}.day-display>[data-unit]{font-size:124px;line-height:1.4;min-width:168px;letter-spacing:-3px}.day-label{font-size:21px}
 .clock{gap:22px;margin-bottom:21px}.clock div{min-width:45px}.clock div span{font-size:31px}.clock b{font-size:26px}.clock small{font-size:12px;margin-top:3px}.countdown-date{font-size:12px;gap:7px;line-height:2.1}.countdown-date>span:nth-child(2){max-width:245px}.date-star{font-size:17px}.separator{margin:0 2px}.expected-badge{font-size:11px;padding:4px 9px;margin-top:14px;line-height:1.9;white-space:nowrap}
 .answer{font-size:14px;line-height:2;margin:18px 12px 0}.hero-buttons{gap:11px;margin-top:21px}.button{font-size:14px;min-height:52px;padding:11px 17px;gap:12px}.share-status{font-size:13px;min-height:28px}
 .quick-facts{grid-template-columns:1fr 1fr;gap:19px 0;margin-top:21px;padding:24px 0}.quick-facts>div{padding-inline:10px;gap:9px}.quick-facts strong{font-size:14px;line-height:1.9}.quick-facts small{font-size:11px}.fact-symbol{font-size:29px}.quick-facts>div:last-child{grid-column:1/-1;border-right:0;border-top:1px solid var(--line);padding-top:17px}
 .section{padding:59px 24px}.section-heading{margin-bottom:31px}.section-heading h2{font-size:26px;line-height:1.9;margin-top:8px}.section-heading>p{font-size:15px;line-height:2.1;margin-top:10px}.date-card{width:100%;max-width:350px;min-width:0;min-height:483px;padding:96px 40px 83px}.card-kicker{font-size:14px}.big-date{font-size:87px;margin:6px 0}.big-date span{font-size:29px}.date-year{font-size:16px}.date-card>p:last-of-type{font-size:23px}.date-card .small-note{font-size:13px}.card-rule{margin:21px 0}.date-grid{grid-template-columns:minmax(0,1fr);gap:34px}.explanation{min-width:0}.explanation h3{font-size:21px}.explanation>p{font-size:17px}.source-note{padding:14px;gap:11px}.source-note strong,.source-note p{font-size:14px}.text-link{font-size:15px}.small-note{font-size:13px}
 .reflection{margin:0 24px;padding:29px 17px}.reflection p{font-size:21px;line-height:2.1}.reflection small{font-size:14px}.reflection>span{font-size:29px}
 summary{font-size:17px;padding:23px 0;gap:15px;line-height:2}.faqs details p{font-size:16px;line-height:2.2;padding-bottom:24px;max-width:100%}.editorial-note{font-size:12px;gap:8px;flex-wrap:wrap;line-height:2}
 footer{padding:220px 24px 20px}.footer-scene{height:210px}.footer-scene svg{width:170%;max-width:none;position:absolute;left:-40%;bottom:0}.footer-inner{flex-direction:column;gap:25px}.footer-inner .brand{font-size:24px}.footer-inner .brand-mark{width:49px;height:49px}.footer-inner .brand small{font-size:11px}.footer-inner nav{font-size:13px;gap:22px}.footer-bottom{flex-direction:column;gap:9px;font-size:11px;text-align:center;line-height:2;margin-top:28px}
 dialog{padding:24px;width:94vw}.dialog-header h2{font-size:24px}.dialog-intro{font-size:15px}.theme-options{grid-template-columns:1fr;gap:16px}.theme-options button{display:block;padding:21px}.theme-options strong{font-size:19px;margin:14px 0 9px}.theme-options button>span:not(.swatches){font-size:12px}.theme-options small{font-size:13px}.swatches i{width:30px;height:30px}
 .document{padding:52px 24px 70px}.document h1{font-size:32px}.document h2{font-size:25px}.document p{font-size:17px}input#share-link{font-size:15px}
}
@media(max-width:360px){.brand{font-size:19px;gap:7px}.brand-mark{width:39px;height:39px}.brand small{font-size:9px}.header-inner{padding-inline:12px}.header-actions{gap:5px}.icon-button{width:32px;height:32px}h1{font-size:28px}.hero-intro{font-size:15px}.countdown-shell{padding-inline:25px}.countdown-label{font-size:13px}.day-display>[data-unit]{font-size:112px;min-width:151px}.day-label{font-size:19px}.clock{gap:17px}.countdown-date{font-size:11px}.expected-badge{font-size:10px;padding-inline:7px}.button{font-size:13px;padding-inline:13px;gap:8px}.quick-facts strong{font-size:13px}.quick-facts small{font-size:10px}.date-card{padding-inline:35px}.card-kicker{font-size:13px}.date-card>p:last-of-type{font-size:21px}.date-card .small-note{font-size:12px}.footer-inner nav{gap:15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere *{animation:none!important}.lamp-light{opacity:.86}.lamp-glow{opacity:.65}.sky-star{opacity:.17}}
@media(forced-colors:active){h1 em,.day-display>[data-unit]{-webkit-text-fill-color:currentColor;background:none}.ornamental-frame{display:none}.countdown-shell,.date-card{border:1px solid CanvasText}.hero-atmosphere,.footer-scene{display:none}}

/* v3: detailed transparent artwork, shared night atmosphere and stronger numbers. */
.review-colors{background:var(--panel);border-bottom:1px solid var(--line);padding:8px 24px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;color:var(--muted)}
.review-colors label{color:var(--gold);font-weight:600}.review-colors select{font:600 14px/1.7 var(--body);color:var(--text);background:var(--bg);border:1px solid rgba(var(--gold-rgb),.5);border-radius:6px;min-height:38px;padding:3px 13px;min-width:180px;cursor:pointer}.review-colors select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.night-sky{position:relative;isolation:isolate;background:radial-gradient(ellipse 85% 34% at 50% 15%,var(--sky-center),transparent 88%),radial-gradient(ellipse 85% 34% at 50% 77%,var(--sky-center),transparent 88%),linear-gradient(90deg,var(--sky-edge),var(--bg) 24%,var(--bg) 76%,var(--sky-edge));}
.night-sky:after{content:'';position:absolute;inset:auto 0 0;height:65px;background:linear-gradient(transparent,var(--bg));pointer-events:none;z-index:-1}
.hero,html[data-theme=plum] .hero{background:none}.date-section{position:relative;isolation:isolate}.section-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.section-atmosphere .sky-star{animation-duration:14s}.section-atmosphere .sky-star:nth-child(2n){animation-delay:-6s}
.lantern{--lamp-width:154px;--lamp-art-height:231px;width:var(--lamp-width);height:386px;stroke:none;overflow:visible;opacity:.48}
.lantern-1{--lamp-width:136px;--lamp-art-height:204px;left:1.2%;top:-37px;height:359px}.lantern-4{--lamp-width:136px;--lamp-art-height:204px;right:1.2%;top:-18px;height:350px}
.lantern-2{--lamp-width:116px;--lamp-art-height:174px;left:14%;top:-43px;height:267px}.lantern-3{--lamp-width:124px;--lamp-art-height:186px;right:14%;top:-51px;height:287px}
.lantern-chain{position:absolute;top:0;left:calc(50% - .5px);height:calc(100% - var(--lamp-art-height) + 10px);width:1px;background:linear-gradient(90deg,var(--gold-shadow),var(--gold),var(--gold-shadow));opacity:.38}
.lantern-art{position:absolute;bottom:0;left:0;width:100%;height:auto;display:block;filter:sepia(1) saturate(.75) brightness(.92)}
.lantern .lamp-light{position:absolute;bottom:22%;left:29%;width:42%;height:27%;background:radial-gradient(ellipse,rgba(var(--gold-rgb),.08),transparent 70%);mix-blend-mode:screen;filter:blur(2px);transform-origin:center}
.lantern .lamp-glow{position:absolute;bottom:-4%;left:2%;width:96%;height:70%;background:radial-gradient(ellipse,rgba(var(--gold-rgb),.045),transparent 69%)}
.countdown-shell{padding-block:46px;min-height:620px}.day-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;margin-top:0}
.day-display>[data-unit]{font-family:var(--body);font-size:clamp(148px,46vw,224px);font-weight:700;line-height:.96;letter-spacing:0;min-width:0;max-width:100%;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--gold-light),var(--gold) 65%,#b68d40);background-clip:text;-webkit-text-fill-color:transparent}
.day-display[data-day-length="3"]>[data-unit]{font-size:clamp(108px,38vw,196px)}
.day-label{font-size:22px;line-height:1.4;margin-top:-8px;margin-bottom:12px;color:var(--muted)}
.clock{gap:32px;margin-top:6px}.clock div{min-width:72px}.clock div span{font-size:52px;font-weight:700;line-height:1.05;letter-spacing:0}.clock b{font-size:35px;line-height:1.3}.clock small{margin-top:8px;font-size:14px}
footer{--footer-scene-height:clamp(180px,33.333vw,530px);padding-top:calc(var(--footer-scene-height) + 27px)}
.footer-scene{height:var(--footer-scene-height);background:linear-gradient(var(--bg),var(--panel));z-index:-1}.footer-scene picture{display:block;width:100%;height:100%;position:relative}.footer-scene .footer-art{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;display:block;max-width:none;filter:saturate(.8)}
.footer-scene:after{content:'';position:absolute;inset:auto 0 0;height:65px;background:linear-gradient(transparent,var(--panel));pointer-events:none}
.theme-options{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.theme-options .palette-base{background:var(--swatch-bg)}.theme-options .palette-gold{background:var(--swatch-gold)}
html[data-motion=paused] .section-atmosphere *{animation-play-state:paused!important}
@media(max-width:1100px){.lantern-2,.lantern-3{display:none}}
@media(max-width:850px){.lantern-1,.lantern-4{--lamp-width:118px;--lamp-art-height:177px;height:286px;top:-55px;left:0}.lantern-4{left:auto;right:0}.clock{gap:27px}.countdown-shell{padding-inline:62px}}
@media(max-width:620px){
 .review-colors{font-size:12px;padding:7px 14px;gap:12px}.review-colors select{min-width:158px;font-size:13px;min-height:36px}
 .lantern-1{--lamp-width:88px;--lamp-art-height:132px;height:224px;top:-121px;left:0}.lantern-4{--lamp-width:95px;--lamp-art-height:142.5px;height:235.5px;top:-124px;right:0;left:auto}
 .header-inner{min-height:92px}.hero{padding-top:100px}.hero h1{line-height:1.8}.hero-intro{line-height:2;margin-bottom:20px}.countdown-shell{padding:40px 30px 39px;min-height:505px}.day-display>[data-unit]{font-size:clamp(138px,45vw,184px);line-height:.98}.day-display[data-day-length="3"]>[data-unit]{font-size:clamp(108px,36.5vw,152px)}.day-label{font-size:20px;margin-top:-5px;margin-bottom:10px}.clock{gap:22px;margin-top:3px;margin-bottom:22px}.clock div{min-width:50px}.clock div span{font-size:38px;line-height:1.1;font-weight:700}.clock small{font-size:12px;margin-top:6px}.clock b{font-size:28px;line-height:1.4}
 footer{--footer-scene-height:clamp(160px,43vw,260px);padding-top:calc(var(--footer-scene-height) + 25px)}.footer-scene .footer-art{width:100%;left:0;bottom:0;height:auto}.footer-scene:after{height:33px}.theme-options{grid-template-columns:1fr}
}
@media(max-width:360px){.review-colors{gap:9px;font-size:11px}.review-colors select{min-width:148px;font-size:12px}.countdown-shell{padding-inline:25px}.day-display>[data-unit]{font-size:clamp(126px,45vw,158px)}.day-display[data-day-length="3"]>[data-unit]{font-size:36.5vw}.clock{gap:15px}.clock div{min-width:46px}.clock div span{font-size:34px}.clock b{font-size:25px}}
@media(prefers-reduced-motion:reduce){.section-atmosphere *{animation:none!important}.section-atmosphere .sky-star{opacity:.14}}

/* Automatic motion waits for the deferred effects module; content is never hidden. */
html:not([data-effects-ready=true]) :is(.hero-atmosphere,.section-atmosphere) *{animation-play-state:paused!important}
.lantern{transform-origin:50% 0;animation:lantern-sway 13s ease-in-out infinite}
.lantern-2{animation-duration:15s;animation-delay:-4s}.lantern-3{animation-duration:14s;animation-delay:-7s}.lantern-4{animation-duration:16s;animation-delay:-3s}
@keyframes lantern-sway{0%,100%{transform:rotate(-.42deg)}50%{transform:rotate(.42deg)}}
.hero[data-decor-visible=false] .hero-atmosphere *,.date-section[data-decor-visible=false] .section-atmosphere *{animation-play-state:paused!important}
.lantern[data-decor-visible=false],.lantern[data-decor-visible=false] *{animation-play-state:paused!important}
html[data-page-hidden=true] :is(.hero-atmosphere,.section-atmosphere) *,html[data-page-hidden=true] .reveal-target,html[data-motion=paused] .reveal-target{animation-play-state:paused!important}
.reveal-target[data-entered=true]{animation:content-arrive .52s cubic-bezier(.2,.65,.3,1) backwards}
.reveal-target[data-enter-slot="1"]{animation-delay:35ms}.reveal-target[data-enter-slot="2"]{animation-delay:70ms}.reveal-target[data-enter-slot="3"]{animation-delay:105ms}
@keyframes content-arrive{from{opacity:.88;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
:is(.brand,.desktop-nav a,.footer-inner nav a,.text-link,.quick-facts>div,.date-card,.countdown-shell,.faqs details,.source-note){transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .22s ease}
@media(hover:hover) and (pointer:fine){
 .faqs summary:hover{color:var(--gold-light)}
 .text-link:hover,.footer-inner nav a:hover{color:var(--gold-light);text-decoration:underline}
}
.button:focus-visible,.icon-button:focus-visible{border-color:var(--gold-light)}
@media(prefers-reduced-motion:reduce){.lantern,.reveal-target{animation:none!important}html :is(.button,.icon-button,.brand,.desktop-nav a,.footer-inner nav a,.text-link,.quick-facts>div,.date-card,.countdown-shell,.source-note):hover{transform:none!important}html :is(.brand,.desktop-nav a,.footer-inner nav a,.text-link,.quick-facts>div,.date-card,.countdown-shell,.faqs details,.source-note){transition:none!important}}

/* User refinement: faint artwork, long alpha fade, content on the dark page palette. */
footer{--footer-scene-height:22.422vw;padding-top:calc(var(--footer-scene-height) - 35px);padding-bottom:25px;color:var(--text);background:linear-gradient(var(--bg),var(--panel))}
.footer-scene{height:100%;background:none}.footer-scene .footer-art{top:0;bottom:auto;left:0;right:0;width:100%;height:auto;transform:none;opacity:.18;filter:saturate(.7);mask-image:linear-gradient(to bottom,#000 0%,#000 30%,rgba(0,0,0,.8) 48%,rgba(0,0,0,.45) 68%,rgba(0,0,0,.14) 86%,transparent 100%);mask-composite:add}.footer-scene:after{content:none}
.footer-inner{position:relative}.footer-inner .brand,.footer-inner>p{color:var(--gold)}.footer-inner .brand small,.footer-inner nav,.footer-bottom{color:var(--muted)}
.footer-inner .brand{font-size:25px}.footer-inner .brand small{font-size:12px}.footer-inner nav{font-size:15px;font-weight:500}.footer-inner>p{font-size:15px}.footer-bottom{font-size:13px;border-color:var(--line)}
.footer-inner nav a:hover{color:var(--gold-light);text-decoration:underline}.footer-inner a:focus-visible{outline-color:var(--gold)}
@media(max-width:620px){footer{--footer-scene-height:max(90px,22.422vw);padding-top:calc(var(--footer-scene-height) - 15px);padding-bottom:22px}.footer-scene .footer-art{width:100%;left:0;opacity:.16}.footer-inner{gap:24px}.footer-inner .brand{font-size:25px}.footer-inner nav{font-size:14px;gap:20px}.footer-bottom{font-size:12px;margin-top:26px}}
@media(max-width:360px){.footer-inner nav{font-size:13px;gap:16px}}

/* Hover never moves a surface or its text; only underline/light pseudo-elements move. */
html :is(.button,.icon-button,.brand,.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a):hover{transform:none!important}
.button,.icon-button,.theme-options button{transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .22s ease}
:is(.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a){position:relative;display:inline-block;text-decoration:none}
:is(.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a)::after{content:'';position:absolute;inset:auto 0 -3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .24s ease;pointer-events:none}
.button{position:relative;overflow:hidden;isolation:isolate}
.button::before{content:'';position:absolute;inset:0 auto 0 -40%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,245,216,.14),transparent);opacity:0;transform:skewX(-18deg);pointer-events:none}
@keyframes button-light-wave{0%{opacity:0;transform:translateX(0) skewX(-18deg)}18%,75%{opacity:1}100%{opacity:0;transform:translateX(560%) skewX(-18deg)}}
@media(hover:hover) and (pointer:fine){
 :is(.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a):hover{text-decoration:none;color:var(--gold-light);text-shadow:0 0 16px rgba(var(--gold-rgb),.1)}
 :is(.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a):hover::after{transform:scaleX(1)}
 :is(.button,.icon-button:not(:disabled)):hover{box-shadow:0 0 25px rgba(var(--gold-rgb),.09);border-color:rgba(var(--gold-rgb),.7)}
 .date-card:hover>.ornamental-frame{filter:drop-shadow(0 4px 2px #0004) drop-shadow(0 0 15px rgba(var(--gold-rgb),.1)) drop-shadow(0 0 32px rgba(var(--gold-rgb),.04))}
 html:not([data-motion=paused]) .button:hover::before{animation:button-light-wave .95s ease-out 1}
}
:is(.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a):focus-visible::after{transform:scaleX(1)}
html[data-motion=paused] :is(.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a)::after{transition:none}
html[data-motion=paused] .button::before{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){.button::before{animation:none!important;opacity:0}:is(.desktop-nav a,.footer-inner nav a,.text-link,.editorial-note a,.document a,#mobile-menu a)::after{transition:none}}

/* Reference-led geometry replaces decorative font glyphs throughout the interface. */
svg.motif-icon{stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.crescent{width:61px;height:52px}.crescent .motif-icon{width:61px;height:52px}
.date-star{display:flex;align-items:center}.date-star .motif-icon{width:22px;height:22px}
.fact-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0}.fact-symbol .motif-icon{width:34px;height:34px}
.source-note>span{display:flex;margin-top:4px}.source-note>span .motif-icon{width:25px;height:25px}
.reflection>span{display:flex;justify-content:center}.reflection .motif-arabesque{width:108px;height:43px}
.button .motif-calendar{width:23px;height:23px}
.sky-star{clip-path:polygon(50% 0,64.6% 14.6%,85.4% 14.6%,85.4% 35.4%,100% 50%,85.4% 64.6%,85.4% 85.4%,64.6% 85.4%,50% 100%,35.4% 85.4%,14.6% 85.4%,14.6% 64.6%,0 50%,14.6% 35.4%,14.6% 14.6%,35.4% 14.6%)}
@media(max-width:620px){.crescent{width:53px;height:44px}.crescent .motif-icon{width:53px;height:44px}.date-star .motif-icon{width:17px;height:17px}.fact-symbol .motif-icon{width:29px;height:29px}.reflection .motif-arabesque{width:94px;height:38px}.button .motif-calendar{width:21px;height:21px}}
.counter-ornament{display:flex;align-items:center;justify-content:center;width:94px;height:26px;margin:0 auto 9px;color:var(--gold);flex-shrink:0}.counter-ornament .motif-icon{width:94px;height:26px}
@media(max-width:620px){.counter-ornament{width:86px;height:24px;margin-bottom:9px}.counter-ornament .motif-icon{width:86px;height:24px}}

/* Palette-based luminance mapping preserves detail without the previous grey cast. */
.lantern-colour-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.lantern-art{filter:url(#lantern-palette-gold)}
.lantern .lamp-light{bottom:calc(var(--lamp-art-height)*.22);height:calc(var(--lamp-art-height)*.28);background:radial-gradient(ellipse,rgba(255,240,182,.2),rgba(var(--gold-rgb),.1) 35%,transparent 75%);animation-name:lantern-light-breathe}
.lantern .lamp-glow{background:radial-gradient(ellipse,rgba(var(--gold-rgb),.12),transparent 69%);animation-name:lantern-halo-breathe}
.lantern .lamp-flame{position:absolute;left:calc(50% - var(--lamp-art-height)*.0125);bottom:calc(var(--lamp-art-height)*.31);width:calc(var(--lamp-art-height)*.025);height:calc(var(--lamp-art-height)*.075);background:linear-gradient(var(--gold-light),var(--gold));clip-path:polygon(50% 0,70% 22%,90% 49%,95% 70%,77% 90%,50% 100%,22% 90%,5% 70%,10% 45%,33% 20%);transform-origin:50% 95%;filter:drop-shadow(0 0 3px rgba(var(--gold-rgb),.22));mix-blend-mode:screen;animation-name:lantern-flame-flutter}
.lantern{--flame-period:8.9s;--flame-phase:-1.37s}.lantern-2{--flame-period:11.7s;--flame-phase:-5.43s}.lantern-3{--flame-period:10.3s;--flame-phase:-8.11s}.lantern-4{--flame-period:13.1s;--flame-phase:-3.07s}
.lantern .lamp-light,.lantern .lamp-glow,.lantern .lamp-flame{animation-duration:var(--flame-period);animation-delay:var(--flame-phase);animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes lantern-flame-flutter{0%,100%{opacity:.72;transform:rotate(0) scaleY(.98)}14%{opacity:.8;transform:rotate(0) scaleY(1)}18%{opacity:.88;transform:rotate(-6deg) skewX(-3deg) scaleY(1.05)}21%{opacity:.63;transform:rotate(8deg) skewX(3deg) scaleY(.92)}24%{opacity:.95;transform:rotate(-4deg) scaleY(1.08)}29%,55%{opacity:.74;transform:rotate(0) scaleY(1)}61%{opacity:.64;transform:rotate(-7deg) scaleY(.94)}64%{opacity:.87;transform:rotate(3deg) scaleY(1.04)}68%,86%{opacity:.75;transform:rotate(0) scaleY(.99)}}
@keyframes lantern-light-breathe{0%,100%{opacity:.72}18%{opacity:.88}21%{opacity:.6}24%{opacity:.92}29%,55%{opacity:.74}61%{opacity:.61}66%{opacity:.87}72%,86%{opacity:.75}}
@keyframes lantern-halo-breathe{0%,100%{opacity:.44}18%{opacity:.5}21%{opacity:.33}24%{opacity:.52}29%,55%{opacity:.45}61%{opacity:.34}66%{opacity:.49}72%,86%{opacity:.44}}

/* The extra field is behind content; existing hero/date fields continue their atmosphere. */
body{position:relative;isolation:isolate}
.page-atmosphere{position:fixed;inset:0;z-index:-1;opacity:.65;--star-region-phase:-7.19s;mask-image:linear-gradient(to right,#000 0%,#000 12%,transparent 30%,transparent 70%,#000 88%,#000 100%)}
.hero-atmosphere{--star-region-phase:0s}.date-section>.section-atmosphere{--star-region-phase:-3.71s}
.footer-atmosphere{opacity:.65;--star-region-phase:-11.53s;mask-image:linear-gradient(to right,#000,transparent 33%,transparent 67%,#000)}
:is(.hero-atmosphere,.section-atmosphere) .stars .sky-star{animation-name:var(--star-motion);animation-duration:var(--star-duration);animation-delay:calc(var(--star-phase) + var(--star-region-phase,0s));animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform:none}
@keyframes night-twinkle-a{0%,100%{opacity:var(--star-dim)}18%{opacity:var(--star-rest)}24%{opacity:var(--star-bright)}31%{opacity:var(--star-rest)}48%{opacity:var(--star-dim)}67%,75%{opacity:var(--star-rest)}83%{opacity:var(--star-dim)}}
@keyframes night-twinkle-b{0%,100%{opacity:var(--star-rest)}12%,40%{opacity:var(--star-dim)}49%{opacity:var(--star-bright)}57%{opacity:var(--star-rest)}76%{opacity:var(--star-dim)}90%{opacity:var(--star-rest)}}
@keyframes night-twinkle-c{0%,100%{opacity:var(--star-dim)}30%,38%{opacity:var(--star-rest)}45%,78%{opacity:var(--star-dim)}88%{opacity:var(--star-bright)}95%{opacity:var(--star-rest)}}
footer[data-decor-visible=false]>.section-atmosphere *{animation-play-state:paused!important}
html:not([data-motion]) .section-atmosphere *{animation-play-state:paused!important}
.header-inner{min-height:86px;padding-block:8px}
@media(max-width:620px){.header-inner{min-height:74px;padding-block:8px}}
@media(prefers-reduced-motion:reduce){.lamp-flame,.stars .sky-star{animation:none!important}.lamp-flame{opacity:.72;transform:none}.stars .sky-star{opacity:var(--star-rest,.1)}}

/* Content guide uses quiet editorial spacing, with no card/hover effects. */
.date-section .section-heading>p{max-width:780px;margin:14px auto 0;line-height:2.2}
.reading-guide{max-width:976px;padding-top:38px}
.guide-copy{max-width:790px;margin:auto}
.guide-copy h3{color:var(--gold);font-size:20px;margin:22px 0 10px}
.guide-copy p,.unit-definitions{font-size:17px;line-height:2.2;color:var(--muted)}
.guide-copy p+p{margin-top:12px}
.unit-definitions{margin:24px 0 30px}
.unit-definitions>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.unit-definitions dt{font-weight:600;color:var(--text)}
.unit-definitions dd{margin:0}
.guide-copy .text-link,.faqs p a{font-size:inherit;color:var(--gold)}
.editorial-note{flex-wrap:wrap}
.footer-inner nav{flex-wrap:wrap;justify-content:center;row-gap:12px}
@media(max-width:620px){.reading-guide{padding-top:24px}.guide-copy h3{font-size:18px}.guide-copy p,.unit-definitions{font-size:16px}.unit-definitions>div{grid-template-columns:1fr;gap:4px}.date-section .section-heading>p{font-size:15px}}

/* v4: day-first RTL composition, with a separately drawn compact cartouche. */
.countdown-shell{max-width:1040px;min-height:0;padding:44px 90px 46px}
.counter-compact-frame{display:none}
.counter-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;width:100%;max-width:800px;margin:18px 0 22px}
.counter-values .day-display{margin:0;gap:12px;min-width:0;flex-direction:row;align-items:baseline}
.counter-values .day-display>[data-unit]{font-size:224px;line-height:.96;letter-spacing:0;min-width:0;unicode-bidi:isolate}
.counter-values .day-display[data-day-length="3"]>[data-unit]{font-size:172px}
.counter-values .day-label{font-size:22px;margin:0;line-height:1.5;white-space:nowrap;flex-shrink:0}
.counter-values .clock{margin:0;padding-inline-start:36px;border-inline-start:1px solid rgba(var(--gold-rgb),.19);gap:12px;align-items:flex-start;justify-content:center;min-width:0}
.counter-values .clock div{min-width:62px}
.counter-values .clock div span{font-size:52px;line-height:1.2;unicode-bidi:isolate}
.counter-values .clock b{font-size:29px;line-height:1.9;color:var(--gold)}
.counter-values .clock small{font-size:14px;margin-top:8px}
.countdown-label{max-width:none}
.hijri-date{white-space:nowrap}
@media(min-width:621px) and (max-width:1000px){
 .countdown-shell{padding:40px 64px 42px}
 .counter-values{gap:24px}
 .counter-values .day-display{gap:10px}
 .counter-values .day-display>[data-unit]{font-size:clamp(112px,19vw,210px)}
 .counter-values .day-display[data-day-length="3"]>[data-unit]{font-size:clamp(76px,12.8vw,146px)}
 .counter-values .clock{padding-inline-start:20px;gap:8px}
 .counter-values .clock div{min-width:46px}
 .counter-values .clock div span{font-size:clamp(32px,5.2vw,48px)}
 .counter-values .clock b{font-size:23px}
 .counter-values .clock small{font-size:12px}
}
@media(max-width:620px){
 .countdown-shell{max-width:460px;padding:36px 32px 39px;min-height:0}
 .counter-frame{display:none}.counter-compact-frame{display:block}
 .countdown-label{font-size:14px;line-height:1.9;max-width:270px}
 .counter-values{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;margin:23px 0 25px;max-width:330px}
 .counter-values .day-display{gap:8px}
 .counter-values .day-display>[data-unit]{font-size:clamp(72px,22vw,114px)}
 .counter-values .day-display[data-day-length="3"]>[data-unit]{font-size:clamp(46px,14.5vw,76px)}
 .counter-values .day-label{font-size:16px;margin:0}
 .counter-values .clock{display:grid;gap:15px;padding-inline-start:17px;align-items:center}
 .counter-values .clock div{display:flex;align-items:baseline;justify-content:space-between;gap:9px;min-width:0}
 .counter-values .clock div span{font-size:32px;line-height:1.1}
 .counter-values .clock small{font-size:12px;margin:0}
 .counter-values .clock b{display:none}
 .countdown-date{font-size:12px;gap:7px;line-height:2}
 .expected-badge{white-space:normal;text-align:center;max-width:100%;margin-top:12px}
}
@media(max-width:360px){
 .countdown-shell{padding-inline:27px}
 .counter-values{gap:12px}
 .counter-values .day-display{gap:6px}
 .counter-values .day-label{font-size:14px}
 .counter-values .clock{padding-inline-start:13px;gap:14px}
 .counter-values .clock div{gap:6px}
 .counter-values .clock div span{font-size:28px}
 .counter-values .clock small{font-size:11px}
 .countdown-label{font-size:13px}
 .countdown-date{font-size:11px;gap:5px}
 .countdown-date>span:nth-child(2){display:flex;flex-direction:column;align-items:center}
 .countdown-date .separator{display:none}
}

/* 1 Nov: keep the approved composition while bringing the answer above the fold. */
.hero{padding-top:24px}
h1{line-height:1.55}
.hero-intro{margin:8px auto 16px}
.countdown-shell{padding-block:28px 26px}
.counter-values{margin-block:12px 14px}
.counter-ornament{margin-bottom:8px}
.hero .answer{margin-top:12px}
.hero-buttons{margin-top:16px}
.document a{overflow-wrap:anywhere}
.contact-form input,.contact-form textarea{min-width:0}
@media(max-width:620px){
 .hero{padding-top:20px}
 h1{line-height:1.65}
 .hero-intro{margin:8px auto 16px;line-height:1.9}
 .countdown-shell{padding-block:27px 25px}
 .counter-values{margin-block:16px 18px}
 .hero .eyebrow{margin-bottom:8px}
 .footer-inner nav{column-gap:16px;row-gap:12px;max-width:100%}
 .future-dates th,.future-dates td{padding:.75rem .4rem;font-size:14px}
}
@media(min-width:1001px) and (max-height:700px){
 .hero{padding-top:12px}
 .hero .eyebrow{margin-bottom:4px}
 .hero h1{font-size:42px;line-height:1.45}
 .hero-intro{margin:4px auto 12px}
 .countdown-shell{padding-block:22px 20px}
 .counter-values{margin-block:8px 10px}
 .counter-values .day-display>[data-unit]{font-size:172px}
 .counter-values .day-display[data-day-length="3"]>[data-unit]{font-size:142px}
 .counter-ornament{margin-bottom:4px}
}
@media(max-width:620px){.future-dates .table-scroll th,.future-dates .table-scroll td{padding:.75rem .4rem;font-size:15px}}

:root,html[data-theme=plum]{--bg:#292434;--panel:#342d40;--panel-2:#41364d;--gold:#e3c47e;--gold-rgb:227,196,126;--gold-light:#fff0b6;--gold-shadow:#967039;--text:#faf5ec;--muted:#d2c7d7;--line:#5a4b5f;--sky-center:#57425c;--sky-edge:#182638}.sky-star-0{--star-duration:8.300s;--star-phase:-0.470s;--star-dim:0.035;--star-rest:0.085;--star-bright:0.190;--star-motion:night-twinkle-a}.sky-star-1{--star-duration:10.473s;--star-phase:-4.183s;--star-dim:0.050;--star-rest:0.125;--star-bright:0.267;--star-motion:night-twinkle-b}.sky-star-2{--star-duration:12.646s;--star-phase:-7.896s;--star-dim:0.065;--star-rest:0.093;--star-bright:0.223;--star-motion:night-twinkle-c}.sky-star-3{--star-duration:14.819s;--star-phase:-11.609s;--star-dim:0.045;--star-rest:0.133;--star-bright:0.300;--star-motion:night-twinkle-a}.sky-star-4{--star-duration:16.992s;--star-phase:-15.322s;--star-dim:0.060;--star-rest:0.101;--star-bright:0.256;--star-motion:night-twinkle-b}.sky-star-5{--star-duration:19.165s;--star-phase:-19.035s;--star-dim:0.040;--star-rest:0.141;--star-bright:0.212;--star-motion:night-twinkle-c}.sky-star-6{--star-duration:9.638s;--star-phase:-3.648s;--star-dim:0.055;--star-rest:0.109;--star-bright:0.289;--star-motion:night-twinkle-a}.sky-star-7{--star-duration:11.811s;--star-phase:-7.361s;--star-dim:0.035;--star-rest:0.149;--star-bright:0.245;--star-motion:night-twinkle-b}.sky-star-8{--star-duration:13.984s;--star-phase:-11.074s;--star-dim:0.050;--star-rest:0.117;--star-bright:0.201;--star-motion:night-twinkle-c}.sky-star-9{--star-duration:16.157s;--star-phase:-14.787s;--star-dim:0.065;--star-rest:0.085;--star-bright:0.278;--star-motion:night-twinkle-a}.sky-star-10{--star-duration:18.330s;--star-phase:-18.500s;--star-dim:0.045;--star-rest:0.125;--star-bright:0.234;--star-motion:night-twinkle-b}.sky-star-11{--star-duration:8.803s;--star-phase:-3.113s;--star-dim:0.060;--star-rest:0.093;--star-bright:0.190;--star-motion:night-twinkle-c}.sky-star-12{--star-duration:10.976s;--star-phase:-6.826s;--star-dim:0.040;--star-rest:0.133;--star-bright:0.267;--star-motion:night-twinkle-a}.sky-star-13{--star-duration:13.149s;--star-phase:-10.539s;--star-dim:0.055;--star-rest:0.101;--star-bright:0.223;--star-motion:night-twinkle-b}.sky-star-14{--star-duration:15.322s;--star-phase:-14.252s;--star-dim:0.035;--star-rest:0.141;--star-bright:0.300;--star-motion:night-twinkle-c}.sky-star-15{--star-duration:17.495s;--star-phase:-17.965s;--star-dim:0.050;--star-rest:0.109;--star-bright:0.256;--star-motion:night-twinkle-a}.sky-star-16{--star-duration:19.668s;--star-phase:-2.578s;--star-dim:0.065;--star-rest:0.149;--star-bright:0.212;--star-motion:night-twinkle-b}.sky-star-17{--star-duration:10.141s;--star-phase:-6.291s;--star-dim:0.045;--star-rest:0.117;--star-bright:0.289;--star-motion:night-twinkle-c}.sky-star-18{--star-duration:12.314s;--star-phase:-10.004s;--star-dim:0.060;--star-rest:0.085;--star-bright:0.245;--star-motion:night-twinkle-a}.sky-star-19{--star-duration:14.487s;--star-phase:-13.717s;--star-dim:0.040;--star-rest:0.125;--star-bright:0.201;--star-motion:night-twinkle-b}.sky-star-20{--star-duration:16.660s;--star-phase:-17.430s;--star-dim:0.055;--star-rest:0.093;--star-bright:0.278;--star-motion:night-twinkle-c}.sky-star-21{--star-duration:18.833s;--star-phase:-2.043s;--star-dim:0.035;--star-rest:0.133;--star-bright:0.234;--star-motion:night-twinkle-a}.sky-star-22{--star-duration:9.306s;--star-phase:-5.756s;--star-dim:0.050;--star-rest:0.101;--star-bright:0.190;--star-motion:night-twinkle-b}.sky-star-23{--star-duration:11.479s;--star-phase:-9.469s;--star-dim:0.065;--star-rest:0.141;--star-bright:0.267;--star-motion:night-twinkle-c}.sky-star-24{--star-duration:13.652s;--star-phase:-13.182s;--star-dim:0.045;--star-rest:0.109;--star-bright:0.223;--star-motion:night-twinkle-a}.sky-star-25{--star-duration:15.825s;--star-phase:-16.895s;--star-dim:0.060;--star-rest:0.149;--star-bright:0.300;--star-motion:night-twinkle-b}.sky-star-26{--star-duration:17.998s;--star-phase:-1.508s;--star-dim:0.040;--star-rest:0.117;--star-bright:0.256;--star-motion:night-twinkle-c}.sky-star-27{--star-duration:8.471s;--star-phase:-5.221s;--star-dim:0.055;--star-rest:0.085;--star-bright:0.212;--star-motion:night-twinkle-a}
.contact-form{display:grid;gap:1.3rem;max-width:680px;margin:2rem 0}.contact-form>div:not(.contact-trap){display:grid;gap:.5rem}.contact-form input,.contact-form textarea{font:inherit;width:100%;box-sizing:border-box;color:var(--text,#fff0dc);background:var(--panel,#342d40);border:1px solid var(--gold,#e3c47e);border-radius:12px;padding:.8rem 1rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--gold,#e3c47e);outline-offset:3px}.contact-form button{justify-self:start}.contact-trap{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.contact-result{border:1px solid var(--gold,#e3c47e);border-radius:12px;padding:1rem;margin-block:1rem}.contact-result.error{border-color:#f2b6ac}.table-scroll{overflow-x:auto}.future-dates table{border-collapse:collapse;width:100%;max-width:760px;margin:1.5rem auto}.future-dates th,.future-dates td{text-align:start;padding:1rem;border-bottom:1px solid #e3c47e40}.future-dates caption{padding:.5rem;color:var(--muted,#d2c7d7)}.future-dates>.small-note{max-width:760px;margin:1rem auto;line-height:1.9}
.utility-page{max-width:1060px}.utility-page h1{font-size:clamp(26px,3.4vw,40px);line-height:1.8}.utility-page h2{line-height:1.9}.utility-page>section{margin-block:36px}.utility-lead{font-size:19px!important;line-height:2.1!important}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:24px}.breadcrumbs a{color:var(--gold)}.event-panel,.status-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 32px}.event-panel>h2{margin:0 0 14px;text-align:center;font-size:20px}.event-counter-values{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center;direction:rtl}.event-days{text-align:center;display:flex;gap:12px;align-items:baseline;justify-content:center}.event-days strong{font-size:clamp(64px,9vw,100px);line-height:1.5;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.event-days span{font-size:14px;color:var(--muted)}.event-clock{display:flex;justify-content:space-around;gap:16px;border-inline-start:1px solid var(--line);padding-inline-start:20px}.event-clock>div{display:grid;text-align:center}.event-clock strong{font-size:34px;line-height:1.6;font-variant-numeric:tabular-nums}.event-clock span{font-size:13px;color:var(--muted)}.event-units{text-align:center;font-size:14px!important;margin-top:14px}.event-arrived{color:var(--gold)!important}.event-panel>.small-note{font-size:13px!important;text-align:center}.utility-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block:22px}.utility-actions .share-status{margin:0;min-height:0}.utility-actions label{width:100%;overflow-wrap:anywhere}.utility-actions input{max-width:100%;width:100%;font:inherit}.utility-page table{width:100%;border-collapse:collapse;margin-block:20px}.utility-page th,.utility-page td{text-align:start;padding:12px;border-bottom:1px solid var(--line);line-height:1.9}.utility-page caption{text-align:start;color:var(--muted);font-size:14px;margin-bottom:14px}.utility-page th{color:var(--gold);font-weight:600}.utility-faq p{max-width:100%;font-size:16px}.related-tools{max-width:1040px;padding:26px 32px;margin:28px auto;border-top:1px solid var(--line)}.related-tools h2{font-size:24px;color:var(--gold);line-height:1.8}.related-tools nav{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:18px}.related-tools a{color:var(--gold);font-size:16px;text-underline-offset:5px}.ramadan-state{padding-block:28px}.ramadan-state h2{font-size:25px;line-height:1.9}.ramadan-state p{font-size:17px;color:var(--muted);line-height:2.1}.ramadan-state a,.status-panel a{color:var(--gold)}.ramadan-state .small-note{font-size:14px}.footer-inner nav{flex-wrap:wrap;justify-content:center;row-gap:12px}
@media(max-width:620px){.utility-page{padding-inline:20px;padding-top:28px}.utility-page>section{margin-block:28px}.utility-page h1{font-size:27px;margin-bottom:20px}.utility-page h2{font-size:22px}.utility-lead{font-size:17px!important}.event-panel,.status-panel{padding:18px 14px}.event-counter-values{grid-template-columns:1fr 1.15fr;gap:10px}.event-days{display:grid;gap:0}.event-days strong{font-size:64px}.event-days span{font-size:12px}.event-clock{gap:7px;padding-inline-start:10px}.event-clock strong{font-size:24px}.event-clock span{font-size:11px}.event-units{font-size:13px!important;line-height:2!important}.utility-page th,.utility-page td{padding:9px 6px;font-size:14px}.utility-page caption{font-size:13px}.utility-actions .button{font-size:13px;padding-inline:15px}.related-tools{padding-inline:20px}.related-tools nav{display:grid;gap:16px}.ramadan-state h2{font-size:22px}.ramadan-state p{font-size:16px}.utility-faq summary{font-size:16px}.utility-faq p{font-size:15px}.footer-inner nav{column-gap:16px}}
@media(max-width:360px){.event-days strong{font-size:54px}.event-clock strong{font-size:20px}.event-clock span{font-size:10px}.event-clock{gap:5px;padding-inline-start:8px}.utility-page{padding-inline:16px}.utility-page h1{font-size:24px}}
@media print{html,body{background:#fff!important;color:#111!important}header,footer,.skip,.utility-actions,.breadcrumbs,.related-tools,.overline,.hero-atmosphere,.section-atmosphere,.utility-faq{display:none!important}.utility-page{max-width:none;padding:0}.utility-page *{color:#111!important;background:none!important;box-shadow:none!important;text-shadow:none!important}.utility-page h1{font-size:22pt}.utility-page h2{font-size:15pt}.utility-page p{font-size:10pt!important;line-height:1.65!important}.utility-page table{font-size:10pt;margin:10px 0}.utility-page th,.utility-page td{padding:4px 8px;border-color:#aaa}.utility-page tr{break-inside:avoid}.utility-page thead{display:table-header-group}.utility-page a{text-decoration:underline}.status-panel{border-color:#aaa;padding:10px}.utility-page section{margin-block:15px}.utility-sources{break-inside:avoid}body{print-color-adjust:economy}}
/* Compact tool introduction: reveal the answer before long-form guidance. */
.utility-page{padding-top:24px}
.utility-page .breadcrumbs{margin-bottom:12px}
.utility-page h1{margin:8px 0 14px;line-height:1.6}
.utility-page .event-panel{margin-top:22px;padding-block:18px}
.event-days strong{font-size:84px;line-height:1.35}
.event-panel>.small-note{margin-bottom:0}
@media(max-width:620px){.utility-page{padding-top:22px}.utility-page .breadcrumbs{font-size:12px;margin-bottom:10px}.utility-page h1{margin-block:8px 14px}.event-days strong{font-size:64px}.utility-page .event-panel{padding-block:16px}}
@media(max-width:360px){.event-days strong{font-size:54px}}

/* Shared gutters; content measure follows its reading or tool purpose. */
:root{--site-content:1088px;--site-layout:960px;--site-reading:800px;--site-gutter:32px}
.hero,footer{padding-inline:0}
.header-inner,.hero-content,.section,.reflection,.document,.related-tools,.footer-inner,.footer-bottom{width:min(var(--site-content),calc(100% - 2*var(--site-gutter)));max-width:none;margin-inline:auto;padding-inline:0;box-sizing:border-box}
.hero-content .quick-facts,.countdown-shell{width:100%;max-width:none}
.guide-copy,.explanation,.future-dates table,.future-dates>.small-note{max-width:none}
.hero-content .quick-facts{margin-inline:0}
.section,.reflection,.document,.related-tools{width:min(var(--site-layout),calc(100% - 2*var(--site-gutter)))}
.faq-section,.reading-guide,.future-dates,.ramadan-state,.document:not(.utility-page){width:min(var(--site-reading),calc(100% - 2*var(--site-gutter)))}
.utility-page>.utility-faq,.utility-page>.utility-sources{max-width:var(--site-reading);margin-inline:auto}
.date-grid{grid-template-columns:minmax(0,345px) minmax(0,1fr);gap:48px}
.date-grid>.date-card{width:100%;max-width:345px}
.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:24px}
.footer-inner nav{display:flex;flex-wrap:nowrap;justify-content:center;gap:20px;white-space:nowrap}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 22px;font-size:12px;line-height:1.9}
.footer-bottom .footer-policies{display:flex;flex-wrap:wrap;gap:8px 16px;font:inherit;justify-content:center}
.footer-bottom a{font:inherit;color:inherit;text-decoration:none;text-underline-offset:4px}
.footer-bottom a:hover{text-decoration:underline}
.footer-bottom .copyright{font:inherit;letter-spacing:0;white-space:nowrap}
.footer-bottom .footer-disclaimer{font:inherit;letter-spacing:0;max-width:410px}
.hero-buttons,.utility-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.hero-buttons{max-width:620px;margin-inline:auto}
.hero-buttons>.button,.utility-actions>.button{width:100%;height:100%;min-width:0;box-sizing:border-box;white-space:normal;text-align:center;overflow-wrap:break-word;line-height:1.7}
.utility-actions>[data-copy-result],.utility-actions>[data-page-url]{grid-column:1/-1;width:100%}
.inner-page{position:relative;isolation:isolate}
.inner-page:before{content:'';position:absolute;inset:80px 0 auto;height:430px;background:url('/assets/inner-page-motif.svg?v=20261101-arch') center top/1200px 400px repeat-x;opacity:.25;pointer-events:none;z-index:-1;mask-image:linear-gradient(#000 22%,transparent 100%),radial-gradient(ellipse 65% 105% at 50% 100%,transparent 36%,#000 90%);mask-composite:intersect}
.inner-page .document{position:relative}
.inner-page .document>.breadcrumbs,.inner-page .document>.overline,.inner-page .document>h1,.inner-page .document>.utility-lead{position:relative}
@media(max-width:1100px){.footer-inner{grid-template-columns:auto 1fr}}
@media(max-width:850px){.footer-inner{grid-template-columns:1fr;justify-items:center}.footer-inner nav{flex-wrap:wrap;white-space:normal}.footer-bottom{justify-content:center;text-align:center}.footer-bottom .footer-disclaimer{max-width:none}}
@media(max-width:850px){.date-grid{grid-template-columns:minmax(0,1fr);gap:38px}}
@media(max-width:620px){:root{--site-gutter:20px}.header-inner,.hero-content,.section,.reflection,.document,.related-tools,.footer-inner,.footer-bottom{padding-inline:0}.footer-inner nav{gap:14px 20px;font-size:13px}.footer-bottom{font-size:11px;gap:12px}.footer-bottom .footer-policies{gap:8px 14px}.inner-page:before{top:70px;background-size:960px 320px;height:340px;opacity:.2;mask-image:linear-gradient(#000 10%,transparent 100%),radial-gradient(ellipse 100% 100% at 50% 100%,transparent 30%,#000 95%)}.hero-buttons>.button,.utility-actions>.button{padding-inline:10px;gap:8px}.future-dates table{width:100%}}
@media(max-width:360px){:root{--site-gutter:16px}.hero-buttons,.utility-actions{gap:10px}.hero-buttons>.button,.utility-actions>.button{font-size:12px;padding-inline:8px}.footer-inner nav{gap:12px 17px}}
@media print{.inner-page:before{display:none}.document{width:100%;max-width:none}.footer-bottom{display:none}}
@media(max-width:620px){.document a[href^="mailto:"]{font-size:16px}}
@media print{body *{color:#111!important;-webkit-text-fill-color:currentColor!important;background:transparent!important;text-shadow:none!important;box-shadow:none!important}.counter-frame,.counter-compact-frame,.counter-ornament,.hero-pattern{display:none!important}}