/* أرشيف مفكرة الإسلام — نمط واحد: القراءة (ورق دافئ وحبر بنّي)
   ثلاث درجات: --bg2 للأشرطة، --bg لخلفية الموقع، --card للألواح والمتن (الأفتح) */
@font-face{font-family:'Thmanyah';font-weight:300;font-style:normal;font-display:swap;src:url('fonts/thmanyahsans-Light.woff2') format('woff2')}
@font-face{font-family:'Thmanyah';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/thmanyahsans-Regular.woff2') format('woff2')}
@font-face{font-family:'Thmanyah';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/thmanyahsans-Medium.woff2') format('woff2')}
@font-face{font-family:'Thmanyah';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/thmanyahsans-Bold.woff2') format('woff2')}
@font-face{font-family:'Thmanyah';font-weight:900;font-style:normal;font-display:swap;src:url('fonts/thmanyahsans-Black.woff2') format('woff2')}

:root{
  --font:'Thmanyah',system-ui,'Segoe UI',Tahoma,sans-serif;
  --fs:1; --w:1180px; --measure:840px; --r:14px; --r-s:9px;
  --bg:#e8dcc4; --bg2:#ddcfb2; --card:#fcf8ee; --ink:#2a2118; --ink2:#4a3f30; --muted:#62553f;
  --rule:#d2c3a4; --accent:#17506b; --accent-ink:#fff; --soft:rgba(23,80,107,.08);
  --gold:#7d530c; --gold-fill:#e3b454; --mark:#f3d57c;
  --hero-a:#f6eddb; --hero-b:#dccdae; --hero-glow:rgba(253,250,241,.96); --hero-orb1:rgba(227,180,84,.6); --hero-orb2:rgba(23,80,107,.2); --hero-ink:#2a2118; --hero-mut:#4a3f30; --map-dot:rgba(74,63,48,.42); --map-arc:rgba(23,80,107,.3);
  --foot-bg:#2a2118; --foot-ink:#e8dcc4;
  --danger:#89002a; --danger-text:#89002a;
  --shadow:0 1px 2px rgba(60,40,10,.07),0 10px 26px -14px rgba(60,40,10,.28);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.75 var(--font);font-feature-settings:"kern";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;line-height:1.35;text-wrap:balance}
p{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
::selection{background:var(--mark);color:var(--ink)}
mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 .1em}
.ic{flex:none;vertical-align:-.22em}
.wrap{width:min(100% - 2rem,var(--w));margin-inline:auto}
.wrap.narrow{width:min(100% - 2rem,var(--measure))}
.skip{position:absolute;inset-inline-start:1rem;top:-4rem;background:var(--accent);color:var(--accent-ink);padding:.5rem 1rem;border-radius:var(--r-s);z-index:50}
.skip:focus{top:.5rem}
.block{padding-block:1.6rem}
.empty,.hint{color:var(--muted);padding:1.5rem 0}
.panel{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);padding:1.4rem 1.6rem}

/* ---------- الرأس */
.hdr{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--rule);box-shadow:0 2px 10px -6px rgba(0,0,0,.25)}
.hdr-in{display:flex;align-items:center;gap:1.4rem;min-height:66px}
.brand{display:inline-flex;align-items:center;gap:.7rem}
.brand .mark{width:40px;height:40px;flex:none}
.brand-t{display:flex;flex-direction:column;line-height:1.2}
.brand-t b{font-weight:900;font-size:1.25rem;letter-spacing:-.01em}
.brand-t small{font-size:.72rem;color:var(--muted);font-weight:500}
.nav{display:flex;gap:.2rem;margin-inline-start:auto}
.nav a{padding:.45rem .8rem;border-radius:var(--r-s);font-weight:500;font-size:.95rem;color:var(--ink2)}
.nav a:hover{background:var(--soft);color:var(--accent)}
.nav a[aria-current]{color:var(--accent);background:var(--soft);font-weight:700}
.hdr-tools{display:flex;align-items:center;gap:.5rem}
.hdr-search{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--rule);background:var(--bg);color:var(--ink2)}
.hdr-search:hover{border-color:var(--accent);color:var(--accent)}
.nav-btn{display:none;border:1px solid var(--rule);background:var(--bg);border-radius:var(--r-s);padding:.4rem;line-height:0}
.secbar{background:var(--bg2);border-top:1px solid var(--rule)}
.secbar-in{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;padding-block:.3rem}
.secbar-in::-webkit-scrollbar{display:none}
.secbar a{white-space:nowrap;padding:.25rem .7rem;border-radius:999px;font-size:.86rem;color:var(--ink2)}
.secbar a:hover{color:var(--accent);background:var(--card)}
.secbar a[aria-current]{background:var(--accent);color:var(--accent-ink);font-weight:700}
.secbar .more{color:var(--accent);font-weight:700;margin-inline-start:auto}

