/* RICHTVX INTEL DOSSIER (INTEL_V1, 13 Nov 2026) - story pages: red Matrix rain, Skynet HUD, targeting frame, intel brief, chain proof terminal.
   Only layered on top of rtvx.css. No scroll hijacking: the page scrolls exactly as before (mouse wheel, keys, touch). */
.intel{position:relative;--ix-red:#ff2b2b;--ix-glow:rgba(255,43,43,.55);--ix-glass:rgba(48,6,12,.46);--ix-line:rgba(255,64,64,.38);--ix-cut:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
#ix-rain{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:screen}
.intel>*{position:relative;z-index:1}

/* ---------- opening HUD ---------- */
.ix-hud{margin:6px auto 18px;max-width:860px;padding:12px 14px 14px;background:linear-gradient(135deg,rgba(90,8,16,.55),rgba(24,4,8,.55));border:1px solid var(--ix-line);clip-path:var(--ix-cut);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 0 40px rgba(255,43,43,.12);overflow:hidden}
.ix-hud::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,rgba(255,60,60,.14),transparent);animation:ix-sweep 5.5s linear infinite;pointer-events:none}
.ix-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font:700 11px/1.2 var(--mono,monospace);letter-spacing:.26em;text-transform:uppercase;color:#ffb3ab}
.ix-live{display:inline-flex;align-items:center;gap:8px;color:#fff}
.ix-live i{width:9px;height:9px;border-radius:50%;background:var(--ix-red);box-shadow:0 0 0 0 var(--ix-glow);animation:ix-pulse 1.6s infinite}
.ix-clock{color:#fff;text-shadow:0 0 10px var(--ix-glow)}
.ix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.ix-grid div{padding:9px 10px;background:rgba(10,2,4,.38);border:1px solid rgba(255,64,64,.22);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.ix-grid small{display:block;font:700 9.5px/1 var(--mono,monospace);letter-spacing:.24em;color:#ff7b70;margin-bottom:6px}
.ix-grid b{display:block;font:700 12.5px/1.3 var(--mono,monospace);letter-spacing:.06em;color:#fff;overflow-wrap:anywhere}
.ix-grid b.ok{color:#7dffb0;text-shadow:0 0 10px rgba(60,255,150,.45)}
.ix-bar{height:3px;margin-top:12px;background:rgba(255,43,43,.18);overflow:hidden}
.ix-bar i{display:block;height:100%;width:35%;background:linear-gradient(90deg,transparent,var(--ix-red),#fff,var(--ix-red),transparent);animation:ix-scan 2.6s ease-in-out infinite}

/* ---------- headline ---------- */
.intel h1{position:relative;font-weight:900;letter-spacing:-.01em;text-transform:none}
.intel h1 .ix-tag{display:block;margin:0 auto 10px;font:800 11px/1 var(--mono,monospace);letter-spacing:.34em;text-transform:uppercase;color:var(--ix-red);text-shadow:0 0 12px var(--ix-glow)}
.intel h1.ix-glitch{animation:ix-glitch 7s steps(1) infinite}

/* ---------- picture: targeting frame ---------- */
.intel .hero{position:relative;padding:10px;background:var(--ix-glass);border:1px solid var(--ix-line);clip-path:var(--ix-cut);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.intel .hero img{display:block;border-radius:4px}
.ix-c{position:absolute;width:26px;height:26px;border:2px solid var(--ix-red);filter:drop-shadow(0 0 6px var(--ix-red));z-index:2;pointer-events:none}
.ix-c.tl{top:4px;left:4px;border-right:0;border-bottom:0}.ix-c.tr{top:4px;right:4px;border-left:0;border-bottom:0}
.ix-c.bl{bottom:4px;left:4px;border-right:0;border-top:0}.ix-c.br{bottom:4px;right:4px;border-left:0;border-top:0}
.ix-sweep{position:absolute;left:10px;right:10px;top:10px;height:2px;background:linear-gradient(90deg,transparent,#fff,var(--ix-red),transparent);box-shadow:0 0 14px var(--ix-red);animation:ix-down 4.2s linear infinite;z-index:2;pointer-events:none}
.ix-lbl{position:absolute;z-index:3;padding:5px 8px;font:800 10px/1 var(--mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:#fff;background:rgba(160,8,20,.82);border:1px solid rgba(255,120,120,.6);pointer-events:none}
.ix-lbl.a{top:18px;left:18px}.ix-lbl.b{bottom:18px;right:18px;background:rgba(6,60,30,.82);border-color:rgba(120,255,170,.6);color:#c8ffd9}

/* ---------- opening: intel brief ---------- */
.intel .tldr{position:relative;padding:18px 20px 16px;border:1px solid var(--ix-line);border-left:4px solid var(--ix-red);border-radius:0;clip-path:var(--ix-cut);background:linear-gradient(135deg,rgba(120,10,20,.46),rgba(24,4,8,.6));box-shadow:inset 0 0 50px rgba(255,43,43,.1)}
.intel .tldr b{display:flex;justify-content:space-between;gap:10px;font:900 11.5px/1 var(--mono,monospace);letter-spacing:.3em;color:#fff;text-shadow:0 0 10px var(--ix-glow)}
.intel .tldr b em{font-style:normal;color:#ff7b70}
.intel .tldr ul{list-style:none;padding:0;counter-reset:ix}
.intel .tldr li{position:relative;padding:10px 0 10px 46px;border-top:1px solid rgba(255,64,64,.16);font-size:16px;line-height:1.55;color:#fff}
.intel .tldr li:first-child{border-top:0;font-weight:700;font-size:17.5px;text-align:left;hyphens:manual}
.intel .tldr li::before{counter-increment:ix;content:counter(ix,decimal-leading-zero);position:absolute;left:0;top:10px;font:900 15px/1 var(--mono,monospace);color:var(--ix-red);text-shadow:0 0 10px var(--ix-glow)}
.intel .tldr li.ix-in{animation:ix-type .9s steps(28) both}

/* ---------- report body ---------- */
.intel .panel.body{background:linear-gradient(160deg,rgba(40,5,10,.62),rgba(16,3,6,.62));border:1px solid var(--ix-line);clip-path:var(--ix-cut);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.intel .body>p.ix-dup{display:none}
.ix-dl{display:inline-block;margin:0 0 12px;padding:6px 10px;font:800 10.5px/1 var(--mono,monospace);letter-spacing:.28em;color:#fff;background:rgba(170,10,24,.75);border:1px solid rgba(255,120,120,.55);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.intel .body>p.ix-lead{font-size:1.12em;line-height:1.62;color:#fff}
.intel .body>p.ix-lead::first-letter{float:left;margin:4px 10px 0 0;font:900 3.1em/.82 var(--disp,var(--sans));color:var(--ix-red);text-shadow:0 0 18px var(--ix-glow)}
.intel .body h2,.intel .body h3{position:relative;padding-left:16px;text-transform:uppercase;letter-spacing:.06em}
.intel .body h2::before,.intel .body h3::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;background:var(--ix-red);box-shadow:0 0 12px var(--ix-red)}

/* ---------- chain proof terminal ---------- */
.intel .stamp{display:block;text-align:left;padding:0;border:1px solid rgba(120,255,170,.35);border-radius:0;clip-path:var(--ix-cut);background:rgba(4,22,12,.62);color:#bfffd5;font:500 12.5px/1.7 var(--mono,monospace);overflow:hidden}
.ix-term{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 10px;padding:9px 14px;background:rgba(30,120,70,.22);border-bottom:1px solid rgba(120,255,170,.25);font:800 10.5px/1 var(--mono,monospace);letter-spacing:.28em;color:#7dffb0}
.ix-tb{padding:12px 14px 14px}
.intel .stamp a{color:#7dffb0!important;text-shadow:0 0 10px rgba(60,255,150,.45)!important}

/* ---------- motion ---------- */
@keyframes ix-pulse{0%{box-shadow:0 0 0 0 var(--ix-glow)}70%{box-shadow:0 0 0 10px rgba(255,43,43,0)}100%{box-shadow:0 0 0 0 rgba(255,43,43,0)}}
@keyframes ix-scan{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}
@keyframes ix-sweep{0%{top:-40%}100%{top:140%}}
@keyframes ix-down{0%{top:10px;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:calc(100% - 12px);opacity:0}}
@keyframes ix-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ix-glitch{0%,93%,100%{text-shadow:0 0 2px #fff,0 0 22px rgba(255,43,43,.4);transform:none}94%{text-shadow:-3px 0 #ff2b2b,3px 0 #8ff;transform:translateX(1px)}96%{text-shadow:3px 0 #ff2b2b,-3px 0 #8ff;transform:translateX(-1px)}98%{text-shadow:0 0 2px #fff,0 0 22px rgba(255,43,43,.4)}}
@media (max-width:700px){.ix-term{letter-spacing:.16em;font-size:10px}.ix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ix-row{font-size:10px;letter-spacing:.18em}.intel .tldr li{padding-left:38px;font-size:15px}.intel .tldr li:first-child{font-size:16px}#ix-rain{opacity:.24}}
@media (prefers-reduced-motion:reduce){#ix-rain{display:none}.ix-hud::after,.ix-bar i,.ix-sweep,.ix-live i,.intel h1.ix-glitch,.intel .tldr li.ix-in{animation:none!important}}
