/* HackersEye research edition. A publication, built from the existing stories.
   This layer changes presentation only. Original technical figures and photographs
   are never replaced by the decorative editorial covers below. */

.page-insights .inner-site img.editorial-cover[src$="/vulnerability.svg"] {content:url('/assets/brand/editorial-v2/vulnerability.svg')}
.page-insights .inner-site img.editorial-cover[src$="/firewall.svg"] {content:url('/assets/brand/editorial-v2/firewall.svg')}
.page-insights .inner-site img.editorial-cover[src$="/malware.svg"] {content:url('/assets/brand/editorial-v2/malware.svg')}
.page-insights .inner-site img.editorial-cover[src$="/threat-intelligence.svg"] {content:url('/assets/brand/editorial-v2/threat-intelligence.svg')}
.page-insights .inner-site img.editorial-cover[src$="/incident-response.svg"] {content:url('/assets/brand/editorial-v2/incident-response.svg')}

/* The opening story is a wide editorial spread, with art and title at equal weight. */
.page-insights .inner-site .featured {
  background:linear-gradient(180deg,#0a1626,#0e1d30);
  padding-block:64px 96px;
}
.page-insights .inner-site .feat {
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);
  align-items:center;
  gap:52px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
}
.page-insights .inner-site .feat-art {
  display:block;
  position:relative;
  border-radius:3px;
  aspect-ratio:3/2;
  background:#071321;
  box-shadow:0 30px 70px #02091340;
}
.page-insights .inner-site .feat-art img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-insights .inner-site .lead-badge {
  inset:22px auto auto 22px;
  padding:9px 13px;
  border:0;
  border-radius:3px;
  color:#f1c1cb;
  background:#271c2ee8;
  font-size:13px;
  font-weight:500;
}
.page-insights .inner-site .feat-body {min-width:0}
.page-insights .inner-site .feat h2 {
  max-width:23ch;
  font-size:clamp(35px,3.5vw,51px);
  font-weight:500;
  line-height:1.06;
  letter-spacing:-.04em;
  margin:0 0 26px;
  text-wrap:balance;
}
.page-insights .inner-site .feat-meta {
  margin-bottom:26px;
  font-size:13px;
  line-height:1.6;
  color:#a7bad4;
}
.page-insights .inner-site .feat-body>p {
  font-size:17px;
  line-height:1.78;
  color:#b5c7df;
  margin:0;
}
.page-insights .inner-site .feat-link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-top:23px;
  color:#d7e6fc;
  font-size:16px;
}

/* Eight existing stories: two substantial openers, a documentary spread,
   three shorter entries, and a final paired row. Source reading order stays intact. */
