/* Cybereum · insights.css — long-form editorial surface for website-owned insight articles. */
.insight-hero{padding-bottom:clamp(54px,7vw,88px)}
.insight-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:26px;color:var(--cyb-fg-2);font:500 .72rem/1.45 var(--cyb-mono);letter-spacing:.08em;text-transform:uppercase}
.insight-meta a{color:var(--cyb-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cyb-cyan) 42%,transparent);text-underline-offset:4px}
.insight-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--cyb-line);border-radius:999px;background:var(--cyb-surface-subtle);color:var(--cyb-fg-2)}
.insight-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyb-cyan);box-shadow:0 0 16px color-mix(in srgb,var(--cyb-cyan) 64%,transparent)}
.insight-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,300px);gap:clamp(42px,7vw,86px);align-items:start}
.insight-prose{font-size:1.06rem;line-height:1.78;color:color-mix(in srgb,var(--cyb-fg) 92%,transparent)}
.insight-prose>p:first-child{font-size:clamp(1.16rem,1.7vw,1.34rem);line-height:1.64;color:var(--cyb-fg)}
.insight-prose h2{font-family:var(--cyb-editorial);font-size:clamp(1.45rem,2.1vw,2rem);font-weight:400;line-height:1.28;letter-spacing:var(--cyb-tracking-display);margin:2.7em 0 .75em;color:var(--cyb-fg);text-wrap:balance}
.insight-prose h3{font-size:1.08rem;line-height:1.4;margin:2.1em 0 .55em;color:var(--cyb-fg)}
.insight-prose p,.insight-prose ul,.insight-prose ol{margin:0 0 1.35em}
.insight-prose ul,.insight-prose ol{padding-left:1.3em}
.insight-prose li+li{margin-top:.45em}
.insight-prose a{color:var(--cyb-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cyb-cyan) 38%,transparent);text-underline-offset:4px}
.insight-callout{margin:2em 0;padding:20px 22px;border:1px solid var(--cyb-line);border-left:2px solid var(--cyb-cyan);border-radius:0 var(--cyb-radius-md) var(--cyb-radius-md) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--cyb-surface-raised) 92%,transparent),color-mix(in srgb,var(--cyb-surface) 86%,transparent));box-shadow:var(--cyb-highlight),var(--cyb-shadow-1)}
.insight-callout strong{display:block;margin-bottom:5px;color:var(--cyb-fg)}
.insight-chain{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:24px 0 30px}
.insight-chain span{position:relative;display:grid;place-items:center;min-height:74px;padding:9px;border:1px solid var(--cyb-line);border-radius:var(--cyb-radius-md);background:var(--cyb-surface-subtle);text-align:center;font:500 .69rem/1.35 var(--cyb-mono);letter-spacing:.03em;color:var(--cyb-fg-2)}
.insight-chain span:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:2;color:var(--cyb-accent);background:var(--cyb-bg);padding:0 1px}
.insight-aside{position:sticky;top:calc(var(--cyb-nav-h) + 42px);display:grid;gap:18px}
.insight-aside__block{padding:20px;border:1px solid var(--cyb-line);border-radius:var(--cyb-radius-lg);background:color-mix(in srgb,var(--cyb-surface-raised) 86%,transparent);box-shadow:var(--cyb-highlight)}
.insight-aside__label{margin:0 0 8px;font:500 .66rem/1.4 var(--cyb-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyb-accent)}
.insight-aside h3{font-size:.98rem;margin:0 0 8px}
.insight-aside p{font-size:.88rem;line-height:1.58;color:var(--cyb-fg-2);margin:0}
.insight-aside a{display:inline-block;margin-top:12px;font-size:.84rem;color:var(--cyb-accent);text-decoration:underline;text-underline-offset:4px}
.insight-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;font:500 .72rem/1.4 var(--cyb-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyb-fg-2)}
.insight-back:hover{color:var(--cyb-accent)}
.insight-card-link{display:block;color:inherit}
.insight-card-link .card{height:100%}
.insight-card-link:hover .card h3{color:var(--cyb-accent)}
.insight-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.insight-card-actions a{font-size:.8rem}
@media(max-width:900px){.insight-layout{grid-template-columns:1fr}.insight-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.insight-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-chain span:not(:last-child)::after{display:none}}
@media(max-width:560px){.insight-aside{grid-template-columns:1fr}.insight-chain{grid-template-columns:1fr}.insight-meta{display:grid;gap:8px}.insight-prose{font-size:1rem}}