.tutorial-generic .kp-hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin:.8rem 0;display:flex}.tutorial-generic .kp-box{background:#00ae7a06;border:1px solid #00ae7a47;border-radius:12px;flex-direction:column;min-width:220px;padding:.9rem 1rem;display:flex}.tutorial-generic .kp-box>span{color:#00a878;font-size:1.1rem}.tutorial-generic .kp-box small{opacity:.72;margin-top:.2rem}.tutorial-generic .kp-op{color:#008f69;background:#00ae7a1a;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:850}.tutorial-generic .kp-down{text-align:center;color:#00a878;width:100%;font-size:1.3rem}.tutorial-generic .kp-result{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.tutorial-generic .kp-result>div{background:#00ae7a0f;border:1px solid #00ae7a59;border-radius:10px;flex-direction:column;min-width:180px;padding:.65rem .8rem;display:flex}.tutorial-generic .kp-key,.tutorial-generic .kp-memory,.tutorial-generic .kp-final{background:#00ae7a13;border-radius:11px;flex-direction:column;gap:.25rem;margin-top:.9rem;padding:.8rem 1rem;font-size:.76rem;display:flex}.tutorial-generic .kp-two,.tutorial-generic .kp-after{grid-template-columns:1fr 1fr;gap:1rem;margin:.8rem 0;display:grid}.tutorial-generic .kp-table-card{background:#00ae7a05;border:1px solid #00ae7a47;border-radius:12px;min-width:0;padding:.8rem}.tutorial-generic .kp-table-card>strong{margin-bottom:.55rem;font-size:.76rem;display:block}.tutorial-generic .kp-table{border-collapse:collapse;width:100%;font-size:.71rem}.tutorial-generic .kp-table th,.tutorial-generic .kp-table td{border:1px solid var(--border);text-align:left;padding:.42rem .5rem}.tutorial-generic .kp-table th{background:#7f7f7f14;font-size:.64rem}.tutorial-generic .kp-alone{background:#ef8e261c}.tutorial-generic .kp-legend{flex-wrap:wrap;gap:.8rem;font-size:.7rem;display:flex}.tutorial-generic .kp-kept{background:#00ae7a0e;border-color:#00ae7a80}.tutorial-generic .kp-rule{background:#00ae7a0f;border-left:4px solid #00a878;border-radius:8px;align-items:center;gap:.6rem;margin:.8rem 0 0;padding:.65rem .8rem;font-size:.75rem;display:flex}.tutorial-generic .kp-compare,.tutorial-generic .kp-final-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.8rem 0;display:grid}.tutorial-generic .kp-compare>div,.tutorial-generic .kp-final-grid>div{background:#00ae7a05;border:1px solid #00ae7a40;border-radius:12px;padding:.85rem}.tutorial-generic .kp-compare strong,.tutorial-generic .kp-final-grid strong{margin:.45rem 0;display:block}.tutorial-generic .kp-compare p,.tutorial-generic .kp-final-grid p{margin:.25rem 0;font-size:.71rem;line-height:1.45}.tutorial-generic .kp-pill{color:#008f69;background:#00ae7a1c;border-radius:999px;padding:.2rem .45rem;font-size:.61rem;font-weight:850;display:inline-block}.tutorial-generic .kp-vs{grid-template-columns:1fr 1fr;gap:1rem;margin:.8rem 0;display:grid}.tutorial-generic .kp-vs>div{text-align:center;background:#00ae7a05;border:1px solid #00ae7a42;border-radius:12px;padding:1rem}.tutorial-generic .kp-vs>div>span{font-size:1.35rem}.tutorial-generic .kp-vs strong{margin:.3rem 0 .7rem;display:block}.tutorial-generic .kp-mini{font-size:.72rem}.tutorial-generic .kp-down-small{color:#00a878;margin:.35rem 0}.tutorial-generic .kp-one,.tutorial-generic .kp-two-result{background:#00ae7a14;border-radius:9px;flex-direction:column;padding:.6rem;font-size:.73rem;display:flex}.tutorial-generic .kp-one small,.tutorial-generic .kp-two-result small{margin-top:.2rem}.tutorial-generic .kp-final ol{margin:.35rem 0 0;padding-left:1.2rem}.tutorial-generic .kp-final li{margin:.2rem 0}.tutorial-generic .exercise .learning-row{grid-template-columns:1fr}.tutorial-generic .exercise .concrete-card-v3{display:none}.tutorial-generic .exercise .what-card{width:100%;min-width:0}.tutorial-generic .exercise .what-copy{min-width:0}html[data-theme=dark] .tutorial-generic .kp-table-card,html[data-theme=dark] .tutorial-generic .kp-compare>div,html[data-theme=dark] .tutorial-generic .kp-final-grid>div,html[data-theme=dark] .tutorial-generic .kp-vs>div,html[data-theme=dark] .tutorial-generic .kp-box{background:#00ae7a09;border-color:#49d3a940}@media (width<=760px){.tutorial-generic .kp-two,.tutorial-generic .kp-after,.tutorial-generic .kp-compare,.tutorial-generic .kp-final-grid,.tutorial-generic .kp-vs{grid-template-columns:1fr}}