.page-insights .inner-site .arch-head {gap:40px;align-items:end;margin-bottom:48px}
.page-insights .inner-site .arch-head h2 {
  max-width:24ch;
  font-size:clamp(34px,3.8vw,52px);
  line-height:1.1;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.page-insights .inner-site .prows.as-grid {
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:64px 32px;
}
.page-insights .inner-site .prows.as-grid>.prow {
  grid-column:span 3;
  display:flex;
  flex-direction:column;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  overflow:visible;
  min-width:0;
}
.page-insights .inner-site .prows.as-grid .prow-art {
  aspect-ratio:3/2;
  border-radius:3px;
  margin:0 0 25px;
  box-shadow:0 24px 48px #020b1833;
}
.page-insights .inner-site .prows.as-grid .prow-main {padding:0}
.page-insights .inner-site .prows.as-grid .prow h3 {
  font-size:clamp(28px,2.7vw,38px);
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.03em;
  margin:0 0 20px;
  text-wrap:balance;
}
.page-insights .inner-site .prows.as-grid .prow-main>p {
  color:#aec1dc;
  font-size:16px;
  line-height:1.75;
  margin:0;
}
.page-insights .inner-site .prows.as-grid .prow-meta {
  padding:24px 0 0;
  margin-top:auto;
  color:#a1b7d4;
  font-size:13px;
  line-height:1.6;
}
.page-insights .inner-site .prows.as-grid>.prow:nth-child(n+4):nth-child(-n+6) {grid-column:span 2}
.page-insights .inner-site .prows.as-grid>.prow:nth-child(n+4):nth-child(-n+6) h3 {
  font-size:clamp(25px,2.25vw,31px);
  line-height:1.2;
}
.page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  grid-template-rows:1fr auto;
  gap:0 48px;
  align-items:center;
  padding-block:8px;
}
.page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) .prow-art {
  grid-column:1;
  grid-row:1/3;
  aspect-ratio:1370/704;
  margin:0;
  height:auto;
  align-self:center;
  background:#07111e;
}
.page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) .prow-main {grid-column:2;grid-row:1;align-self:end}
.page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) .prow-meta {grid-column:2;grid-row:2;align-self:start;margin:0}
.page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) img {object-fit:contain;filter:none}
.page-insights .inner-site .view-toggle {border:0;padding:4px;background:#11243a;border-radius:4px;flex:0 0 auto}
.page-insights .inner-site .view-toggle button {min-height:44px;padding-inline:15px;border-radius:3px}
.page-insights .inner-site .view-toggle button[aria-pressed=true] {background:#30598e;color:#f5f8ff}
.page-insights .inner-site .prows.as-list .prow {padding-block:32px;gap:12px 40px}
.page-insights .inner-site .prows.as-list .prow-art {border-radius:3px}
.page-insights .inner-site .prows.as-list .prow h3 {font-size:clamp(25px,2.7vw,35px);font-weight:500;line-height:1.18;letter-spacing:-.025em}
.page-insights .inner-site .prow:focus-visible {outline:2px solid #bad4fc;outline-offset:8px}

/* The masthead and related stories carry the identity; the research body stays quiet. */
.page-article .inner-site .art-hero {padding-block:72px 64px;isolation:isolate}
.page-article .inner-site .art-hero::before {
  content:"";
  position:absolute;
  inset:0 0 auto auto;
  width:min(65vw,980px);
  height:570px;
  z-index:0;
  pointer-events:none;
  background:url('/assets/brand/editorial-v2/masthead.svg') right center/cover no-repeat;
  opacity:.2;
  mask-image:linear-gradient(90deg,transparent,#000 45%);
}
.page-article .inner-site .art-hero .art-hero-inner {max-width:1160px}
.page-article .inner-site .art-hero .eyebrow {color:#df9ba9}
.page-article .inner-site .art-hero h1 {
  max-width:23ch;
  font-size:clamp(40px,4.65vw,68px);
  line-height:1.05;
  font-weight:500;
  letter-spacing:-.04em;
  text-wrap:balance;
  margin-bottom:30px;
}
.page-article .inner-site .art-meta {gap:11px;font-size:14px;line-height:1.6;color:#a7bedc;margin-bottom:0}
.page-article .inner-site .art-meta b {font-weight:500}
.page-article .inner-site .art-hero-img {margin-top:48px}
.page-article .inner-site .art-hero-img img {border-radius:3px;object-fit:contain;filter:none}
.page-article .inner-site .art-hero:has(.editorial-cover)::before{display:none}
@media(min-width:1100px){
 .page-article .inner-site .art-hero:has(.editorial-cover){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:64px;align-items:center;padding-inline:max(var(--gutter),calc((100% - 1200px)/2))}
 .page-article .inner-site .art-hero:has(.editorial-cover)>.atmos2,
 .page-article .inner-site .art-hero:has(.editorial-cover)>.ag{display:none}
 .page-article .inner-site .art-hero:has(.editorial-cover)>.art-hero-inner{width:100%;max-width:none;margin:0}
 .page-article .inner-site .art-hero:has(.editorial-cover)>.art-hero-img{width:100%;max-width:none;margin:0}
 .page-article .inner-site .art-hero:has(.editorial-cover) .art-hero-img img{width:100%;height:auto;max-height:none}
 .page-article .inner-site .art-hero:has(.editorial-cover) h1{font-size:clamp(42px,4.45vw,64px);line-height:1.06;margin-bottom:30px}
}
.page-article .inner-site .art-shell {padding-block:76px 84px;background:#0d1a2b}
.page-article .inner-site .art-body {color:#c0cde0}
.page-article .inner-site .art-body>.dropcap {font-size:21px;line-height:1.75;color:#d5e0ef}
.page-article .inner-site .art-body>.toc+h2 {margin-top:0}
.page-article .inner-site .art-body .toc-h {display:block;font-size:19px;line-height:1.4;font-weight:500;color:#e2ebf7}
.page-article .inner-site .art-body .toc a {font-size:14px;line-height:1.65;color:#a6bedf}
.page-article .inner-site .art-body .toc a:is(:hover,:focus-visible) {color:#f0f5fd}
.page-article .inner-site .art-body .toc a[aria-current="location"] {color:#f1f6ff;background:#1b304a;text-decoration:none}
.page-article .inner-site .art-fig img {filter:none;object-fit:contain;border-radius:3px}
.page-article .inner-site .art-body pre {font-size:14px;line-height:1.8;border:0;border-radius:4px;background:#070f1b;padding:28px}
.page-article .inner-site .art-body blockquote {font-size:clamp(25px,2.4vw,32px);line-height:1.45;letter-spacing:-.02em;color:#d9b4c0;margin-block:44px}
.page-article .inner-site .related {padding-block:72px 84px}
.page-article .inner-site .related .sec-head {margin-bottom:40px}
.page-article .inner-site .rel-card::before {
  content:var(--research-art-content,none);
  display:block;
  width:100%;
  aspect-ratio:2/1;
  margin-bottom:6px;
  border-radius:3px;
  background:#081422 var(--research-cover) center/cover no-repeat;
}
.page-article .inner-site .rel-card[href*="/priority-portal-generator-nine-cves"],
.page-article .inner-site .rel-card[href*="/log4j-exploit-shocks-cyber-security-community"] {--research-art-content:"";--research-cover:url('/assets/brand/editorial-v2/vulnerability.svg')}
.page-article .inner-site .rel-card[href*="/checkmesh-hidden-threats-in-your-fw"] {--research-art-content:"";--research-cover:url('/assets/brand/editorial-v2/firewall.svg')}
.page-article .inner-site .rel-card[href*="/asyncrat-webdav-and-bad-opsec-walk-into-an-israeli-bar"],
.page-article .inner-site .rel-card[href*="/tails-from-the-shadow-apt-41-injecting-shadowpad-with-sideloading"] {--research-art-content:"";--research-cover:url('/assets/brand/editorial-v2/malware.svg')}
.page-article .inner-site .rel-card[href*="/iranian-hackers-claim-breach-on-intel-israel"],
.page-article .inner-site .rel-card[href*="/muddywater-s-cyber-assaults-on-israel"] {--research-art-content:"";--research-cover:url('/assets/brand/editorial-v2/threat-intelligence.svg')}
.page-article .inner-site .rel-card[href*="/the-strategic-imperative-of-an-on-call-incident-response-team-proving-the-roi-for-the-c-suite"] {--research-art-content:"";--research-cover:url('/assets/brand/editorial-v2/incident-response.svg')}
.page-article .inner-site .rel-card[href*="/hackerseye-leads-training-with-israeli-national-cyber-directorate-1"] {--research-art-content:"";--research-cover:url('/blog-img/hackerseye-leads-training-with-israeli-national-cyber-directorate-1/1.jpg')}
.page-article .inner-site .rel-card[href*="/hackerseye-leads-training-with-israeli-national-cyber-directorate-1"]::before {background-size:contain}
.page-article .inner-site .rel-card h3 {font-size:clamp(27px,2.5vw,35px);font-weight:500;line-height:1.16;letter-spacing:-.025em}

@media(min-width:1200px) {
  .page-article .inner-site .art-shell>.wrap {width:min(1104px,calc(100% - var(--gutter) - var(--gutter)));max-width:none}
  .page-article .inner-site .art-body {position:relative;width:calc(100% - 304px);max-width:none;margin:0 0 0 304px}
  .page-article .inner-site .art-body>.toc {
    position:sticky;
    float:left;
    top:110px;
    width:240px;
    max-height:calc(100vh - 140px);
    max-height:calc(100dvh - 140px);
    margin:0 0 0 -304px;
    padding:0 10px 0 0;
    border:0;
    border-radius:0;
    background:none;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#3c5573 transparent;
    scrollbar-gutter:stable;
  }
  .page-article .inner-site .art-body>.toc ul {columns:1;margin-top:20px}
  .page-article .inner-site .art-body>.toc li {margin-bottom:4px}
  .page-article .inner-site .art-body>.toc a {display:block;padding:9px 10px;min-height:44px;border-radius:3px}
  .page-article .inner-site .art-body>.toc a:focus-visible {outline-offset:-2px}
}
@media(max-width:1199px) {
  .page-insights .inner-site .feat {gap:36px}
  .page-insights .inner-site .feat h2 {font-size:clamp(34px,3.8vw,46px)}
  .page-insights .inner-site .prows.as-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}
  .page-insights .inner-site .prows.as-grid>.prow,
  .page-insights .inner-site .prows.as-grid>.prow:nth-child(n+4):nth-child(-n+6),
  .page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) {grid-column:auto;display:flex;flex-direction:column;padding:0;gap:0}
  .page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) .prow-art {width:100%;aspect-ratio:3/2;margin-bottom:25px}
  .page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) .prow-main {align-self:auto}
  .page-insights .inner-site .prows.as-grid>.prow:has(.documentary-photo) .prow-meta {margin-top:auto}
  .page-insights .inner-site .prows.as-grid .prow h3,
  .page-insights .inner-site .prows.as-grid>.prow:nth-child(n+4):nth-child(-n+6) h3 {font-size:30px}
}
@media(max-width:900px) {
  .page-insights .inner-site .feat {grid-template-columns:1fr;gap:34px}
  .page-insights .inner-site .feat-art {aspect-ratio:16/9}
  .page-insights .inner-site .feat-art img {aspect-ratio:auto}
  .page-insights .inner-site .feat h2 {max-width:24ch;font-size:clamp(34px,5.2vw,44px)}
  .page-insights .inner-site .feat-body>p {max-width:72ch}
  .page-insights .inner-site .arch-head {align-items:start;gap:24px;flex-wrap:wrap}
}
@media(max-width:760px) {
  .page-insights .inner-site .featured {padding-block:48px 60px}
  .page-insights .inner-site .lead-badge {inset:14px auto auto 14px;padding:7px 11px}
  .page-insights .inner-site .feat-meta {margin-bottom:20px}
  .page-insights .inner-site .feat h2 {margin-bottom:22px}
  .page-insights .inner-site .feat-body>p {font-size:16px}
  .page-insights .inner-site .arch-head {margin-bottom:36px}
  .page-insights .inner-site .arch-head h2 {font-size:35px}
  .page-insights .inner-site .prows.as-grid {grid-template-columns:1fr;gap:48px}
  .page-insights .inner-site .prows.as-grid .prow-art {margin-bottom:22px}
  .page-insights .inner-site .prows.as-grid .prow-meta {padding-top:20px}
  .page-insights .inner-site .prows.as-grid .prow h3,
  .page-insights .inner-site .prows.as-grid>.prow:nth-child(n+4):nth-child(-n+6) h3 {font-size:29px}
  .page-insights .inner-site .prows.as-list .prow {gap:12px 22px;padding-block:25px}
  .page-insights .inner-site .prows.as-list .prow h3 {font-size:23px}
  .page-article .inner-site .art-hero {padding-block:52px}
  .page-article .inner-site .art-hero::before {height:380px;width:82vw;opacity:.12}
  .page-article .inner-site .art-hero h1 {font-size:clamp(35px,7vw,46px);line-height:1.08}
  .page-article .inner-site .art-meta {font-size:13px;gap:9px}
  .page-article .inner-site .art-hero-img {margin-top:34px}
  .page-article .inner-site .art-shell {padding-block:52px 60px}
  .page-article .inner-site .art-body>.dropcap {font-size:19px}
  .page-article .inner-site .art-body pre {padding:22px;font-size:13px}
  .page-article .inner-site .related {padding-block:52px 60px}
}
@media(max-width:480px) {
  .page-insights .inner-site .prows.as-list .prow {grid-template-columns:92px minmax(0,1fr);column-gap:18px}
  .page-insights .inner-site .prows.as-list .prow h3 {font-size:21px}
  .page-insights .inner-site .feat-art {aspect-ratio:3/2}
  .page-article .inner-site .art-hero h1 {font-size:36px}
}
@media print {
  .page-article .inner-site .art-hero::before,
  .page-article .inner-site .rel-card::before {display:none}
  .page-article .inner-site .art-body {width:auto;max-width:none;margin:0}
  .page-article .inner-site .art-body>.toc {position:static;float:none;width:auto;max-height:none;margin:0 0 32px;padding:0;overflow:visible}
}