.km4-scope{--loop-green:#50b987;--loop-dark:#12382d}.km4-scope .km-heading h1{max-width:1200px}.km4-cover{grid-template-columns:1fr 1fr}.km4-cover>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.km4-cover h1{letter-spacing:-.04em;margin:28px 0 22px;display:block}.km4-cover h1 em{color:var(--loop-green);text-shadow:4px 4px 0 var(--ink);display:inline}.km4-cover>div:first-child>p:last-of-type{color:var(--muted);font-size:clamp(17px,1.65vw,26px);font-weight:700}.km4-orbit{aspect-ratio:1;border:3px dashed var(--ink);border-radius:50%;width:min(42vw,560px);margin:auto;animation:50s linear infinite km4-spin;position:relative}.km4-orbit:before,.km4-orbit:after{content:"";border:2px solid #17212b33;border-radius:50%;position:absolute;inset:15%}.km4-orbit:after{inset:30%}.km4-orbit>b{border:3px solid var(--ink);background:var(--loop-green);color:#fff;box-shadow:9px 9px 0 var(--ink);border-radius:50%;place-items:center;font:900 clamp(24px,4vw,58px) monospace;animation:50s linear infinite km4-counter;display:grid;position:absolute;inset:34%}.km4-orbit span{border:2px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:11px 16px;font-weight:850;animation:50s linear infinite km4-counter;position:absolute}.km4-orbit .a{top:-4%;left:40%}.km4-orbit .b{top:24%;right:-5%}.km4-orbit .c{bottom:9%;right:5%}.km4-orbit .d{bottom:-1%;left:18%}.km4-orbit .e{top:32%;left:-7%}.km4-pipeline{grid-template-columns:repeat(6,1fr);gap:15px;display:grid}.km4-pipeline>div{border:2px solid var(--ink);background:var(--white);min-height:170px;box-shadow:5px 5px 0 var(--ink);border-radius:16px;align-content:center;padding:18px 13px;display:grid;position:relative}.km4-pipeline>div:nth-child(2n){background:#e3f6ef}.km4-pipeline small,.km4-cards small,.km4-indent small,.km4-update-grid small,.km4-invariant small,.km4-while small,.km4-termination small,.km4-versus small,.km4-sentinel small,.km4-control small,.km4-flow-control small,.km4-roles small,.km4-counts small,.km4-zero small,.km4-debug small,.km4-myths small{color:#bd3f1e;font:800 9px SFMono-Regular,Consolas,monospace}.km4-pipeline b{margin:15px 0;font-size:17px}.km4-pipeline span{color:var(--muted);font-size:10px}.km4-pipeline i{z-index:3;color:#bd3f1e;font-size:22px;font-style:normal;position:absolute;top:46%;right:-17px}.km4-cards{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.km4-cards>div{border:2px solid var(--ink);background:var(--white);border-radius:18px;min-height:240px;padding:22px;box-shadow:7px 7px #17212b2e}.km4-cards>div:nth-child(2){background:#fff0d0}.km4-cards>div:nth-child(3){background:#e8ecff}.km4-cards>div:nth-child(4){background:#e3f6ef}.km4-cards h2{margin:24px 0 10px;font-size:clamp(24px,2.5vw,40px)}.km4-cards p{color:var(--muted);font-size:12px;line-height:1.55}.km4-cards code{border-top:1px dashed #17212b59;margin-top:18px;padding-top:12px;font-size:10px;display:block}.km4-cards.wide,.km4-cards.sentinel-design{grid-template-columns:repeat(3,1fr)}.km4-anatomy{grid-template-columns:1.25fr .75fr;align-items:center;gap:26px;display:grid}.km4-anatomy>pre{border:2px solid var(--ink);color:#fff;box-shadow:9px 9px 0 var(--yellow);white-space:pre-wrap;background:#17212b;border-radius:19px;margin:0;padding:40px 28px;font:750 clamp(15px,1.7vw,26px)/1.8 SFMono-Regular,Consolas,monospace}.km4-anatomy pre>*{opacity:.2;transition:all .3s}.km4-anatomy pre .on{opacity:1}.km4-anatomy pre span:first-child{color:#ff91bb}.km4-anatomy pre b{color:#79d9f3}.km4-anatomy pre span:nth-child(3){color:var(--lime)}.km4-anatomy pre i{color:var(--orange);font-style:normal}.km4-anatomy pre em{color:#e8ecff;font-style:normal}.km4-anatomy>div{gap:10px;display:grid}.km4-anatomy>div>div{border:2px solid var(--ink);background:var(--white);border-radius:11px;grid-template-columns:100px 1fr;gap:10px;padding:14px;display:grid}.km4-anatomy code{color:#bd3f1e;font-weight:800}.km4-anatomy span{font-size:11px}.km4-range{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.km4-range>div{border:2px solid var(--ink);min-height:265px;box-shadow:8px 8px 0 var(--ink);background:#e8ecff;border-radius:20px;align-content:center;padding:25px;display:grid}.km4-range>div:nth-child(2){background:#e3f6ef}.km4-range>div:nth-child(3){background:#fff0d0}.km4-range code{font:850 clamp(21px,2.5vw,40px) monospace}.km4-range b{margin:28px 0;font:800 clamp(20px,2vw,32px) monospace}.km4-range span{color:var(--muted);font-size:12px}.km4-numberline{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.km4-numberline .rail{border:2px solid var(--ink);background:var(--white);box-shadow:7px 7px 0 var(--ink);border-radius:18px;grid-column:1/-1;justify-content:space-between;padding:45px 35px 30px;display:flex}.km4-numberline .rail span{border:2px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:48px;height:48px;font:850 16px monospace;display:grid;position:relative}.km4-numberline .rail span:after{content:"";z-index:-1;background:var(--ink);width:calc(16.6667vw - 30px);height:3px;position:absolute;left:46px}.km4-numberline .rail span:last-child:after{display:none}.km4-numberline .rail .hit{background:var(--loop-green);color:#fff}.km4-numberline>div:not(.rail){border:2px solid var(--ink);background:#fff0d0;border-radius:12px;padding:14px}.km4-numberline>div:not(.rail):nth-child(3){background:#e8ecff}.km4-numberline>div:not(.rail):nth-child(4){background:#ffe5df}.km4-numberline>div:not(.rail):nth-child(5){background:#e3f6ef}.km4-numberline>div b{font-size:11px;display:block}.km4-numberline>div code{margin-top:10px;font-size:12px;display:block}.km4-offby{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.km4-offby>div{border:2px solid var(--ink);min-height:250px;box-shadow:6px 6px 0 var(--ink);background:#ffe5df;border-radius:18px;align-content:center;padding:21px;display:grid}.km4-offby>div.correct{background:#dff5cf}.km4-offby>div:last-child{background:#fff0d0}.km4-offby code{font-size:12px}.km4-offby b{margin:24px 0;font-size:19px}.km4-offby span{color:var(--muted);font-size:11px}.km4-indent{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.km4-indent>div{border:2px solid var(--ink);min-height:285px;box-shadow:7px 7px 0 var(--ink);background:#e3f6ef;border-radius:17px;padding:20px}.km4-indent>div:nth-child(2){background:#e8ecff}.km4-indent>div:nth-child(3){background:#ffe5df}.km4-indent pre,.km4-update-grid pre{color:#fff;white-space:pre-wrap;background:#17212b;border-radius:9px;margin:17px 0;padding:13px;font-size:10px;line-height:1.55}.km4-indent b,.km4-update-grid b{font-size:11px;line-height:1.4}.km4-pattern{grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:15px;display:grid}.km4-pattern>div{border:2px solid var(--ink);min-height:235px;box-shadow:7px 7px 0 var(--ink);background:#e8ecff;border-radius:18px;align-content:center;padding:22px;display:grid}.km4-pattern .update{background:#fff0d0}.km4-pattern .meaning{background:#e3f6ef}.km4-pattern>i{color:#bd3f1e;font-size:28px;font-style:normal}.km4-pattern small{color:#bd3f1e;font:800 9px monospace}.km4-pattern code{color:var(--lime);background:#17212b;border-radius:8px;margin-top:20px;padding:12px;font-size:11px}.km4-pattern b{margin-top:20px;font-size:17px}.km4-update-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.km4-update-grid>div{border:2px solid var(--ink);min-height:185px;box-shadow:5px 5px 0 var(--ink);background:#ffe5df;border-radius:15px;padding:17px}.km4-update-grid>div.good{background:#e3f6ef}.km4-update-grid pre{margin:10px 0;padding:9px}.km4-invariant{gap:14px;display:grid}.km4-invariant>div{border:2px solid var(--ink);background:var(--white);border-radius:15px;grid-template-columns:1fr 1.3fr auto 1.5fr;align-items:center;gap:18px;padding:21px;display:grid;box-shadow:5px 5px #17212b29}.km4-invariant>div:nth-child(2){background:#e8ecff}.km4-invariant>div:nth-child(3){background:#e3f6ef}.km4-invariant b,.km4-invariant strong{font-size:14px}.km4-invariant i{color:#bd3f1e;font-size:23px;font-style:normal}.km4-while,.km4-control,.km4-program{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;display:grid}.km4-while>div:last-child,.km4-control>div:last-child{gap:10px;display:grid}.km4-while>div:last-child>div,.km4-control>div:last-child>div{border:2px solid var(--ink);background:var(--white);border-radius:12px;grid-template-columns:45px 80px 1fr;align-items:center;gap:10px;padding:15px;display:grid}.km4-while>div:last-child>div:nth-child(2n){background:#e3f6ef}.km4-while b,.km4-control b{font-size:12px}.km4-while span{color:var(--muted);font-size:10px}.km4-termination{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.km4-termination>div{border:2px solid var(--ink);min-height:265px;box-shadow:8px 8px 0 var(--ink);background:#dff5cf;border-radius:19px;align-content:center;padding:24px;display:grid}.km4-termination>div.danger{background:#ffe5df}.km4-termination code{color:var(--lime);background:#17212b;border-radius:8px;margin:23px 0;padding:12px;font-size:12px}.km4-termination b{font-size:15px;line-height:1.4}.km4-versus{grid-template-columns:1fr 1fr;gap:24px;display:grid}.km4-versus>div{border:2px solid var(--ink);min-height:315px;box-shadow:9px 9px 0 var(--ink);background:#e8ecff;border-radius:21px;padding:27px}.km4-versus>div:nth-child(2){background:#e3f6ef}.km4-versus h2{margin:25px 0;font-size:clamp(25px,3vw,47px)}.km4-versus code{color:var(--lime);background:#17212b;border-radius:9px;padding:13px;font-size:11px;display:block}.km4-versus p{color:var(--muted);font-size:12px;line-height:1.6}.km4-sentinel{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.km4-sentinel>div{border:2px solid var(--ink);background:var(--white);min-height:235px;box-shadow:6px 6px 0 var(--ink);border-radius:17px;padding:20px;position:relative}.km4-sentinel>div:nth-child(2){background:#fff0d0}.km4-sentinel>div:nth-child(3){background:#e8ecff}.km4-sentinel>div:nth-child(4){background:#e3f6ef}.km4-sentinel>div:not(:last-child):after{content:"→";z-index:3;color:#bd3f1e;font-size:22px;position:absolute;top:45%;right:-19px}.km4-sentinel code{color:var(--lime);background:#17212b;border-radius:8px;margin:25px 0;padding:11px;font-size:9px;line-height:1.45;display:block}.km4-sentinel span{color:var(--muted);font-size:10px}.km4-control .km-code pre{font-size:clamp(12px,1.2vw,18px)}.km4-control>div:last-child>div{grid-template-columns:100px 1fr}.km4-flow-control,.km4-roles,.km4-counts{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.km4-flow-control>div,.km4-roles>div,.km4-counts>div{border:2px solid var(--ink);background:var(--white);min-height:235px;box-shadow:6px 6px 0 var(--ink);border-radius:17px;padding:20px}.km4-flow-control>div:nth-child(2),.km4-roles>div:nth-child(2),.km4-counts>div:nth-child(2){background:#fff0d0}.km4-flow-control>div:nth-child(3),.km4-roles>div:nth-child(3),.km4-counts>div:nth-child(3){background:#e8ecff}.km4-flow-control>div:nth-child(4),.km4-roles>div:nth-child(4),.km4-counts>div:nth-child(4){background:#e3f6ef}.km4-flow-control code,.km4-counts code{color:var(--lime);background:#17212b;border-radius:8px;margin:20px 0;padding:10px;font-size:10px;display:block}.km4-flow-control b,.km4-roles b,.km4-counts b{margin:21px 0;font-size:18px;display:block}.km4-flow-control span,.km4-roles span,.km4-counts span{color:var(--muted);font-size:10px;line-height:1.5}.km4-roles>div{align-content:center;min-height:250px;display:grid}.km4-roles b{font-size:22px}.km4-zero{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.km4-zero>div{border:2px solid var(--ink);min-height:245px;box-shadow:6px 6px 0 var(--ink);background:#fff0d0;border-radius:18px;align-content:center;padding:21px;display:grid}.km4-zero .loop{background:#e8ecff}.km4-zero .state{background:#e3f6ef}.km4-zero .summary{background:var(--white)}.km4-zero b{margin:22px 0;font-size:17px}.km4-zero span{color:var(--muted);font-size:10px}.km4-trace{border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);border-radius:17px;overflow:hidden}.km4-trace>div{text-align:center;border-bottom:1px solid #17212b38;grid-template-columns:.55fr 1.2fr 1fr 1.2fr .65fr .65fr .65fr;align-items:center;gap:9px;padding:14px;font-size:11px;display:grid}.km4-trace .head{color:#fff;background:#17212b;font-size:9px}.km4-trace>div:nth-child(3){background:#fff0d0}.km4-trace>div:nth-child(4){background:#e3f6ef}.km4-debug{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.km4-debug>div{border:2px solid var(--ink);background:var(--white);border-radius:14px;grid-template-columns:40px 1fr;align-content:center;gap:10px;min-height:150px;padding:17px;display:grid;box-shadow:5px 5px #17212b29}.km4-debug>div:nth-child(2n){background:#e8ecff}.km4-debug small{background:var(--loop-green);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:35px;height:35px;display:grid}.km4-debug b{font-size:13px}.km4-debug span{color:var(--muted);font-size:9px}.km4-myths{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.km4-myths button{text-align:left;border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:15px;align-content:space-between;min-height:140px;padding:16px;display:grid;box-shadow:5px 5px #17212b24}.km4-myths button:nth-child(3n+2){background:#fff0d0}.km4-myths button:nth-child(3n+3){background:#e8ecff}.km4-myths button.open{box-shadow:6px 6px 0 var(--ink);background:#e3f6ef;transform:translateY(-2px)}.km4-myths b{font-size:12px;line-height:1.4}.km4-myths span{color:var(--muted);font-size:8px}.km4-program{grid-template-columns:1.12fr .88fr}.km4-program .km-code pre{padding:13px 16px;font-size:clamp(8px,.82vw,12px);line-height:1.42}.km4-program .notes{grid-template-columns:1fr 1fr;gap:9px;display:grid}.km4-program .notes>div{border:2px solid var(--ink);background:var(--white);border-radius:10px;padding:10px}.km4-program .notes>div:nth-child(3n+2){background:#fff0d0}.km4-program .notes>div:nth-child(3n+3){background:#e8ecff}.km4-program .notes b{color:#bd3f1e;font-size:9px;display:block}.km4-program .notes span{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.4;display:block}.km4-quiz{grid-template-columns:1fr 170px;align-items:center;gap:22px;display:grid}.km4-quiz .questions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.km4-quiz section{border:2px solid var(--ink);background:var(--white);border-radius:14px;min-height:210px;padding:15px;box-shadow:4px 4px #17212b26}.km4-quiz h2{grid-template-columns:35px 1fr;align-items:center;gap:9px;min-height:42px;font-size:13px;display:grid}.km4-quiz h2 span{background:var(--loop-green);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;display:grid}.km4-quiz section>div{gap:6px;margin-top:9px;display:grid}.km4-quiz section button{border:1.5px solid var(--ink);background:var(--paper);text-align:left;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:6px 8px;font-size:9px;display:grid}.km4-quiz section button b{background:var(--white);border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.km4-quiz button.correct,.km4-quiz p.correct{background:#dff5cf}.km4-quiz button.wrong,.km4-quiz p.wrong{background:#ffe5df}.km4-quiz section>p{border-radius:7px;margin:7px 0 0;padding:7px;font-size:8px;line-height:1.4}.km4-quiz .score{aspect-ratio:1;border:2px solid var(--ink);background:var(--loop-green);color:#fff;width:160px;box-shadow:8px 8px 0 var(--ink);text-align:center;border-radius:50%;align-content:center;place-items:center;display:grid}.km4-quiz .score b{font-size:65px;line-height:.9}.km4-quiz .score span{font:700 14px monospace}.km4-quiz .score em{max-width:110px;margin-top:13px;font-size:9px;font-style:normal;line-height:1.4}.km4-outcomes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.km4-outcomes>div{border:2px solid var(--ink);background:var(--white);border-radius:13px;grid-template-columns:auto 1fr;align-content:center;align-items:start;gap:10px;min-height:115px;padding:14px;display:grid;box-shadow:4px 4px #17212b24}.km4-outcomes>div:nth-child(2n){background:#e3f6ef}.km4-outcomes span{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:30px;height:30px;font:800 8px monospace;display:grid}.km4-outcomes b{font-size:11px;line-height:1.4}.km4-end-flow{align-items:center;gap:8px;margin-bottom:30px;display:flex}.km4-end-flow span{border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);border-radius:9px;padding:8px 10px;font:800 9px monospace}.km4-end-flow span:nth-of-type(2){background:#fff0d0}.km4-end-flow span:nth-of-type(3){background:#e8ecff}.km4-end-flow span:nth-of-type(4){background:#e3f6ef}.km4-end-flow span:nth-of-type(5){background:var(--lime)}.km4-end-flow i{color:#bd3f1e;font-style:normal;font-weight:900}.km4-ending h1 em{color:var(--loop-green)}@keyframes km4-spin{to{transform:rotate(360deg)}}@keyframes km4-counter{to{transform:rotate(-360deg)}}@media (max-width:1000px){.km4-pipeline{grid-template-columns:repeat(3,1fr)}.km4-pipeline>div{min-height:120px}.km4-pipeline i{display:none}.km4-program .notes{grid-template-columns:1fr}.km4-program .notes>div:nth-child(n+7){display:none}.km4-flow-control,.km4-roles,.km4-counts,.km4-zero{grid-template-columns:1fr 1fr}.km4-flow-control>div,.km4-roles>div,.km4-counts>div,.km4-zero>div{min-height:160px}}@media (max-width:720px){.km4-cover{grid-template-columns:1fr}.km4-orbit{opacity:.22;width:75vw;position:absolute;bottom:8vh;right:-32vw}.km4-cards,.km4-cards.wide,.km4-cards.sentinel-design,.km4-range,.km4-offby,.km4-indent,.km4-termination,.km4-sentinel,.km4-flow-control,.km4-roles,.km4-counts,.km4-zero,.km4-debug,.km4-myths,.km4-outcomes{grid-template-columns:1fr 1fr}.km4-cards>div,.km4-range>div,.km4-offby>div,.km4-indent>div,.km4-termination>div,.km4-flow-control>div,.km4-roles>div,.km4-counts>div,.km4-zero>div{min-height:auto}.km4-anatomy,.km4-while,.km4-versus,.km4-control,.km4-program,.km4-quiz{grid-template-columns:1fr}.km4-numberline{grid-template-columns:1fr 1fr}.km4-numberline .rail{grid-column:1/-1}.km4-pattern{grid-template-columns:1fr}.km4-pattern>i{display:none}.km4-update-grid,.km4-invariant>div{grid-template-columns:1fr}.km4-invariant i,.km4-sentinel>div:after{display:none}.km4-trace{overflow:auto}.km4-trace>div{min-width:740px}.km4-program .km-code pre{font-size:8px}.km4-quiz .score{margin:auto}.km4-end-flow{flex-wrap:wrap;justify-content:center}}