/* ---------- عناصر مشتركة */
.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:999px;font-weight:700;font-size:.92rem;border:1px solid transparent}
.btn.ghost{border-color:var(--rule);background:var(--card);color:var(--ink2)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);padding:.7rem 1.4rem;font-size:.98rem}
.btn.primary:hover{filter:brightness(1.15)}
.btn.primary .ic{width:16px;height:16px}
.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}
.btn.danger:hover{filter:brightness(1.18)}
.btn[disabled]{opacity:.6;cursor:default}
.sh{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}
.sh h2{font-size:1.18rem;font-weight:900;position:relative;padding-inline-start:.9rem}
.sh h2::before{content:"";position:absolute;inset-inline-start:0;top:.32em;bottom:.32em;width:4px;border-radius:2px;background:var(--gold-fill)}
.sh::after{content:"";flex:1;height:1px;background:var(--rule);order:1}
.sh a{order:2;font-size:.86rem;font-weight:700;color:var(--accent);white-space:nowrap}
.sh a:hover{text-decoration:underline;text-underline-offset:.3em}
.sub{color:var(--muted);font-size:.9rem;margin:-.6rem 0 1rem}
.chips,.filter{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .8rem;border:1px solid var(--rule);border-radius:999px;font-size:.88rem;background:var(--card);color:var(--ink2)}
.chip i{font-style:normal;font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}
.chip.on i{color:inherit;opacity:.8}
.filter{margin-bottom:1.1rem}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.84rem;color:var(--muted);margin-bottom:.8rem}
.crumbs a:hover{color:var(--accent)}
.crumbs i{font-style:normal;opacity:.5}
.crumbs span{color:var(--ink2)}

/* ---------- الواجهة */
/* الهيرو: متوسَّط، بخلفية متدرجة عميقة، وزخرفة هندسية تنساب، وهالتا ضوء، وشريط سنوات الأرشيف */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:2.3rem 0 0;text-align:center;color:var(--hero-ink);
  background:radial-gradient(900px 440px at 50% 0,var(--hero-glow),transparent 70%),linear-gradient(180deg,var(--hero-a),var(--hero-b));border-bottom:1px solid var(--rule)}
