/* K8SEC-native architecture and manual lifecycle diagrams. No automatic motion. */
.kernel-architecture,.kernel-walk{margin:2rem 0;padding:clamp(1rem,2vw,1.5rem);border:1px solid #475569;border-radius:1rem;background:#080f23;min-width:0}
.kernel-architecture{margin-inline:0}
.kernel-architecture figcaption{color:#e2e8f0;margin-bottom:1.5rem;line-height:1.6}
.ka-layer,.ka-kernel{border:1px solid #475569;border-radius:.5rem;padding:1rem;background:#0f172a}
.ka-label{display:block;color:#67e8f9;font:600 .8rem/1.6 'JetBrains Mono',monospace;margin-bottom:1rem}
.ka-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ka-nodes>div{padding:.75rem;border:1px solid #334155;border-radius:.35rem}
.ka-nodes strong,.ka-nodes span,.ka-boundary span,.ka-policy span,.ka-sensors span,.ka-evidence span{display:block}
.ka-nodes span,.ka-boundary span,.ka-policy span,.ka-sensors span,.ka-evidence span{font-size:.9rem;line-height:1.6;color:#cbd5e1;margin-top:.4rem}
.article-main .ka-arrow{color:#67e8f9;font-size:.85rem;text-align:center;margin:.75rem 0}
.ka-arrow span{display:block;color:#cbd5e1}
.ka-boundary{padding:1rem;border-block:2px dashed #38bdf8;color:#a5f3fc;text-align:center}
.ka-policy,.ka-sensors,.ka-evidence{margin-top:1rem;padding:1rem;border-left:3px solid #a78bfa;background:#0f172a}
.ka-sensors{border-left-color:#38bdf8}.ka-evidence{border:1px dashed #67e8f9}
.kernel-architecture details{margin-top:1rem}
.article-main .kernel-walk>h3{margin:0 0 1rem;border:0;padding:0;color:#f8fafc}
.kernel-walk h4{font-size:1.15rem;color:#f8fafc}.kernel-walk h5{font-size:1rem;color:#67e8f9;margin:0 0 1rem}
.article-main .kw-track{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0}
.kw-track li{flex:1 1 8rem;min-width:0;position:relative;padding:.8rem;border:1px solid #475569;border-radius:.5rem;background:#0f172a}
.kw-track li:not(:last-child)::after{content:"→";position:absolute;right:-1.25rem;top:45%;color:#67e8f9}
.kw-track strong{display:block;font-size:.9rem;line-height:1.4;margin:.5rem 0}
.kw-number{font:600 .8rem/1.5 'JetBrains Mono',monospace;color:#a5b4fc}
.kw-node-state{font-size:.75rem;color:#cbd5e1}
.kw-track [data-state="current"]{border:2px solid #67e8f9;background:#123044}
.kw-track [data-state="visited"]{border-color:#a78bfa}
.kw-descriptions>section{border-left:3px solid #38bdf8;padding:1rem;background:#0f172a;margin:1rem 0}
.kernel-walk [hidden]{display:none!important}
.kernel-walk button[aria-disabled="true"]{color:#cbd5e1;background:#1e293b;cursor:default;border-style:dashed}
.kernel-walk :focus-visible,.kernel-architecture :focus-visible{outline:3px solid #67e8f9;outline-offset:4px}
@media(min-width:768px){.kw-track{flex-wrap:nowrap!important}.kw-track li{flex-basis:0}}
@media(max-width:767px){.ka-nodes{grid-template-columns:1fr}.article-main .kw-track{display:grid;grid-template-columns:1fr;gap:1.5rem}.kw-track li:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-1.5rem}.kw-track strong{margin:.25rem 0}.kw-number{float:right}}
@media print{.kernel-walk [data-walk-path][hidden],.kernel-walk [data-walk-detail][hidden]{display:block!important}.kernel-walk .kernel-controls,.kernel-walk [data-walk-status]{display:none!important}.kw-track li{break-inside:avoid}.kernel-architecture{break-inside:avoid}}