/* Newsline Case Files — scoped to .s-casefiles and .cfmodal only */
.s-casefiles .cfintro{color:#c9b48a;font-family:Georgia,serif;max-width:900px;margin:0 0 12px}
html[dir=rtl] .s-casefiles .cfintro{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;line-height:2.1}
.s-casefiles .cfchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.s-casefiles .cfchip{background:#1a1408;color:#e9d9a8;border:1px solid #8a6d2f;border-radius:2px;padding:6px 12px;font-family:Georgia,serif;cursor:pointer}
.s-casefiles .cfchip[aria-pressed=true]{background:#7a1f12;border-color:#c9a14a;color:#f3e6c8}
.s-casefiles .cfchip b{opacity:.75;font-weight:400}
.s-casefiles .cfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px 20px;padding-top:14px}
.s-casefiles .cffolder{position:relative;display:block;text-align:start;background:none;border:0;padding:0;cursor:pointer;transform:rotate(-.6deg);transition:transform .25s}
.s-casefiles .cffolder:nth-child(even){transform:rotate(.7deg)}
.s-casefiles .cffolder:hover,.s-casefiles .cffolder:focus-visible{transform:rotate(0) translateY(-5px)}
.s-casefiles .cftab,.cfmodal .cftab{position:absolute;top:-16px;inset-inline-start:14px;background:#d9bf7f;color:#3a2a10;font:700 12px/1 'Courier New',monospace;letter-spacing:.08em;padding:5px 12px 7px;border-radius:6px 6px 0 0;border:1px solid #a88a48;border-bottom:0}
.s-casefiles .cfbody{position:relative;display:flex;flex-direction:column;gap:6px;min-height:230px;padding:18px 16px 16px;background:linear-gradient(170deg,rgba(255,245,215,.35),transparent 60%),repeating-linear-gradient(0deg,rgba(90,60,20,.04) 0 1px,transparent 1px 3px),#d9bf7f;border:1px solid #a88a48;border-radius:0 4px 4px 4px;box-shadow:0 10px 22px rgba(0,0,0,.5),inset 0 0 30px rgba(120,85,35,.3);color:#2b2216;font-family:Georgia,'Times New Roman',serif;overflow:hidden}
.s-casefiles .cfbody:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 90%,rgba(140,95,40,.2),transparent 30%),radial-gradient(circle at 10% 70%,rgba(140,95,40,.14),transparent 25%);mix-blend-mode:multiply}
.s-casefiles .cfthumb{width:74px;height:90px;object-fit:cover;align-self:flex-end;filter:sepia(.85) grayscale(.35) contrast(1.05) brightness(.95);border:3px solid #f3e9cf;box-shadow:0 2px 6px rgba(0,0,0,.35);transform:rotate(3deg)}
.s-casefiles .cfname{font-size:1.15rem;color:#1e170e;border-bottom:1px solid #a88a48;padding-bottom:4px}
html[dir=rtl] .s-casefiles .cfname,html[dir=rtl] .cfmodal h2,html[dir=rtl] .cfmodal h4{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;line-height:2}
.s-casefiles .cfalias,.s-casefiles .cfreg{font-size:.82rem;color:#4a3c28}
.s-casefiles .cfdate,.cfmodal .cfmeta{font:12px 'Courier New',monospace;color:#7a1f12;letter-spacing:.04em}
.s-casefiles .cfstamp,.cfmodal .cfstamp{align-self:flex-start;display:inline-block;font:800 12px/1 'Courier New',monospace;letter-spacing:.14em;color:#a3180c;border:3px double #a3180c;padding:5px 8px;transform:rotate(-8deg);opacity:.85;background:rgba(255,255,255,.08);mix-blend-mode:multiply}
.s-casefiles .cfstamp{position:absolute;bottom:14px;inset-inline-end:12px}
.s-casefiles .cfstamp.s-unsolved,.cfmodal .cfstamp.s-unsolved,.s-casefiles .cfstamp.s-fugitive,.cfmodal .cfstamp.s-fugitive{color:#1f3d7a;border-color:#1f3d7a}
/* viewer */
.cfmodal{position:fixed;inset:0;z-index:9999;background:rgba(10,7,3,.86);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;perspective:1800px}
.cfmodal.on{opacity:1}
.cfmodal .cfdesk{width:min(760px,94vw);display:flex;flex-direction:column;align-items:center;gap:12px}
.cfmodal .cfopenfolder{position:relative;width:100%;height:min(78vh,720px);transform-style:preserve-3d}
.cfmodal .cfcover{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:repeating-linear-gradient(0deg,rgba(90,60,20,.05) 0 1px,transparent 1px 3px),#d9bf7f;border:1px solid #a88a48;border-radius:4px;box-shadow:inset 0 0 40px rgba(120,85,35,.35);color:#2b2216;font:700 1.5rem Georgia,serif;transform-origin:left center;transition:transform 1s cubic-bezier(.6,.1,.3,1),opacity .2s 0.9s;backface-visibility:hidden}
.cfmodal[dir=rtl] .cfcover{transform-origin:right center}
.cfmodal.on .cfcover{transform:rotateY(-170deg);opacity:0;pointer-events:none}
.cfmodal[dir=rtl].on .cfcover{transform:rotateY(170deg)}
.cfmodal .cfsheet{position:absolute;inset:0;overflow:auto;padding:30px 34px;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;box-shadow:0 14px 40px rgba(0,0,0,.6),inset 0 0 40px rgba(120,85,35,.28);font-family:Georgia,'Times New Roman',serif;line-height:1.6;transform-origin:left center;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%)}
.cfmodal[dir=rtl] .cfsheet{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;line-height:2.2;transform-origin:right center}
.cfmodal .cfsheet h2{margin:.3em 0 0;color:#1e170e;border-bottom:1px solid #b9a072}
.cfmodal .cfsheet h4{margin:1em 0 .3em;color:#7a1f12;font-variant:small-caps;letter-spacing:.06em}
.cfmodal .cfp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font:12px 'Courier New',monospace;color:#5a4a30}
.cfmodal .cftl{list-style:none;padding:0;margin:0;border-inline-start:2px solid #a3180c}
.cfmodal .cftl li{position:relative;padding:6px 14px 10px}
.cfmodal .cftl li:before{content:"";position:absolute;inset-inline-start:-6px;top:12px;width:10px;height:10px;background:#a3180c;border-radius:50%}
.cfmodal .cftl time{display:block;font:700 13px 'Courier New',monospace;color:#7a1f12}
.cfmodal .cffig{margin:0 0 16px;text-align:center}
.cfmodal .cffig img{max-width:70%;max-height:46vh;filter:sepia(.85) grayscale(.35) contrast(1.05) brightness(.95);border:6px solid #f6eed8;box-shadow:0 4px 12px rgba(0,0,0,.35);transform:rotate(-1.5deg)}
.cfmodal .cffig figcaption{font-size:.85rem;color:#4a3c28;margin-top:8px}
.cfmodal a{color:#7a1f12}
.cfmodal .cfnote{background:rgba(163,24,12,.08);border-inline-start:3px solid #a3180c;padding:6px 10px}
.cfmodal .cfvid iframe{width:100%;aspect-ratio:16/9;border:0}
.cfmodal .cfctl{display:flex;align-items:center;gap:14px;color:#e9d9a8;font:14px Georgia,serif}
.cfmodal .cfctl button{background:#1a1408;color:#e9d9a8;border:1px solid #c9a14a;min-width:44px;height:44px;font-size:22px;border-radius:2px;cursor:pointer}
.cfmodal .cfctl button:disabled{opacity:.35;cursor:default}
.cfmodal .flip-out-n{animation:cfOutN .26s ease-in forwards}.cfmodal .flip-in-n{animation:cfIn .32s ease-out}
.cfmodal .flip-out-p{animation:cfOutP .26s ease-in forwards}.cfmodal .flip-in-p{animation:cfIn .32s ease-out}
@keyframes cfOutN{to{transform:rotateY(-95deg);opacity:.2}}@keyframes cfOutP{to{transform:rotateY(95deg);opacity:.2}}
@keyframes cfIn{from{transform:rotateY(25deg);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.cfmodal .cfcover{transition:none}}
@media (max-width:600px){.cfmodal .cfsheet{padding:22px 18px}}
.s-casefiles .cfev,.cfmodal .cfev{padding-inline-start:1.2em;margin:.4em 0}.cfmodal .cfev li{margin:.45em 0;line-height:1.5}.cfmodal .cfev small{display:block;opacity:.75}
/* ===== DARK CONFIDENTIAL case-file theme (overrides light vintage; scoped to .s-casefiles/.cfmodal) ===== */
.s-casefiles{--cfk:#0b0a08;--cfm:#2a241a;--cfg:#c9a14a;--cfr:#c4161c}
.s-casefiles .cfintro{color:#cbb98f;font-family:'Courier New',ui-monospace,monospace}
.s-casefiles .cfgrid{background:radial-gradient(ellipse at top,#16130d,#070605 70%);padding:30px 14px 18px;border:1px solid #2b2418;border-radius:4px}
.s-casefiles .cftab,.cfmodal .cftab{background:#3a3122;color:#e8c96a;border-color:#5b4a2c;font-family:'Courier New',monospace}
.s-casefiles .cfbody{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E"),linear-gradient(165deg,#3a3122,#211c14 70%);border:1px solid #5b4a2c;box-shadow:0 12px 26px rgba(0,0,0,.75),inset 0 0 0 1px rgba(201,161,74,.12);color:#e9dcc0}
.s-casefiles .cfbody:before{content:"CONFIDENTIAL · خفیہ";position:absolute;top:8px;inset-inline-end:10px;font:700 9px/1 'Courier New',monospace;letter-spacing:.2em;color:rgba(196,22,28,.7)}
.s-casefiles .cfbody:after{background:none}
.s-casefiles .cfname{color:#f1e3bd;border-bottom-color:#c9a14a;font-family:'Courier New',ui-monospace,monospace;letter-spacing:.02em}
.s-casefiles .cfalias,.s-casefiles .cfreg{color:#a8987a}
.s-casefiles .cfdate{color:#e8c96a}
.s-casefiles .cfthumb{filter:grayscale(1) contrast(1.1) brightness(.85);border-color:#1a1611}
.s-casefiles .cfstamp,.cfmodal .cfstamp{color:#e0262c;border-color:#e0262c;mix-blend-mode:normal;background:rgba(196,22,28,.08)}
.s-casefiles .cfstamp.s-unsolved,.cfmodal .cfstamp.s-unsolved,.s-casefiles .cfstamp.s-fugitive,.cfmodal .cfstamp.s-fugitive{color:#e8c96a;border-color:#e8c96a}
.s-casefiles .cfchip{background:#14110c;color:#e8c96a;font-family:'Courier New',monospace}
.cfmodal{background:rgba(3,3,2,.93)}
.cfmodal .cfcover{background:linear-gradient(165deg,#3a3122,#1d1912);color:#f1e3bd;border-color:#5b4a2c;font-family:'Courier New',monospace;box-shadow:inset 0 0 50px rgba(0,0,0,.6)}
.cfmodal .cfsheet{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E"),#16130e;color:#e4d6b8;border-color:#4a3d26;box-shadow:0 14px 40px rgba(0,0,0,.8),inset 0 0 0 1px rgba(201,161,74,.15)}
.cfmodal .cfsheet h2{color:#f1e3bd;border-bottom-color:#c9a14a;font-family:'Courier New',monospace}
.cfmodal .cfsheet h4{color:#e8c96a;font-family:'Courier New',monospace;text-transform:uppercase;font-variant:normal}
.cfmodal .cfp-head,.cfmodal .cfmeta{color:#b8a682}
.cfmodal .cftl{border-color:#c4161c}.cfmodal .cftl li:before{background:#c4161c}.cfmodal .cftl time{color:#e8c96a}
.cfmodal a{color:#e8c96a}
.cfmodal .cfnote{background:rgba(196,22,28,.1);border-color:#c4161c}
.cfmodal .cffig img{filter:grayscale(1) contrast(1.05);border-color:#2a241a}
.cfmodal .cffig figcaption,.cfmodal .cfev small{color:#a8987a}
.cfmodal .cfev li::marker{color:#c4161c;font-family:'Courier New',monospace}
html[dir=rtl] .s-casefiles .cfname,html[dir=rtl] .cfmodal .cfsheet h2,html[dir=rtl] .cfmodal .cfsheet h4,.cfmodal[dir=rtl] .cfsheet h2,.cfmodal[dir=rtl] .cfsheet h4{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;text-transform:none}
@media (max-width:600px){.s-casefiles .cfgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 12px;padding:26px 8px 12px}.s-casefiles .cfbody{min-height:200px;padding:16px 12px}}