/* شريط الخريطة: مستقل تحت النص، فلا شيء يمرّ خلف الكلام */
.hero-band{position:relative;height:clamp(240px,23vw,300px);margin-top:.9rem;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%);mask-image:linear-gradient(180deg,transparent,#000 24%)}
.hero-map{position:absolute;left:50%;top:50%;width:max(1180px,104vw);aspect-ratio:1000/372;transform:translate(-50%,-40%);pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.hm-dots{position:absolute;inset:0;background:var(--map-dot);-webkit-mask:url(world.svg) center/100% 100% no-repeat;mask:url(world.svg) center/100% 100% no-repeat}
.hm-live{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hm-live .arc{fill:none;stroke:var(--map-arc);stroke-width:.6}
.hm-live .spark{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:9 100;stroke-dashoffset:109;animation:wire 6.3s linear infinite}
.hm-live .core{fill:var(--accent)}
.hm-live .ring{fill:none;stroke:var(--accent);stroke-width:.9;transform-box:fill-box;transform-origin:center;animation:ping 3.2s ease-out infinite;animation-delay:var(--d)}
.hm-live .spot:not(.big) .core{opacity:.75}
.hm-scan{position:absolute;top:0;bottom:0;width:18%;left:-18%;background:linear-gradient(90deg,transparent,rgba(255,252,244,.4),transparent);animation:scan 11s linear infinite}
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;width:42vw;height:42vw;max-width:560px;max-height:560px;border-radius:50%;filter:blur(90px);opacity:.32;animation:float 18s ease-in-out infinite alternate;will-change:transform}
.hero::before{background:var(--hero-orb1);inset-inline-start:-10%;top:-34%}
.hero::after{background:var(--hero-orb2);inset-inline-end:-12%;bottom:-40%;opacity:.3;animation-duration:25s;animation-direction:alternate-reverse}
@keyframes wire{to{stroke-dashoffset:0}}
@keyframes ping{0%{transform:scale(1);opacity:.95}100%{transform:scale(6);opacity:0}}
@keyframes scan{to{left:100%}}
@keyframes tick{to{transform:translateX(50%)}}
@keyframes float{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(7%,12%,0) scale(1.18)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold-fill) 70%,transparent)}100%{box-shadow:0 0 0 11px transparent}}
@keyframes shine{to{background-position:-200% 0}}
.hero-in>*{animation:rise .75s cubic-bezier(.2,.7,.2,1) both}
.hero-in>:nth-child(2){animation-delay:.08s}
.hero-in>:nth-child(3){animation-delay:.16s}
.hero-in>:nth-child(4){animation-delay:.24s}
.hero-in>:nth-child(5){animation-delay:.32s}
.hero-in>:nth-child(6){animation-delay:.4s}
.kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;color:var(--gold);background:rgba(252,248,238,.75);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;padding:.22rem 1rem;margin-bottom:.9rem}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-fill);animation:pulse 2.4s ease-out infinite}
.hero h1{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:900;line-height:1.3;letter-spacing:-.015em}
.hero h1 span{background:linear-gradient(90deg,var(--accent),#2f8aa3 50%,var(--accent));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shine 7s linear infinite}
.lead{max-width:56ch;margin:1rem auto 0;font-size:1.08rem;color:var(--hero-mut)}
.hero .bigsearch{margin:1.5rem auto 0;max-width:660px;padding-block:.45rem;border-color:var(--rule);text-align:start;box-shadow:0 20px 44px -22px rgba(60,40,10,.5),0 0 0 6px rgba(252,248,238,.6);transition:box-shadow .2s}
.hero .bigsearch:focus-within{border-color:var(--accent);box-shadow:0 20px 44px -22px rgba(60,40,10,.5),0 0 0 6px rgba(23,80,107,.16)}
.hero-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.1rem;font-size:.85rem}
.hero-quick a{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .85rem;border-radius:999px;border:1px solid var(--rule);background:rgba(252,248,238,.65);color:var(--ink2);transition:color .15s,border-color .15s,background .15s}
.hero-quick a .ic{width:15px;height:15px}
.hero-quick a:hover{border-color:var(--accent);color:var(--accent);background:var(--card)}
.hero-quick a.rnd{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);font-weight:700}
.bigsearch{display:flex;align-items:center;gap:.6rem;margin-top:1.5rem;max-width:680px;background:var(--card);color:var(--ink);border:1.5px solid var(--rule);border-radius:999px;padding:.35rem .35rem .35rem 0;padding-inline-start:1.1rem;box-shadow:var(--shadow)}
.bigsearch:focus-within{border-color:var(--accent)}
.bigsearch .ic{color:var(--muted)}
.bigsearch input{flex:1;min-width:0;border:0;background:none;outline:0;padding:.55rem 0;font-size:1.02rem}
.bigsearch input::placeholder{color:var(--muted)}
.bigsearch button{border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:999px;padding:.6rem 1.5rem}
.bigsearch button:hover{filter:brightness(1.12)}
.stats-wrap{position:absolute;inset-inline:0;bottom:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding-inline:1rem}
.stats{display:inline-flex;margin:0;padding:.85rem .6rem;white-space:nowrap;background:rgba(252,248,238,.93);border:1px solid var(--rule);border-radius:18px;box-shadow:var(--shadow);animation:rise .75s .45s cubic-bezier(.2,.7,.2,1) both}
.stats div{display:flex;flex-direction:column-reverse;align-items:center;padding-inline:2.2rem}
.stats div+div{border-inline-start:1px solid var(--rule)}
.stats dt{font-size:.8rem;color:var(--muted)}
.stats dd{margin:0;font-size:1.7rem;font-weight:900;line-height:1.25;color:var(--accent);font-variant-numeric:tabular-nums}
/* تنبيه أحمر: الأرشيف لم يكتمل استرجاعه (يختفي تلقائياً عند الاكتمال) */
.restoring{display:inline-flex;align-items:center;gap:.55rem;max-width:100%;padding:.32rem 1.1rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.86rem;font-weight:700;line-height:1.6;box-shadow:0 8px 20px -10px rgba(137,0,42,.75);animation:rise .75s .6s cubic-bezier(.2,.7,.2,1) both}
.restoring::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.4s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.ticker{display:flex;align-items:stretch;background:var(--foot-bg);text-align:start}
.tk-tag{flex:none;display:flex;align-items:center;gap:.5rem;padding:.55rem 1.3rem;background:var(--gold-fill);color:#2a2118;font-weight:900;font-size:.86rem;white-space:nowrap}
.tk-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#89002a;animation:pulse 2s ease-out infinite}
.tk-view{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 100%);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 100%)}
.tk-track{display:inline-flex;flex:none;white-space:nowrap;animation:tick 75s linear infinite}
.ticker:hover .tk-track,.ticker:focus-within .tk-track{animation-play-state:paused}
.tk-set{display:inline-flex;flex:none}
.tk-set a{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.4rem;font-size:.9rem;color:var(--foot-ink);border-inline-start:1px solid rgba(232,220,196,.16)}
.tk-set a i{font-style:normal;font-weight:700;font-size:.78rem;color:var(--gold-fill);font-variant-numeric:tabular-nums}
.tk-set a:hover{color:var(--gold-fill)}

.cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1.4rem;padding-block:1.8rem 1rem;align-items:start}
.cols.rev{grid-template-columns:320px minmax(0,1fr)}
.cols.rev .col-side{order:-1}
.timeline li{border-bottom:1px solid var(--rule)}
.timeline li:last-child{border:0}
.timeline a{display:grid;grid-template-columns:4.2rem minmax(0,1fr);column-gap:1rem;padding:.75rem .4rem;border-radius:var(--r-s)}
.timeline a:hover{background:var(--soft)}
.timeline .yr{grid-row:span 2;font-weight:900;font-size:1.2rem;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.5}
.timeline .t{font-weight:700;line-height:1.6}
.timeline a:hover .t{color:var(--accent)}
.timeline .m{font-size:.8rem;color:var(--muted)}
.rank li{border-bottom:1px solid var(--rule)}
.rank li:last-child{border:0}
.rank a{display:flex;gap:.9rem;padding:.7rem .2rem}
.rank i{font-style:normal;font-weight:900;font-size:1.4rem;line-height:1.3;color:var(--gold-fill);min-width:1.4rem;text-align:center;font-variant-numeric:tabular-nums}
.rank b{display:block;font-weight:500;line-height:1.6}
.rank a:hover b{color:var(--accent)}
.rank small{color:var(--muted);font-size:.78rem}

