.cs-hero{background:var(--ht-el);border-bottom:1px solid var(--ht-b1);padding:56px 40px 48px}.cs-hero-inner{max-width:1120px;margin:0 auto}.cs-hero h1{font-size:clamp(28px,4vw,44px);font-weight:800;color:var(--ht-fg1);margin:8px 0 12px;letter-spacing:-.02em}.cs-hero-lead{font-size:16px;color:var(--ht-fg4);line-height:1.65;max-width:580px;margin:0 0 36px}.cs-stats{display:flex;gap:40px;flex-wrap:wrap}.cs-stat-num{font-size:32px;font-weight:800;color:var(--ht-fg1);line-height:1}.cs-stat-label{font-size:11px;color:var(--ht-fg4);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.cs-filter-bar{background:var(--ht-bg);border-bottom:1px solid var(--ht-b1);padding:14px 40px;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px rgba(0,0,0,.04)}.cs-filter-inner{max-width:1120px;margin:0 auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cs-search{background:var(--ht-el);border:1px solid var(--ht-b2);border-radius:6px;color:var(--ht-fg1);padding:8px 14px;font-size:14px;font-family:inherit;outline:0;width:230px;flex-shrink:0;transition:border-color .15s,box-shadow .15s}.cs-search::placeholder{color:var(--ht-fg4);opacity:.55}.cs-search:focus{border-color:var(--ht-g-hi);box-shadow:0 0 0 3px var(--ht-g-sub)}.cs-filter-btn{border:1px solid var(--ht-b2);background:0 0;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;color:var(--ht-fg4);white-space:nowrap;transition:all .1s}.cs-filter-btn:hover{border-color:var(--ht-g-hi);color:var(--ht-g-hi)}.cs-filter-btn.active{background:var(--ht-g-hi);border-color:var(--ht-g-hi);color:var(--ht-g-fg);font-weight:700}.cs-result-count{font-size:12px;color:var(--ht-fg4);margin-left:auto;white-space:nowrap}.cs-grid-wrap{max-width:1120px;margin:0 auto;padding:36px 40px 80px}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cs-card{background:var(--ht-card);border:1px solid var(--ht-b1);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s}.cs-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.08);transform:translateY(-2px);border-color:var(--ht-g-brd)}.cs-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.cs-card h3{font-size:15px;font-weight:700;color:var(--ht-fg1);line-height:1.4;margin:0}.cs-card-body{font-size:13px;color:var(--ht-fg4);line-height:1.65;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cs-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:10px;border-top:1px solid var(--ht-b1)}.cs-view{font-size:12px;font-weight:600;color:var(--ht-g-hi)}.cs-cat{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:4px;white-space:nowrap;border:1px solid transparent}.cs-cat[data-t=cyber]{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.cs-cat[data-t=surveillance]{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.cs-cat[data-t=family]{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.cs-cat[data-t=process]{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.cs-cat[data-t=partner]{background:#fffbeb;color:#b45309;border-color:#fde68a}.cs-cat[data-t=background]{background:#fff1f2;color:#be123c;border-color:#fecdd3}.cs-cat[data-t=operational]{background:#f8fafc;color:#475569;border-color:#e2e8f0}.cs-outcome{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.cs-outcome::before{content:"● "}.cs-outcome[data-s=green]{color:#16a34a}.cs-outcome[data-s=amber]{color:#d97706}.cs-outcome[data-s=red]{color:#dc2626}.cs-outcome[data-s=gray]{color:#94a3b8}.cs-empty{text-align:center;padding:80px 20px;color:var(--ht-fg4)}.cs-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:32px 20px;overflow-y:auto}.cs-modal-box{background:var(--ht-card);border:1px solid var(--ht-b2);border-radius:14px;padding:36px;max-width:680px;width:100%;position:relative;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.18)}.cs-modal-close{position:absolute;top:14px;right:14px;background:var(--ht-el);border:1px solid var(--ht-b2);color:var(--ht-fg3);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;font-family:inherit;transition:background .1s}.cs-modal-close:hover{background:var(--ht-el2)}.cs-modal-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.cs-modal-id{font-family:monospace;font-size:11px;color:var(--ht-fg4)}.cs-modal-box h2{font-size:clamp(17px,2.5vw,22px);font-weight:800;color:var(--ht-fg1);margin:0 0 4px;line-height:1.3}.cs-modal-sub{font-size:13px;color:var(--ht-fg4);margin:0 0 22px}.cs-modal-sec{margin-bottom:18px}.cs-modal-sec-title{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ht-g-hi);border-bottom:1px solid var(--ht-b1);padding-bottom:6px;margin:0 0 8px}.cs-modal-text{font-size:14px;color:var(--ht-fg3);line-height:1.75;margin:0}.cs-modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.cs-modal-tag{background:var(--ht-el);border:1px solid var(--ht-b1);color:var(--ht-fg4);padding:3px 10px;border-radius:20px;font-size:11px}@media (prefers-color-scheme:dark){.cs-cat[data-t=cyber]{background:rgba(59,130,246,.12);color:#93c5fd;border-color:rgba(59,130,246,.28)}.cs-cat[data-t=surveillance]{background:rgba(251,146,60,.1);color:#fdba74;border-color:rgba(251,146,60,.25)}.cs-cat[data-t=family]{background:rgba(167,139,250,.1);color:#c4b5fd;border-color:rgba(167,139,250,.25)}.cs-cat[data-t=process]{background:rgba(52,211,153,.1);color:#6ee7b7;border-color:rgba(52,211,153,.25)}.cs-cat[data-t=partner]{background:rgba(251,191,36,.1);color:#fcd34d;border-color:rgba(251,191,36,.25)}.cs-cat[data-t=background]{background:rgba(251,113,133,.1);color:#fca5a5;border-color:rgba(251,113,133,.25)}.cs-cat[data-t=operational]{background:rgba(148,163,184,.08);color:#94a3b8;border-color:rgba(148,163,184,.18)}.cs-outcome[data-s=green]{color:#4ade80}.cs-outcome[data-s=amber]{color:#fbbf24}.cs-outcome[data-s=red]{color:#f87171}.cs-outcome[data-s=gray]{color:#64748b}.cs-card{border-color:var(--ht-b2)}.cs-card:hover{box-shadow:0 6px 28px rgba(0,0,0,.45)}.cs-filter-bar{box-shadow:0 2px 12px rgba(0,0,0,.3)}.cs-modal-box{box-shadow:0 24px 72px rgba(0,0,0,.55)}}@media (max-width:1040px){.cs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.cs-hero{padding:36px 20px 32px}.cs-filter-bar{padding:12px 20px}.cs-filter-inner{gap:8px}.cs-search{width:100%}.cs-grid-wrap{padding:24px 20px 60px}.cs-grid{grid-template-columns:1fr;gap:14px}.cs-modal-box{padding:24px 18px}.cs-stats{gap:24px}.cs-stat-num{font-size:26px}}