/* Відкриті справи — restrained editorial public layout, v2. */
:root{--vs-bg:#0e1319;--vs-panel:#191f27;--vs-panel-hi:#222b36;--vs-border:#384451;--vs-ink:#eff3f8;--vs-muted:#aab8c8;--vs-red:#ba343d;--vs-red-bright:#e15861}
body{background:radial-gradient(ellipse at 92% 7%,#2a1820 0,transparent 32%),linear-gradient(165deg,#101821,#0e1319 35%,#11151c);color:var(--vs-ink);min-height:100vh}
.siteHeader{padding:0 4.5%;background:#0c1118ed;border-bottom:1px solid #35404c;position:relative;z-index:5}
.headerInner{max-width:1510px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.siteBrand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;flex-shrink:0}
.brandIcon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#d24a51}
.brandIcon svg{width:100%;height:100%}
.brandText{font-size:clamp(1.02rem,1.8vw,1.42rem);font-weight:850;letter-spacing:-.025em;white-space:nowrap;line-height:1.1}
.brandText em{font-style:normal;color:#dc4850}
.brandSubtitle{font-size:.72rem;line-height:1.36;color:#cbd3de;border-left:1px solid #586271;padding-left:17px;max-width:325px}
.mainNav{display:flex;align-items:center;gap:18px;margin-left:auto}
.mainNav a{color:#d7dee8;text-decoration:none;padding:12px 3px;font-size:.88rem;font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}
.mainNav a:hover,.mainNav a:focus-visible{color:#fff;border-bottom-color:#ce454d}
.mainNav a:first-child{border-bottom-color:#c53c46;color:#fff}
.headerSearch{display:flex;align-items:center;gap:8px;text-decoration:none;color:#eef3f9;border:1px solid #3a4755;border-radius:10px;padding:10px 12px;font-size:.82rem}
.headerSearch:hover{border-color:#c55d66}
.wrap{max-width:1510px;padding:28px clamp(18px,4.5vw,70px) 60px}
#hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:28px;align-items:stretch;margin:0 0 31px}
.featuredCard{position:relative;min-height:278px;border:1px solid #586574;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 18% 37%,#40576a 0,#233443 23%,#151e29 56%,#131a23);display:flex;align-items:center;gap:10px;padding:25px}
.featuredArt{width:37%;flex:0 0 37%;align-self:stretch;display:flex;justify-content:center;align-items:center;position:relative;opacity:.93}
.featuredArt:before{content:"";position:absolute;width:185px;height:185px;border:1px solid #8593a155;border-radius:50%;box-shadow:0 0 0 25px #7b899012,0 0 0 55px #9aa3ac07}
.featuredArt svg{width:min(100%,160px);height:auto;color:#c3cfd9;filter:drop-shadow(0 12px 16px #03070bbb);z-index:1}
.featuredArt.hasImage{background:transparent}
.featuredArt.hasImage:before{display:none}
.featuredArt img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;border-radius:9px}
.featuredCopy{position:relative;z-index:1;min-width:0;flex:1}
.featuredEyebrow{display:inline-flex;font-size:.69rem;text-transform:uppercase;background:#802730;color:#fff;padding:6px 11px;border-radius:18px;letter-spacing:.035em;font-weight:750}
.featuredCopy h2{font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.15;margin:14px 0 12px;letter-spacing:-.025em}
.featuredCopy p{font-size:.87rem;line-height:1.58;color:#c6d1dd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featuredFoot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:17px;color:#c8d5e3;font-size:.77rem}
.featuredOpen{display:inline-flex;margin-left:auto;text-decoration:none;color:#fff;border:1px solid #e65760;background:#81272d;border-radius:9px;padding:8px 13px;font-size:.84rem}
.featuredOpen:hover{background:#a12c36}
.missionPanel{min-height:278px;display:flex;flex-direction:column;justify-content:center;gap:15px;position:relative;padding:21px clamp(15px,3vw,43px);border-left:3px solid #bd3942;background:linear-gradient(100deg,#171e27 5%,#171d248e 70%,#15192159)}
.missionKicker{font-size:.73rem;color:#d6a7ab;font-weight:750;letter-spacing:.17em;text-transform:uppercase}
.missionPanel h1{font-size:clamp(1.95rem,3.55vw,3.1rem);line-height:1.07;margin:0;letter-spacing:-.046em;max-width:680px}
.missionPanel p{color:#b9c8d8;line-height:1.65;font-size:.94rem;max-width:530px;margin:0}
.missionDetails{display:flex;gap:12px;flex-wrap:wrap;color:#d3b3b5;font-size:.75rem;letter-spacing:.02em}
#case-list{margin:0 0 44px;scroll-margin-top:20px}
.catalogHeader{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin:0 0 16px}
.catalogHeader h2{font-size:clamp(1.65rem,2.8vw,2.2rem);letter-spacing:-.03em;margin:0}
.catalogTotal{color:#b6c0cd;border-left:2px solid #bc3b42;padding-left:16px;font-size:.84rem}
.filterPills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}
.filterPills button{font:inherit;cursor:pointer;background:#1b242f;border:1px solid #596372;color:#e0e7f1;font-weight:650;font-size:.79rem;padding:9px 14px;border-radius:999px;white-space:nowrap;transition:background .14s,border-color .14s}
.filterPills button:hover,.filterPills button:focus-visible{border-color:#d9868b;background:#2a303b}
.filterPills button[aria-pressed="true"]{background:#8f252d;border-color:#d34a54;color:#fff}
.controlBar{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(160px,1fr) minmax(195px,1fr);gap:10px;margin:0 0 18px}
.controlBar input,.controlBar select{min-width:0;width:100%;background:#171e27;border:1px solid #596575;color:#edf3f8;border-radius:10px;padding:12px 13px;font-size:.87rem}
.controlBar input:focus-visible,.controlBar select:focus-visible{outline:2px solid #cf6670;outline-offset:2px}
.filterFeedback{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#9eafc2;font-size:.78rem;margin:5px 0 11px}
.caseList{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.caseList .case{display:grid;grid-template-columns:118px minmax(0,1fr) auto 50px;gap:16px;align-items:center;padding:10px 14px 10px 10px;min-height:118px;background:linear-gradient(105deg,#1c2631,#171d25 68%);border:1px solid #45505e;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff08;transition:transform .13s,border-color .13s,background .13s;outline-offset:2px}
.caseList .case:hover,.caseList .case:focus-visible{border-color:#bb6a72;background:#25303c;transform:translateY(-1px)}
.caseThumb{height:94px;width:112px;aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 70% 18%,#4a5d6c,#253644 45%,#14202a);border:1px solid #4e6074;display:grid;place-items:center;flex:none}
.caseThumb svg{height:57px;width:57px;color:#bdc8d4}
.caseThumb .thumbBrand{position:absolute;bottom:5px;left:5px;right:5px;text-align:center;font-size:.52rem;letter-spacing:.055em;color:#cedce8}
.caseThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.caseMain{min-width:0;display:grid;gap:5px}
.caseMain .caseInfo{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.caseMain h3{font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.28;letter-spacing:-.015em;margin:0;color:#f3f6f9;font-weight:760;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.caseMain .caseSnippet{color:#b1bfce;font-size:.81rem;line-height:1.35;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.caseMain .miniMeta{font-size:.75rem;color:#b2c3d2}
.case .caseDate{text-align:center;border-left:1px solid #485462;padding:0 15px;color:#d8e1eb;white-space:nowrap;font-size:.81rem}
.case .caseDate small{display:block;font-size:.67rem;color:#9fb0c1;margin-bottom:4px}
.case .caseArrow{border:1px solid #88545a;border-radius:9px;width:41px;height:39px;display:grid;place-items:center;color:#f6d6d9;font-size:1.28rem;background:#542126}
.case:hover .caseArrow{border-color:#e4666f;background:#822b32;color:#fff}
.tag{padding:5px 10px;border-radius:8px;font-weight:700;font-size:.71rem;line-height:1.1;background:#2c4353;color:#d2ecf5}
.tag.conviction{background:#315044;color:#d6f3e4}
.tag.acquittal{background:#35446a;color:#dee7ff}
.tag.process{background:#284659;color:#c7e1f0}
.tag.suspicion{background:#6c3038;color:#ffdce2}
.tag.investigation{background:#5a4730;color:#f7dfb6}
.tag.other{background:#3a4553;color:#dbe2ea}
.autoLabel{font-size:.67rem;color:#f1d8b3;letter-spacing:.01em}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px 0 8px}
.pagination button{font:inherit;border:1px solid #5a6878;background:#151e27;color:#e4ebf3;min-width:42px;height:40px;border-radius:10px;cursor:pointer;font-size:.88rem}
.pagination button:hover:not(:disabled),.pagination button:focus-visible{border-color:#d45f66;background:#253645}
.pagination button[aria-current="page"]{background:#922b34;border-color:#e14d58;color:#fff;font-weight:750}
.pagination button:disabled{opacity:.38;cursor:not-allowed}
.pagination .pageInfo{margin-left:14px;color:#aab6c5;font-size:.78rem}
.noResults{border:1px dashed #506171;background:#19222c;padding:30px 18px;border-radius:12px;color:#c4d1dd;text-align:center}
.notice{background:#171e26;border:1px solid #354453;padding:22px 27px;margin:40px 0 10px}
.notice h2{font-size:1.14rem}
.notice p{font-size:.84rem;line-height:1.7}
footer{background:#0a1015;border-top:1px solid #36414c}
#detail{color:#e9f0f7}
.caseCover{background:radial-gradient(circle at 75% 20%,#52667c,#293a49 50%,#121c29)}
.caseCover:after{background:#bb454c}
@media(max-width:1150px){.brandSubtitle{display:none}.mainNav{gap:13px}.featuredCard,.missionPanel{min-height:260px}.featuredArt{flex-basis:30%;width:30%}.controlBar{grid-template-columns:1fr 1fr}.controlBar input{grid-column:1/-1}}
@media(max-width:830px){.headerInner{min-height:68px}.mainNav a:not(:last-child){display:none}.mainNav{gap:8px}#hero{grid-template-columns:1fr;gap:12px}.missionPanel{min-height:0;order:-1;padding:19px 24px}.missionPanel h1{font-size:clamp(1.8rem,5.7vw,2.7rem)}.featuredCard{min-height:225px}.caseList .case{grid-template-columns:94px minmax(0,1fr) 44px;gap:12px}.caseThumb{width:94px;height:98px}.case .caseDate{grid-column:2;grid-row:2;border-left:0;text-align:left;padding:0;font-size:.74rem}.case .caseDate small{display:inline;margin-right:7px}.case .caseArrow{grid-column:3;grid-row:1/3}.caseMain{grid-column:2;grid-row:1}}
@media(max-width:540px){.siteHeader{padding:0 16px}.headerInner{gap:10px}.brandIcon{width:32px;height:32px}.brandText{font-size:1.03rem}.mainNav a{display:none!important}.headerSearch{padding:8px 10px}.headerSearch span{display:none}.wrap{padding:17px 13px 45px}.missionPanel{padding:13px 18px}.missionPanel h1{font-size:1.72rem}.missionPanel p{font-size:.83rem}.missionDetails{font-size:.7rem}.featuredCard{min-height:220px;padding:13px;gap:9px}.featuredArt{flex-basis:26%;width:26%}.featuredArt:before{width:90px;height:90px}.featuredArt svg{width:72px}.featuredCopy h2{font-size:1.15rem}.featuredCopy p{font-size:.77rem;-webkit-line-clamp:2}.featuredFoot{gap:5px}.featuredOpen{margin:0}.catalogHeader h2{font-size:1.6rem}.filterPills{gap:6px}.filterPills button{padding:8px 11px;font-size:.75rem}.controlBar{grid-template-columns:1fr;gap:8px}.controlBar input{grid-column:auto}.caseList{gap:9px}.caseList .case{grid-template-columns:78px minmax(0,1fr) 29px;gap:10px;min-height:102px;padding:9px}.caseThumb{width:78px;height:87px}.caseThumb svg{width:45px}.caseMain h3{font-size:.94rem}.caseMain .caseSnippet{display:none}.caseMain .miniMeta{font-size:.68rem}.tag{font-size:.64rem;padding:4px 6px}.case .caseArrow{width:30px;height:32px;font-size:1.04rem}.case .caseDate{font-size:.69rem}.pagination .pageInfo{flex-basis:100%;text-align:center;margin:5px 0 0}.notice{padding:18px 15px}}


/* Branded source cards. Accent colors identify editorial categories, never guilt. */
.cover--nabu{--cover-accent:#e2b63c;--cover-soft:#53431b;--cover-ink:#ffdf86}
.cover--vaks{--cover-accent:#559de3;--cover-soft:#203b58;--cover-ink:#c6e5ff}
.cover--dbr{--cover-accent:#a282df;--cover-soft:#40305e;--cover-ink:#eadcff}
.cover--nazk{--cover-accent:#53b69b;--cover-soft:#234d43;--cover-ink:#b6f6df}
.cover--resonant{--cover-accent:#d95d65;--cover-soft:#53262f;--cover-ink:#ffe1e4}
.cover--other{--cover-accent:#94aec5;--cover-soft:#2d4255;--cover-ink:#ebf2fb}
.coverArt{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;
 justify-content:space-between;align-items:flex-start;padding:8px 7px 7px;border:1px solid var(--cover-accent);
 border-radius:8px;color:var(--cover-ink);
 background:radial-gradient(ellipse at 115% -30%,var(--cover-soft),transparent 85%),
 linear-gradient(152deg,#151e28 15%,var(--cover-soft) 125%);}
.coverArt:before{content:"";position:absolute;z-index:0;inset:-30%;pointer-events:none;
 background:linear-gradient(132deg,transparent 48%,var(--cover-accent) 48.2%,transparent 48.7%),
 linear-gradient(138deg,transparent 66%,var(--cover-accent) 66.2%,transparent 66.55%);
 opacity:.20;transform:translate(12%,6%)}
.coverArt:after{content:"";position:absolute;z-index:1;pointer-events:none;inset:0;
 background:linear-gradient(180deg,#0b131bc7 0%,transparent 28%,transparent 56%,#101720db 100%)}
.coverArt__agency,.coverArt__topic,.coverArt__symbol{z-index:2;position:relative}
.coverArt__agency{display:block;font-size:.70rem;line-height:1.1;font-weight:800;letter-spacing:.045em;
 padding-left:6px;border-left:3px solid var(--cover-accent);text-shadow:0 2px 4px #070b0f}
.coverArt__symbol{align-self:center;margin:auto 0;display:flex;align-items:center;justify-content:center;
 border-radius:50%;width:57px;height:57px;color:var(--cover-accent);
 background:radial-gradient(circle,#ffffff08 0%,transparent 70%)}
.coverArt__symbol svg{height:53px;width:53px;stroke:currentColor;opacity:.9}
.coverArt__topic{line-height:1.2;font-size:.56rem;font-weight:650;text-shadow:0 2px 4px #080f16;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;
 overflow-wrap:anywhere}
.coverArt img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}
.coverArt:has(img) .coverArt__symbol{opacity:.22}
.coverArt:has(img):after{background:linear-gradient(180deg,#0a111dde 0%,#0d172150 46%,#0e1624ee 100%)}
/* Portrait 3:4 thumbs, slightly stronger separation without heavy neon glows. */
.caseList .case{grid-template-columns:112px minmax(0,1fr) auto 50px;min-height:141px}
.caseList .caseThumb{width:96px;height:128px;aspect-ratio:3/4;display:block;border:0;border-radius:8px;background:transparent}
.caseList .case.category--nabu{border-left:2px solid #b18b32}
.caseList .case.category--vaks{border-left:2px solid #3973a6}
.caseList .case.category--dbr{border-left:2px solid #7c62af}
.caseList .case.category--nazk{border-left:2px solid #398a77}
.caseList .case.category--resonant{border-left:2px solid #ab454c}
.caseList .case.category--other{border-left:2px solid #738a9d}
.filterPills button[data-kind="resonant"]{--pill-color:#ce666d}
.filterPills button[data-kind="nabu"]{--pill-color:#d1a936}
.filterPills button[data-kind="vaks"]{--pill-color:#70a8dd}
.filterPills button[data-kind="dbr"]{--pill-color:#aa8adb}
.filterPills button[data-kind="nazk"]{--pill-color:#68c3aa}
.filterPills button[data-kind]:not([data-kind="all"]){border-color:color-mix(in srgb,var(--pill-color) 52%,#3f4a58);color:#e4eaf1}
.filterPills button[data-kind]:not([data-kind="all"])[aria-pressed="true"]{background:color-mix(in srgb,var(--pill-color) 35%,#19212b);border-color:var(--pill-color);color:#fff}
.featuredArt.withCover{overflow:hidden;padding:0;border:0}
.featuredArt.withCover:before{display:none}
.featuredArt.withCover .coverArt--large{border-radius:12px;max-width:220px;max-height:245px;min-height:200px;padding:14px}
.featuredArt.withCover .coverArt__agency{font-size:.91rem}
.featuredArt.withCover .coverArt__symbol{width:92px;height:92px}
.featuredArt.withCover .coverArt__symbol svg{height:86px;width:86px}
.featuredArt.withCover .coverArt__topic{font-size:.76rem}
.featuredCard.cover--nabu{border-color:#7a6b42}
.featuredCard.cover--vaks{border-color:#416889}
.featuredCard.cover--dbr{border-color:#67547c}
.featuredCard.cover--nazk{border-color:#467568}
.featuredCard.cover--resonant{border-color:#88525b}
.featuredCard.cover--other{border-color:#586574}
.featuredCard[class*="cover--"] .featuredOpen{border-color:var(--cover-accent);background:var(--cover-soft);color:#fff}
.featuredCard[class*="cover--"] .featuredOpen:hover{filter:brightness(1.25)}
#detail .caseCover{padding:0;overflow:hidden}
#detail .caseCover:after{display:none}
#detail .caseCover .coverArt{border:0;border-radius:0}
#detail .caseCover .coverArt__agency{font-size:.66rem}
#detail .caseCover .coverArt__topic{font-size:.65rem}
@media(max-width:830px){
 .caseList .case{grid-template-columns:93px minmax(0,1fr) 44px;min-height:135px}
 .caseList .caseThumb{width:88px;height:118px}
}
@media(max-width:540px){
 .caseList .case{grid-template-columns:77px minmax(0,1fr) 29px;min-height:120px}
 .caseList .caseThumb{width:76px;height:102px}
 .coverArt{padding:7px 5px 6px}
 .coverArt__agency{font-size:.58rem;padding-left:4px;border-left-width:2px}
 .coverArt__symbol{height:38px;width:38px}
 .coverArt__symbol svg{height:36px;width:36px}
 .coverArt__topic{font-size:.48rem}
 .featuredArt.withCover .coverArt--large{min-height:180px;padding:8px;max-height:225px}
 .featuredArt.withCover .coverArt__agency{font-size:.68rem}
 .featuredArt.withCover .coverArt__symbol{width:52px;height:52px}
 .featuredArt.withCover .coverArt__symbol svg{width:49px;height:49px}
 .featuredArt.withCover .coverArt__topic{font-size:.58rem}
}