.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}
.tile{display:flex;flex-direction:column;gap:.1rem;padding:1rem 1.1rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.tile small{font-size:.74rem;color:var(--muted)}
.tile b{font-size:1.04rem;font-weight:700}
.tile span{font-size:.84rem;color:var(--muted);font-variant-numeric:tabular-nums}
.tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.tile:hover b{color:var(--accent)}
.panel .tile,.sheet .tile{background:var(--bg);box-shadow:none}

.years{display:flex;align-items:stretch;gap:.5rem;height:230px}
.yrbar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.35rem}
.yrbar .track{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.25rem}
.yrbar .bar{width:100%;height:calc((100% - 1.5rem)*var(--h)/100);min-height:5px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 55%,var(--card)));border-radius:6px 6px 2px 2px;opacity:.85;transition:opacity .15s}
.yrbar .n{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.yrbar .y{font-size:.8rem;font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums}
.yrbar:hover .bar{opacity:1}
.yrbar:hover .y{color:var(--accent)}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.card{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem 1.3rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.card .m{font-size:.78rem;color:var(--gold);font-weight:500}
.card b{font-size:1.04rem;font-weight:700;line-height:1.6}
.card .x{font-size:.9rem;color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.card:hover b{color:var(--accent)}

/* ---------- رأس الصفحات الداخلية: شريط مميَّز */
.ph{padding:1.6rem 0 1.4rem;background:var(--bg2);border-bottom:1px solid var(--rule)}
.ph h1{font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:900}
.ph-m{color:var(--muted);margin-top:.3rem;font-size:.93rem}
.ph-n{color:var(--ink2);margin-top:.5rem;font-size:.92rem}
.ph .chips{margin-top:1rem}

/* ---------- قائمة المواد: لوح فاتح */
.list{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);padding:.35rem .9rem}
.list .item{border-bottom:1px solid var(--rule)}
.list .item:last-child{border:0}
.list a{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1rem;padding:.95rem .3rem;border-radius:var(--r-s);transition:background .12s}
.list a:hover{background:var(--soft)}
.when{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.3rem 0;line-height:1.25;color:var(--muted);font-size:.74rem;border-inline-end:1px solid var(--rule);font-variant-numeric:tabular-nums}
.when b{font-size:1.4rem;font-weight:900;color:var(--ink);line-height:1.15}
.what{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.what .t{font-weight:700;font-size:1.02rem;line-height:1.65}
.list a:hover .t{color:var(--accent)}
.what .x{color:var(--ink2);font-size:.92rem;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.what .m{font-size:.78rem;color:var(--muted)}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:1.4rem}
.pg{min-width:2.4rem;text-align:center;padding:.35rem .7rem;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font-size:.9rem;font-variant-numeric:tabular-nums}
a.pg:hover{border-color:var(--accent);color:var(--accent)}
.pg.cur{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}
.pg.off{opacity:.45}
.pg.gap{border:0;background:none;min-width:1rem;padding-inline:0}
.pg.nav{font-weight:700}

/* ---------- صفحة المادة: ورقة فاتحة فوق خلفية الموقع */
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:30;pointer-events:none}
.progress i{display:block;height:100%;width:0;background:var(--gold-fill)}
.art{padding-block:1.6rem .6rem}
.sheet{background:var(--card);border:1px solid var(--rule);border-radius:18px;box-shadow:var(--shadow);padding:1.8rem 2.6rem 2.2rem}
.art-h h1{font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:700;line-height:1.65}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:.9rem;padding-block:.8rem;border-block:1px solid var(--rule);font-size:.86rem;color:var(--muted)}
.art-meta span{display:inline-flex;align-items:center;gap:.35rem}
.art-meta .ic{width:17px;height:17px}
.art-meta a:hover{color:var(--accent)}
.stamp{font-size:.74rem;font-weight:700;color:var(--gold);border:1px solid currentColor;border-radius:999px;padding:.05rem .7rem}
.art-tools{display:flex;align-items:center;gap:.2rem;margin-inline-start:auto;padding:.2rem;background:var(--bg);border:1px solid var(--rule);border-radius:999px}
.art-tools button{border:0;background:none;min-width:2.1rem;height:1.9rem;border-radius:999px;font-weight:700;color:var(--ink2);line-height:1;display:inline-flex;align-items:center;justify-content:center}
.art-tools button:hover{background:var(--card);color:var(--accent)}
.art-tools button.done{color:var(--gold)}
.art-tools sup{font-size:.7em;margin-inline-start:.05em}
.art-tools .sep{width:1px;height:1.1rem;background:var(--rule);margin-inline:.15rem}
.art-tools .ic{width:17px;height:17px}
.art-fig{margin:1.6rem 0 0}
.art-fig img{display:block;max-width:100%;height:auto;border-radius:var(--r);margin-inline:auto}

.prose{margin-top:1.6rem;font-size:calc(1.18rem*var(--fs));line-height:2.1;color:var(--ink);overflow-wrap:break-word}
.prose>*+*{margin-top:1.1em}
.prose p{text-align:start}
.prose h2,.prose h3,.prose h4,.prose h5{font-size:1.1em;font-weight:700;color:var(--accent);line-height:1.7;margin-top:1.8em}
.prose b,.prose strong{font-weight:700}
.prose span[data-c]{color:var(--accent);font-weight:500}
.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.prose a:hover{text-decoration-thickness:2px}
.prose ul,.prose ol{padding-inline-start:1.5em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li+li{margin-top:.4em}
.prose blockquote{margin-inline:0;padding:.4em 1.1em;border-inline-start:4px solid var(--gold-fill);background:var(--soft);border-radius:var(--r-s)}
.prose img{max-width:100%;height:auto;border-radius:var(--r-s)}
.prose hr{border:0;border-top:1px solid var(--rule);margin-block:2em}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.86em;line-height:1.8}
.prose td,.prose th{border:1px solid var(--rule);padding:.4em .7em;vertical-align:top}

.box{margin-top:2rem;padding:1.1rem 1.3rem;border:1px solid var(--rule);border-radius:var(--r);background:var(--bg)}
.box h2{font-size:1rem;font-weight:900;margin-bottom:.6rem}
.plain li{padding:.3rem 0;border-bottom:1px dashed var(--rule)}
.plain li:last-child{border:0}
.plain a:hover{color:var(--accent)}
.source{display:flex;gap:1rem;margin-top:2rem;padding:1rem 1.2rem;border:1px dashed var(--rule);border-radius:var(--r);background:var(--bg);font-size:.88rem;color:var(--ink2)}
.source>.ic{width:24px;height:24px;color:var(--gold);margin-top:.2rem}
.source b{display:block;color:var(--ink);font-weight:900;margin-bottom:.2rem}
.source .links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.5rem;align-items:center}
.source .links a{color:var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:.3rem}
.source .links a .ic{width:15px;height:15px}
.source .links a:hover{text-decoration:underline;text-underline-offset:.3em}
.source .orig{font-size:.76rem;color:var(--muted);overflow-wrap:anywhere}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.pn-a{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1.2rem;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow)}
.pn-a small{display:inline-flex;align-items:center;gap:.2rem;color:var(--muted);font-size:.8rem;font-weight:700}
.pn-a small .ic{width:15px;height:15px}
.pn-a.end{text-align:end}
.pn-a.end small{justify-content:flex-end}
.pn-a b{font-weight:500;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn-a:hover{border-color:var(--accent)}
.pn-a:hover b{color:var(--accent)}

/* ---------- صفحة مبادرة حفظ الإرث: على مثال صفحتها في موقع المرصد، بألوان هذا الموقع */
.hp{padding-block:1.3rem 1rem}
.hp-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.85fr);align-items:center;gap:1.8rem;min-height:460px;padding:2.6rem 3.2rem;background:var(--foot-bg);color:#fbf4e3;border-top:4px solid var(--gold-fill);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.hp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 50%,rgba(227,180,84,.17),transparent 62%),linear-gradient(120deg,transparent 55%,rgba(23,80,107,.3));pointer-events:none}
.hp-hero-copy{min-width:0}
.hp-kicker{display:flex;align-items:center;gap:.6rem;color:var(--gold-fill);font-size:.82rem;font-weight:500}
.hp-kicker span{height:1px;width:25px;background:currentColor}
.hp-hero h1{font-size:clamp(2.3rem,4.6vw,3.3rem);line-height:1.5;font-weight:900;margin:.8rem 0 .2rem}
.hp-line{font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.7;font-weight:500;color:var(--gold-fill)}
.hp-desc{font-size:1.02rem;line-height:2;color:#ded3bd;max-width:36rem;margin-top:1rem}
.hp-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.7rem}
.hp-btn{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;min-height:48px;padding:.6rem 1.4rem;border-radius:999px;font-size:.9rem;font-weight:700;transition:filter .2s,transform .2s}
.hp-btn svg{width:19px;height:19px;flex:none}
.hp-btn.gold{background:var(--gold-fill);color:#2a2118}
.hp-btn.accent{background:var(--accent);color:var(--accent-ink);margin-top:1.1rem}
.hp-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.hp-quiet{font-size:.9rem;color:#e6dcc6;border-bottom:1px solid rgba(227,180,84,.45);padding-bottom:.2rem}
.hp-quiet:hover{color:var(--gold-fill);border-bottom-color:var(--gold-fill)}
.hp-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.hp-art svg{display:block;width:min(100%,360px);height:auto;max-height:370px}
.hp-art span{margin-top:-.5rem;font-size:.76rem;color:#d4c39c;text-align:center}
.hp-purpose{display:grid;grid-template-columns:.85fr 1.4fr;gap:4rem;padding:3rem .9rem 2.6rem;border-bottom:1px solid var(--rule)}
.hp-label{display:block;font-size:.78rem;color:var(--gold);font-weight:700;margin-bottom:.5rem}
.hp-purpose h2{font-size:1.7rem;line-height:1.7;font-weight:900}
.hp-copy{font-size:1rem;line-height:2.05;color:var(--ink2)}
.hp-copy p+p{margin-top:.8rem}
.hp-copy strong{font-weight:700;color:var(--accent)}
.hp-sites{padding-top:2.5rem;scroll-margin-top:125px}
.hp-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:1.4rem}
.hp-row h2{font-size:1.75rem;line-height:1.55;font-weight:900}
.hp-row .hp-label{margin-bottom:.2rem}
.hp-row>p{font-size:.9rem;color:var(--muted);padding-bottom:.3rem}
.hp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
/* كل بطاقة بلون مميَّز من ألوان الموقع: الأزرق المخضرّ، الذهبي، أحمر دم الغزال */
.hp-card{--c1:#1b5b79;--c2:#0f3a50;--on:#fff;--chip:rgba(255,255,255,.14);--chip-b:rgba(255,255,255,.26);--ico:var(--gold-fill);--t:var(--accent);display:flex;flex-direction:column;min-width:0;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.hp-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(60,40,10,.08),0 18px 34px -16px rgba(60,40,10,.4)}
.hp-card.c2{--c1:#ecc269;--c2:#c8952e;--on:#2a2118;--chip:rgba(42,33,24,.1);--chip-b:rgba(42,33,24,.24);--ico:#2a2118;--t:var(--gold)}
.hp-card.c3{--c1:#960b36;--c2:#5c001c;--ico:#f3d57c;--t:var(--danger)}
.hp-head{background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--on);padding:1.3rem 1.4rem 1.1rem}
.hp-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem}
.hp-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--ico);border:1px solid var(--chip-b);background:var(--chip);border-radius:50%}
.hp-icon svg{width:30px;height:30px}
.hp-badge{font-size:.72rem;line-height:1.8;font-weight:500;color:var(--on);background:var(--chip);border:1px solid var(--chip-b);border-radius:20px;padding:.12rem .7rem}
.hp-card h3{font-size:1.35rem;line-height:1.65;font-weight:700;min-height:4.5rem}
.hp-body{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.4rem}
.hp-card p{font-size:.9rem;line-height:1.95;color:var(--ink2);margin-bottom:1.2rem}
.hp-go{margin-top:auto;padding-top:1rem;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.84rem;color:var(--t);font-weight:700}
.hp-go svg{width:18px;height:18px;flex:none}
.hp-invite{display:flex;align-items:flex-start;gap:1.5rem;background:var(--bg2);border:1px solid var(--rule);border-inline-start:4px solid var(--gold-fill);border-radius:var(--r);margin-top:2.5rem;padding:2rem 2.2rem;scroll-margin-top:125px}
.hp-invite-icon{display:grid;place-items:center;width:63px;height:63px;flex:none;color:var(--gold);background:var(--card);border:1px solid var(--rule);border-radius:50%;margin-top:.2rem}
.hp-invite-icon svg{width:32px;height:32px}
.hp-invite h2{font-size:1.6rem;line-height:1.7;font-weight:900}
.hp-invite p{font-size:.95rem;line-height:2;color:var(--ink2);margin-top:.5rem;max-width:52rem}
@media (max-width:1000px){
  .hp-hero{padding:2.2rem;gap:1.1rem;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}
  .hp-purpose{gap:2.2rem}
  .hp-grid{gap:.9rem}
  .hp-head,.hp-body{padding-inline:1.1rem}
  .hp-card h3{font-size:1.25rem}
}
@media (max-width:760px){
  .hp-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:1.9rem 1.6rem}
  .hp-art{display:none}
  .hp-purpose{grid-template-columns:1fr;gap:1.1rem;padding:2rem .3rem}
  .hp-purpose h2{font-size:1.5rem}
  .hp-purpose h2 br,.hp-card h3 br{display:none}
  .hp-row{align-items:flex-start;flex-direction:column;gap:.4rem}
  .hp-row h2{font-size:1.55rem}
  .hp-grid{grid-template-columns:1fr}
  .hp-card h3{min-height:0}
  .hp-invite{padding:1.5rem 1.4rem;margin-top:1.8rem}
  .hp-invite-icon{display:none}
  .hp-invite h2{font-size:1.4rem}
  .hp-invite .hp-btn{width:100%}
}

