.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 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>.km-code{box-shadow:9px 9px 0 var(--yellow)}.km4-anatomy>.km-code pre{white-space:pre-wrap;padding:40px 28px;font:750 clamp(15px,1.7vw,26px)/1.8 SFMono-Regular,Consolas,monospace}.km4-anatomy>.km-code pre code>*{opacity:.2;transition:all .3s}.km4-anatomy>.km-code pre .on{opacity:1}.km4-anatomy>.km-code pre span:first-child{color:#ff91bb}.km4-anatomy>.km-code pre b{color:#79d9f3}.km4-anatomy>.km-code pre span:nth-child(3){color:var(--lime)}.km4-anatomy>.km-code pre i{color:var(--orange);font-style:normal}.km4-anatomy>.km-code pre em{color:#e8ecff;font-style:normal}.km4-anatomy-notes{gap:10px;display:grid}.km4-anatomy-notes>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-notes code{color:#bd3f1e;font-weight:800}.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-halfopen-code{grid-column:1/-1}.km4-halfopen-code .km-code pre{padding:14px 20px;font-size:clamp(13px,1.15vw,18px);line-height:1.45}.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:24px 35px;display:flex}.km4-numberline .rail span{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:48px;height:48px;font:850 16px/1 SFMono-Regular,Consolas,monospace;position:relative}.km4-numberline .rail span>b{font:inherit;place-items:center;margin:0;line-height:1;display:grid;position:absolute;inset:0}.km4-numberline .rail span:after{content:"";z-index:-1;background:var(--ink);width:calc(16.6667vw - 30px);height:3px;position:absolute;top:50%;left:46px;transform:translateY(-50%)}.km4-numberline .rail span:last-child:after{display:none}.km4-numberline .rail .hit{background:var(--loop-green);color:#fff}.km4-halfopen-card{border:2px solid var(--ink);background:#fff0d0;border-radius:12px;padding:14px}.km4-halfopen-card:nth-child(4){background:#e8ecff}.km4-halfopen-card:nth-child(5){background:#ffe5df}.km4-halfopen-card:nth-child(6){background:#e3f6ef}.km4-halfopen-card>b{font-size:11px;display:block}.km4-halfopen-card>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 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-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-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 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-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-quiz .score{margin:auto}.km4-end-flow{flex-wrap:wrap;justify-content:center}}.km4-orbit span{font-size:20px}.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-pattern small{font-size:14px}.km4-pipeline b{margin:12px 0;font-size:24px;line-height:1.25}.km4-pipeline span{font-size:16px;line-height:1.35}.km4-pipeline i{font-size:26px;right:-20px}.km4-cards p,.km4-range span,.km4-versus p{font-size:18px;line-height:1.45}.km4-cards code,.km4-offby code,.km4-indent pre,.km4-update-grid pre,.km4-pattern code,.km4-termination code,.km4-versus code,.km4-flow-control code,.km4-counts code,.km4-halfopen-card code{font-size:16px;line-height:1.45}.km4-anatomy-notes>div{grid-template-columns:148px 1fr}.km4-anatomy-notes span{font-size:17px}.km4-anatomy code{font-size:16px}.km4-halfopen-card b{font-size:18px}.km4-numberline .rail span{width:52px;height:52px;font-size:22px}.km4-offby b{font-size:22px}.km4-offby span,.km4-indent b,.km4-update-grid b{font-size:17px;line-height:1.4}.km4-pattern b{font-size:22px}.km4-invariant b,.km4-invariant strong{font-size:20px;line-height:1.35}.km4-while>div:last-child>div{grid-template-columns:52px 110px 1fr;padding:14px}.km4-while b,.km4-control b{font-size:18px}.km4-while span{font-size:16px}.km4-termination b{font-size:20px}.km4-sentinel code{font-size:15px;line-height:1.4}.km4-sentinel span,.km4-flow-control span,.km4-roles span,.km4-counts span,.km4-zero span{font-size:16px;line-height:1.4}.km4-control>div:last-child>div{grid-template-columns:168px 1fr}.km4-control .km-code pre{font-size:clamp(15px,1.15vw,18px)}.km4-flow-control b,.km4-counts b,.km4-zero b{font-size:22px}.km4-roles b{font-size:26px}.km4-trace>div{padding:16px 12px;font-size:15px}.km4-trace .head{font-size:15px}.km4-debug b{font-size:18px;line-height:1.35}.km4-debug span{font-size:16px;line-height:1.4}.km4-debug>div{min-height:160px}.km4-debug small{width:40px;height:40px;font-size:14px}.km4-myths button{min-height:148px}.km4-myths small{font-size:13px}.km4-myths b{font-size:17px;line-height:1.4}.km4-myths span{font-size:15px}.km4-program .km-code pre{font-size:clamp(14px,1vw,17px);line-height:1.38}.km4-program .notes b{font-size:16px}.km4-program .notes span{font-size:15px;line-height:1.4}.km4-program .notes>div{padding:12px}.km4-quiz{grid-template-columns:1fr 210px}.km4-quiz section{min-height:0;padding:16px}.km4-quiz h2{min-height:0;font-size:18px}.km4-quiz h2 span{width:36px;height:36px;font-size:14px}.km4-quiz section button{grid-template-columns:28px 1fr;padding:8px 10px;font-size:16px}.km4-quiz section button b{width:26px;height:26px}.km4-quiz section>p{font-size:15px;line-height:1.4}.km4-quiz .score{width:190px}.km4-quiz .score em{max-width:150px;font-size:14px}.km4-outcomes>div{min-height:112px;padding:12px 14px}.km4-outcomes span{width:36px;height:36px;font-size:13px}.km4-outcomes b{font-size:16px;line-height:1.4}.km4-end-flow span{padding:10px 14px;font-size:16px}.km4-ending .km4-end-flow{flex-wrap:wrap;justify-content:center}.km4-opening-tabs{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.km4-opening-tabs button{text-align:left;border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px 18px;transition:all .2s;display:grid;box-shadow:4px 4px #17212b2e}.km4-opening-tabs button:nth-child(2){background:#e3f6ef}.km4-opening-tabs button.active{box-shadow:6px 6px 0 var(--ink);transform:translateY(-3px)}.km4-opening-tabs button.bad.active{background:#ffe5df}.km4-opening-tabs button.good.active{background:#dff5cf}.km4-opening-tabs small{color:#bd3f1e;font:800 13px monospace}.km4-opening-tabs b{font-size:19px}.km4-opening-tabs span{color:var(--muted);font-size:13px}.km4-pipeline{gap:16px}.km4-pipeline>div{min-height:150px;padding:13px 11px}.km4-pipeline b{margin:10px 0;font-size:20px}.km4-pipeline span{font-size:14px}.km4-pipeline-case{min-height:190px;color:var(--muted);background:#ffffff73;border:2px dashed #17212b59;border-radius:18px;grid-template-columns:1fr 1.25fr;align-items:center;gap:30px;margin-top:20px;padding:24px 28px;display:grid}.km4-pipeline-case:not(.active){text-align:center;grid-template-columns:1fr;place-items:center}.km4-pipeline-case:not(.active) b{color:var(--ink);font-size:24px}.km4-pipeline-case:not(.active) span{font-size:17px}.km4-pipeline-case.active{border-style:solid;border-color:var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff0d0;animation:.28s ease-out km4-case-in}.km4-pipeline-case small{color:#bd3f1e;font:800 13px monospace}.km4-pipeline-case h2{margin:10px 0 8px;font-size:clamp(23px,2.3vw,36px)}.km4-pipeline-case p{margin:0;font-size:17px;line-height:1.45}.km4-pipeline-case>div:last-child{gap:14px;display:grid}.km4-pipeline-case code{color:var(--lime);background:#17212b;border-radius:9px;padding:12px 14px;font-size:16px;line-height:1.45}.km4-pipeline-case strong{font-size:17px;line-height:1.45}.km4-pipeline-case.active:nth-child(odd){background:#e3f6ef}@keyframes km4-case-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.km4-pipeline-lab{grid-template-rows:auto minmax(0,1fr);gap:14px;height:100%;min-height:0;display:grid}.km-body:has(.km4-pipeline-lab){align-content:stretch}.km4-pipeline-lab .km4-pipeline>button{text-align:left;border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:16px;align-content:center;min-height:0;padding:12px 10px;display:grid;position:relative;box-shadow:4px 4px #17212b2e}.km4-pipeline-lab .km4-pipeline>button:nth-child(2n){background:#e3f6ef}.km4-pipeline-lab .km4-pipeline>button.active{outline:4px solid var(--loop-green);box-shadow:6px 6px 0 var(--ink);background:#fff0d0;transform:translateY(-3px)}.km4-pipeline-lab .km4-pipeline b{margin:6px 0;font-size:18px;line-height:1.2}.km4-pipeline-lab .km4-pipeline span{font-size:13px;line-height:1.3}.km4-pipeline-split{grid-template-columns:1.08fr .92fr;gap:18px;min-height:0;display:grid}.km4-pipeline-split>.km-code{height:100%;min-height:0;overflow:auto}.km4-pipeline-split .km-window{height:32px}.km4-pipeline-split .km-code pre{padding:6px 14px;font-size:13.5px;line-height:1.24}.km4-pipeline-line,.km4-pipeline-context{border-radius:4px;display:block}.km4-pipeline-lab.has-pick .km4-pipeline-line{opacity:.38}.km4-pipeline-lab.has-pick .km4-pipeline-line.on{opacity:1;box-shadow:inset 4px 0 0 var(--lime);background:#c7ff4133;padding-left:6px}.km4-pipeline-split .km4-pipeline-case{align-content:center;height:100%;min-height:0;margin-top:0}.km4-pipeline-split .km4-pipeline-case.active{grid-template-columns:1fr;align-content:center;gap:14px}.km4-pipeline-split .km4-pipeline-case h2{font-size:clamp(26px,2.4vw,38px)}.km4-question-cards{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.km4-question-cards>div{border:2px solid var(--ink);background:var(--white);border-radius:17px;align-content:center;min-height:170px;padding:20px;display:grid;box-shadow:6px 6px #17212b2e}.km4-question-cards>div:nth-child(2){background:#fff0d0}.km4-question-cards>div:nth-child(3){background:#e8ecff}.km4-question-cards>div:nth-child(4){background:#e3f6ef}.km4-question-cards small{color:#bd3f1e;font:800 13px monospace}.km4-question-cards h2{margin:17px 0 8px;font-size:clamp(23px,2.3vw,36px)}.km4-question-cards p{color:var(--muted);margin:0;font-size:15px;line-height:1.4}.km4-question-explain{text-align:center;min-height:205px;color:var(--muted);background:#ffffff73;border:2px dashed #17212b59;border-radius:18px;grid-template-columns:1fr;place-items:center;margin-top:20px;padding:24px 28px;display:grid}.km4-question-explain:not(.active) b{color:var(--ink);font-size:24px}.km4-question-explain:not(.active) span{font-size:17px}.km4-question-explain.active{text-align:left;border-style:solid;border-color:var(--ink);box-shadow:7px 7px 0 var(--ink);background:#e3f6ef;grid-template-columns:.8fr 1.4fr;place-items:stretch stretch;gap:30px;animation:.28s ease-out km4-case-in}.km4-question-explain small{color:#bd3f1e;font:800 13px monospace}.km4-question-explain h2{margin:14px 0 0;font-size:clamp(25px,2.5vw,40px);line-height:1.2}.km4-question-explain>div:last-child{align-content:center;gap:14px;display:grid}.km4-question-explain p{margin:0;font-size:18px;line-height:1.5}.km4-question-explain strong{color:var(--loop-dark);border-top:2px dashed #17212b40;padding-top:13px;font-size:17px;line-height:1.5}.km4-opening{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:absolute;inset:0}.km4-opening-stage{border:2px solid var(--ink);width:100%;height:100%;min-height:0;box-shadow:8px 8px 0 var(--ink);cursor:pointer;text-align:left;border-radius:20px;padding:0;position:relative;overflow:hidden}.km4-opening-stage.copy{background:#ffe8e2}.km4-opening-stage.loop{background:#e3f6ef}.km4-opening-stage:hover{transform:translateY(-2px)}.km4-copy-wallpaper,.km4-loop-wallpaper{pointer-events:none;position:absolute;inset:0;overflow:hidden}.km4-copy-wallpaper{justify-content:center;align-items:center;padding:12px 28px 76px;display:flex}.km4-copy-once{align-items:center;gap:clamp(18px,3vw,42px);width:min(860px,100%);display:flex}.km4-copy-once .km-code{min-width:0;box-shadow:8px 8px 0 var(--ink);flex:1}.km4-copy-once .km-code pre{padding:14px 18px;font-size:clamp(13px,1.15vw,17px);line-height:1.45}.km4-copy-once strong{color:var(--ink);letter-spacing:-.06em;flex:none;font:900 clamp(64px,8vw,108px)/.85 SFMono-Regular,Consolas,monospace}.km4-loop-wallpaper{flex-wrap:wrap;place-content:center;gap:12px;padding:22px 18px 78px;display:flex}.km4-loop-wallpaper span{border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:12px 16px;font-size:18px;font-weight:850}.km4-opening-mark{z-index:2;color:var(--ink);opacity:.38;pointer-events:none;font:900 42px/1 SFMono-Regular,Consolas,monospace;position:absolute;top:14px;right:16px}.km4-opening-cue{z-index:2;border:2px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:12px 22px;font-size:18px;font-weight:850;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.km4-opening-stage.copy .km4-opening-cue{background:#fff0d0}.km4-opening-stage.loop .km4-opening-cue{background:#dff5cf}.km4-opening-overlay{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17212bad;place-items:center;padding:clamp(24px,4vh,48px) clamp(20px,4vw,64px);display:grid;position:absolute;inset:0}.km4-opening-dialog{border:3px solid var(--ink);background:#fffdf8;border-radius:24px;gap:16px;width:min(1180px,100%);max-height:100%;padding:clamp(18px,2vw,28px);display:grid;overflow:auto;box-shadow:14px 14px #17212b59}.km4-opening-dialog.copy{background:#fff6ef}.km4-opening-dialog.loop{background:#f3fbf7}.km4-opening-dialog>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.km4-opening-dialog>header small{color:#bd3f1e;font:800 13px SFMono-Regular,Consolas,monospace}.km4-opening-dialog h2{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(28px,3vw,44px);line-height:1.1}.km4-opening-dialog>header button{border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:850;display:flex}.km4-opening-dialog>header button span{font-size:22px;line-height:.7}.km4-opening-dialog>footer{color:var(--muted);font-size:15px}.km4-opening-dialog>footer kbd{border:1px solid var(--ink);background:var(--white);border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-family:inherit}.km4-copy-demo{grid-template-columns:1.18fr .82fr;align-items:stretch;gap:20px;display:grid}.km4-copy-demo .km-code pre{padding:14px 17px;font-size:clamp(14px,1.05vw,18px);line-height:1.5}.km4-copy-problems,.km4-loop-side{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff0d0;border-radius:17px;padding:20px 22px}.km4-loop-side{background:#e3f6ef;align-content:center;gap:16px;display:grid}.km4-copy-problems p,.km4-loop-side p{margin:0 0 13px;font-size:17px;font-weight:800;line-height:1.45}.km4-loop-side p{margin:0}.km4-copy-problems ul{gap:9px;margin:0;padding-left:25px;display:grid}.km4-copy-problems li{font-size:16px;line-height:1.4}.km4-copy-problems li::marker{color:#bd3f1e}.km4-copy-problems strong{color:var(--loop-dark);border-top:2px dashed #17212b40;margin-top:14px;padding-top:12px;font-size:18px;line-height:1.4;display:block}.km4-loop-side .loop-rounds{flex-wrap:wrap;gap:10px;display:flex}.km4-loop-side .loop-rounds span{border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:12px 14px;font-size:16px;font-weight:850}.km4-loop-side .loop-rounds span.more{background:var(--yellow)}.km4-choice-pair{grid-template-columns:1fr 1fr;gap:28px;display:grid}.km4-choice-pair button{text-align:left;border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:22px;min-height:300px;padding:28px;transition:all .2s;box-shadow:8px 8px #17212b2e}.km4-choice-pair button:nth-child(2){background:#e3f6ef}.km4-choice-pair button.active{box-shadow:10px 10px 0 var(--ink);transform:translateY(-6px)}.km4-choice-pair button.bad.active{background:#ffe5df}.km4-choice-pair button.good.active{background:#dff5cf}.km4-choice-pair small{color:#bd3f1e;font:800 15px monospace}.km4-choice-pair h2{margin:28px 0 16px;font-size:clamp(28px,3vw,48px)}.km4-choice-pair p{color:var(--muted);font-size:19px;line-height:1.55}.km4-choice-result{border:2px solid var(--ink);background:#fff0d0;border-radius:13px;margin-top:22px;padding:16px 22px;font-size:20px}.km4-choice-result.loop{background:#dff5cf}.km4-range-lab{grid-template-columns:250px 1fr;gap:24px;display:grid}.km4-range-lab .controller{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff0d0;border-radius:20px;align-content:center;place-items:center;padding:25px;display:grid}.km4-range-lab .controller small{color:#bd3f1e;font:800 14px monospace}.km4-range-lab .controller b{font-size:82px;line-height:1.1}.km4-range-lab input{width:100%;accent-color:var(--loop-green)}.km4-range-lab .examples{grid-template-columns:1fr 1fr;gap:18px;display:grid}.km4-range-lab .examples>div{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#e8ecff;border-radius:20px;align-content:center;padding:25px;display:grid}.km4-range-lab .examples>div.good{background:#e3f6ef}.km4-range-lab code{font-size:24px;font-weight:850}.km4-range-lab .examples b{margin:26px 0;font:850 28px monospace}.km4-range-lab .examples span{color:var(--muted);font-size:17px;line-height:1.45}.km4-switch{gap:10px;display:flex}.km4-switch button{border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:999px;padding:12px 18px;font-size:17px;font-weight:850}.km4-switch button.active{background:var(--loop-green);color:#fff;box-shadow:4px 4px 0 var(--ink)}.km4-input-placement{grid-template-columns:1.15fr .85fr;align-items:center;gap:22px;display:grid}.km4-input-placement .km4-switch{grid-column:1/-1}.km4-input-placement .result{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#e3f6ef;border-radius:18px;padding:26px}.km4-input-placement .result b{font-size:26px;line-height:1.35;display:block}.km4-input-placement .result span{color:var(--muted);margin-top:18px;font-size:18px;line-height:1.5;display:block}.km4-trace-code{margin-bottom:14px}.km4-trace-code .km-window{height:36px}.km4-trace-code .km-code pre{padding:10px 18px;font-size:clamp(13px,1vw,17px);line-height:1.4}.km4-trace.five>div{grid-template-columns:.55fr .8fr 1.1fr 1fr 1.1fr}.km4-demo-actions{align-items:center;gap:22px;margin-top:22px;display:flex}.km4-demo-actions button{border:2px solid var(--ink);background:var(--loop-green);color:#fff;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:999px;padding:13px 20px;font-size:18px;font-weight:850}.km4-demo-actions p{font-size:17px;line-height:1.45}.km4-demo-actions code{color:var(--lime);background:#17212b;border-radius:6px;padding:5px 8px}.km4-state-lab>.km4-switch,.km4-termination-lab>.km4-switch,.km4-scenario-lab>.km4-switch,.km4-control-lab>.km4-switch{margin-bottom:22px}.km4-state-question{border:2px solid var(--ink);text-align:center;background:#fff0d0;border-radius:12px;margin:22px 0 0;padding:15px;font-size:19px;font-weight:750}.km4-roles-lab{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:22px;display:grid}.km4-roles-lab>.km-code pre{padding:15px 18px;font-size:clamp(11px,.9vw,15px);line-height:1.28}.km4-role-code-line,.km4-role-code-gap{opacity:.72;border-radius:5px;transition:opacity .22s,background .22s,transform .22s;display:block}.km4-role-code-line.active{box-shadow:inset 4px 0 0 var(--lime);opacity:1;background:#c7ff4138;padding-left:7px;transform:translate(2px)}.km4-role-code-gap{height:5px}.km4-role-cards{grid-template-columns:1fr 1fr;gap:11px;display:grid}.km4-role-cards>div{border:2px solid var(--ink);background:var(--white);border-radius:14px;align-content:center;min-height:0;padding:15px;transition:all .22s;display:grid;box-shadow:5px 5px #17212b2b}.km4-role-cards>div:nth-child(2){background:#fff0d0}.km4-role-cards>div:nth-child(3){background:#e8ecff}.km4-role-cards>div:nth-child(4){background:#e3f6ef}.km4-role-cards>div.active{outline:5px solid var(--loop-green);box-shadow:7px 7px 0 var(--ink);transform:translateY(-3px)}.km4-role-cards small{color:#bd3f1e;font:800 13px SFMono-Regular,Consolas,monospace}.km4-role-cards b{margin:11px 0 7px;font-size:20px;line-height:1.25;display:block}.km4-role-cards span{color:var(--muted);font-size:14px;line-height:1.4}.km4-while .km4-while-code-line{color:#f5f7fa;opacity:.38;border-radius:5px;padding-left:7px;transition:opacity .22s,background .22s,transform .22s;display:block}.km4-while .km4-while-code-line.on{box-shadow:inset 4px 0 0 var(--lime);opacity:1;background:#c7ff412e;transform:translate(2px)}.km4-sentinel-full{margin-bottom:15px}.km4-sentinel-full .km-window{height:36px}.km4-sentinel-full .km-code pre{padding:11px 18px;font-size:clamp(12px,1vw,16px);line-height:1.38}.km4-sentinel.with-code>div{min-height:155px;padding:14px}.km4-sentinel.with-code code{margin:12px 0;padding:9px;font-size:13px;line-height:1.35}.km4-sentinel.with-code span{font-size:14px;line-height:1.35}.km4-termination-lab .trajectory{border:2px solid var(--ink);min-height:330px;box-shadow:8px 8px 0 var(--ink);background:#dff5cf;border-radius:22px;align-content:center;gap:15px;padding:22px;display:grid}.km4-termination-lab .trajectory.stuck,.km4-termination-lab .trajectory.backward{background:#ffe5df}.km4-termination-lab .condition{justify-content:space-between;align-items:center;gap:12px;display:flex}.km4-termination-lab .condition code,.km4-termination-lab .update-summary code{color:var(--lime);background:#17212b;border-radius:9px;padding:11px 14px;font-size:18px}.km4-termination-lab .condition .init-code{color:#79d9f3}.km4-termination-lab .condition span{color:var(--muted);font-size:16px}.km4-termination-lab .condition b{color:var(--ink);margin-left:7px}.km4-termination-lab .update-summary{grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.km4-termination-lab .update-summary h2{margin:0;font-size:34px}.km4-termination-lab .state-track{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.km4-termination-lab .state-track>div{border:2px solid var(--ink);background:var(--white);opacity:.22;border-radius:13px;grid-template-columns:1fr auto;align-items:center;min-height:88px;padding:10px;transition:all .2s;display:grid}.km4-termination-lab .state-track>div.seen{opacity:1}.km4-termination-lab .state-track>div.current{outline:5px solid var(--loop-green);box-shadow:5px 5px 0 var(--ink);transform:translateY(-3px)}.km4-termination-lab .state-track>div.stopped{background:#fff0d0}.km4-termination-lab .state-track small{color:#bd3f1e;grid-column:1/-1;font:800 12px monospace}.km4-termination-lab .state-track b{font:900 31px monospace}.km4-termination-lab .state-track span{background:#e3f6ef;border-radius:999px;padding:5px 8px;font:800 12px monospace}.km4-termination-lab .state-track .stopped span{background:#ffe5df}.km4-termination-lab .simulation-footer{align-items:center;gap:18px;display:flex}.km4-termination-lab .simulation-footer button{border:2px solid var(--ink);background:var(--loop-green);color:#fff;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:999px;padding:11px 18px;font-size:16px;font-weight:850}.km4-termination-lab .simulation-footer p{color:var(--muted);margin:0;font-size:16px;line-height:1.4}.km-body:has(.km4-termination-lab){align-content:stretch}.km4-termination-lab{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.km4-termination-split{grid-template-columns:.92fr 1.08fr;gap:16px;min-height:0;display:grid}.km4-termination-code{align-content:center;min-height:0;display:grid}.km4-termination-code .km-code{box-shadow:8px 8px 0 var(--ink)}.km4-termination-code .km-code pre{padding:28px 24px;font-size:clamp(18px,1.45vw,24px);line-height:1.75}.km4-termination-code em{color:var(--lime);background:#c7ff412e;border-radius:6px;padding:0 6px;font-style:normal}.km4-termination-code.stuck em,.km4-termination-code.backward em{color:#ff9bb5;background:#ff9bb529}.km4-termination-split .trajectory{height:100%;min-height:0}.km4-versus>div.selected{outline:6px solid var(--loop-green);transform:translateY(-5px)}.km4-control-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.km4-control-head p{color:var(--muted);margin:0;font-size:16px;line-height:1.4}.km4-control-demo{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:20px;display:grid}.km4-control-demo .km-code pre{padding:14px 18px;font-size:clamp(12px,1vw,16px);line-height:1.42}.km4-control-lab .track{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;display:grid}.km4-control-demo .track{grid-template-columns:1fr;gap:8px}.km4-control-demo .track>i{display:none}.km4-control-lab .round{border:2px solid var(--ink);min-height:180px;box-shadow:6px 6px 0 var(--ink);background:#e8ecff;border-radius:18px;align-content:center;padding:22px;font-size:25px;font-weight:900;display:grid}.km4-control-demo .round{min-height:72px;padding:11px 16px;font-size:19px}.km4-control-lab .round span{color:var(--muted);margin-top:18px;font-size:17px;display:block}.km4-control-demo .round span{margin-top:5px;font-size:14px}.km4-control-lab .round.stopped,.km4-control-lab .round.gone{opacity:.45;background:#ffe5df}.km4-control-lab .round.skipped{background:#fff0d0}.km4-control-lab .track>i{color:#bd3f1e;font-size:30px;font-style:normal}.km4-control-lab .result{border:2px solid var(--ink);background:#dff5cf;border-radius:13px;margin-top:14px;padding:14px 20px}.km4-control-lab .result b{font-size:20px}.km4-control-lab .result span{color:var(--muted);margin-left:18px;font-size:16px}.km4-debug.five-blocks{grid-template-columns:repeat(5,1fr)}.km4-debug.five-blocks>div{grid-template-columns:1fr;align-content:start;min-height:245px}.km4-debug.five-blocks small{grid-row:auto}.km4-debug.five-blocks b{font-size:17px}.km4-debug.five-blocks span{font-size:15px}.km4-map-build{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.km4-map-build button{text-align:left;border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:18px;align-content:space-between;min-height:190px;padding:20px;display:grid;box-shadow:6px 6px #17212b2e}.km4-map-build button:nth-child(2n){background:#fff0d0}.km4-map-build button.open{box-shadow:7px 7px 0 var(--ink);background:#dff5cf;transform:translateY(-3px)}.km4-map-build small{color:#bd3f1e;font:800 14px monospace}.km4-map-build b{font-size:25px}.km4-map-build span{color:var(--muted);font-size:16px;line-height:1.45}@media (max-width:1000px){.km4-debug.five-blocks{grid-template-columns:repeat(3,1fr)}.km4-debug.five-blocks>div{min-height:180px}.km4-choice-pair h2{font-size:30px}.km4-range-lab{grid-template-columns:190px 1fr}.km4-range-lab .examples b{font-size:22px}.km4-opening-tabs span{display:none}.km4-copy-demo{grid-template-columns:1.05fr .95fr}.km4-copy-problems li,.km4-copy-once .km-code pre{font-size:14px}.km4-pipeline-case,.km4-question-explain.active,.km4-pipeline-split,.km4-termination-split{grid-template-columns:1fr;gap:8px}.km4-question-cards{grid-template-columns:1fr 1fr}.km4-question-cards>div{min-height:112px;padding:14px}.km4-question-cards h2{margin:10px 0 4px;font-size:25px}.km4-question-explain{min-height:155px;padding:16px 20px}.km4-question-explain h2{margin-top:7px;font-size:27px}.km4-question-explain p{font-size:15px}.km4-question-explain strong{padding-top:8px;font-size:14px}.km4-roles-lab{grid-template-columns:1.05fr .95fr}.km4-role-cards{grid-template-columns:1fr}.km4-role-cards>div{padding:9px 12px}.km4-role-cards b{margin:5px 0 3px;font-size:16px}.km4-role-cards span{font-size:12px}}@media (max-width:720px){.km4-choice-pair,.km4-range-lab,.km4-input-placement,.km4-copy-demo{grid-template-columns:1fr}.km4-opening-tabs{grid-template-columns:1fr 1fr}.km4-opening-tabs button{grid-template-columns:1fr;padding:10px}.km4-opening-tabs b{font-size:15px}.km4-copy-problems,.km4-loop-side{padding:16px}.km4-copy-once{flex-direction:column;gap:6px}.km4-copy-once strong{font-size:52px}.km4-opening-mark{font-size:28px}.km4-opening-cue{padding:10px 14px;font-size:15px}.km4-pipeline-case,.km4-question-explain{padding:17px}.km4-range-lab .examples,.km4-map-build{grid-template-columns:1fr 1fr}.km4-control-lab .track{grid-template-columns:1fr}.km4-control-lab .track>i{display:none}.km4-debug.five-blocks{grid-template-columns:1fr 1fr}.km4-demo-actions{flex-direction:column;align-items:flex-start}.km4-input-placement .km4-switch{grid-column:auto}}@media print{.km4-opening-overlay{display:none}}