/* Shared live-data pages — editorial theme (2026-11), matches city/directory/diaspora. Uses app.css tokens; RTL-safe. */
.ncd-page{--ncd-r:22px;max-width:var(--max-width);margin:0 auto;padding:14px 16px 64px;min-width:0}
.ncd-page>*{min-width:0}
@media(min-width:600px){.ncd-page{padding:20px 24px 72px}}
/* Hero — editorial masthead: no box, giant title, gradient headline figure. */
.ncd-head{position:relative;isolation:isolate;overflow:hidden;margin:6px 0 22px;padding:24px 0 22px;border-bottom:1px solid var(--border)}
.ncd-head::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px 220px at 85% 0%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 70%)}
@media(min-width:600px){.ncd-head{padding:32px 0 26px}}
.ncd-head h1{margin:0 0 10px;max-width:22ch;color:var(--foreground);font-size:clamp(2.1rem,6vw,3.5rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:break-word}
html[lang="ar"] .ncd-head h1{letter-spacing:0;line-height:1.3}
.ncd-head p{max-width:62ch;color:var(--muted-foreground);line-height:1.7}
.ncd-head p:last-child{margin-bottom:0}
.ncd-head .ncd-meta,.ncd-head .ncd-meta a{color:var(--muted-foreground)}
.ncd-head a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.ncd-head .ncd-actions a{text-decoration:none}
.ncd-hero-grid{display:grid;gap:22px;min-width:0}
@media(min-width:900px){.ncd-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:end;gap:40px}}
.ncd-hero-main{min-width:0}
/* Borderless headline figure: eyebrow label, gradient number, muted note. */
.ncd-hero-fig{display:grid;gap:2px;margin:0;min-width:0}
.ncd-hero-fig>span{color:var(--primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
html[lang="ar"] .ncd-hero-fig>span{letter-spacing:0;text-transform:none}
.ncd-hero-fig>strong{font-size:clamp(2.6rem,8vw,4rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){.ncd-hero-fig>strong{color:var(--primary);background:none}}
.ncd-hero-fig>small{color:var(--muted-foreground);font-size:var(--text-sm);font-weight:600}
@media(min-width:900px){.ncd-hero-fig{text-align:end;justify-items:end}}
html[data-theme="dark"] .ncd-head{border-bottom-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .ncd-head::after{background:radial-gradient(560px 220px at 85% 0%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 70%)}
@media (prefers-color-scheme:dark){
  html:not([data-theme]) .ncd-head{border-bottom-color:rgba(255,255,255,.12)}
  html:not([data-theme]) .ncd-head::after{background:radial-gradient(560px 220px at 85% 0%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 70%)}
}
}
/* Cards */
.ncd-card{margin-top:18px;padding:20px;border:1px solid var(--border);border-radius:var(--ncd-r);background:linear-gradient(170deg,color-mix(in srgb,var(--primary) 6%,var(--card)),var(--card) 60%);box-shadow:var(--shadow-sm);min-width:0}
@media(min-width:600px){.ncd-card{padding:26px}}
.ncd-card>h2,.ncd-card>header>h2{position:relative;margin:0 0 12px;padding-inline-start:16px;font-size:var(--text-xl);font-weight:900;letter-spacing:-.01em}
html[lang="ar"] .ncd-card>h2{letter-spacing:0}
.ncd-card>h2::before,.ncd-card>header>h2::before{content:"";position:absolute;inset-block:.2em;inset-inline-start:0;width:5px;border-radius:3px;background:var(--gradient-brand)}
.ncd-card h3{font-size:var(--text-base);font-weight:900}
/* Stat tiles */
.ncd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}
.ncd-stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);min-width:0}
.ncd-stat strong{font-size:var(--text-2xl);font-weight:900;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
[dir="rtl"] .ncd-stat strong{direction:ltr;unicode-bidi:isolate;text-align:right}
.ncd-stat .ncd-meta:first-child{font-weight:800;letter-spacing:.02em}
.ncd-meta{color:var(--muted-foreground);font-size:var(--text-sm)}
.ncd-empty{padding:18px;border-radius:18px;background:var(--surface);color:var(--muted-foreground)}
/* Pills / tabs */
.ncd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0}
.ncd-actions a,.ncd-actions button{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--primary);font:inherit;font-size:var(--text-sm);font-weight:800;transition:background var(--duration) var(--ease),transform var(--duration) var(--ease)}
.ncd-actions a:hover,.ncd-actions button:hover{text-decoration:none;transform:translateY(-1px);border-color:var(--primary)}
.ncd-actions button{cursor:pointer}
.ncd-card .ncd-actions{margin:12px 0 16px}
/* Tables */
.ncd-table-wrap{overflow-x:auto;margin-inline:-4px;padding-inline:4px}
.ncd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums}
.ncd-table th,.ncd-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}
.ncd-table thead th{background:var(--card);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid var(--border)}
html[lang="ar"] .ncd-table thead th{letter-spacing:0;text-transform:none}
.ncd-table tbody tr:hover{background:var(--surface)}
.ncd-table tbody tr:last-child th,.ncd-table tbody tr:last-child td{border-bottom:0}
.ncd-table tbody th{font-weight:800}
.ncd-today,.ncd-table tbody tr.ncd-today{background:var(--primary-soft)}
.ncd-today-badge{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:var(--gradient-brand);color:#fff;font-size:var(--text-xs);font-weight:800}
.ncd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Forms */
.ncd-converter{display:grid;grid-template-columns:1fr;gap:8px;max-width:560px}
.ncd-converter label{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:800}
.ncd-converter input,.ncd-converter select,.ncd-converter button{min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:14px;background:var(--input);color:var(--foreground);font:inherit;font-weight:700}
.ncd-converter input:focus,.ncd-converter select:focus{outline:2px solid var(--ring);outline-offset:1px}
.ncd-converter button{border:0;background:var(--gradient-brand);color:#fff;font-weight:900;cursor:pointer}
/* Charts */
.ncd-chart-wrap{margin:0;--ncd-chart-1:#0f766e;--ncd-chart-2:#1d4ed8;--ncd-chart-3:#b45309;--ncd-chart-4:#be123c;--ncd-chart-5:#6d28d9}.ncd-chart{width:100%;height:auto;overflow:visible;color:var(--muted-foreground)}
html[data-theme="dark"] .ncd-chart-wrap{--ncd-chart-1:#2dd4bf;--ncd-chart-2:#60a5fa;--ncd-chart-3:#fbbf24;--ncd-chart-4:#fb7185;--ncd-chart-5:#a78bfa}
@media (prefers-color-scheme:dark){html:not([data-theme]) .ncd-chart-wrap{--ncd-chart-1:#2dd4bf;--ncd-chart-2:#60a5fa;--ncd-chart-3:#fbbf24;--ncd-chart-4:#fb7185;--ncd-chart-5:#a78bfa}}
.ncd-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;padding:0;list-style:none;color:var(--muted-foreground);font-size:var(--text-sm)}
.ncd-swatch{display:inline-block;width:12px;height:12px;border-radius:3px}
/* Lists */
.ncd-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.ncd-list>li{padding:14px 0;border-top:1px solid var(--border)}.ncd-list>li:first-child{border-top:0}.ncd-list p{margin:4px 0 0}
.ncd-card form.ncd-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ncd-card form.ncd-card select,.ncd-card form.ncd-card button{min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:14px;background:var(--input);color:var(--foreground);font:inherit}.ncd-card form.ncd-card button{border:0;background:var(--gradient-brand);color:#fff;font-weight:900}
.ncd-map{min-height:360px;border:1px solid var(--border);border-radius:var(--ncd-r);overflow:hidden}
.ncd-print{margin-inline-end:auto}
/* Temperature range bar (as the city forecast) */
.ncd-range{position:relative;display:block;min-width:90px;height:8px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.ncd-range>i{position:absolute;inset-block:0;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#f59e0b,#ef4444)}
.ncd-note{margin:14px 0 0;padding:12px 14px;border-radius:14px;background:var(--surface);color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.6}
@media(min-width:600px){.ncd-converter{grid-template-columns:auto 1fr auto 1fr auto;align-items:center}}
@media print{.site-header,.site-footer,.tabbar,.ncd-actions,.ncd-meta{display:none!important}.ncd-page{padding:0}.ncd-head{background:none!important;color:#000;box-shadow:none;border-bottom:0;padding:0}.ncd-head::after{display:none}.ncd-head h1,.ncd-head p{color:#000}.ncd-hero-fig{display:none}.ncd-card,.ncd-head{box-shadow:none;break-inside:avoid}.ncd-table-wrap{overflow:visible}.ncd-table{font-size:10pt}.ncd-table th,.ncd-table td{padding:4pt 6pt}}
/* F3 rest — Commons photos on data pages (author + licence always shown). */
.commons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.commons-item{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}
.commons-item img{display:block;width:100%;height:140px;object-fit:cover}
.commons-item figcaption{padding:7px 9px;color:var(--muted-foreground);font-size:var(--text-xs);line-height:1.4}
.commons-item figcaption a{color:var(--primary)}
/* Page extras */
.ncd-hero-fig>strong small{font-size:.45em;font-weight:800;opacity:.75}
a.ncd-stat{color:var(--foreground);transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}
a.ncd-stat:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none;color:var(--foreground)}
.ncd-actions a[aria-current]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}
.ncd-card h3{margin:18px 0 6px}
.ncd-table .ncd-range{margin-top:6px}
.ncd-places{grid-template-columns:minmax(0,1fr);gap:10px}
.ncd-places>li{padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);min-width:0}
.ncd-places>li:first-child{border-top:1px solid var(--border)}
.ncd-places>li strong{display:block}
.ncd-places>li p{overflow-wrap:anywhere}
@media(min-width:700px){.ncd-places{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.ncd-places{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ncd-routes{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.ncd-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ncd-routes>.ncd-card{margin-top:0}
.ncd-routes .ncd-card h2{font-size:var(--text-lg)}
/* Town × category remake (city-category.php): modern directory design. */
.mx-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:4px 0 18px;font-size:var(--text-sm);color:var(--muted-foreground)}
.mx-crumb a{color:var(--muted-foreground);font-weight:600;text-decoration:none}
.mx-crumb a:hover{color:var(--foreground);text-decoration:underline}
.mx-crumb [aria-current]{color:var(--foreground);font-weight:800;overflow-wrap:anywhere}
.mx-crumb span[aria-hidden]{opacity:.4}
/* Split masthead: display type + giant stat. */
.mx-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:26px;margin:6px 0 8px;padding-top:8px}
.mx-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(480px 220px at 12% 0%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%)}
.mx-ghost{position:absolute;top:-.15em;inset-inline-end:0;z-index:-1;max-width:100%;font-size:clamp(3rem,11vw,8rem);font-weight:900;line-height:1;letter-spacing:-.04em;white-space:nowrap;color:color-mix(in srgb,var(--foreground) 7%,transparent);pointer-events:none;user-select:none}
html[lang="ar"] .mx-ghost{letter-spacing:0}
@media(min-width:900px){.mx-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}}
.mx-hero-main{min-width:0}
@keyframes mx-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mx-hero-main>*{animation:mx-rise .55s var(--ease) both}
.mx-hero-main>*:nth-child(3){animation-delay:.06s}
.mx-hero-main>*:nth-child(4){animation-delay:.12s}
.mx-hero-main>*:nth-child(5){animation-delay:.18s}
.mx-stat{animation:mx-rise .55s .1s var(--ease) both}
.mx-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:700}
.mx-pulse{flex:none;width:8px;height:8px;border-radius:50%;background:#10b981;animation:mx-pulse 2s ease-out infinite}
@keyframes mx-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.mx-hero h1{margin:0 0 12px;max-width:22ch;font-size:clamp(2.4rem,7vw,4.25rem);font-weight:900;line-height:1.02;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:break-word;color:var(--foreground)}
html[lang="ar"] .mx-hero h1{letter-spacing:0;line-height:1.25}
.mx-grad{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){.mx-grad{color:var(--primary);background:none}}
.mx-sep{color:var(--muted-foreground);font-weight:400}
.mx-sub{margin:0;max-width:60ch;color:var(--muted-foreground);font-size:var(--text-base);line-height:1.7;overflow-wrap:break-word}
.mx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.mx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--foreground);font-size:var(--text-sm);font-weight:800;text-decoration:none;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}
.mx-btn:hover{border-color:var(--foreground);text-decoration:none;transform:translateY(-1px)}
.mx-btn-solid{background:var(--gradient-brand);border-color:transparent;color:#fff}
.mx-btn-solid:hover{box-shadow:var(--shadow);filter:brightness(1.08)}
.mx-btn-sm{min-height:44px;padding:0 16px;width:100%}
.mx-stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.mx-stat-num{font-size:clamp(3.5rem,9vw,5.5rem);font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--foreground)}
html[lang="ar"] .mx-stat-num{letter-spacing:0}
.mx-stat-label{color:var(--muted-foreground);font-size:var(--text-sm);font-weight:600}
.mx-stat-next{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 14px;border-radius:999px;background:var(--gradient-brand);color:#fff;font-size:var(--text-xs);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Prayer panel: head row + scroll-snap times. */
.mx-panel{margin-top:30px;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--card);min-width:0}
@media(min-width:600px){.mx-panel{padding:26px}}
.mx-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.mx-panel-head h2{margin:0;font-size:var(--text-xl);font-weight:900;letter-spacing:-.01em}
html[lang="ar"] .mx-panel-head h2{letter-spacing:0}
.mx-more{color:var(--primary);font-size:var(--text-sm);font-weight:800;text-decoration:none;white-space:nowrap}
.mx-more:hover{text-decoration:underline}
.mx-times{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
@media(max-width:900px){.mx-times{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.mx-times{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.mx-times>li{flex:0 0 112px;scroll-snap-align:start}}
.mx-times>li{display:flex;flex-direction:column;justify-content:center;gap:5px;margin:0;padding:14px 10px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:center;min-width:0}
.mx-t-name{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:800;line-height:1.5}
.mx-t-time{color:var(--foreground);font-size:1.35rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2}
.mx-t-tag{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.65}
html[lang="ar"] .mx-t-tag{letter-spacing:0;text-transform:none}
.mx-times>li.is-next{background:var(--gradient-brand);border-color:transparent}
.mx-times>li.is-next .mx-t-name,.mx-times>li.is-next .mx-t-time{color:#fff}
.mx-times>li.is-next .mx-t-name{display:flex;align-items:center;justify-content:center;gap:7px}
.mx-times>li.is-next .mx-t-name::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#34d399;animation:mx-pulse 2s ease-out infinite}
.mx-times>li.is-now{border-color:#10b981;box-shadow:inset 0 0 0 1px #10b981}
/* Place cards: avatar + main + actions. */
.mx-count{margin:28px 0 12px;color:var(--muted-foreground);font-size:var(--text-sm);font-weight:700}
.mx-grid{display:grid;gap:14px;margin:0;padding:0;list-style:none}
@media(min-width:900px){.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mx-grid>li{animation:mx-rise .5s var(--ease) both}
.mx-grid>li:nth-child(2){animation-delay:.05s}
.mx-grid>li:nth-child(3){animation-delay:.1s}
.mx-grid>li:nth-child(4){animation-delay:.15s}
.mx-grid>li:nth-child(5){animation-delay:.2s}
.mx-grid>li:nth-child(6){animation-delay:.25s}
.mx-grid>li:nth-child(7){animation-delay:.3s}
.mx-grid>li:nth-child(n+8){animation-delay:.35s}
.mx-panel{animation:mx-rise .5s .15s var(--ease) both}
.mx-card{display:flex;gap:16px;margin:0;padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--card);min-width:0;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}
.mx-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--foreground) 30%,var(--border))}
.mx-avatar{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--gradient-brand);color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--primary) 70%,transparent);transition:transform var(--duration) var(--ease)}
.mx-avatar svg{width:26px;height:26px}
.mx-card:hover .mx-avatar{transform:scale(1.06) rotate(-3deg)}
.mx-btn:focus-visible,.mx-iconbtn:focus-visible,.mx-more:focus-visible,.mx-crumb a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.mx-card-main{flex:1;min-width:0;align-self:center}
.mx-card-main h2{margin:0 0 6px;font-size:1.1rem;font-weight:800;line-height:1.4;overflow-wrap:break-word;word-break:break-word}
.mx-card-addr,.mx-card-meta{display:flex;align-items:flex-start;gap:8px;margin:5px 0 0;min-width:0;font-size:var(--text-sm);line-height:1.6;color:var(--muted-foreground)}
.mx-card-addr svg,.mx-card-meta svg{flex:none;width:15px;height:15px;margin-top:4px;color:var(--primary)}
.mx-card-addr span,.mx-card-meta span{min-width:0;overflow-wrap:break-word;word-break:break-word}
.mx-card-label{font-weight:700}
.mx-card-meta a{color:var(--foreground);font-weight:700}
.mx-card-side{flex:none;display:flex;flex-direction:column;gap:8px;align-self:center;min-width:0}
.mx-side-row{display:flex;gap:8px}
.mx-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--foreground);transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}
.mx-iconbtn:hover{border-color:var(--foreground);transform:translateY(-1px)}
.mx-iconbtn svg{width:18px;height:18px}
@media(max-width:640px){.mx-card{flex-wrap:wrap}.mx-card-side{flex-direction:row;flex:1 1 100%;align-items:center}.mx-card-side .mx-btn{flex:1}.mx-side-row{flex:none}}
@media (prefers-reduced-motion:reduce){.mx-pulse{animation:none}.mx-btn,.mx-iconbtn,.mx-card,.mx-avatar{transition:none}.mx-btn:hover,.mx-iconbtn:hover,.mx-card:hover{transform:none}.mx-card:hover .mx-avatar{transform:none}.mx-hero-main>*,.mx-stat,.mx-grid>li,.mx-panel{animation:none}}
@media print{.mx-actions,.mx-card-side{display:none!important}.mx-hero h1,.mx-sub{color:#000}}
.ncd-list>li>strong{font-weight:800}
.ncd-page>.nc-sources{padding-inline:4px;margin-top:32px}
.ncd-page>.ncd-note,.ncd-page>.ncd-meta{margin-top:14px}
/* C1 explainer (one per data page): how the figure is produced, how to read
   it, what it is not — plus the computed live-insight sentence. */
.ncd-about{margin-top:18px;padding:20px;border:1px solid var(--border);border-radius:var(--ncd-r);background:var(--surface);min-width:0}
@media(min-width:600px){.ncd-about{padding:26px 28px}}
.ncd-about>h2{position:relative;margin:0 0 12px;padding-inline-start:16px;font-size:var(--text-xl);font-weight:900;letter-spacing:-.01em}
html[lang="ar"] .ncd-about>h2{letter-spacing:0}
.ncd-about>h2::before{content:"";position:absolute;inset-block:.2em;inset-inline-start:0;width:5px;border-radius:3px;background:var(--gradient-brand)}
.ncd-about p{max-width:75ch;line-height:1.75}
.ncd-about-insight{margin:14px 0 0;padding:12px 16px;border-radius:14px;background:var(--primary-soft);border-inline-start:4px solid var(--primary);font-weight:700}