:root{--gold:#d4af6a;--gold2:#f3dca4;--gold3:#9c7a3c;--red:#c8102e;--ease:cubic-bezier(.2,.7,.2,1);
--fs-xs:.75rem;--fs-s:.875rem;--fs-m:1.0625rem;--fs-l:1.375rem;--fs-xl:1.875rem;--fs-2xl:2.75rem;--fs-3xl:3.6rem}
[data-theme=dark]{--bg:#080808;--bg2:#0f0d0a;--card:#13110e;--txt:#efe9dd;--mut:#9d9483;--line:#2a241b;--glass:rgba(10,9,7,.72);--shadow:0 20px 50px rgba(0,0,0,.55)}
[data-theme=light]{--bg:#fbf7ee;--bg2:#f4ecdb;--card:#fffdf8;--txt:#1d1810;--mut:#6f6553;--line:#e6dac0;--glass:rgba(251,247,238,.8);--shadow:0 18px 40px rgba(120,90,30,.14);--gold:#a8812f;--gold2:#7c5c1c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}
body{margin:0;background:var(--bg);color:var(--txt);font:400 var(--fs-m)/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}
html[dir=rtl] body{font-family:'Noto Naskh Arabic',serif;line-height:1.9}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}
.wrap{max-width:1320px;margin:auto;padding:0 24px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--gold);color:#000;padding:8px 14px;z-index:999}.skip:focus{top:8px}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:800;margin:0;letter-spacing:-.01em}
html[dir=rtl] :is(h1,h2,h3,h4){font-family:'Noto Nastaliq Urdu',serif;font-weight:700;letter-spacing:0;line-height:2.05}
/* intro */
#intro{display:none}
.intro-on #intro{display:flex;position:fixed;inset:0;z-index:1000;background:#000;align-items:center;justify-content:center;flex-direction:column;gap:22px;animation:introOut .5s 1.35s var(--ease) forwards}
.intro-logo{position:relative;width:min(300px,60vw);overflow:hidden;-webkit-mask:url(assets/logo.png) center/contain no-repeat}
.intro-logo img{width:100%;opacity:0;filter:brightness(.4) drop-shadow(0 0 0 #d4af6a);animation:glowIn 1.1s .1s var(--ease) forwards}
.sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,236,180,.95) 48%,#fff 50%,rgba(255,236,180,.9) 52%,transparent 70%);mix-blend-mode:screen;transform:translateX(-120%);animation:sweep 1.05s .3s ease-in-out forwards}
.intro-line{width:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--red),transparent);animation:line 1s .25s var(--ease) forwards}
@keyframes glowIn{to{opacity:1;filter:brightness(1.15) drop-shadow(0 0 22px rgba(212,175,106,.55))}}
@keyframes sweep{to{transform:translateX(120%)}}@keyframes line{to{width:min(320px,60vw)}}
@keyframes introOut{to{opacity:0;visibility:hidden}}
.intro-on body>:not(#intro){animation:fadeUp .8s 1.45s var(--ease) both}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}}
/* chrome */
#progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--gold3),var(--gold2),var(--red));z-index:200}
html[dir=rtl] #progress{transform-origin:100% 50%}
#glow{position:fixed;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(212,175,106,.13),transparent 65%);opacity:0;transition:opacity .4s;left:0;top:0}
@media(pointer:fine){body:hover #glow{opacity:1}}[data-theme=light] #glow{background:radial-gradient(circle,rgba(168,129,47,.12),transparent 65%)}
.topbar{font:500 var(--fs-xs)/1 Inter;color:var(--mut);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:36px}
.clock b{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-inline-end:6px;box-shadow:0 0 0 0 rgba(200,16,46,.6);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 7px rgba(200,16,46,0)}100%{box-shadow:0 0 0 0 rgba(200,16,46,0)}}
html[dir=rtl] .topbar{font-family:'Noto Naskh Arabic',Inter}
.auto{display:flex;gap:6px;align-items:center;cursor:pointer}.auto input{accent-color:var(--red)}
.hdr{position:sticky;top:0;z-index:50;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line);transition:box-shadow .4s}
.hdr:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--red),var(--gold),transparent);background-size:200% 100%;animation:border 6s linear infinite}
@keyframes border{to{background-position:200% 0}}
.hrow{display:flex;align-items:center;gap:26px;height:116px;transition:height .45s var(--ease)}
.logo{height:96px;width:auto;transition:height .45s var(--ease),filter .4s}.brand:hover .logo{filter:drop-shadow(0 0 14px rgba(212,175,106,.45))}
[data-theme=light] .logo,[data-theme=light] .flogo{filter:drop-shadow(0 1px 1.5px rgba(90,60,10,.28))}[data-theme=dark] .logo{filter:drop-shadow(0 0 10px rgba(212,175,106,.18))}
.hdr.small .hrow{height:64px}.hdr.small .logo{height:50px}.hdr.small{box-shadow:var(--shadow)}
.nav{display:flex;gap:4px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}
.nav button{background:none;border:0;cursor:pointer;padding:9px 14px;font:600 var(--fs-s)/1 Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--txt);position:relative;white-space:nowrap;border-radius:30px;transition:color .3s}
html[dir=rtl] .nav button{font:700 1rem/1.6 'Noto Naskh Arabic';letter-spacing:0}
.nav button:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:linear-gradient(90deg,var(--gold),var(--red));transform:scaleX(0);transition:transform .35s var(--ease)}
.nav button:hover,.nav button[aria-current=true]{color:var(--gold)}.nav button:hover:after,.nav button[aria-current=true]:after{transform:scaleX(1)}
.hact{display:flex;align-items:center;gap:10px}
.search{position:relative}.search input{width:190px;height:38px;border-radius:30px;border:1px solid var(--line);background:var(--card);color:var(--txt);padding:0 38px 0 14px;font:400 var(--fs-s) Inter;transition:width .4s var(--ease),border-color .3s}
html[dir=rtl] .search input{padding:0 14px 0 38px;font-family:'Noto Naskh Arabic'}
.search input:focus{width:250px;border-color:var(--gold);outline:0;box-shadow:0 0 0 3px rgba(212,175,106,.2)}
.search svg{position:absolute;inset-inline-end:12px;top:10px;width:18px;height:18px}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ibtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;transition:.3s}.ibtn:hover{border-color:var(--gold);color:var(--gold)}.ibtn svg{width:18px;height:18px}
[data-theme=dark] .sun,[data-theme=light] .moon{display:none}
.lang{border:1px solid var(--gold);background:none;border-radius:30px;padding:3px;display:flex;cursor:pointer}
.lang span{padding:3px 12px;border-radius:30px;color:var(--gold);font:600 13px/1.6 Inter;transition:.35s}.lang span[data-l=ur]{font-family:'Noto Naskh Arabic'}
html[lang=ur] .lang [data-l=ur],html[lang=en] .lang [data-l=en]{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}
.ticker{border-top:1px solid var(--line)}.trow{display:flex;align-items:center;gap:14px;height:42px}
.tlabel{background:var(--red);color:#fff;font:700 12px/1 Inter;padding:7px 12px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
html[dir=rtl] .tlabel{font-family:'Noto Naskh Arabic';letter-spacing:0;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);padding:5px 14px}
.tview{overflow:hidden;flex:1;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.track{display:inline-flex;gap:48px;white-space:nowrap;animation:m 110s linear infinite}.track a{font-size:var(--fs-s);transition:color .2s}.track a:hover{color:var(--gold)}
.track a:before{content:"◆";color:var(--red);margin-inline-end:12px;font-size:8px;vertical-align:middle}
@keyframes m{to{transform:translateX(-50%)}}html[dir=rtl] .track{animation-name:mr}@keyframes mr{to{transform:translateX(50%)}}.tview:hover .track{animation-play-state:paused}
/* hero */
main{position:relative;z-index:2;min-height:60vh}
#view{transition:opacity .35s,transform .35s var(--ease)}#view.out{opacity:0;transform:translateY(10px)}
.hero{display:grid;grid-template-columns:1.75fr 1fr;gap:30px;margin:34px 0 10px}
.lead{position:relative;min-height:560px;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;cursor:pointer;box-shadow:var(--shadow)}
.lead .ph{position:absolute;inset:-6% 0;z-index:-2}.lead .ph img{animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.lead:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.96))}
.lead .in{padding:40px;color:#f6efe2;max-width:860px}
.kick{display:inline-flex;gap:8px;align-items:center;color:var(--red);font:700 var(--fs-xs)/1 Inter;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.kick:before{content:"";width:22px;height:2px;background:var(--red)}
html[dir=rtl] .kick{font-family:'Noto Naskh Arabic';letter-spacing:0;font-size:.9rem;line-height:1.6}
.lead .kick{color:#ff4d63}.lead .kick:before{background:#ff4d63}
.lead h1{font-size:var(--fs-2xl);line-height:1.12;font-weight:900}html[dir=rtl] .lead h1{font-size:2rem;line-height:2.1}
.lead p{color:#d8d0c1;font-size:var(--fs-m);margin:14px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ul{background:linear-gradient(90deg,var(--gold),var(--gold2),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .55s var(--ease);padding-bottom:2px}
html[dir=rtl] .ul{background-position:100% 100%}
a:hover .ul,.card:hover .ul,.lead:hover .ul,.sitem:hover .ul,.ul:focus-visible{background-size:100% 2px}
.meta{font:500 var(--fs-xs)/1.4 Inter;color:var(--mut);margin-top:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.meta b{color:var(--gold);font-weight:700;letter-spacing:.04em}
.lead .meta{color:#bfb6a5}
html[dir=rtl] .meta{font-family:'Noto Naskh Arabic',Inter}
.side{border-top:3px solid var(--gold);display:flex;flex-direction:column}
.sitem{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer;align-items:center}
.sitem .ph{aspect-ratio:1;border-radius:4px}.sitem h3{font-size:1.05rem;line-height:1.3;font-weight:700}html[dir=rtl] .sitem h3{font-size:.98rem;line-height:1.95}
/* image */
.ph{position:relative;overflow:hidden;background:var(--bg2) center/cover}
.ph:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(14px);transform:scale(1.15)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s,transform 1.2s var(--ease)}.ph img.ok{opacity:1}
.ph.none{background:radial-gradient(circle at 30% 30%,#2a2113,#0d0b08)}.ph.none:after{content:"N";position:absolute;inset:0;display:grid;place-items:center;font:900 3rem 'Playfair Display';color:rgba(212,175,106,.25)}
/* layout */
.layout{display:grid;grid-template-columns:1fr 330px;gap:44px;margin-top:20px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 0}
.tab{border:1px solid var(--line);background:var(--card);border-radius:30px;padding:7px 18px;cursor:pointer;font:600 var(--fs-s)/1.4 Inter;transition:.3s}
html[dir=rtl] .tab{font-family:'Noto Naskh Arabic'}
.tab:hover{border-color:var(--gold)}.tab[aria-selected=true]{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border-color:transparent}
.sec{margin:44px 0}.sh{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.sh h2{font-size:var(--fs-xl);color:var(--gold2);white-space:nowrap}[data-theme=light] .sh h2{color:var(--txt)}
.sh i{width:5px;height:30px;background:var(--red)}.sh:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}html[dir=rtl] .sh:after{background:linear-gradient(-90deg,var(--gold),transparent)}
.sh small{font:500 var(--fs-xs) Inter;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.grid.big .card:first-child{grid-column:span 2;grid-row:span 2}.grid.big .card:first-child h3{font-size:var(--fs-xl)}html[dir=rtl] .grid.big .card:first-child h3{font-size:1.45rem}
.grid.big .card:first-child .ph{aspect-ratio:16/10}
.card{position:relative;background:var(--card);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .4s;will-change:transform}
.card:before{content:"";position:absolute;inset:0;border-radius:6px;padding:1px;background:linear-gradient(var(--a,135deg),var(--line),var(--line));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.card:hover:before,.card:focus-visible:before{background:conic-gradient(from var(--a,0deg),var(--gold),var(--red),var(--gold2),var(--gold3),var(--gold));animation:spin 4s linear infinite}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes spin{to{--a:360deg}}
.card:hover{box-shadow:var(--shadow)}
.card .ph{aspect-ratio:16/10;border-radius:6px 6px 0 0}.card:hover .ph img{transform:scale(1.06)}
.glare{position:absolute;inset:0;border-radius:6px;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,226,160,.28),transparent 45%);mix-blend-mode:screen}
.card:hover .glare{opacity:1}
.card .b{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column}.card h3{font-size:1.2rem;line-height:1.3;font-weight:700}
html[dir=rtl] .card h3{font-size:1.05rem;line-height:2}
.card p{color:var(--mut);font-size:var(--fs-s);margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{margin-top:auto;padding-top:12px}
.more{display:flex;justify-content:center;margin-top:28px}
.btn{position:relative;border:0;background:none;cursor:pointer;padding:12px 30px;border-radius:40px;font:700 var(--fs-s)/1 Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);isolation:isolate;transition:color .3s,transform .2s}
html[dir=rtl] .btn{font-family:'Noto Naskh Arabic';letter-spacing:0;line-height:1.5}
.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a),var(--gold),var(--red),var(--gold2),var(--gold));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite}
.btn:hover{color:#111}.btn:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,var(--gold2),var(--gold));opacity:0;transition:opacity .3s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}
/* sidebar */
.aside{position:relative;align-self:start;margin-top:44px;z-index:1}
.trend{background:var(--card);border-radius:6px;padding:22px;border:1px solid var(--line);position:relative;overflow:hidden}
.trend:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--red))}
.trend h4{font-size:1.25rem;display:flex;gap:8px;align-items:center;margin-bottom:6px}.trend h4 svg{width:20px;height:20px;color:var(--red)}
.titem{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}.titem:last-child{border:0}
.titem .n{font:900 2rem/1 'Playfair Display';color:transparent;-webkit-text-stroke:1px var(--gold);min-width:30px}
.titem h5{margin:0;font:600 var(--fs-s)/1.45 Inter}html[dir=rtl] .titem h5{font:600 .95rem/1.9 'Noto Naskh Arabic'}
.titem:hover h5{color:var(--gold)}
.promo{margin-top:22px;border-radius:6px;padding:26px;text-align:center;background:radial-gradient(circle at 50% 0,#2b2213,#0b0a08);color:#efe6d2;border:1px solid #3a2f1c}
.promo img{width:120px;margin:0 auto 10px}.promo p{font-size:var(--fs-s);color:#bfb39c;margin:0}
/* reveal */
.rv{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.empty{padding:60px 0;text-align:center;color:var(--mut)}
mark{background:rgba(212,175,106,.35);color:inherit;border-radius:2px}
/* reader */
.reader{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px}
.reader[hidden]{display:none}
.rback{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);animation:fade .35s both}
.rcard{position:relative;width:min(880px,100%);max-height:92vh;overflow:auto;background:var(--card);border-radius:10px;box-shadow:0 40px 90px rgba(0,0,0,.6);animation:pop .5s var(--ease) both;border:1px solid var(--line)}
@keyframes fade{from{opacity:0}}@keyframes pop{from{opacity:0;transform:translateY(40px) scale(.96)}}
.reader.closing .rback{animation:fade .3s reverse both}.reader.closing .rcard{animation:pop .3s reverse both}
.rclose{position:absolute;top:14px;inset-inline-end:14px;z-index:5;background:rgba(0,0,0,.5);color:#fff;border-color:rgba(255,255,255,.2)}
.rcard .ph{aspect-ratio:16/9}
.rin{padding:30px 40px 40px}.rin h2{font-size:var(--fs-2xl);line-height:1.15;margin:4px 0 10px}html[dir=rtl] .rin h2{font-size:1.8rem;line-height:2.1}
.rin .body{font-size:1.08rem;line-height:1.85;margin-top:20px;white-space:pre-line}html[dir=rtl] .rin .body{font-size:1.15rem;line-height:2.3}
.share{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.share .ibtn svg{width:17px;height:17px}.share .ibtn.fill svg{fill:currentColor;stroke:none}
.share .btn{margin-inline-start:auto;text-decoration:none}
#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;background:var(--card);color:var(--txt);border:1px solid var(--gold);padding:12px 20px;border-radius:40px;z-index:400;transition:.4s var(--ease);box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;font-size:var(--fs-s)}
#toast.show{opacity:1;transform:translate(-50%,0)}#toast button{background:var(--gold);border:0;border-radius:20px;padding:4px 12px;cursor:pointer;color:#111;font-weight:700}
.totop{position:fixed;bottom:26px;inset-inline-end:26px;z-index:60;opacity:0;transform:translateY(20px);pointer-events:none;background:var(--gold);color:#111;border:0;box-shadow:var(--shadow)}
.totop.show{opacity:1;transform:none;pointer-events:auto}.totop:hover{background:var(--gold2);color:#111}
/* footer */
.foot{border-top:1px solid var(--line);background:var(--bg2);margin-top:70px;padding:50px 0 0;position:relative}
.foot:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--red),var(--gold),transparent)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.flogo{height:100px;margin-bottom:12px}
.foot h4{font-size:1.1rem;color:var(--gold);margin-bottom:12px}.foot p{color:var(--mut);font-size:var(--fs-s);margin:6px 0}.foot a{color:var(--gold)}
.fnav{display:flex;flex-direction:column;gap:6px}.fnav button{background:none;border:0;padding:0;cursor:pointer;color:var(--mut);text-align:start;font-size:var(--fs-s)}.fnav button:hover{color:var(--gold)}
.small{font-size:var(--fs-xs)!important}.copy{text-align:center;color:var(--mut);font:var(--fs-xs) Inter;padding:20px;border-top:1px solid var(--line);margin-top:40px}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.aside{position:static}.search input{width:140px}.search input:focus{width:170px}.hrow{gap:14px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.lead{min-height:440px}.grid{grid-template-columns:1fr 1fr}
.hrow{flex-wrap:wrap;height:auto;padding:10px 0 0;gap:8px 12px}.brand{order:1}.hact{order:2;margin-inline-start:auto}.nav{order:3;flex-basis:100%;justify-content:flex-start}
.logo{height:64px}.hdr.small .hrow{height:auto}.hdr.small .logo{height:44px}.fgrid{grid-template-columns:1fr}}
@media(max-width:600px){:root{--fs-2xl:2rem;--fs-xl:1.5rem}.wrap{padding:0 16px}.grid{grid-template-columns:1fr}.grid.big .card:first-child{grid-column:auto;grid-row:auto}
.search input{width:120px}.search input:focus{width:150px}.lead{min-height:400px}.lead .in{padding:24px}html[dir=rtl] .lead h1{font-size:1.45rem}
.sitem{grid-template-columns:80px 1fr}.rin{padding:22px}.topbar .wrap{font-size:11px}.auto span{display:none}.auto:after{content:"⟳";font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}#glow{display:none}}
html,body{overflow-x:clip}
/* ===== v4 ===== */
.themebtn{width:44px;height:44px;border:1.5px solid var(--gold);color:var(--gold);background:radial-gradient(circle at 30% 30%,rgba(212,175,106,.25),transparent 70%)}
.themebtn svg,.themefab svg{width:22px;height:22px;transition:transform .6s var(--ease)}.themebtn:hover svg,.themefab:hover svg{transform:rotate(180deg) scale(1.1)}
[data-theme=dark] .themefab .sun,[data-theme=light] .themefab .moon{display:none}
.themefab{display:none;position:fixed;bottom:26px;inset-inline-start:20px;z-index:60;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 4px rgba(212,175,106,.2);place-items:center}
@media(max-width:900px){.themefab{display:grid}.hact .themebtn{display:none}}
.abtn{background:none;border:1px solid var(--line);border-radius:20px;padding:3px 10px;margin-inline-end:12px;cursor:pointer;color:var(--txt);font-size:12px}.abtn:hover{border-color:var(--gold)}
.fbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font:700 10px/1 Inter;padding:0 5px;margin-inline-start:4px;vertical-align:middle}
.bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;margin-top:34px}.bar .tabs{margin:0}
.dates{display:flex;align-items:center;gap:8px;color:var(--gold)}.dates svg{width:18px;height:18px}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--card);color:var(--txt);border-radius:20px;padding:4px 12px;cursor:pointer;font:500 12px/1.6 Inter;transition:.25s}
html[dir=rtl] .chip{font-family:'Noto Naskh Arabic',Inter;font-size:13px}.chip:hover{border-color:var(--gold)}.chip[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}
.filt{display:flex;gap:10px;align-items:center;margin:0 0 12px;flex-wrap:wrap}.filt>span{font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);min-width:60px}
/* quick read */
.quick{margin:12px 0 0;border:1px solid rgba(212,175,106,.45);border-inline-start:3px solid var(--gold);border-radius:4px;padding:8px 12px;background:linear-gradient(135deg,rgba(212,175,106,.08),transparent)}
.quick span{display:block;font:700 10px/1.4 Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}html[dir=rtl] .quick span{font:700 12px 'Noto Naskh Arabic';letter-spacing:0}
.quick p{margin:0;font-size:13.5px;line-height:1.6;color:var(--txt);opacity:.88}html[dir=rtl] .quick p{font-size:14px;line-height:2}
.rin .quick p{font-size:1rem}
/* actions */
.acts{display:flex;gap:4px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);position:relative;z-index:4}.acts .sp{flex:1}
.act{display:inline-flex;align-items:center;gap:6px;height:30px;min-width:30px;justify-content:center;border-radius:16px;border:1px solid transparent;background:none;color:var(--mut);cursor:pointer;padding:0 6px;transition:.2s;font-size:12px}
.act svg{width:16px;height:16px}.act svg.f{fill:currentColor;stroke:none}.act:hover{color:var(--gold);border-color:var(--line)}
.act.on{color:var(--red)}.act.on svg{fill:var(--red);stroke:var(--red)}
.act.speaking{color:#fff;background:var(--red);animation:p 1.2s infinite}@keyframes p{50%{box-shadow:0 0 0 6px rgba(200,16,46,.15)}}
.acts.big{gap:8px;margin-top:24px;padding-top:18px}.acts.big .act{height:38px;padding:0 12px;border-color:var(--line)}.acts.big .act svg{width:18px;height:18px}
.sbadge{font:600 10px/1 Inter;padding:3px 7px;border-radius:10px;border:1px solid var(--line);color:var(--mut)}.sbadge.ok{color:#5fbf8a;border-color:rgba(95,191,138,.4)}
html[dir=rtl] .sbadge{font-family:'Noto Naskh Arabic',Inter}
.trbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--gold);margin-top:10px;padding:6px 10px;border-radius:4px;background:rgba(212,175,106,.08)}
.trbar button{background:none;border:0;color:var(--red);cursor:pointer;text-decoration:underline;font-size:12px}.trbar a{color:var(--gold);text-decoration:underline}
/* speak bar */
.speakbar{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 14px;border-radius:30px;background:rgba(200,16,46,.12);border:1px solid rgba(200,16,46,.4)}.speakbar[hidden]{display:none}
.wave{display:flex;gap:3px;align-items:flex-end;height:16px}.wave i{width:3px;background:var(--red);animation:wv 1s infinite ease-in-out}.wave i:nth-child(2){animation-delay:.2s}.wave i:nth-child(3){animation-delay:.4s}.wave i:nth-child(4){animation-delay:.6s}
@keyframes wv{0%,100%{height:4px}50%{height:16px}}
/* translate picker */
.tpick{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px}.tpick[hidden]{display:none}
.tbox{position:relative;width:min(460px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--gold);border-radius:10px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:pop .35s var(--ease)}
.thead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tbox input{height:40px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--txt);padding:0 12px;margin-bottom:10px}
.tlist{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px}.tlist button{text-align:start;background:none;border:1px solid transparent;border-radius:6px;padding:7px 10px;cursor:pointer;color:var(--txt);display:flex;flex-direction:column}
.tlist button:hover,.tlist button:focus-visible{border-color:var(--gold);background:rgba(212,175,106,.08)}.tlist button.last{border-color:var(--red)}.tlist small{color:var(--mut);font-size:11px}
/* source check */
.scheck{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;font-size:13px}
.scheck b{color:var(--gold)}.scheck .g{color:#5fbf8a}.scheck .m{color:var(--mut)}.scheck small{flex-basis:100%;color:var(--mut);font-size:11px}
.disputed{display:inline-block;background:var(--red);color:#fff!important;padding:4px 10px;border-radius:4px;font-weight:700}
/* reactions */
.react{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.react h5,.tline h5,.arel h5{font:700 1rem 'Playfair Display';margin:0 0 12px;color:var(--gold)}
html[dir=rtl] :is(.react h5,.tline h5,.arel h5){font-family:'Noto Nastaliq Urdu';line-height:2}
.emos{display:flex;gap:8px;flex-wrap:wrap}.emo{display:flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--bg);color:var(--txt);border-radius:30px;padding:6px 14px;cursor:pointer;transition:.2s}
.emo span{font-size:18px;transition:transform .3s}.emo:hover span{transform:scale(1.3)}.emo.on{border-color:var(--gold);background:rgba(212,175,106,.15)}
.prov{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:13px;color:var(--mut)}.prov select{background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:4px 8px}
.emap{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center}.emap svg{width:100%}.emap path{stroke:var(--gold);stroke-width:1;transition:fill .5s}
.elegend span{display:inline-flex;align-items:center;gap:6px;margin:0 12px 6px 0;font-size:12px}.elegend i{width:10px;height:10px;border-radius:2px}.empty.sm{padding:6px 0;text-align:start}.note{font-size:11px;color:var(--mut)}
/* timeline */
.tline{margin-top:28px}.tline ol{list-style:none;margin:0;padding:0;position:relative}.tline ol:before{content:"";position:absolute;inset-inline-start:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--gold3),var(--gold),var(--red))}
.tline li{position:relative;padding-inline-start:30px;padding-bottom:16px}.tline li:before{content:"";position:absolute;inset-inline-start:1px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--card);border:2px solid var(--gold)}
.tline li.cur:before{background:var(--red);border-color:var(--red);box-shadow:0 0 0 5px rgba(200,16,46,.2)}
.tline time{display:block;font:600 11px Inter;color:var(--gold);letter-spacing:.05em}.tline a{display:block;font-weight:600;line-height:1.4}.tline a[href]:hover{color:var(--gold)}.tline small{color:var(--mut);font-size:11px}
.abadge{display:inline-block;font:700 10px/1 Inter;font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:#7a5a2a;color:#f7e9cc;padding:4px 8px;border-radius:3px}
.arel{margin-top:22px}.arel a{display:block;padding:10px 0;border-bottom:1px dashed var(--line)}.arel a:hover{color:var(--gold)}.arel small{display:block;color:var(--mut);font-size:11px}
/* alerts panel */
.alertp{position:fixed;top:44px;inset-inline-end:20px;z-index:120;width:300px;background:var(--card);border:1px solid var(--gold);border-radius:10px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;animation:pop .3s var(--ease)}
.alertp[hidden]{display:none}.alertp h5{margin:0;font-size:1rem;color:var(--gold)}.alertp label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mut)}.alertp select{background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:6px}
/* maps */
.mapwrap{position:relative;margin:0 0 28px;border-radius:10px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,rgba(212,175,106,.08),transparent 70%),var(--bg2);overflow:hidden;padding:12px}
.mapwrap svg{width:100%;display:block;transition:all .8s var(--ease)}
.pksvg{max-height:520px}.pv{fill:rgba(212,175,106,.07);stroke:var(--gold);stroke-width:1.2;transition:fill .3s}.pv:hover{fill:rgba(212,175,106,.18)}
.mk{cursor:pointer}.mk .dot{fill:var(--mut);transition:.3s}.mk.has .dot{fill:var(--red);filter:drop-shadow(0 0 6px rgba(200,16,46,.9))}
.mk .pulse{fill:none;stroke:var(--red);stroke-width:1.5;opacity:0}.mk.has .pulse{animation:pulse 2.4s infinite;transform-box:fill-box;transform-origin:center}
@keyframes pulse{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
.mk text{font:600 10px Inter;fill:var(--txt);text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:3px;opacity:.85}html[dir=rtl] .mk text{font-family:'Noto Naskh Arabic'}
.mk:not(.has) text{opacity:.45;font-size:8px}.mk.on .dot{fill:var(--gold2)}.mk:hover text,.mk:focus text{opacity:1}
.maptools{position:absolute;top:12px;inset-inline-start:14px;display:flex;gap:10px;align-items:center;font:600 12px Inter;color:var(--gold)}
.credit{position:absolute;bottom:6px;inset-inline-end:10px;font-size:9px;color:var(--mut)}
.wm .cty{fill:rgba(160,150,130,.12);stroke:rgba(212,175,106,.35);stroke-width:.4;transition:fill .3s}
.wm .cty.has{fill:rgba(200,16,46,var(--k));cursor:pointer}.wm .cty.has:hover,.wm .cty.on{fill:var(--gold);stroke:#fff}
[data-theme=light] .wm .cty{fill:rgba(120,100,60,.1)}
/* section styles: one shared theme; only graphics vary */
.mstrip{overflow:hidden;border-block:1px solid var(--line);margin-bottom:20px;height:34px;display:flex;align-items:center}
.mtrack{display:inline-flex;gap:40px;white-space:nowrap;animation:m 80s linear infinite;font:500 12px Inter;color:var(--gold)}html[dir=rtl] .mtrack{animation-name:mr;font-family:'Noto Naskh Arabic'}
.csearch{display:flex;gap:12px;align-items:center;margin-bottom:20px}.csearch input{flex:1;max-width:460px;height:42px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--txt);padding:0 14px;font-size:14px}.csearch input:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(200,16,46,.2)}.csearch span{color:var(--red);font-weight:700;font-size:13px}
.clips{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.clip{position:relative;background:var(--card);color:var(--txt);border:1px solid var(--line);padding:22px 18px 18px;border-radius:6px;cursor:pointer;transition:transform .3s,border-color .3s}
.clip:hover{transform:translateY(-4px);border-color:var(--gold)}
.clip img{width:100%;aspect-ratio:16/10;object-fit:cover;margin:6px 0 10px;border-radius:4px}.clip h3{font-size:1.1rem;line-height:1.4}html[dir=rtl] .clip h3{line-height:2}
.clip p{font-size:13px;margin:6px 0;color:var(--mut)}.clip .odate{font-weight:700;color:var(--gold)}.clip .relto a{color:var(--gold);text-decoration:underline}.clip .abadge{position:absolute;top:-8px;inset-inline-start:14px}
.abadge{background:var(--gold)!important;color:#111!important}
.s-local{position:relative}
.skyline{height:74px;margin-bottom:8px;color:var(--gold);opacity:.55}.skyline svg{width:100%;height:100%}
/* section header icons + watermarks */
.sh .sico{width:30px;height:30px;color:var(--gold);flex:none}.sh .sico svg{width:100%;height:100%;stroke-width:1.5}
.sec{position:relative}.sec>.wmark{position:absolute;top:-10px;inset-inline-end:0;width:200px;height:150px;color:var(--gold);opacity:.07;pointer-events:none;z-index:0}
.sec>.wmark svg{width:100%;height:100%;stroke-width:.8}html[dir=rtl] .sec>.wmark{transform:scaleX(-1)}
[data-theme=light] .sec>.wmark{opacity:.12}
/* crime severity */
.sev-high{--sev:#e0202f}.sev-med{--sev:#f08a24}.sev-low{--sev:#f2c94c}
.card[class*=sev-]{border-inline-start:4px solid var(--sev)}
.sevb{font:700 10px/1 Inter;padding:3px 7px;border-radius:10px;background:var(--sev);color:#111}html[dir=rtl] .sevb{font-family:'Noto Naskh Arabic',Inter}
.sevleg{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:12px;color:var(--mut);margin:0 0 12px}.sevleg i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--sev);margin-inline-end:5px;vertical-align:middle}
.sevnote{font-size:11px;color:var(--mut);margin:-4px 0 16px}.sevnote summary{cursor:pointer;color:var(--gold)}
.cmap .cm circle{stroke:#111;stroke-width:1;cursor:pointer}.cmap .cm text{font:700 9px Inter;fill:#111;text-anchor:middle;pointer-events:none}
.cmap .cm:hover circle,.cmap .cm:focus circle{stroke:var(--gold2);stroke-width:2}
.cmtip{position:absolute;z-index:5;max-width:300px;background:var(--card);border:1px solid var(--gold);border-radius:8px;padding:10px 12px;font-size:12px;box-shadow:var(--shadow);pointer-events:auto}.cmtip[hidden]{display:none}
.cmtip a{display:block;padding:4px 0;border-bottom:1px solid var(--line);cursor:pointer}.cmtip a:hover{color:var(--gold)}.cmtip a:last-child{border:0}
.cmtools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.cmtools .unk{color:var(--mut);font-size:12px;margin-inline-start:auto}
/* globe */
.globewrap{position:relative;height:620px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1a1206 0,#050403 60%);border:1px solid var(--line)}
#globe{position:absolute;inset:0}.ghint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:#bfb39c;margin:0;pointer-events:none}
.gpanel{position:absolute;top:14px;inset-inline-end:14px;bottom:14px;width:340px;overflow:auto;background:rgba(10,9,7,.88);backdrop-filter:blur(10px);border:1px solid var(--gold);border-radius:10px;padding:14px;color:#efe9dd;animation:pop .35s var(--ease)}.gpanel[hidden]{display:none}
.gph{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gph h5{margin:0;font:700 1.1rem 'Playfair Display';color:var(--gold2)}.gph small{font:500 11px Inter;color:#bfb39c}
.gitem{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #2a241b;cursor:pointer;font-size:13px;line-height:1.4}.gitem img{width:70px;height:52px;object-fit:cover;border-radius:4px}.gitem:hover b{color:var(--gold)}
.gfall{padding:30px;display:flex;flex-wrap:wrap;gap:8px;color:#efe9dd}.gfall p{flex-basis:100%}
.empty .eico{font-size:28px;color:var(--gold);margin-bottom:8px}
@media(max-width:900px){.clips{grid-template-columns:1fr 1fr}.emap{grid-template-columns:1fr}.globewrap{height:480px}.gpanel{inset:auto 10px 10px 10px;width:auto;max-height:55%}}
@media(max-width:600px){.clips{grid-template-columns:1fr}.tlist{grid-template-columns:1fr}.bar{gap:10px}.dates{overflow-x:auto;max-width:100%}.dates .chips{flex-wrap:nowrap}.tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}.tab{white-space:nowrap}
.globewrap{height:420px}.abtn span{display:none}.acts .act{min-width:28px;padding:0 4px}}
.layout>div{min-width:0}.mstrip,.tabs,.dates{max-width:100%}
.mk .pulse,.mk text{pointer-events:none}.mk .hit{fill:transparent}
@media(max-width:600px){#today{display:none}.abtn{margin-inline-end:6px;padding:2px 8px}.topbar .wrap{gap:6px}}
.mk:not(.has) text{display:none}
.tools{display:flex;align-items:center;white-space:nowrap}

.acts a.act:hover svg.f{color:var(--gold)}.acts .act[aria-label=WhatsApp]:hover,.acts .act[aria-label=X]:hover,.acts .act[aria-label=Facebook]:hover{color:var(--gold);border-color:var(--gold)}.nshare{color:var(--red)}@media(min-width:901px){.nshare{display:none!important}}

.tcol{margin-inline-start:auto;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--gold);font-size:13px;line-height:1;cursor:pointer;opacity:.75;transition:transform .25s,opacity .2s}
.tcol:hover{opacity:1;border-color:var(--gold)}
.trend.col .tcol{transform:rotate(-90deg)}
.trend.col .titem{display:none}
.trend.col{padding:12px 18px}
.aside.col{position:static}
.aside.col .promo{display:none}
/* horizontal scroll fix */
.nav{justify-content:flex-start!important;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}
.nav>:first-child{margin-inline-start:auto}.nav>:last-child{margin-inline-end:auto}
.nav::-webkit-scrollbar{height:4px}.nav::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
.nav.drag{cursor:grabbing;user-select:none}
.topday{margin:28px 0 8px}.topday .hero{margin-top:14px}.tops{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tcol2{display:grid;gap:10px;align-content:start}.tsh{color:var(--gold);font-size:1rem;border-bottom:1px solid var(--gold3,#7a5c1e);padding-bottom:4px;margin:0}
@media(max-width:900px){.tops{grid-template-columns:1fr}}
.topday .hero{grid-template-columns:1.25fr 1.35fr}@media(max-width:900px){.topday .hero{grid-template-columns:1fr}}
/* Yaadgaar Khabrein: vintage clipping look (restored) */
.s-archive .clip{background:radial-gradient(ellipse at 30% 20%,rgba(255,250,235,.55),transparent 60%),repeating-linear-gradient(0deg,rgba(90,60,20,.035) 0 1px,transparent 1px 3px),#efe3c6;color:#2b2216;border:1px solid #c9b48a;border-radius:2px;box-shadow:0 10px 24px rgba(0,0,0,.45),inset 0 0 40px rgba(120,85,35,.28);font-family:Georgia,'Times New Roman',serif;transform:rotate(-.4deg);clip-path:polygon(0 1%,4% 0,9% 1.2%,15% .2%,22% 1%,30% 0,38% 1.1%,46% .1%,54% 1%,62% 0,70% 1.2%,78% .2%,86% 1%,93% 0,100% 1%,99.4% 50%,100% 99%,95% 100%,88% 98.8%,80% 100%,72% 99%,64% 100%,56% 98.9%,48% 100%,40% 99%,32% 100%,24% 98.8%,16% 100%,8% 99%,0 100%,.6% 50%)}
.s-archive .clip:nth-child(even){transform:rotate(.5deg)}
.s-archive .clip:hover{transform:rotate(0) translateY(-4px);border-color:#a8864c}
.s-archive .clip:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 90%,rgba(140,95,40,.18),transparent 30%),radial-gradient(circle at 10% 70%,rgba(140,95,40,.12),transparent 25%);mix-blend-mode:multiply}
.s-archive .clip img{filter:sepia(.85) grayscale(.35) contrast(1.05) brightness(.95);border:1px solid #b9a072;border-radius:0}
.s-archive .clip h3{color:#1e170e;font-family:Georgia,serif;font-weight:700;border-bottom:1px solid #b9a072;padding-bottom:6px}
html[dir=rtl] .s-archive .clip h3{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif}
.s-archive .clip p{color:#4a3c28}.s-archive .clip .odate{color:#7a1f12}.s-archive .clip .relto a{color:#7a1f12}
.s-archive .clip .abadge{background:#7a1f12!important;color:#f3e6c8!important}
.s-archive .clip .abadge{top:10px}.s-archive .clip{padding-top:36px}
.s-archive .astamp{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px;font:700 11px/1 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase;color:#7a1f12}
.s-archive .astamp span{border:1.5px solid #7a1f12;padding:4px 7px;border-radius:2px;transform:rotate(-2deg);opacity:.85;background:rgba(122,31,18,.05)}
html[dir=rtl] .s-archive .astamp{font:700 12px/1.4 'Noto Naskh Arabic',serif;letter-spacing:0}
.s-archive .aweek{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start;margin:0 0 26px;padding:40px 26px 24px;transform:rotate(0)}
.s-archive .aweek img{margin:0;aspect-ratio:4/3}.s-archive .aweek h3{font-size:1.5rem}.s-archive .aweek .astamp{grid-column:1/-1;margin:0}
@media(max-width:700px){.s-archive .aweek{grid-template-columns:1fr}}
.s-archive .afilter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.s-archive .afilter input,.s-archive .afilter select{background:#efe3c6;color:#2b2216;border:1px solid #b9a072;border-radius:3px;padding:9px 12px;font:15px Georgia,serif}
html[dir=rtl] .s-archive .afilter input,html[dir=rtl] .s-archive .afilter select{font-family:'Noto Naskh Arabic',serif}
.s-archive .afilter input{flex:1;min-width:180px}

/* archive: newspaper-clipping strengthening (scoped) */
.s-archive .clip h3{font-family:'Playfair Display','Times New Roman',Georgia,serif;font-weight:900;line-height:1.2;overflow-wrap:anywhere;text-transform:none}
html[dir=rtl] .s-archive .clip h3{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;line-height:2}
.s-archive .clip p{column-width:15em;column-gap:1.4em;column-rule:1px solid rgba(120,90,45,.35);text-align:justify;hyphens:auto}
.s-archive .clip:before{content:"✂";position:absolute;top:6px;inset-inline-end:10px;color:rgba(60,40,20,.45);font-size:15px;z-index:2}
/* ===== Crime: dark case-file cards (scoped to .s-crime) ===== */
.s-crime{background:radial-gradient(ellipse at top,#15120d,#070605 75%);border-radius:6px;padding-bottom:10px}
.s-crime .grid .card{position:relative;background:linear-gradient(165deg,#2e271b,#18140e 75%);border:1px solid #4e4027;border-radius:0 4px 4px 4px;box-shadow:0 10px 22px rgba(0,0,0,.7),inset 0 0 0 1px rgba(201,161,74,.1);color:#e6d8b8}
.s-crime .grid .card .b:before{content:"CASE #" counter(crimecase,decimal-leading-zero) "  ·  CLASSIFIED";counter-increment:crimecase;display:inline-block;margin:0 0 8px;background:#3a3122;color:#e8c96a;font:700 11px/1 'Courier New',monospace;letter-spacing:.1em;padding:4px 10px 6px;border:1px solid #5b4a2c;border-radius:3px}
.s-crime .grid{counter-reset:crimecase}
.s-crime .grid .card h3,.s-crime .grid .card h3 a{color:#f1e3bd;font-family:'Courier New',ui-monospace,monospace}
html[dir=rtl] .s-crime .grid .card h3,html[dir=rtl] .s-crime .grid .card h3 a{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif}
.s-crime .grid .card p{color:#b9aa88}
.s-crime .grid .card .meta{color:#b8a682;font-family:'Courier New',monospace}
.s-crime .grid .card .sevb{color:#e0262c;border:2px solid #e0262c;background:rgba(196,22,28,.08);font:800 10px/1 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase;padding:3px 6px;transform:rotate(-4deg);display:inline-block}
.s-crime .grid .card .ph img,.s-crime .grid .card .ph img.ok{filter:grayscale(.75) contrast(1.08) brightness(.85)!important}