/* ---------- في مثل هذا اليوم: لكل سنة لوح فيه أبرز موادها وزر المزيد */
.nav a.nav-otd{display:inline-flex;align-items:center;gap:.35rem;color:var(--gold);font-weight:700}
.nav a.nav-otd .ic{width:17px;height:17px}
.nav a.nav-otd:hover,.nav a.nav-otd[aria-current]{color:var(--accent)}
.otd-day{color:var(--accent)}
.otd-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}
.otd-nav .chip .ic{width:15px;height:15px}
.otd-pick{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-inline-start:auto;font-size:.86rem;color:var(--muted)}
.otd-pick label{display:inline-flex;align-items:center;gap:.4rem}
.otd-pick select{background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:.28rem .7rem;font-size:.88rem;color:var(--ink)}
.otd-pick button{cursor:pointer;font-weight:700;color:var(--accent)}
.otd-years{margin-top:.8rem}
.otd-year{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.4rem 1.6rem;align-items:start;margin-bottom:1rem;scroll-margin-top:125px}
.otd-head h2{font-size:2.5rem;font-weight:900;color:var(--accent);line-height:1.15;font-variant-numeric:tabular-nums}
.otd-head span{display:block;color:var(--muted);font-size:.84rem;margin-top:.2rem;line-height:1.6}
.otd-list li{border-bottom:1px solid var(--rule)}
.otd-list li:last-child{border:0}
.otd-list a{display:block;padding:.65rem .5rem;border-radius:var(--r-s)}
.otd-list a:hover{background:var(--soft)}
.otd-list b{display:block;font-weight:700;line-height:1.65}
.otd-list a:hover b{color:var(--accent)}
.otd-list .x{display:block;color:var(--ink2);font-size:.9rem;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otd-list .m{font-size:.78rem;color:var(--muted)}
.otd-more{margin-top:.8rem}
.otd-more .btn{font-size:.9rem;padding:.55rem 1.2rem}
@media (max-width:760px){
  .otd-year{grid-template-columns:1fr}
  .otd-head{display:flex;align-items:baseline;gap:.8rem;padding-bottom:.5rem;border-bottom:2px solid var(--rule)}
  .otd-head h2{font-size:1.9rem}
  .otd-head span{margin:0}
  .otd-pick{margin-inline-start:0;width:100%}
  .otd-more .btn{width:100%;justify-content:center}
}

/* ---------- الإبلاغ عن خطأ أو مادة مخالفة (تحت المواد فقط) */
.report{display:flex;justify-content:center;margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--rule)}
dialog.rep{border:1px solid var(--rule);border-radius:16px;background:var(--card);color:var(--ink);padding:0;width:min(92vw,520px);box-shadow:0 24px 70px rgba(0,0,0,.4)}
dialog.rep::backdrop{background:rgba(0,0,0,.55)}
.rep-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.3rem;border-bottom:1px solid var(--rule);border-top:4px solid var(--danger);border-radius:16px 16px 0 0}
.rep-h h2{font-size:1.02rem;font-weight:900;color:var(--danger-text)}
.rep-x{border:0;background:none;font-size:1.5rem;line-height:1;color:var(--muted);padding:.1rem .4rem;border-radius:6px}
.rep-x:hover{color:var(--ink);background:var(--soft)}
.rep-b{padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.9rem}
.rep-on{font-size:.86rem;color:var(--muted);line-height:1.7}
.rep-on b{color:var(--ink2);font-weight:500}
.rep-kinds{display:flex;flex-wrap:wrap;gap:.4rem}
.rep-kinds label{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border:1px solid var(--rule);border-radius:999px;font-size:.88rem;cursor:pointer;background:var(--bg)}
.rep-kinds input{accent-color:var(--danger)}
.rep-kinds label:has(input:checked){border-color:var(--danger);color:var(--danger-text);font-weight:700}
.rep-f1{display:flex;flex-direction:column;gap:.3rem;font-size:.86rem;color:var(--ink2);font-weight:500}
.rep-f1 textarea,.rep-f1 input{background:var(--bg);border:1px solid var(--rule);border-radius:var(--r-s);padding:.6rem .8rem;font-size:1rem;font-weight:400;resize:vertical;width:100%}
.rep-f1 textarea:focus,.rep-f1 input:focus{outline:2px solid var(--danger);outline-offset:1px}
.rep-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.rep-msg{font-size:.9rem;font-weight:700;padding:.5rem .8rem;border-radius:var(--r-s);background:var(--soft)}
.rep-msg.bad{color:var(--danger-text)}
.rep-msg.ok{color:var(--accent)}
.rep-foot{display:flex;gap:.6rem;padding:0 1.3rem 1.3rem}

