/* Consolidated K8SEC kernel architecture and detection feedback; no visual dependence on JavaScript. */
.kernel-hero-image{background:#0a1321;border:1px solid #40516b;border-radius:12px;overflow:hidden}
.kernel-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1408/768;object-fit:contain;background:#f8fafc}
.merged-layered,.merged-loop{margin:1.8rem 0;padding:clamp(1rem,2vw,1.4rem);border:1px solid #4b5c74;border-top:3px solid #22d3ee;border-radius:10px;background:#0a1424;color:#dce9f3}
.merged-layered figcaption,.merged-loop figcaption{font-weight:750;color:#f8fafc;margin-bottom:1rem;line-height:1.45}
.merged-layers,.merged-loop ol{display:grid;gap:.65rem;list-style:none;padding:0;margin:0}
.merged-layers li,.merged-loop li{position:relative;min-width:0;padding:.85rem 1rem;border:1px solid #50627c;border-radius:7px;background:#111f34}
.merged-layers li:not(:last-child)::after,.merged-loop li:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-.72rem;padding:0 .25rem;color:#67e8f9;background:#0a1424;z-index:1}
.merged-layers b,.merged-loop b{display:block;color:#a5f3fc;font:700 .75rem/1.5 'JetBrains Mono',Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.merged-layers span,.merged-loop span{display:block;font-size:.88rem;line-height:1.6;margin-top:.3rem}
.merged-layers small{display:block;color:#c4b5fd;line-height:1.5;margin-top:.35rem}
.merged-controls,.merged-feedback{margin:.8rem 0 0;padding:.8rem 1rem;border:1px dashed #a78bfa;border-radius:7px;background:#172139;color:#e9d5ff;font-size:.86rem;line-height:1.55}
.merged-controls strong,.merged-controls span{display:block}
.merged-caveat{font-size:.78rem;color:#c6d4e4;line-height:1.6;margin:.8rem 0 0}
.merged-loop ol{grid-template-columns:repeat(5,minmax(0,1fr))}
.merged-loop li:not(:last-child)::after{content:"→";left:auto;right:-.58rem;top:44%;bottom:auto}
@media(max-width:1100px){.merged-loop ol{grid-template-columns:1fr 1fr}.merged-loop li:not(:last-child)::after{content:"↓";left:50%;right:auto;top:auto;bottom:-.72rem}}
@media(max-width:560px){.merged-loop ol{grid-template-columns:1fr}.kernel-hero-image img{max-height:none}}
@media(prefers-reduced-motion:reduce){.merged-layered *,.merged-loop *{animation:none!important;transition:none!important}}
@media print{.merged-layered,.merged-loop{break-inside:avoid}.kernel-hero-image img{max-height:7in;object-fit:contain}}
