*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg,#ffffff);color:var(--ink,#141414);font:17px/1.65 Inter,system-ui,sans-serif}
img{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{color:var(--ink,#141414)}
:focus-visible{outline:3px solid var(--ink,#141414);outline-offset:2px;box-shadow:0 0 0 6px var(--bg,#ffffff)}.hero :focus-visible,dialog :focus-visible,.pron.dark:focus-visible,.pron.on:focus-visible,.rb:focus-visible,.herop:focus-visible,.btn:not(.alt):focus-visible,.reflect :focus-visible,.brk :focus-visible{outline-color:var(--bg,#ffffff);box-shadow:0 0 0 6px var(--ink,#141414)}
.chips button{min-height:44px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:var(--card,#fff);padding:8px}
.draft{background:var(--ink,#141414);color:var(--bg,#ffffff);font:12px/1.4 var(--sans,Inter,sans-serif);text-align:center;padding:7px 12px}.draft a{color:var(--bg,#ffffff)}
.serif,h1,h2,h3,.brand{font-family:var(--serif,'Libre Caslon Display',serif);font-weight:400}
.ar{font-family:'Scheherazade New',Amiri,'Noto Naskh Arabic',serif;direction:rtl}.he{font-family:'Frank Ruhl Libre',serif;direction:rtl}
.pad{padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}
.wrap{max-width:1360px;margin:0 auto}.narrow{max-width:780px;margin:0 auto}
/* header */
.hdr{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg,#ffffff) 95%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink,#141414)20}
.hdr-in{display:flex;align-items:center;gap:24px;min-height:66px}
.brand{font-size:30px;text-decoration:none;white-space:nowrap;line-height:1}
.nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}

.nav{gap:6px;align-items:center}
.mm summary,.mm-top{list-style:none;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.09em;padding:10px 14px;border-radius:99px;text-decoration:none;display:inline-block}
.mm summary::-webkit-details-marker{display:none}.mm[open] summary,.mm summary:hover,.mm-top:hover{background:var(--ink,#141414);color:var(--bg,#ffffff)}.mm.on summary,.mm-top.on{box-shadow:inset 0 0 0 1px var(--ink,#141414)}
.mm-panel{position:absolute;left:0;right:0;top:66px;background:var(--bg,#ffffff);border-bottom:1px solid var(--ink,#141414)33;box-shadow:0 24px 40px #0000001f;padding:26px 0 30px}
.mm-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.mm-card{text-decoration:none;display:flex;flex-direction:column}.mm-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.mm-t{font:400 22px/1.1 var(--serif,'Libre Caslon Display',serif);margin-top:8px}.mm-d{font-size:13px;color:var(--muted,#555);margin-top:3px}
.mm-card:hover .mm-t{text-decoration:underline}
.menu{display:none;margin-left:auto}.menu summary{list-style:none;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--ink,#141414);border-radius:99px;padding:8px 16px}
.menu summary::-webkit-details-marker{display:none}
.menu[open] .mnav{display:grid}.mnav{display:none;position:absolute;left:0;right:0;top:66px;background:var(--bg,#ffffff);border-bottom:1px solid var(--ink,#141414)33;padding:12px clamp(16px,4vw,56px) 20px;grid-template-columns:1fr 1fr;gap:4px 20px}
.mnav{max-height:calc(100vh - 66px);height:calc(100vh - 66px);overflow:auto;overscroll-behavior:contain;align-content:start}.mnav a{font:400 24px/1.45 var(--serif,'Libre Caslon Display',serif);text-decoration:none}.mob-g{grid-column:1/-1;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#666);margin:12px 0 0}
@media(max-width:1000px){.nav{display:none}.menu{display:block}}
.nav{flex-wrap:nowrap}.nav>*,.nav summary,.mm summary,.mm-top{white-space:nowrap;flex:none}.mm-panel{white-space:normal}.mm-grid{gap:22px 22px!important}.mm-t{overflow-wrap:break-word;hyphens:auto}@media(max-width:1560px){.nav{gap:2px}.mm summary,.mm-top{padding:10px 9px;letter-spacing:.05em}}@media(max-width:1439px){.nav .mm-top{display:none}}@media(max-width:1260px){.nav{display:none}.menu{display:block}.hsearch{margin-left:auto}.menu{margin-left:6px}}
/* hero */
.hero{position:relative;margin:18px clamp(12px,3vw,40px) 0;min-height:min(80vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:#222}
.hero>img,.herovid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.58) 100%)}.hero-in .kick,.hero-in .crumbs,.hero-in p,.hero-in h1{text-shadow:0 1px 3px rgba(0,0,0,.8)}
.hero-in{position:relative;z-index:2;color:#fff;padding:0 clamp(18px,4vw,60px) clamp(34px,7vh,80px);max-width:900px}
.hero-in a{color:#fff}
.kick{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px}
.hero h1{font-size:clamp(54px,9vw,132px);line-height:.95;margin:0}
.lede{font-size:clamp(17px,1.6vw,20px);max-width:620px;margin:16px 0 0}
.hero.short{min-height:min(58vh,560px)}.hero.short h1{font-size:clamp(46px,7vw,96px)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--ink,#141414);background:var(--ink,#141414);color:var(--bg,#ffffff);border-radius:99px;padding:12px 22px;min-height:48px;font-weight:600;font-size:15px}
.btn.alt{background:transparent;color:var(--ink,#141414)}
.hero .btn{background:var(--card,#fff);color:var(--ink,#141414);border-color:#fff}.hero .btn.alt{background:transparent;color:#fff}
.herop{position:absolute;z-index:3;right:16px;bottom:16px;font-size:12px;padding:6px 12px;border-radius:99px;border:1px solid #fff;background:transparent;color:#fff}
.credit{position:absolute;z-index:3;left:16px;bottom:10px;font-size:11px;color:#ffffffb0}.credit a{color:inherit;text-decoration:underline}@media(max-width:700px){.hero .credit{right:16px;line-height:1.35}.hero:has(>.credit) .hero-in{padding-bottom:78px!important}}
/* sections */
.sec{padding-top:56px;padding-bottom:8px}
.sec+.sec{border-top:1px solid var(--ink,#141414)1f;margin-top:40px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}
.sh h2{font-size:clamp(36px,4.4vw,56px);line-height:1;margin:0}.sh p{margin:6px 0 0;color:var(--muted,#555);max-width:640px}
.sh .all{white-space:nowrap;font-size:14px;font-weight:600}
.answer{max-width:960px;margin:56px auto 0;text-align:center}
.answer h2{font:italic 400 22px var(--serif,'Libre Caslon Display',serif);margin:0 0 6px}
.answer p{font:400 clamp(24px,2.8vw,34px)/1.3 var(--serif,'Libre Caslon Display',serif);margin:0}
.answer .links{font:14px var(--sans,Inter,sans-serif);margin-top:16px}
/* grids and cards */
.g{display:grid;gap:34px 26px}.g1{grid-template-columns:1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}.g6{grid-template-columns:repeat(6,1fr)}.g2{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.g5,.g6{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.g5,.g6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.g4{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.g3,.g5,.g6{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.g3,.g2{grid-template-columns:1fr}.g4,.g5,.g6{grid-template-columns:1fr 1fr;gap:24px 14px}}
.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}
.card .im{position:relative;overflow:hidden;background:#ddd6c8}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s}
.card:hover img{transform:scale(1.03)}
.card .k{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted,#555);margin-top:12px}
.card .t{font:400 28px/1.12 var(--serif,'Libre Caslon Display',serif);margin-top:4px}
.card .d{color:var(--muted,#3c3c3c);font-size:15.5px;margin-top:6px}
.card .m{font-size:12.5px;color:var(--muted,#666);margin-top:8px}
.card:hover .t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.card.tall img{aspect-ratio:3/4}.card.poster img{aspect-ratio:2/3}.card.sq img{aspect-ratio:1/1}
.card .ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 18px #000a;pointer-events:none}
.card .ov .ar{font-size:clamp(34px,4vw,54px)}
.card.name img{filter:brightness(.78)}
.badge{display:inline-block;white-space:normal;max-width:100%;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--ink,#141414)66;border-radius:99px;margin-right:4px}
.badge.free{background:var(--ink,#141414);color:var(--bg,#ffffff);border-color:var(--ink,#141414)}
.play{position:absolute;left:12px;bottom:12px;width:46px;height:46px;border-radius:50%;background:#fffffff0;color:var(--ink,#141414);display:flex;align-items:center;justify-content:center;font-size:16px}
.links2{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:13.5px;font-weight:600}
.media{display:flex;flex-direction:column}.media .card{flex:1}
/* pronunciation */
.pron{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--card,#fff);color:var(--ink,#141414);border-radius:99px;padding:10px 18px;font-weight:600;font-size:14px;min-height:44px}
.pron.on{background:var(--ink,#141414);color:#fff}.pron.dark{background:var(--ink,#141414);color:#fff}.pron.dark.on{background:#555}
.pron.sm{position:absolute;right:10px;top:10px;padding:6px 12px;font-size:12px;min-height:32px;z-index:3}
.say{font-size:13px;color:#ffffffd0}
/* text */
.prose{font-size:18px}.prose p{margin:0 0 1em}.prose h2{font-size:40px;line-height:1.05;margin:1.4em 0 .4em}.prose h3{font-size:28px;margin:1.2em 0 .3em}
.crumbs{font-size:13px;margin-bottom:14px}.crumbs a{color:inherit}
.verse{background:var(--ink,#141414);color:var(--bg,#ffffff);text-align:center;padding:48px clamp(18px,4vw,60px);margin:36px 0}
.verse .ar{font-size:clamp(28px,3.6vw,44px);line-height:1.9;display:block}.verse .he{font-size:clamp(26px,3vw,38px);display:block}
.verse .tr{display:block;font-style:italic;color:#c9c3b6;margin-top:6px}
.verse .en{display:block;font:italic 400 clamp(24px,2.6vw,32px)/1.3 var(--serif,'Libre Caslon Display',serif);margin:12px auto 0;max-width:760px}
.verse .src{display:block;font-size:12.5px;color:#a9a397;margin-top:12px}.verse a{color:#e9e1cf}
.quote{border-left:2px solid var(--ink,#141414);padding-left:18px;font:italic 400 24px/1.35 var(--serif,'Libre Caslon Display',serif)}.quote cite{display:block;font:13px var(--sans,Inter,sans-serif);font-style:normal;color:var(--muted,#555);margin-top:8px}
.panel{background:var(--card,#fff);padding:26px 28px}.panel h3{margin:0 0 8px;font-size:28px}.panel p{margin:0 0 .7em}
.panel.dark{background:var(--ink,#141414);color:var(--bg,#ffffff)}.panel.dark a{color:var(--bg,#ffffff)}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:860px){.tri{grid-template-columns:1fr}}
.tri .panel .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#777)}
.note{font-size:13px;color:var(--muted,#666)}
.toc{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.toc a{font-size:13px;border:1px solid #ffffff99;border-radius:99px;padding:6px 12px;text-decoration:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.chips button{border:1px solid var(--ink,#141414);background:transparent;border-radius:99px;padding:8px 14px;font-size:13.5px;min-height:40px}
.chips button[aria-pressed=true]{background:var(--ink,#141414);color:var(--bg,#ffffff)}
/* ladder */
.eps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}@media(max-width:1000px){.eps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.eps{grid-template-columns:1fr}}
.ep img{width:100%;aspect-ratio:4/3;object-fit:cover}.ep .n{display:block;margin-top:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#666)}
.ep h3{font-size:30px;margin:2px 0 6px}.ep p{margin:0;color:var(--muted,#333);font-size:15.5px}.ep .lim{margin-top:10px;font-size:14px;color:var(--muted,#666);font-style:italic}
.ep.brk{background:var(--ink,#141414);color:var(--bg,#ffffff);padding:0 0 18px}.ep.brk p,.ep.brk .n{color:#d8d1c3;padding:0 16px}.ep.brk h3{padding:0 16px}.ep.brk a{color:#fff}
.namehero .tlline{margin:10px 0 0;font:400 clamp(22px,2.6vw,32px)/1.4 var(--serif,'Libre Caslon Display',serif);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}.namehero .tlline .ar{font-size:clamp(34px,4.4vw,56px);line-height:1.5}.card .d.tl{font:italic 400 17px/1.3 var(--serif,'Libre Caslon Display',serif)}
.namehero .mean{font:italic 400 clamp(22px,2.4vw,30px)/1.25 var(--serif,'Libre Caslon Display',serif);margin:6px 0 0}
.pager{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--ink,#141414)33;margin-top:50px;padding-top:20px;font:400 24px var(--serif,'Libre Caslon Display',serif)}.pager a{text-decoration:none}
.dl dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#666);margin-top:18px}.dl dd{margin:4px 0 0}
.report{border:2px solid var(--ink,#141414);background:var(--card,#fff);padding:24px 28px}
.report ol{margin:0;padding-left:20px}.report li{margin:6px 0}
.ftr{border-top:1px solid var(--ink,#141414)33;margin-top:80px;padding-top:40px;padding-bottom:40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;font-size:14px}
.ftr a{display:block;margin:3px 0}.ftr .brand{font-size:36px;white-space:normal}.ftr>*{min-width:0}.ftr .cr{grid-column:1/-1;font-size:12px;color:var(--muted,#666)}
@media(max-width:800px){.ftr{grid-template-columns:minmax(0,1fr)}}
dialog#player{border:0;padding:0;background:#000;max-width:min(1100px,96vw);width:100%;overflow:hidden}
dialog#player::backdrop{background:rgba(0,0,0,.86)}dialog#player video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.pl-t{color:#ddd;font:14px/1.4 var(--sans,Inter,sans-serif);margin:0;padding:10px 14px}.pl-in{position:relative}
.pl-yt iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.pl-more{margin:4px 0 0;font-size:14px}.pl-more a{color:inherit}
.pl-x{position:absolute;right:10px;top:10px;z-index:2;background:rgba(0,0,0,.6);color:#fff;border:0;border-radius:50%;width:42px;height:42px}
.hidden-ok[hidden]{display:none}
.yt-embed{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden}
.yt-embed img{width:100%;height:100%;object-fit:cover;opacity:.85}.yt-embed .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#fffffff0;color:var(--ink,#141414);font-size:26px;display:flex;align-items:center;justify-content:center}
.yt-embed .cap{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;color:#fff;background:linear-gradient(0deg,#000a,transparent);font-size:13px;text-align:left}
.ytframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl th,.tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--ink,#141414)22;vertical-align:top}.tbl th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#666)}
.tbl .he{font-size:22px}
.status{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:var(--ink,#141414);color:var(--bg,#ffffff);margin-right:6px}
.g>*{min-width:0}.card .t,.card .d,.card .m,.links2{overflow-wrap:anywhere}.media[hidden]{display:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

main p,main li,main dd,main td{overflow-wrap:break-word}
.upnext{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:var(--ink,#141414);color:var(--bg,#ffffff);padding:22px 26px;border-radius:0;text-decoration:none;margin:40px 0 0}.upnext .ar{font-size:48px;color:var(--bg,#ffffff)}.upnext b{font:400 32px/1.1 var(--serif,'Libre Caslon Display',serif);display:block}.upnext span{color:#cfc8b8}.upnext .go{border:1px solid var(--bg,#ffffff);border-radius:99px;padding:10px 18px;white-space:nowrap}@media(max-width:700px){.upnext{grid-template-columns:1fr;gap:8px}.upnext .ar{font-size:36px}}
.hsearch{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--ink,#141414);margin-left:6px}.hsearch:hover{background:var(--ink,#141414);color:var(--bg,#ffffff)}@media(max-width:1000px){.hsearch{margin-left:auto}.menu{margin-left:6px}}.mback{position:fixed;inset:66px 0 0 0;background:rgba(20,20,20,.45);z-index:-1}.menu[open] .mnav{z-index:50}.msearch{grid-column:1/-1;display:flex;gap:8px;margin:6px 0 4px}.msearch input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line,#e2e2e2);border-radius:0;font:inherit;background:var(--card,#fff)}.mstart{grid-column:1/-1;font:600 16px/1.4 var(--sans,Inter,sans-serif)!important;background:var(--ink,#141414);color:var(--bg,#ffffff)!important;border-radius:99px;padding:10px 16px;margin:6px 0;text-align:center}html.mopen{overflow:hidden}
.startstrip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;border-radius:0;background:var(--ink,#141414);color:var(--bg,#ffffff);text-decoration:none;max-width:820px;margin:0 auto}.startstrip .k{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.startstrip b{flex:1;font-size:18px}.startstrip:hover b{text-decoration:underline}
.tabbar{display:flex;gap:8px;overflow-x:auto;margin:4px 0 14px;scrollbar-width:none}.tabbar button{flex:0 0 auto;border:1px solid var(--ink,#141414);background:none;border-radius:99px;padding:9px 16px;min-height:44px;font-size:15px}.tabbar button[aria-selected=true]{background:var(--ink,#141414);color:var(--bg,#ffffff)}
/* tablet and touch targets (W11) */ a.ref{display:inline-block;padding:3px 0;min-height:24px;line-height:18px}.sh .all{display:inline-flex;align-items:center;min-height:44px}details.srcs>summary{padding:12px 0;min-height:44px;cursor:pointer}

.typo-t{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px;color:var(--bg,#ffffff);font:400 clamp(20px,2.2vw,28px)/1.1 var(--serif,'Libre Caslon Display',serif);background-image:radial-gradient(circle at 80% 15%,rgba(244,241,234,.14),transparent 45%)!important}.im{position:relative}.im:has(.typo-t){aspect-ratio:16/10}.card.tall .im:has(.typo-t){aspect-ratio:4/5}
.cyq{margin:12px 0}.cyq .btns{display:flex;flex-wrap:wrap;gap:8px}.cyq button.right{background:#2f7d4f;color:#fff;border-color:#2f7d4f}.cyq button:disabled{opacity:1;cursor:default}.cyr{margin:10px 0 0;font-weight:500}
.pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}.pics figure{margin:0}.pics img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;display:block;background:var(--panel,#ece8de)}.pics figcaption{font-size:14px;margin-top:6px}.pics figcaption .note{display:block;font-size:12px;color:var(--muted,#5f5f5f)}
/* W12 */ .sixty{margin:22px auto 0!important;width:calc(100% - 32px);max-width:820px;box-sizing:border-box;background:var(--card,#fff);border:1px solid var(--line,#e2e2e2);border-radius:0;padding:6px 20px 12px!important}.sixty>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:400 22px/1.2 var(--serif,'Libre Caslon Display',serif)}.sixty ul{margin:4px 0 6px;padding-left:20px}.sixty li{margin:4px 0}.pbar{margin:40px auto 0;border-top:1px solid var(--line,#e2e2e2);padding-top:18px}.pbar div{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.pbar div a{border:1px solid var(--ink,#141414);border-radius:99px;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none;color:var(--ink,#141414);font-size:15px}.pbar div a[aria-current]{background:var(--ink,#141414);color:var(--bg,#ffffff)}.pall{font-size:15px}
/* W11 clip strip */ .clipstrip{margin-top:22px}.cstrip{all:unset;cursor:pointer;display:flex;align-items:center;gap:16px;width:100%;box-sizing:border-box;max-width:820px;margin:0 auto;background:var(--ink,#141414);color:var(--bg,#ffffff);border-radius:0;padding:10px;position:relative}.cstrip:focus-visible{outline:3px solid var(--ink,#141414);outline-offset:3px}.cstrip img{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:0;flex:none}.cs-t{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-t .k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cfc8b8}.cs-t b{font:400 24px/1.1 var(--serif,'Libre Caslon Display',serif)}.cs-t span:last-child{font-size:14px;color:#ddd}.cs-p{margin-left:auto;width:44px;height:44px;border-radius:50%;background:var(--bg,#ffffff);color:var(--ink,#141414);display:flex;align-items:center;justify-content:center;flex:none;margin-right:8px}@media(max-width:480px){.cstrip img{width:110px}.cs-t b{font-size:20px}.cs-t span:last-child{display:none}}
/* W11 reading settings */
.rset{position:relative;margin-left:auto}.rset>summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 22px/1 var(--serif,'Libre Caslon Display',serif)}.rset>summary::-webkit-details-marker{display:none}.rset>summary:hover,.rset[open]>summary{background:var(--ink,#141414);color:var(--bg,#ffffff)}
.rpanel{position:absolute;right:0;top:52px;width:min(320px,calc(100vw - 32px));background:var(--card,#fff);border:1px solid var(--line,#e2e2e2);border-radius:0;padding:16px 18px;box-shadow:0 12px 40px rgba(0,0,0,.18);z-index:60}.rpanel .rl{font-weight:600;margin:12px 0 6px}.rpanel .rh{font-size:13.5px;color:var(--muted,#555);margin:6px 0 0}.rbtns{display:flex;gap:6px;flex-wrap:wrap}.rbtns button{min-height:40px;border:1px solid var(--ink,#141414);background:none;border-radius:99px;padding:6px 14px;font:inherit;font-size:15px;cursor:pointer}.rbtns button[aria-pressed=true]{background:var(--ink,#141414);color:var(--bg,#ffffff)}
.hfilm{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:99px;background:var(--ink,#141414);color:var(--bg,#ffffff)!important;font:700 13px/1 var(--sans,Inter,sans-serif);letter-spacing:.08em;text-decoration:none;margin-left:8px;white-space:nowrap}.hfilm span{color:#e8b04a;font-size:10px}.hfilm:hover{background:#2a2a2a}.mfilm{background:#e8b04a!important;color:var(--ink,#141414)!important}@media(max-width:1000px){.hfilm{display:none}}
.hsearch{margin-left:0!important}@media(max-width:1000px){.rset{margin-left:auto}}
@media(max-width:420px){.hdr .brand{font-size:25px!important}.rset>summary,.hsearch{width:38px!important;height:38px!important}.menu summary{padding:8px 11px!important;letter-spacing:.06em!important}.hdr-in{gap:2px}}
@media(max-width:700px){.rpanel{position:fixed;left:16px;right:16px;top:70px;width:auto}}
html.rs-l{font-size:112.5%}html.rs-l body{font-size:112.5%}html.rs-xl body{font-size:130%}html.rs-l .epi .prose p,html.rs-l .epi .prose li{font-size:20px}html.rs-xl .epi .prose p,html.rs-xl .epi .prose li{font-size:23px}
html.rs-easy body{letter-spacing:.03em;word-spacing:.12em}html.rs-easy p,html.rs-easy li{line-height:1.85!important}html.rs-easy h1,html.rs-easy h2,html.rs-easy h3,html.rs-easy .t,html.rs-easy blockquote{font-family:Inter,system-ui,sans-serif!important;letter-spacing:0}html.rs-easy i,html.rs-easy em{font-style:normal}html.rs-easy .epi .prose{max-width:62ch}
html.rs-lite .card .im img,html.rs-lite .wcard .im img,html.rs-lite .herovid{display:none!important}html.rs-lite .card .im{background:#2b3340;aspect-ratio:16/10}
html.rs-calm *{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.rs-calm .herovid,html.rs-calm .herop{display:none!important}html.rs-calm img{filter:saturate(.75)}
/* Wave 9 release 3: design fixes (R1, R5) */
.hero.mini{min-height:auto!important;padding-top:110px;padding-bottom:36px}.hero.mini h1{font-size:clamp(40px,5vw,64px)!important}
.card .d{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ftr a{padding:6px 0;margin:0}.toc a{padding-top:9px!important;padding-bottom:9px!important}.links2 a{padding:6px 0}.answer .links a{display:inline-block;padding:6px 2px}
.tri .panel .k,.panel .k{color:var(--muted,#5f5f5f)}
#sres a{display:block;padding:14px 0;border-bottom:1px solid var(--line,#e2e2e2);text-decoration:none}#sres a b{display:block;font:400 26px/1.15 var(--serif,'Libre Caslon Display',serif);margin:2px 0 4px}#sres a span:not(.kick){color:var(--muted,#3c3c3c)}#sres mark{background:#f3e3a6;color:inherit;padding:0 1px}
.mmw{position:static;display:inline-flex;align-items:center;border-radius:99px}.mmw:hover,.mmw:focus-within{background:var(--ink,#141414)}.mmw:hover a.mm-a,.mmw:focus-within a.mm-a,.mmw:hover .mm summary,.mmw:focus-within .mm summary{color:var(--bg,#ffffff)}
.mm-a{font-size:13px;text-transform:uppercase;letter-spacing:.09em;padding:10px 4px 10px 14px;text-decoration:none;color:var(--ink,#141414);min-height:44px;display:inline-flex;align-items:center}
.mmw .mm summary{padding:10px 12px 10px 6px;min-height:44px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-size:12px;background:none!important;color:var(--ink,#141414)}
.mmw.on{box-shadow:inset 0 0 0 1px var(--ink,#141414)}.mmw:has(.mm[open]){background:var(--ink,#141414)}.mmw:has(.mm[open]) .mm-a,.mmw:has(.mm[open]) summary{color:var(--bg,#ffffff)!important}.mm[open] summary span{display:inline-block;transform:rotate(180deg)}
.mm-go{grid-row:span 1;background:var(--ink,#141414);color:var(--bg,#ffffff);border-radius:0;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:8px;justify-content:space-between;min-height:100%}.mm-go .mm-gk{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bdb6a6}.mm-go b{font:400 22px/1.15 var(--serif,'Libre Caslon Display',serif)}.mm-go .mm-ga{font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}.mm-go:hover .mm-ga{text-decoration-thickness:2px}
.mm-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.mob-hub{grid-column:1/-1;font:400 30px/1.2 var(--serif,'Libre Caslon Display',serif)!important;margin-top:14px;padding:6px 0!important;border-top:1px solid var(--line,#e2e2e2)}.mob-sub{font:400 17px/1.4 var(--sans,Inter,sans-serif)!important;padding:7px 0!important;color:var(--muted,#333)}
.trail{font:500 13px/1.4 var(--sans,Inter,sans-serif);color:var(--muted,#555);padding-top:12px;padding-bottom:0}.trail ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}.trail li+li:before{content:"›";margin-right:8px;color:#999}.trail a{color:var(--muted,#333);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:6px 0}.trail [aria-current]{color:var(--ink,#141414)}
.hubrow{margin:34px 0}.hubrow .sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.hubrow h2{font:400 clamp(28px,3.2vw,40px)/1.1 var(--serif,'Libre Caslon Display',serif);margin:0}.hubrow .sh p{margin:4px 0 0;color:var(--muted,#555)}
@media(max-width:1180px){.mm-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* phase 1 header (DEC-105) */
.vh{position:absolute!important;left:-9999px}
.nav .nv{font-size:13px;text-transform:uppercase;letter-spacing:.07em;padding:10px 10px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--ink,#141414);border-radius:99px;white-space:nowrap}
.nav .nv:hover,.nav .nv:focus-visible{background:var(--ink,#141414);color:var(--bg,#ffffff)}.nav .nv.on{box-shadow:inset 0 0 0 1.5px var(--ink,#141414);font-weight:600}
.hq{display:flex;align-items:center;border:1px solid var(--line,#e2e2e2);border-radius:99px;background:var(--card,#fff);margin-left:8px;height:40px;padding:0 4px 0 12px}
.hq input{border:0;outline:0;font:inherit;font-size:14px;width:120px;background:transparent}.hq button{border:0;background:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink,#141414);border-radius:50%}
.hq:focus-within{box-shadow:0 0 0 2px var(--ink,#141414)}
.hdr .hsearch{display:none}
html{scroll-padding-top:84px}
@media(max-width:1260px){.nav{display:flex!important}.menu{display:none!important}}
@media(max-width:1800px){.nav .nv{padding:10px 7px;letter-spacing:.03em;font-size:12.5px}.hq input{width:90px}.nav{gap:0!important}}
@media(max-width:1260px){.nav .nv{padding:10px 5px;font-size:12px;letter-spacing:.02em}.hq input{width:70px}}
@media(max-width:1400px){.nav .nv{padding:10px 5px;font-size:12px;letter-spacing:.02em}.hq input{width:64px}.hdr .brand{font-size:27px}}@media(max-width:1240px){.nav .nv{padding:10px 3px;font-size:11px;letter-spacing:0}.hq input{width:0;padding:0;border:0}.hdr .brand{font-size:24px}}
.hdr{position:sticky}.hdr-in{position:static}.nav{position:static}.nv-g{position:static;display:flex}
.nav .nv{border-radius:0!important;box-shadow:none!important;background:none!important;color:var(--ink,#141414)!important;border-bottom:2px solid transparent;padding-bottom:8px}
.nav .nv:hover,.nav .nv:focus-visible,.nv-g:hover>.nv,.nv-g:focus-within>.nv{border-bottom-color:var(--ink,#141414)}.nav .nv.on{border-bottom-color:var(--ink,#141414);font-weight:600}
.mm2{white-space:normal;text-align:left;position:absolute;left:0;right:0;top:100%;background:#ffffff;border-top:1px solid var(--ink,#141414);border-bottom:1px solid #dddddd;box-shadow:0 24px 40px -24px rgba(0,0,0,.25);visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility 0s .15s;z-index:60}
.nv-g.has:hover>.mm2,.nv-g.has:focus-within>.mm2{visibility:visible;opacity:1;transform:none;transition-delay:.08s,.08s,0s}
.mm2-in{display:grid;grid-template-columns:minmax(220px,1fr) 3fr;gap:48px;padding:36px 32px 40px}
.mm2-k{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;line-height:1.1;margin:0 0 12px}.mm2-b{font-size:15px;line-height:1.55;color:#4a4740;margin:0 0 20px}
.mm2-all{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink,#141414);text-decoration:none;border-bottom:1px solid var(--ink,#141414);padding-bottom:3px}
.mm2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;align-content:start}
.mm2-i{display:block;padding:14px 0;border-top:1px solid #dddddd;text-decoration:none;color:var(--ink,#141414)}.mm2-i:hover,.mm2-i:focus-visible{background:#f2f2f2}
.mm2-t{display:block;font-size:16px;font-weight:600;line-height:1.3}.mm2-d{display:block;font-size:13.5px;line-height:1.45;color:#5a564d;margin-top:4px}
@media(max-width:1440px){.mm2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:none){.mm2{display:none}}
@media(prefers-reduced-motion:reduce){.mm2{transition:none}}
@media(max-width:1080px){.nav{display:none!important}.menu{display:block!important}.hq{display:none}.hdr .hsearch{display:inline-flex;margin-left:0!important}.rset{margin-left:auto!important}}

/* Design Lab hooks */
body{font-family:var(--sans,Inter,sans-serif)}
.card .im,.card img,.ep .th,.mm-card img,.hubmore img,.hubfeat,.cstrip,.reflect,.ep-q,.wi,.gift,.formula div{border-radius:var(--r,10px)}
.hero{border-radius:var(--rh,0px)}
html{font-size:calc(16px * var(--ts,1))}
.dl-bar{position:fixed;left:12px;bottom:12px;z-index:90;background:var(--ink,#141414);color:var(--bg,#ffffff);border-radius:99px;padding:8px 10px 8px 16px;font:500 13px/1.2 var(--sans,Inter,sans-serif);display:flex;gap:10px;align-items:center;box-shadow:0 6px 24px #0004}
.dl-bar a,.dl-bar button{color:inherit;background:none;border:1px solid currentColor;border-radius:99px;padding:6px 12px;font:inherit;cursor:pointer;text-decoration:none;min-height:36px}

/* wave 21 layout fixes (wave21/layout/LAYOUT_FIXES.md) */
/* whoisallah v3 layout fixes, wave 21 (9 Nov 2026). Append to out/style.css (or the source stylesheet). */

/* F1 Sticky header covers in-page anchor targets (Scripture "one-minute snapshot", layer-1..7, #doors;
   every page with jump links). Header is sticky, ~66px tall under a 31px preview banner. */
html{scroll-padding-top:112px}
main [id]{scroll-margin-top:112px}

/* F2 99 Names explorer: absolute card number (.nxn) printed on top of the first letter of the title. */
.nx .nxn{position:static;order:-1;line-height:1;margin:0 0 4px}

/* F3 99 Names grid cards: a long Arabic name (2 lines, e.g. 85 Dhu l-Jalal wa l-Ikram) runs into the
   transliteration strip at the foot of the square. Keep the Arabic in the area above the strip. */
.nc .nc-ar{inset:30px 0 52px 0;font-size:clamp(28px,3.6vw,48px);line-height:1.45}

/* F4 Names hero "Pause motion" button sits on top of the H1 on phones (button is top:12px, hero copy
   fills the hero). Reserve a strip for the button above the copy. */
@media (max-width:700px){.hero.show .hero-in{padding-top:68px}}

/* F5 Screen pages with an inline two-column grid (2fr/1fr, 11 pages): the grid never stacks, so on
   phones and tablets the comparison table (.tbl) runs under the "Where to watch" poster column. */
@media (max-width:900px){
  .g[style*="minmax(0,2fr) minmax(0,1fr)"]{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* F6 Prophet pages "The name in three scripts": Arabic glyphs (hamza above, ya tail below) touch the
   label above and the transliteration below at line-height 1.25. */
.pr-names .scr.ar{line-height:1.7}

/* F7 Card badge ("5 min") hidden behind the typographic tile (.typo-t is painted after it). Lift the
   badge above the tile and move it to the top corner so it never meets the tile's title. */
.im:has(.typo-t) .tc{z-index:2;top:8px;bottom:auto}
/* long tile titles also overflowed the tile upwards into the badge: clamp the decorative (aria-hidden) copy */
.im:has(.tc) .typo-t{padding-top:38px}
.typo-t{overflow:hidden}
.typo-t>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}

/* F8 Breadcrumb: the current page (plain text) sits 6px higher than the linked crumbs (links carry
   6px vertical padding). */
.trail ol{align-items:baseline}
.trail [aria-current]{padding:6px 0}

/* F9 Hero picture credits (.credit, absolute at the foot of the hero) run over the hero copy on phones when
   the credit is long (4-5 lines: watch/reviews, schools/clips, home), and under the "Pause motion" /
   "Play background" buttons on tablet/desktop. On phones the credit joins the flow under the copy; the
   motion buttons move to the top corner; on wider screens the credit stops short of the button. */
@media (max-width:700px){
  .hero:has(>.credit){flex-wrap:wrap;align-content:flex-end}
  .hero:has(>.credit) .hero-in{padding-bottom:14px!important;flex-basis:100%}
  .hero>.credit{position:relative;left:0;right:0;bottom:auto;flex-basis:100%;padding:0 16px 10px}
  .hero>.herop{top:12px;bottom:auto}
}
@media (min-width:701px){
  .hero:has(>.vidctl)>.credit,.hero:has(>.herop)>.credit{right:auto;max-width:calc(100% - 210px)}
}

/* F10 Prophet heroes: descenders of very large titles (the J of Joseph, the y of Jacob-style names) run
   into "(peace be upon him)" set 6px below a 0.95 line-height title. Open the gap a little. */
.hero-in h1 + .pbuh{margin-top:clamp(12px,1.9vw,30px)}

/* wave23 feedback */
/* FB-002 the list of 99 shows each Name opens a page */
.nolist a{display:flex!important;align-items:center;gap:10px;padding:8px 0!important}
.nolist .nl-pic{flex:0 0 44px;width:44px;height:44px;border-radius:0;overflow:hidden;background:#ececec}
.nolist .nl-pic img{width:100%;height:100%;object-fit:cover;display:block}
.nolist .nl-txt{flex:1;min-width:0}
.nolist .nl-go{flex:0 0 auto;font:600 13px Inter,sans-serif;color:#2f5d7d;white-space:nowrap}
.nolist a:hover .nl-go,.nolist a:focus .nl-go{text-decoration:underline}
.sky-ctl .sky-down{background:#f7f7f5!important;color:#141414!important;font-weight:600!important}
/* FB-003 Names cards: Find out more */
.nc-b{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nc-more{display:inline-flex;align-items:center;min-height:44px;font:600 14px Inter,sans-serif;color:#2f5d7d;text-decoration:none}
.nc-more:hover,.nc-more:focus{text-decoration:underline}
/* FB-004 Name page top bar */
.nmbar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:14px auto 0;padding:10px 14px;border:1px solid var(--line,#e2e2e2);border-radius:0;background:#f5f5f3;font:500 15px Inter,sans-serif}
.nmbar a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:#141414}
.nmbar a:hover,.nmbar a:focus{text-decoration:underline}
.nmbar .nm-pos{color:#555}
.nmbar .nm-next{margin-left:auto;font-weight:700;color:#2f5d7d}
@media(max-width:600px){.nmbar .nm-prev span,.nmbar .nm-next span{display:none}}
/* FB-007 Next at the top, beside the breadcrumb */
.crumbs-row{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.crumbs-row .crumbs{margin:0}
.crumb-next{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border-radius:99px;background:#2f5d7d;color:#fff!important;font:600 14px Inter,sans-serif;text-decoration:none}
.crumb-next:hover,.crumb-next:focus{background:#244a64}
/* FB-008 On this page stands out */
.epi aside .toc,.toc{background:#f5f5f3;border:1px solid #e2e2e2;border-left:4px solid #2f5d7d;border-radius:0;padding:16px 18px}
.toc>.kick:first-child{font-weight:700;color:#141414;letter-spacing:.06em}
.toc>a{display:block;padding:6px 0;border-bottom:1px solid #e2dccd}
@media(min-width:900px){.epi aside .toc{position:sticky;top:84px}}

/* phase 1 */
.trline{font-size:14px;color:#555;margin:10px 0}.trline a{color:#141414}

/* wave 26: Museum gallery (Riz's pick, 12 Nov) */
body{background:#fff;color:#111}
h1,h2,h3,.brand{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}
.btn,.b1,.b2,a.btn,button.btn{border-radius:0!important}
.btn{background:#111;color:#fff;border-color:#111}.btn.alt{background:transparent;color:#111;border:1.5px solid #111}
figcaption,.credit,.cap{font-size:13px;color:#555;border-left:2px solid #111;padding-left:12px;margin-top:10px;line-height:1.45}
.card .im,.card img{border-radius:0!important}
.sec .sh h2{letter-spacing:-.005em}
hr{border:0;border-top:1px solid #e2e2e2}
.gh-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:56px;align-items:center;max-width:1240px;margin:28px auto 0;padding:32px 32px 0;box-sizing:border-box}
.gh-hero h1{font-size:clamp(52px,7vw,108px);line-height:.98;margin:8px 0 16px;color:#111}
.gh-hero .lede{font-size:19px;max-width:600px;margin:0 0 24px;color:#111}
.gh-hero .kick{color:#555}.gh-hero .btns{display:flex;gap:12px;flex-wrap:wrap}
.gh-fig{margin:0}.gh-media{position:relative;aspect-ratio:4/5;background:#000;overflow:hidden}
.gh-media video,.gh-media img{width:100%;height:100%;object-fit:cover;display:block}
.gh-media .herop{position:absolute;right:12px;bottom:12px;min-height:44px;padding:0 14px;background:#111c;color:#fff;border:0;font:500 13px Inter,sans-serif;cursor:pointer}
.home-breath{text-align:center;max-width:900px;margin:96px auto;padding:0 32px}
.home-breath .q{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(24px,2.6vw,34px);line-height:1.3;margin:12px 0 18px}
.home-breath .links{font-size:15px;color:#555}
.home-signs .strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-signs figure{margin:0}.home-signs a{text-decoration:none;color:#111}.home-signs img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.home-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:36px;align-items:center}
.home-feat video{width:100%;aspect-ratio:16/9;background:#000;display:block}
@media(max-width:760px){.home-signs .strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

.yt-away{text-decoration:none;color:inherit;display:block}.yt-away-l{display:block;font-size:13px;margin-top:6px;text-decoration:underline}