/* ---------- التصفح الزمني والأقسام: ألواح */
.yblock,.secgroup{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);padding:1.2rem 1.4rem;margin-bottom:1rem}
.yblock h2,.secgroup h2{font-size:1.3rem;font-weight:900;margin-bottom:.8rem}
.yblock h2 small,.secgroup h2 small{font-size:.82rem;font-weight:400;color:var(--muted);margin-inline-start:.5rem}
.yblock h2 a:hover,.secgroup h2 a:hover{color:var(--accent)}
.secgroup .tile{background:var(--bg);box-shadow:none}
.mgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}
.mcell{position:relative;display:flex;flex-direction:column;padding:.55rem .8rem;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--bg);overflow:hidden}
.mcell::before{content:"";position:absolute;inset:auto 0 0 0;height:calc(var(--f,0)*1%);background:var(--soft)}
.mcell b,.mcell span{position:relative}
.mcell b{font-weight:700;font-size:.95rem}
.mcell span{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
a.mcell:hover{border-color:var(--accent)}
a.mcell:hover b{color:var(--accent)}
.mcell.off{opacity:.45;background:none}
.calendar{position:sticky;top:120px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);padding:1rem}
.cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}
.cal-h a{display:inline-flex;padding:.2rem .4rem;border-radius:var(--r-s)}
.cal-h a:hover{background:var(--soft);color:var(--accent)}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.cal-g .w{font-size:.62rem;color:var(--muted);padding-bottom:.3rem}
.day{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:8px;font-size:.9rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.day i{font-style:normal;font-size:.56rem;font-weight:400;color:var(--muted)}
a.day{background:var(--soft)}
a.day:hover{background:var(--accent);color:var(--accent-ink)}
a.day:hover i,.day.on i{color:inherit;opacity:.85}
.day.on{background:var(--accent);color:var(--accent-ink)}
.day.off{color:var(--muted);opacity:.5;font-weight:400}

/* ---------- البحث */
.sform{margin-top:.9rem}
.sform .bigsearch{margin-top:0;max-width:760px}
.sopts{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:.9rem}
.sopts label{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--muted)}
.sopts select{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-s);padding:.3rem .6rem;max-width:15rem}
.res-n{font-weight:700;margin-bottom:.8rem}

