.kernel-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:24px}.kernel-map article{padding:20px;border:1px solid var(--os-line);border-radius:15px;background:#f8fbff}.kernel-map span{display:grid;width:39px;height:39px;place-items:center;border-radius:10px;background:#e4efff;color:var(--os-blue);font-weight:950}.kernel-map h3{margin:12px 0 6px}.kernel-map p{margin:0;color:#4d6680;line-height:1.55}
.architecture-lab{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1.58fr);gap:18px;margin-top:24px}.architecture-tabs{display:grid;gap:8px;align-content:start}.architecture-tabs button{padding:13px 15px;border:1px solid #b4c7df;border-radius:11px;background:#fff;color:#183753;font:800 .9rem/1.35 Arial,sans-serif;text-align:left;cursor:pointer}.architecture-tabs button:hover,.architecture-tabs button.is-active{border-color:var(--os-blue);background:#e9f2ff;color:#0b58bf}.architecture-view{padding:24px;border-radius:18px;background:#071b32;color:#fff}.architecture-view>span{color:#55d8ef;font-size:.75rem;font-weight:950;letter-spacing:.09em}.architecture-view h3{margin:8px 0}.architecture-view>p{color:#c8daea;line-height:1.65}.architecture-stack{display:grid;gap:7px;margin:20px 0}.architecture-stack div{padding:11px;border:1px solid #315578;border-radius:9px;background:#0d2d4c;text-align:center;font-weight:850}.architecture-stack div.kernel-core{border-color:#e5b82f;background:#43380d;color:#ffe99d}.tradeoff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tradeoff-row div{padding:12px;border-radius:10px;background:#102e4c}.tradeoff-row span{display:block;color:#8da8c0;font-size:.7rem;font-weight:900}.tradeoff-row strong{display:block;margin-top:4px;color:white;font-size:.86rem}
.api-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.api-chain article{position:relative;padding:20px;border:1px solid var(--os-line);border-radius:14px;background:#f8fbff}.api-chain article:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:47%;z-index:2;color:var(--os-blue);font-size:1.3rem;font-weight:950}.api-chain span{color:#9a7100;font-size:.72rem;font-weight:950;letter-spacing:.08em}.api-chain h3{margin:8px 0}.api-chain p{margin:0;color:#4c6680;line-height:1.55}.api-example{margin-top:17px;padding:18px;border-radius:13px;background:#071b32;color:#dbeafa;font-family:var(--font-code)}.api-example b{color:#62daed}.api-example em{color:#f1c84a;font-style:normal}
.parameter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.parameter-grid article{padding:20px;border-top:4px solid var(--os-cyan);border-radius:14px;background:#eff6ff}.parameter-grid h3{margin:0 0 7px}.parameter-grid p{color:#4b6680;line-height:1.55}.parameter-grid code{color:#0b59b6}
.deep-tracer{margin-top:24px;border-radius:18px;background:#071b32;color:white;overflow:hidden}.deep-tracer-head{display:flex;gap:12px;align-items:end;justify-content:space-between;padding:20px;border-bottom:1px solid #2a4b6b}.deep-tracer-head label{display:block;color:#61dbed;font-size:.72rem;font-weight:950;letter-spacing:.08em}.deep-tracer-head select{min-width:270px;margin-top:6px;padding:11px;border:1px solid #436687;border-radius:9px;background:#102f4f;color:white}.deep-tracer-head button{padding:11px 15px;border:1px solid #f0c23d;border-radius:9px;background:#f0c23d;color:#071b32;font-weight:900;cursor:pointer}.deep-tracer-grid{display:grid;grid-template-columns:.7fr 1.3fr;min-height:380px}.syscall-registers{padding:22px;border-right:1px solid #294a69;background:#091f37}.syscall-registers>span{color:#8ba7c1;font-size:.73rem;font-weight:950}.register-list{display:grid;gap:8px;margin-top:14px}.register-list div{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid #284b6d;border-radius:8px;background:#0d2945}.register-list b{color:#6edced}.register-list code{color:#ffe07b}.syscall-state{padding:24px}.syscall-step-label{display:flex;justify-content:space-between;color:#62d9ec;font-size:.75rem;font-weight:950;letter-spacing:.08em}.syscall-state h3{margin:12px 0 7px;font-size:1.35rem}.syscall-state p{color:#c8d9e8;line-height:1.65}.syscall-track{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:21px 0}.syscall-track span{padding:9px 4px;border:1px solid #345777;border-radius:8px;color:#819ab2;font-size:.7rem;font-weight:900;text-align:center}.syscall-track span.done{border-color:#157d90;background:#0d3c50;color:#82e5f4}.syscall-track span.current{border-color:#e7ba31;background:#42370c;color:#ffe487}.outcome-box{padding:14px;border-left:4px solid #5cd5eb;background:#0d2b48;color:#cfe0ef}.outcome-box strong{display:block;color:white}.outcome-box span{display:block;margin-top:5px;font-size:.85rem;line-height:1.5}
.call-categories{width:100%;border-collapse:collapse;margin-top:22px}.call-categories th,.call-categories td{padding:13px;border:1px solid var(--os-line);text-align:left}.call-categories th{background:#eaf2fc}.call-categories td{color:#46617d}.call-categories code{color:#0b5cb8}
.boundary-cases{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-top:22px}.case-list{display:grid;gap:8px}.case-list button{padding:14px;border:1px solid #b2c7df;border-radius:10px;background:white;color:#173552;font-weight:850;text-align:left;cursor:pointer}.case-list button:hover,.case-list button.is-active{border-color:var(--os-blue);background:#e8f1ff;color:#0b58be}.case-result{padding:23px;border:1px solid var(--os-line);border-radius:15px;background:#f8fbff}.case-result span{color:#9a7100;font-size:.74rem;font-weight:950}.case-result h3{margin:8px 0}.case-result p{color:#49637e;line-height:1.65}.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.case-tags b{padding:6px 9px;border-radius:99px;background:#e2edfb;color:#174b82;font-size:.74rem}
.security-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:22px}.security-flow article{padding:17px;border:1px solid var(--os-line);border-radius:13px;background:#f7faff}.security-flow b{color:var(--os-blue);font-size:.75rem}.security-flow h3{margin:7px 0;font-size:1rem}.security-flow p{margin:0;color:#526b85;font-size:.86rem;line-height:1.5}
@media(max-width:1050px){.kernel-map{grid-template-columns:repeat(2,1fr)}.api-chain{grid-template-columns:repeat(2,1fr)}.api-chain article::after{display:none}.security-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.kernel-map,.architecture-lab,.parameter-grid,.deep-tracer-grid,.boundary-cases,.security-flow{grid-template-columns:1fr}.architecture-tabs{grid-template-columns:1fr 1fr}.tradeoff-row{grid-template-columns:1fr}.deep-tracer-head{align-items:stretch;flex-direction:column}.deep-tracer-head select{width:100%;min-width:0}.syscall-registers{border-right:0;border-bottom:1px solid #294a69}.syscall-track{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.architecture-tabs,.api-chain{grid-template-columns:1fr}}