.home-flash-heading{position:relative;isolation:isolate;--flash-gold:#ffc77e;--flash-white:#fff2d2;--flash-cyan:#99d6e5;--flash-shadow:#ffb04e;--flash-rule:#e7a257;--flash-body:var(--muted)}
.home-flash-heading::before{content:'';position:absolute;z-index:-1;inset:-10px 0 25%;border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#e89b3815,transparent 70%);pointer-events:none;opacity:.6}
.home-flash-heading h1{position:relative;overflow:visible;line-height:1.4;overflow-wrap:anywhere}
.home-flash-title{display:inline;color:var(--board-accent);text-shadow:0 0 16px #ff96382e}
.home-flash-heading .home-subtitle{color:var(--ink);text-shadow:0 0 12px #c0e7ff10}
.home-flash-heading .home-structure{position:relative;border-color:#a0784955;box-shadow:inset 0 1px #ffdfac0a,0 0 14px #dcaa4b08}
.home-flash-heading .home-method{position:relative;padding-block:12px;color:var(--flash-body)}
.home-flash-heading .home-method::before{content:'';display:block;position:relative;width:min(230px,65%);height:1px;margin:0 auto 15px;background:linear-gradient(90deg,transparent,var(--flash-rule),var(--flash-cyan),transparent);box-shadow:0 0 8px #e9bd6c33;transform-origin:center;pointer-events:none}
.home-flash-heading .home-context-links a{transition:color .2s ease-out,border-color .2s ease-out}
.home-flash-tools{margin-top:13px;min-height:0}.home-flash-tools button{border:1px solid #7a6347;background:var(--surface);color:var(--board-name);border-radius:30px;min-height:40px;padding:8px 14px;font:inherit;font-size:10px;line-height:1.5;cursor:pointer}.home-flash-tools button[hidden]{display:none}.home-flash-tools button:disabled{color:var(--muted);cursor:default}.home-flash-tools button:focus-visible{outline:2px solid var(--board-accent);outline-offset:4px}.home-flash-tools button>span[aria-hidden]{color:#f2c27d;margin-inline-end:5px}
/* A bright light beat every 4.8 seconds. Text never fades, vanishes or changes layout. */
.home-flash-heading[data-flash-motion=on] .home-flash-title{animation:home-title-flash 4.8s ease-in-out infinite}
.home-flash-heading[data-flash-motion=on] .home-subtitle{animation:home-subtitle-flash 4.8s ease-in-out .45s infinite}
.home-flash-heading[data-flash-motion=on] .home-structure b{animation:home-stat-flash 4.8s ease-in-out .9s infinite}
.home-flash-heading[data-flash-motion=on] .home-method::before{animation:home-rule-flash 4.8s ease-in-out 1.35s infinite}
.home-flash-heading[data-flash-motion=on]::before{animation:home-aura-flash 4.8s ease-in-out infinite}
.home-flash-heading[data-flash-motion=off]::before,.home-flash-heading[data-flash-motion=off] :is(.home-flash-title,.home-subtitle,.home-structure b,.home-method::before){animation:none}
@keyframes home-title-flash{0%,32%,100%{color:var(--board-accent);text-shadow:0 0 14px #ff96382e}14%{color:var(--flash-white);text-shadow:0 0 5px #fff0c666,0 0 20px #eaae5260,0 0 36px #dd8f3938}}
@keyframes home-subtitle-flash{0%,32%,100%{text-shadow:0 0 0 transparent}14%{text-shadow:0 0 10px #9edcf58a,0 0 22px #6eb7cf42}}
@keyframes home-stat-flash{0%,32%,100%{text-shadow:0 0 0 transparent}14%{text-shadow:0 0 10px #ffd28b88,0 0 22px #f3a6523d}}
@keyframes home-rule-flash{0%,32%,100%{transform:scaleX(.8);box-shadow:0 0 6px #e9bd6c22}14%{transform:scaleX(1);box-shadow:0 0 10px #ffc27b88,0 0 20px #85cadb33}}
@keyframes home-aura-flash{0%,32%,100%{opacity:.45}14%{opacity:.95}}
html[data-theme=light] .home-flash-heading{--flash-white:#7b430e;--flash-cyan:#31708c;--flash-rule:#9b6227}html[data-theme=light] .home-flash-heading::before{background:radial-gradient(ellipse at 50% 20%,#b97a3010,transparent 70%)}html[data-theme=light] .home-flash-heading .home-flash-title{text-shadow:none}html[data-theme=light] .home-flash-tools button{border-color:#b99460}html[data-theme=light] .home-flash-heading[data-flash-motion=on] .home-flash-title{animation-name:home-title-flash-light}
@keyframes home-title-flash-light{0%,32%,100%{color:var(--board-accent);text-shadow:none}14%{color:#74400e;text-shadow:0 1px 1px #fff4d5,0 0 12px #bd802d38}}
@media(max-width:640px){.home-flash-heading .home-method{padding-inline:4px}.home-flash-heading .home-method::before{margin-bottom:12px}.home-flash-heading::before{inset:0 -8px 25%}.home-flash-tools button{font-size:10px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.home-flash-heading,.home-flash-heading::before,.home-flash-heading *,.home-flash-heading *::before,.home-flash-heading *::after{animation:none!important;transition:none!important}}
@media print{.home-flash-tools,.home-flash-heading::before{display:none}.home-flash-heading,.home-flash-heading *,.home-flash-heading *::before{animation:none!important;text-shadow:none!important;color:inherit!important}}

/* Keep touch scrolling free of continuous heading paint effects. */
@media(hover:none),(pointer:coarse){.home-flash-heading,.home-flash-heading::before,.home-flash-heading *,.home-flash-heading *::before,.home-flash-heading *::after{animation:none!important;transition:none!important;text-shadow:none!important;filter:none!important}}

/* Contemporary calligraphic title; paired ornaments keep equal, static dimensions. */
.home-flash-heading{--ornament-group-width:368px;padding:12px 18px 0;border:0;border-radius:0;background:linear-gradient(125deg,#d7ad6a08,transparent 58%);box-shadow:none;text-align:start;margin-bottom:12px}
.home-flash-heading::before{display:none!important}
.home-flash-heading::after{display:none!important;content:'';display:block;height:1px;margin-top:8px;background:linear-gradient(90deg,#c99c5a77,#77b4b538,transparent);pointer-events:none}
.home-flash-heading>.overline{font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.2em;color:var(--muted)}
.home-title-row{display:grid;grid-template-columns:minmax(0,1fr) var(--ornament-group-width);align-items:center;gap:20px;margin:4px 0 8px;direction:ltr}
.home-flash-heading .home-title-row h1{position:relative;min-width:0;width:100%;max-width:none;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,42px);font-weight:400;font-style:italic;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--board-accent);text-align:start}
.home-title-row h1:lang(ar){direction:rtl;font-family:Amiri,"Noto Naskh Arabic",serif;font-style:normal;font-weight:400}
.home-flash-heading .home-flash-title{display:block;color:var(--board-accent);text-shadow:none;max-width:none}
.home-flash-heading .calligraphy-accessible{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.calligraphy-wordmark{display:block;width:100%;height:168px;max-height:168px;object-fit:fill;object-position:left center}
.home-ornaments{display:grid;grid-template-columns:repeat(3,112px);align-items:center;gap:16px;direction:ltr}
.home-sancak,.sancak-cloth{display:block;width:112px;height:168px;margin:0}
.sancak-cloth{clip-path:polygon(17% 1.5%,83% 1.5%,89% 97.5%,50% 62%,11% 97.5%);animation:none!important;transform:none!important}
.home-tug .sancak-cloth{clip-path:polygon(14% 1.5%,86% 1.5%,88% 98.5%,50% 59.5%,12% 98.5%)}
.home-black-flag .sancak-cloth{clip-path:polygon(13% 1%,87% 1%,93% 98.5%,50% 61.5%,7% 98.5%)}
.home-black-flag .sancak-cloth img{filter:brightness(1.55) contrast(1.1)!important}
.sancak-cloth img{display:block;width:100%;height:100%;object-fit:contain}
.home-flash-heading .home-subtitle{max-width:none;margin:0 0 10px;font-size:12px;line-height:1.7;color:var(--muted)}
.home-flash-heading .home-structure{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:0;width:100%;max-width:100%;height:48px;min-height:0;margin:0;padding:5px 8px;border:1px solid var(--board-border);border-radius:3px;background:var(--surface);box-shadow:none;font-size:12px;line-height:1.3;text-align:center;text-decoration:none}
.home-flash-heading .home-structure>span{min-width:0;overflow-wrap:anywhere}
.home-flash-heading .home-structure>span[aria-hidden]{display:none}
.home-flash-heading .home-structure>span:nth-child(3){padding-inline:8px;border-inline:1px solid var(--board-border)}
.home-flash-heading .home-structure:focus-visible{outline:2px solid var(--board-accent);outline-offset:3px}
.home-flash-heading>p:last-of-type{max-width:none;margin:10px 0 0;font-size:11px}
.home-flash-heading[data-flash-motion=on] :is(.home-flash-title,.home-subtitle,.home-structure b){animation:none!important}
html[data-theme=light] .home-flash-heading{background:linear-gradient(125deg,#ae773409,transparent 58%);box-shadow:none}
html[data-theme=light] .calligraphy-wordmark{filter:brightness(.48) saturate(.8)!important}
@media(max-width:760px){.home-flash-heading{--ornament-group-width:270px}.home-title-row{grid-template-columns:minmax(0,1fr);gap:10px}.home-ornaments{grid-template-columns:repeat(3,82px);gap:12px}.home-sancak,.sancak-cloth{width:82px;height:123px}}
@media(max-width:520px){.home-flash-heading{padding:12px 6px 0}.home-title-row{grid-template-columns:minmax(0,1fr);gap:8px}.home-ornaments{justify-self:end}.calligraphy-wordmark{max-height:123px;object-position:center}.home-flash-heading .home-structure{font-size:10px;gap:6px}.home-flash-heading .home-title-row h1{font-size:32px}}
@media print{.home-flash-heading .calligraphy-accessible{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font:400 italic 26px/1.4 serif}.calligraphy-wordmark{display:none}}

@media(max-width:950px){.home-title-row{grid-template-columns:minmax(0,1fr)}.home-flash-heading .home-title-row h1{max-width:420px}.calligraphy-wordmark{height:auto;object-fit:contain}.home-ornaments{justify-self:end}}
@media(max-width:380px){.home-flash-heading{--ornament-group-width:236px}.home-ornaments{grid-template-columns:repeat(3,72px);gap:10px}.home-sancak,.sancak-cloth{width:72px;height:108px}}

.home-heading-footer{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start;direction:ltr}
.home-heading-notes{width:100%;margin:0}
.home-heading-notes:lang(ar){direction:rtl}.home-heading-notes>p:last-of-type{max-width:none;margin:10px 0 0;font-size:11px;line-height:1.8}

.home-framed-art{box-sizing:border-box;width:100%;margin:0 0 6px;padding:4px 8px;border:1px solid var(--board-border);border-radius:3px;background:var(--surface);line-height:0;text-align:center}
.home-framed-art img{display:block;width:100%;height:38px;object-fit:fill;object-position:center;filter:brightness(0) saturate(100%) invert(88%) sepia(20%) saturate(560%) hue-rotate(347deg) brightness(101%) contrast(83%)}
@media(max-width:640px){.home-framed-art img{height:38px;max-height:38px;width:100%;object-fit:fill}}

html[data-theme=light] .home-framed-art img{filter:brightness(0) saturate(100%) invert(30%) sepia(24%) saturate(899%) hue-rotate(355deg) brightness(91%) contrast(91%)}


.home-araf{min-width:0;text-align:start}.home-araf:lang(ar){direction:rtl}
.home-flash-heading .home-araf h2{font:400 italic 17px/1.5 Georgia,"Times New Roman",serif;margin:0 0 4px;color:var(--board-name)}
.home-flash-heading .home-araf blockquote{font-family:Amiri,"Noto Naskh Arabic","Traditional Arabic",serif;font-size:clamp(24px,2.2vw,30px);line-height:1.6;font-weight:400;margin:0 0 5px;color:var(--board-name);direction:rtl;text-align:right;overflow-wrap:normal;max-width:100%;word-break:normal}
.home-flash-heading .home-araf p{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:16px;line-height:1.8;margin:0;color:var(--ink);max-width:none}
.home-araf-source{text-align:end}.home-araf-source a{font-size:9px;color:var(--muted);text-underline-offset:3px}

/* Three compact header panels stay above the adjacent Araf meaning baseline. */
.home-heading-notes{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}
.home-heading-notes .home-framed-art{margin:0}
.home-tawakkul-panel{box-sizing:border-box;display:grid;align-content:center;gap:0;width:100%;height:48px;min-width:0;padding:1px 6px;border:1px solid var(--board-border);border-radius:3px;background:var(--surface);color:var(--board-name);text-align:center;text-decoration:none}
.home-tawakkul-text{display:block;font-family:Amiri,"Noto Naskh Arabic","Traditional Arabic",serif;font-size:20px;line-height:1.25;font-weight:400;white-space:nowrap}
.home-tawakkul-ref{display:block;font-size:8px;line-height:1.3;color:var(--muted)}
.home-tawakkul-panel:focus-visible{outline:2px solid var(--board-accent);outline-offset:3px}
.home-flash-heading .home-araf{display:flex;flex-direction:column;min-height:176px}
.home-flash-heading .home-araf>p{margin-top:auto}
.home-araf-source{line-height:16px;min-height:16px}
.home-araf:lang(ar) .home-araf-source{margin-top:auto}
@media(max-width:640px){.home-tawakkul-text{font-size:clamp(17px,5vw,22px)}.home-heading-notes{margin-bottom:0}.home-flash-heading .home-araf{min-height:0}.home-flash-heading .home-araf>p{margin-top:0}}

/* Match the statistics panel to the final Araf meaning line, excluding its source. */
.home-heading-footer{align-items:stretch}
.home-heading-notes{grid-template-rows:48px 48px minmax(48px,1fr);align-self:stretch;margin-bottom:18px}
.home-flash-heading .home-structure{height:auto;align-self:stretch}
.home-flash-heading .home-structure,.home-flash-heading .home-structure span,.home-flash-heading .home-structure b{color:#ff9a3c}
.home-flash-heading .home-framed-art img{filter:brightness(0) saturate(100%) invert(69%) sepia(81%) saturate(1905%) hue-rotate(331deg) brightness(102%) contrast(101%)!important}
@media(max-width:640px){.home-heading-notes{grid-template-rows:repeat(3,48px);align-self:start;margin-bottom:0}.home-flash-heading .home-structure{height:48px}}

.home-tawakkul-text{height:32px;line-height:0}
.home-tawakkul-calligraphy{display:block;width:100%;height:32px;max-width:100%;object-fit:contain}

/* Three concentric calligraphy rings replace the stacked header panels. */
.home-heading-footer{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:24px;align-items:center}
.home-heading-seal{min-width:0;width:100%;max-width:280px;justify-self:start;align-self:center}
.home-seal-link{display:block;width:100%;border-radius:50%;line-height:0;text-decoration:none}
.home-seal-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.home-seal-link:focus-visible{outline:2px solid #ff9638;outline-offset:5px}
html[data-theme=light] .home-seal-art{filter:brightness(.62) saturate(1.2)}
@media(max-width:1100px) and (min-width:641px){.home-heading-footer{grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:18px}.home-heading-seal{max-width:230px}}
@media(max-width:640px){.home-heading-footer{grid-template-columns:minmax(0,1fr);gap:20px}.home-heading-seal{width:min(100%,280px);justify-self:center}.home-flash-heading .home-araf>p{margin-top:8px}}

/* Two independently composited rings; the information ring stays still. */
.home-heading-seal{position:relative}
.home-seal-stack{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:50%}
.home-seal-ring{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;transform-origin:50% 50%}
.home-seal-basmala{animation:seal-counterclockwise 70s linear infinite}
.home-seal-ahzab{animation:seal-clockwise 85s linear infinite}
.home-seal-shuara{animation:seal-counterclockwise 65s linear infinite}
.home-seal-yasin{animation:seal-clockwise 55s linear infinite}
@keyframes seal-clockwise{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes seal-counterclockwise{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
.home-flash-heading[data-seal-paused=true] .home-seal-spin{animation-play-state:paused}
html[data-theme=light] .home-seal-ring{filter:brightness(.62) saturate(1.2)}
@media(prefers-reduced-motion:reduce){.home-seal-spin{animation:none!important}}
@media print{.home-seal-spin{animation:none!important}}

.home-seal-ring{will-change:transform;backface-visibility:hidden}
.home-seal-ring-image{display:block;width:100%;height:100%}
.home-flash-heading[data-seal-engine=web] .home-seal-spin{animation:none}

/* 27 October: requested fluorescent red Araf panel. */
.home-flash-heading .home-araf blockquote,.home-flash-heading .home-araf p{color:#ff3131;text-shadow:0 0 8px #ff313155,0 0 18px #ff313122}

/* Requested luminous Alp white, one size step larger. */
.home-flash-heading .home-araf blockquote{font-size:clamp(26px,2.35vw,32px);color:#f7fcff;text-shadow:0 0 8px #d4efff88,0 0 20px #bce6ff44}.home-flash-heading .home-araf p{font-size:17px;color:#f7fcff;text-shadow:0 0 7px #d4efff66}

/* Arabic Araf red; translation retains Alp white. */
.home-flash-heading .home-araf blockquote{color:#ff3131;text-shadow:0 0 8px #ff313166,0 0 18px #ff313133}