/* ---------- 404 */
.nf{text-align:center;padding-block:3rem}
.nf-c{font-size:4.4rem;font-weight:900;line-height:1;color:var(--gold-fill)}
.nf h1{font-size:1.5rem;font-weight:900;margin:.6rem 0}
.nf p{color:var(--ink2)}
.nf .bigsearch{margin-inline:auto;margin-top:1.6rem;text-align:start}
.nf-l{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.4rem}

/* ---------- التذييل: شريط داكن */
.ftr{margin-top:2.4rem;background:var(--foot-bg);color:var(--foot-ink)}
.ftr-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 3rem;padding-block:1.8rem}
.ftr .brand-t small{color:inherit;opacity:.7}
.ftr-b{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;font-weight:500;font-size:.95rem}
.ftr-b a:hover{color:var(--gold-fill)}
.ftr-bottom{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 2rem;padding-top:1.1rem;border-top:1px solid color-mix(in srgb,var(--foot-ink) 20%,transparent);font-size:.92rem;font-weight:500}
.ftr-note{display:flex;align-items:center;gap:.5rem}
.ftr-by a{color:var(--gold-fill);font-weight:700}
.ftr-by a:hover{text-decoration:underline;text-underline-offset:.3em}
.ftr-note .ic{width:18px;height:18px;color:var(--gold-fill)}

