.km5-scope{--text-blue:#4169a9;--text-mint:#bdebd8}.km5-cover{grid-template-columns:1fr 1fr}.km5-cover h1 em,.km5-ending h1 em{color:var(--text-blue)}.km5-string{aspect-ratio:1;border:3px solid var(--ink);width:min(45vw,620px);box-shadow:15px 15px 0 var(--ink);background:#e8ecff;border-radius:50%;margin:auto;position:relative}.km5-string>b{border:3px solid var(--ink);background:var(--white);color:var(--text-blue);border-radius:20px;place-items:center;font:900 clamp(20px,2.5vw,38px) monospace;display:grid;position:absolute;inset:34% 12%}.km5-string span{border:2px solid var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:11px 15px;font-weight:850;position:absolute}.km5-string .n0{top:4%;left:38%}.km5-string .n1{top:28%;right:-2%}.km5-string .n2{bottom:15%;right:4%}.km5-string .n3{bottom:5%;left:14%}.km5-string .n4{top:35%;left:-5%}.km5-pipeline{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.km5-pipeline>div{border:2px solid var(--ink);background:var(--white);min-height:210px;box-shadow:7px 7px 0 var(--ink);border-radius:18px;align-content:center;padding:20px;display:grid;position:relative}.km5-pipeline>div:nth-child(2){background:#fff0d0}.km5-pipeline>div:nth-child(3){background:#e8ecff}.km5-pipeline>div:nth-child(4){background:#e3f6ef}.km5-pipeline>div:nth-child(5){background:var(--lime)}.km5-pipeline small,.km5-cards small,.km5-compare small,.km5-flow small,.km5-fields small,.km5-contract small{color:#b33f20;font:800 10px monospace}.km5-pipeline b{margin:22px 0;font-size:18px}.km5-pipeline code{font-size:10px}.km5-cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.km5-cards.triple{grid-template-columns:repeat(3,1fr)}.km5-cards>div{border:2px solid var(--ink);background:var(--white);min-height:260px;box-shadow:7px 7px 0 var(--ink);border-radius:19px;padding:23px}.km5-cards>div:nth-child(2){background:#fff0d0}.km5-cards>div:nth-child(3){background:#e8ecff}.km5-cards>div:nth-child(4){background:#e3f6ef}.km5-cards h2{margin:28px 0 12px;font-size:clamp(24px,2.4vw,40px)}.km5-cards p{color:var(--muted);font-size:12px;line-height:1.55}.km5-cards code{background:var(--ink);color:var(--lime);border-radius:8px;margin-top:20px;padding:10px;display:block}.km5-index{gap:24px;display:grid}.km5-index .chars{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.km5-index .chars>div{border:2px solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--ink);border-radius:17px;grid-template-columns:1fr;justify-items:center;padding:15px;display:grid}.km5-index .chars>div:nth-child(2){background:#fff0d0}.km5-index .chars>div:nth-child(3){background:#e8ecff}.km5-index .chars>div:nth-child(4){background:#e3f6ef}.km5-index small,.km5-index span{color:#b33f20;font:800 11px monospace}.km5-index b{font:900 clamp(45px,6vw,85px) monospace}.km5-index .negative span{background:var(--ink);color:#fff;border-radius:999px;padding:5px 10px}.km5-index .rule{border:2px solid var(--ink);background:var(--lime);border-radius:999px;justify-content:center;align-items:center;gap:35px;padding:17px;display:flex}.km5-index .rule code{font-size:20px;font-weight:900}.km5-compare{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.km5-compare>div{border:2px solid var(--ink);background:var(--white);min-height:245px;box-shadow:7px 7px 0 var(--ink);border-radius:18px;align-content:center;padding:24px;display:grid}.km5-compare>div.good{background:#e3f6ef}.km5-compare>div.bad{background:#ffe5df}.km5-compare code{background:var(--ink);color:var(--lime);border-radius:8px;margin:25px 0;padding:12px;font-size:clamp(15px,1.5vw,22px)}.km5-compare b{font-size:18px}.km5-compare p{color:var(--muted);font-size:11px}.km5-slice{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.km5-slice .slice-rail{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.slice-rail span{border:2px solid var(--ink);background:var(--white);border-radius:12px;justify-items:center;padding:15px;display:grid}.slice-rail span.hit{background:var(--lime)}.slice-rail small{color:#b33f20;font:800 10px monospace}.slice-rail b{font:900 38px monospace}.km5-slice>div:not(.slice-rail){border:2px solid var(--ink);background:#e8ecff;border-radius:13px;padding:16px}.km5-slice>div:not(.slice-rail) small{color:#b33f20;font:800 9px monospace;display:block}.km5-slice>div:not(.slice-rail) b{margin-top:13px;font-size:13px;display:block}.km5-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;display:grid}.km5-flow>div{border:2px solid var(--ink);min-height:230px;box-shadow:7px 7px 0 var(--ink);background:#e8ecff;border-radius:18px;align-content:center;padding:22px;display:grid}.km5-flow>div.good{background:#e3f6ef}.km5-flow>div.bad{background:#ffe5df}.km5-flow>i{color:#b33f20;font-size:30px;font-style:normal}.km5-flow code{background:var(--ink);color:var(--lime);border-radius:8px;margin:24px 0;padding:12px;font-size:12px}.km5-flow b{font-size:15px}.km5-find{grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;display:grid}.km5-find>div:last-child{gap:10px;display:grid}.km5-find>div:last-child>div{border:2px solid var(--ink);background:var(--white);border-radius:11px;grid-template-columns:80px 100px 1fr;align-items:center;gap:10px;padding:13px;display:grid}.km5-find>div:last-child>div:nth-child(2){background:#ffe5df}.km5-find small{color:#b33f20;font:800 9px monospace}.km5-find b{font-size:11px}.km5-contract{grid-template-columns:1.2fr 1fr .8fr;gap:20px;display:grid}.km5-contract>div{border:2px solid var(--ink);min-height:230px;box-shadow:7px 7px 0 var(--ink);background:#fff0d0;border-radius:19px;align-content:center;padding:24px;display:grid}.km5-contract>div:nth-child(2){background:#e8ecff}.km5-contract>div.good{background:#e3f6ef}.km5-contract code{background:var(--ink);color:var(--lime);border-radius:8px;margin:22px 0;padding:11px;font-size:14px}.km5-fields{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.km5-fields>div{border:2px solid var(--ink);background:var(--white);min-height:270px;box-shadow:8px 8px 0 var(--ink);border-radius:20px;align-content:center;padding:25px;display:grid}.km5-fields>div:nth-child(2){background:#fff0d0}.km5-fields>div:nth-child(3){background:#e3f6ef}.km5-fields code{background:var(--ink);color:var(--lime);border-radius:8px;margin:25px 0;padding:12px;font-size:14px}.km5-fields b{font-size:28px}.km5-validation{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.km5-validation>div{border:2px solid var(--ink);background:var(--white);min-height:235px;box-shadow:7px 7px 0 var(--ink);border-radius:18px;align-content:center;padding:21px;display:grid}.km5-validation>div:nth-child(2){background:#fff0d0}.km5-validation>div:nth-child(3){background:#e8ecff}.km5-validation>div:nth-child(4){background:#e3f6ef}.km5-validation small{color:#b33f20;font:800 9px monospace}.km5-validation code{margin-top:28px;font-size:14px;font-weight:900}.km5-layers{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.km5-layers>div{border:2px solid var(--ink);min-height:280px;box-shadow:9px 9px 0 var(--ink);background:#fff0d0;border-radius:20px;align-content:center;padding:25px;display:grid;position:relative}.km5-layers>div:nth-child(2){background:#e8ecff}.km5-layers>div:nth-child(3){background:#e3f6ef}.km5-layers h2{margin:25px 0;font-size:22px}.km5-layers i{z-index:3;color:#b33f20;font-size:29px;font-style:normal;position:absolute;top:45%;right:-23px}.km5-debug,.km5-tests{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.km5-debug>div,.km5-tests>div{border:2px solid var(--ink);background:var(--white);border-radius:14px;grid-template-columns:46px 1fr;align-content:center;gap:10px;min-height:145px;padding:18px;display:grid;box-shadow:5px 5px #17212b29}.km5-debug>div:nth-child(2n),.km5-tests>div:nth-child(2n){background:#e8ecff}.km5-debug small,.km5-tests small{background:var(--text-blue);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:40px;height:40px;font:800 9px monospace;display:grid}.km5-debug b,.km5-tests b{font-size:13px}.km5-tests span{color:var(--muted);font-size:9px}.km5-trace{gap:10px;display:grid}.km5-trace>div{border:2px solid var(--ink);background:var(--white);border-radius:12px;grid-template-columns:55px 150px 1fr;align-items:center;gap:15px;padding:14px 18px;display:grid;box-shadow:4px 4px #17212b24}.km5-trace>div:nth-child(2n){background:#e3f6ef}.km5-trace small{background:var(--lime);border-radius:50%;place-items:center;width:40px;height:40px;font:800 9px monospace;display:grid}.km5-trace code{font-size:12px}.km5-myths{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.km5-myths button{text-align:left;border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:15px;align-content:space-between;min-height:155px;padding:16px;display:grid;box-shadow:5px 5px #17212b24}.km5-myths button:nth-child(3n+2){background:#fff0d0}.km5-myths button:nth-child(3n+3){background:#e8ecff}.km5-myths button.open{box-shadow:6px 6px 0 var(--ink);background:#e3f6ef;transform:translateY(-2px)}.km5-myths small{color:#b33f20;font:800 9px monospace}.km5-myths span{color:var(--muted);font-size:8px}.km5-program{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;display:grid}.km5-program .km-code pre{padding:13px 17px;font-size:clamp(9px,.9vw,13px);line-height:1.45}.km5-program .notes{gap:10px;display:grid}.km5-program .notes>div{border:2px solid var(--ink);background:var(--white);border-radius:11px;padding:14px}.km5-program .notes>div:nth-child(2n){background:#e8ecff}.km5-program .notes b{color:#b33f20;font-size:10px;display:block}.km5-program .notes span{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.45;display:block}.km5-quiz{grid-template-columns:1fr 170px;align-items:center;gap:22px;display:grid}.km5-quiz .questions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.km5-quiz section{border:2px solid var(--ink);background:var(--white);border-radius:14px;min-height:215px;padding:15px;box-shadow:4px 4px #17212b26}.km5-quiz h2{grid-template-columns:35px 1fr;align-items:center;gap:9px;min-height:45px;font-size:13px;display:grid}.km5-quiz h2 span{background:var(--text-blue);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;display:grid}.km5-quiz section>div{gap:6px;margin-top:9px;display:grid}.km5-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}.km5-quiz section button b{background:var(--white);border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.km5-quiz button.correct,.km5-quiz p.correct{background:#dff5cf}.km5-quiz button.wrong,.km5-quiz p.wrong{background:#ffe5df}.km5-quiz section>p{border-radius:7px;margin:7px 0 0;padding:7px;font-size:8px;line-height:1.4}.km5-quiz .score{aspect-ratio:1;border:2px solid var(--ink);background:var(--text-blue);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}.km5-quiz .score b{font-size:65px;line-height:.9}.km5-quiz .score span{font:700 14px monospace}.km5-quiz .score em{max-width:110px;margin-top:13px;font-size:9px;font-style:normal;line-height:1.4}.km5-outcomes{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.km5-outcomes>div{border:2px solid var(--ink);background:var(--white);border-radius:14px;grid-template-columns:auto 1fr;align-content:center;align-items:start;gap:11px;min-height:145px;padding:17px;display:grid;box-shadow:5px 5px #17212b24}.km5-outcomes>div:nth-child(2n){background:#e3f6ef}.km5-outcomes span{border:2px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:32px;height:32px;font:800 8px monospace;display:grid}.km5-end-flow{align-items:center;gap:8px;margin-bottom:30px;display:flex}.km5-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}.km5-end-flow span:nth-of-type(2){background:#fff0d0}.km5-end-flow span:nth-of-type(3){background:#e8ecff}.km5-end-flow span:nth-of-type(4){background:#e3f6ef}.km5-end-flow span:nth-of-type(5){background:var(--lime)}.km5-end-flow i{color:#b33f20;font-style:normal;font-weight:900}@media (max-width:1000px){.km5-pipeline{grid-template-columns:repeat(3,1fr)}.km5-pipeline>div{min-height:130px}.km5-cards,.km5-validation,.km5-outcomes{grid-template-columns:1fr 1fr}.km5-cards>div{min-height:190px}.km5-program .notes>div:nth-child(n+4){display:none}}@media (max-width:720px){.km5-cover{grid-template-columns:1fr}.km5-string{opacity:.22;width:76vw;position:absolute;bottom:8vh;right:-34vw}.km5-pipeline,.km5-cards,.km5-cards.triple,.km5-compare,.km5-contract,.km5-fields,.km5-validation,.km5-debug,.km5-tests,.km5-myths,.km5-outcomes{grid-template-columns:1fr 1fr}.km5-pipeline>div,.km5-cards>div,.km5-compare>div,.km5-contract>div,.km5-fields>div,.km5-validation>div{min-height:auto}.km5-find,.km5-program,.km5-quiz,.km5-flow{grid-template-columns:1fr}.km5-flow>i,.km5-layers i{display:none}.km5-layers{grid-template-columns:1fr}.km5-index .rule{border-radius:15px;flex-direction:column;gap:8px}.km5-slice{grid-template-columns:1fr 1fr}.km5-trace>div{grid-template-columns:45px 1fr}.km5-trace code{grid-column:2}.km5-quiz .score{margin:auto}.km5-end-flow{flex-wrap:wrap;justify-content:center}}.km5-string span{font-size:20px}.km5-pipeline>div{min-height:230px}.km5-pipeline small,.km5-cards small,.km5-compare small,.km5-flow small,.km5-fields small,.km5-contract small,.km5-validation small,.km5-slice>div:not(.slice-rail) small,.km5-find small,.km5-layers small{font-size:14px}.km5-pipeline b{margin:16px 0 12px;font-size:26px;line-height:1.25}.km5-pipeline code,.km5-cards code,.km5-flow code,.km5-fields code,.km5-contract code,.km5-validation code,.km5-trace code{font-size:17px;line-height:1.4}.km5-cards p,.km5-compare p{font-size:18px;line-height:1.45}.km5-compare b,.km5-flow b,.km5-contract b{font-size:22px;line-height:1.35}.km5-index small,.km5-index span,.slice-rail small{font-size:22px}.km5-index .rule code{font-size:26px}.km5-index .rule b{font-size:28px}.km5-slice>div:not(.slice-rail) b{font-size:20px;line-height:1.35}.km5-find>div:last-child>div{grid-template-columns:150px minmax(150px,auto) 1fr;padding:16px}.km5-find b{font-size:17px;line-height:1.35}.km5-layers h2{font-size:26px}.km5-layers b{font-size:18px}.km5-debug b,.km5-tests b{font-size:20px;line-height:1.35}.km5-tests span{font-size:16px;line-height:1.4}.km5-debug>div,.km5-tests>div{min-height:160px}.km5-debug small,.km5-tests small,.km5-trace small{font-size:14px}.km5-trace>div{grid-template-columns:56px 190px 1fr;padding:16px 18px}.km5-trace b{font-size:20px}.km5-myths button{min-height:168px}.km5-myths small{font-size:13px}.km5-myths b{font-size:18px;line-height:1.4}.km5-myths span{font-size:16px}.km5-program .km-code pre{font-size:clamp(16px,1.05vw,18px);line-height:1.5}.km5-program .notes b{font-size:18px}.km5-program .notes span{font-size:17px;line-height:1.4}.km5-program .notes>div{padding:16px}.km5-quiz{grid-template-columns:1fr 210px}.km5-quiz section{min-height:0;padding:16px}.km5-quiz h2{min-height:0;font-size:18px}.km5-quiz h2 span{width:36px;height:36px;font-size:14px}.km5-quiz section button{grid-template-columns:28px 1fr;padding:8px 10px;font-size:16px}.km5-quiz section button b{width:26px;height:26px}.km5-quiz section>p{font-size:15px;line-height:1.4}.km5-quiz .score{width:190px}.km5-quiz .score em{max-width:150px;font-size:14px}.km5-outcomes>div{min-height:160px;padding:16px}.km5-outcomes span{width:36px;height:36px;font-size:13px}.km5-outcomes b{font-size:17px;line-height:1.4}.km5-end-flow span{padding:10px 14px;font-size:16px}.km5-ending .km5-end-flow{flex-wrap:wrap;justify-content:center}
