*{box-sizing:border-box}
:root{--accent:#5b5bd6;--ink:#1a1a2e;--muted:#6b7280;--line:#e6e8f0;--bg:#f6f7fb;--card:#fff;
  --ok:#12a594;--warn:#e0901f;--bad:#e5484d}
html{-webkit-text-size-adjust:100%}
body{font:16px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;margin:0;color:var(--ink);background:var(--bg)}
img,video{max-width:100%;display:block}
a{color:var(--accent)}

/* хедер */
header{padding:16px 16px 8px}header h1{margin:0;font-size:20px}
header p{color:var(--muted);margin:3px 0 0;font-size:13px}

/* каталог */
.filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}
.filters input,.filters select{font:inherit;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:inherit}
.filters input{flex:1 1 100%;min-width:0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:2px 16px 36px}
.card{display:block;background:var(--card);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.thumb{position:relative;aspect-ratio:4/5;background:#ddd}.thumb img{width:100%;height:100%;object-fit:cover}
.badge-score{position:absolute;left:7px;bottom:7px;font-weight:700;font-size:12px;color:#fff;border-radius:7px;padding:2px 7px;background:var(--sc)}
.card .meta{padding:8px 9px 10px}
.card .author{font-size:11px;color:var(--muted)}
.card .title{font-weight:600;font-size:13px;line-height:1.25;margin:2px 0 5px}
.card .stat{font-size:11px;color:var(--muted)}
.card .chips{margin-top:6px}
.empty{padding:0 16px;color:var(--muted)}
.s-hi{--sc:#12a594}.s-mid{--sc:#e0901f}.s-low{--sc:#e5484d}

/* пилюли тип/цель */
.type-pill,.goal-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;
  border-radius:7px;padding:2px 8px;white-space:nowrap}
.type-pill{background:var(--tb,#eef);color:var(--tc,#333)}
.t-reel{--tb:#eceefe;--tc:#4f46e5}.t-carousel{--tb:#fdeede;--tc:#c2410c}
.t-article{--tb:#e7f6f1;--tc:#0f766e}.t-post{--tb:#e8f0fe;--tc:#1d4ed8}
.goal-pill{background:var(--gb,#eee);color:var(--gc,#333)}
.goal-reach{--gb:#fef3e0;--gc:#b45309}.goal-trust{--gb:#efeafe;--gc:#7c3aed}.goal-action{--gb:#e6f6ee;--gc:#15803d}
.card .pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}

/* чипы триггеров (на карточке каталога и в шапке) */
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{font-size:10px;line-height:1.6;border:1px solid var(--g,#999);color:var(--g,#555);border-radius:6px;padding:0 6px;background:#fff;white-space:nowrap}
.chip-lead{background:var(--g);color:#fff;border-color:var(--g)}
.chip-social{--g:#4f6ef7}.chip-mobilize{--g:#e5484d}.chip-clarity{--g:#12a594}.chip-disrupt{--g:#e0901f}.chip-relation{--g:#8e4ec6}

/* карточка разбора */
.back{display:inline-block;padding:12px 16px 6px;text-decoration:none;font-size:14px}
.wrap{padding:0 14px 48px;max-width:760px;margin:0 auto}

/* шапка-сводка */
.hero{background:#fff;border-radius:16px;box-shadow:0 1px 6px rgba(0,0,0,.07);padding:14px;margin-bottom:14px}
.hero-top{display:flex;gap:12px}
.hero video,.hero .cover{width:96px;height:120px;flex:0 0 auto;border-radius:11px;object-fit:cover;background:#000}
.hero-info{min-width:0}
.hero .author{font-weight:600;font-size:14px}
.hero .author span{color:var(--muted);font-weight:400}
.hero .title{font-size:18px;font-weight:700;line-height:1.2;margin:5px 0}
.hero .tags{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}
.hero .tags span{background:#eef;border-radius:7px;padding:1px 9px;font-size:12px;color:#444}
.hero .niches{color:var(--muted);font-size:12.5px;margin:2px 0 4px}
.hero .facts{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px}
.scoreline{display:flex;align-items:center;gap:10px;margin:12px 0 6px}
.score-pill{font-weight:800;font-size:15px;color:#fff;border-radius:10px;padding:4px 11px;background:var(--sc)}
.score-cap{font-size:12px;color:var(--muted)}
.verdict{font-size:14px;line-height:1.45;margin:6px 0 0}
.hero .chips{margin-top:10px}
.hero-links{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.hero-links a{font-size:13px;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:6px 11px;color:var(--accent)}

/* сворачиваемые блоки */
details{background:#fff;border-radius:13px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin:9px 0;overflow:hidden}
summary{list-style:none;cursor:pointer;padding:14px;font-weight:600;font-size:15px;
  display:flex;align-items:center;gap:8px;min-height:48px;user-select:none}
summary::-webkit-details-marker{display:none}
summary .cnt{margin-left:auto;color:var(--muted);font-weight:400;font-size:13px}
summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:rotate(-45deg);transition:transform .2s;margin-left:4px;flex:0 0 auto}
details[open] summary::after{transform:rotate(45deg)}
.body{padding:0 14px 14px}

/* контент блоков */
.roles{display:grid;gap:14px}
.role h4{margin:2px 0 6px;font-size:14px}
.role .rl{display:block;margin-top:8px;font-size:13px;color:#444}
.role ul{margin:3px 0;padding-left:18px}.role li{margin-bottom:3px;font-size:13.5px}
blockquote{border-left:3px solid var(--accent);margin:0 0 10px;padding-left:12px;color:#333}
.lbl{color:var(--muted);font-size:13px;margin:10px 0 3px}
.transcript{white-space:pre-wrap;background:var(--bg);padding:12px;border-radius:10px;font-size:13.5px;overflow-x:auto}
.tl{padding-left:18px;margin:0}.tl li{margin-bottom:11px;font-size:13.5px}
.music{color:var(--muted)}
.dsys p,.body>p{margin:6px 0}
.sw{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:1px 8px;margin:0 6px 4px 0;font-size:13px}

/* триггеры */
.trigger{border-left:4px solid var(--g);background:var(--bg);border-radius:0 9px 9px 0;padding:8px 11px;margin:9px 0}
.trigger.is-lead{background:color-mix(in srgb,var(--g) 9%,#fff)}
.trigger-social{--g:#4f6ef7}.trigger-mobilize{--g:#e5484d}.trigger-clarity{--g:#12a594}.trigger-disrupt{--g:#e0901f}.trigger-relation{--g:#8e4ec6}
.tg-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 9px}
.tg-head b{font-size:14px}
.tg-badge{background:var(--g);color:#fff;border-radius:6px;padding:1px 7px;font-size:10px;font-weight:700;text-transform:uppercase}
.tg-meta{color:var(--muted);font-size:11.5px}
.tg-ev{margin:5px 0 3px;color:#333;font-style:italic;font-size:13px}
.tg-risk{margin:0;color:var(--muted);font-size:12px}

/* галерея слайдов карусели */
.gallery-wrap{margin:9px 0}
.gallery-head{display:flex;align-items:baseline;gap:8px;padding:2px 2px 8px}
.gallery-head h3{margin:0;font-size:15px}
.gallery-head .hint{color:var(--muted);font-size:12px;margin-left:auto}
.gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:2px 14px 12px;margin:0 -14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gallery::-webkit-scrollbar{display:none}
.gallery .slide{flex:0 0 78%;max-width:300px;scroll-snap-align:start;background:#fff;
  border-radius:13px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.08)}
.gallery .slide img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#111}
.gallery .s-body{padding:10px 13px 14px}
.gallery .s-num{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.gallery .s-title{font-weight:700;font-size:14.5px;margin:1px 0 6px;line-height:1.2}
.gallery .s-an{font-size:13px;line-height:1.45;color:#333;margin:0}

/* перевод (toggle на .wrap) */
.wrap .ru{display:none}.wrap.translated .orig{display:none}.wrap.translated .ru{display:inline}

@media(min-width:720px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:6px 28px 44px}
  .filters,header{padding-left:28px;padding-right:28px}
  .empty{padding-left:28px}
  .wrap{padding:0 28px 56px}
  .hero video,.hero .cover{width:120px;height:150px}
  .roles{grid-template-columns:1fr 1fr;gap:22px}
  .gallery .slide{flex-basis:300px}
}