/* ---------- الشاشات الصغيرة */
@media (max-width:980px){
  .cols,.cols.rev{grid-template-columns:minmax(0,1fr)}
  .cols.rev .col-side{order:0}
  .calendar{position:static;max-width:420px}
  .mgrid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:860px){
  .nav-btn{display:inline-flex}
  .nav{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;gap:0;background:var(--card);border-bottom:1px solid var(--rule);padding:.5rem 1rem 1rem;box-shadow:var(--shadow)}
  .nav.open{display:flex}
  .nav a{padding:.7rem .6rem;border-bottom:1px solid var(--rule);border-radius:0}
  .hdr-tools{margin-inline-start:auto}
}
@media (max-width:600px){
  body{font-size:16px}
  .hero{padding:2.2rem 0 0}
  .hero-band{height:270px}
  .restoring{border-radius:14px;font-size:.8rem;text-align:start}
  .hero-map{width:1020px}
  .tk-tag{padding-inline:.8rem;font-size:.8rem}
  .brand-t small{display:none}
  .brand-t b{font-size:1.1rem}
  .stats{padding:.7rem .2rem}
  .stats div{padding-inline:1rem}
  .stats dd{font-size:1.3rem}
  .bigsearch button{padding-inline:1rem}
  .panel{padding:1.1rem 1rem}
  .list{padding:.2rem .6rem}
  .list a{grid-template-columns:3.4rem minmax(0,1fr);gap:.7rem;padding-inline:.1rem}
  .when b{font-size:1.2rem}
  .what .t{font-size:.98rem}
  .years{gap:.25rem;height:190px}
  .yrbar .n{display:none}
  .yrbar .y{font-size:.62rem}
  .mgrid{grid-template-columns:repeat(3,1fr)}
  .yblock,.secgroup{padding:1rem}
  .sheet{padding:1.2rem 1.1rem 1.5rem;border-radius:14px}
  .art-tools{margin-inline-start:0}
  .prose{font-size:calc(1.08rem*var(--fs));line-height:2.05}
  .pn{grid-template-columns:1fr}
  .timeline a{grid-template-columns:3.4rem minmax(0,1fr)}
  .source{flex-direction:column;gap:.5rem}
  .report .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{
  .hdr,.ftr,.art-tools,.pn,.progress,.block,.crumbs,.report,dialog.rep,.hp-art,.hp-actions{display:none!important}
  body{background:#fff;color:#000;font-size:12pt}
  .sheet{border:0;box-shadow:none;padding:0;background:none}
  .prose{font-size:12.5pt;line-height:1.9}
  .source{border:1px solid #999;background:none}
}