.tutorial-generic .jn-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin:.9rem 0 1rem;display:flex}.tutorial-generic .jn-source,.tutorial-generic .jn-result{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:.25rem;padding:.8rem 1rem;display:flex}.tutorial-generic .jn-result{border-color:#169a7659}.tutorial-generic .jn-source span,.tutorial-generic .jn-result span{opacity:.8;font-size:.72rem}.tutorial-generic .jn-plus{font-size:1.3rem;font-weight:800}.tutorial-generic .jn-arrow{text-align:center;width:100%;font-size:.78rem}.tutorial-generic .jn-key,.tutorial-generic .jn-default{background:#169a7614;border-radius:11px;flex-direction:column;gap:.3rem;padding:.75rem .9rem;font-size:.78rem;display:flex}.tutorial-generic .jn-two-tables,.tutorial-generic .jn-join-pair{grid-template-columns:1fr 1fr;gap:1rem;margin:.8rem 0;display:grid}.tutorial-generic .jn-table-wrap{min-width:0}.tutorial-generic .jn-table-wrap>strong,.tutorial-generic .jn-after>strong{letter-spacing:.04em;margin-bottom:.45rem;font-size:.75rem;display:block}.tutorial-generic .jn-table{border-collapse:collapse;width:100%;font-size:.72rem}.tutorial-generic .jn-table th,.tutorial-generic .jn-table td{border:1px solid var(--border);text-align:left;padding:.42rem .5rem}.tutorial-generic .jn-table th{background:#7f7f7f14;font-size:.65rem}.tutorial-generic .jn-unmatched{background:#ef8e261a}.tutorial-generic .jn-legend{flex-wrap:wrap;gap:.7rem;margin:.5rem 0;font-size:.7rem;display:flex}.tutorial-generic .jn-after{margin-top:1rem}.tutorial-generic .jn-join-pair>div{border:1px solid var(--border);border-radius:12px;min-width:0;padding:.7rem}.tutorial-generic .jn-join-pair h4{margin:.1rem 0 .6rem}.tutorial-generic .jn-danger{background:#d23a3a12;border:2px solid #d23a3a7a;border-radius:14px;margin:.8rem 0 1rem;padding:1rem}.tutorial-generic .jn-danger-title{letter-spacing:.04em;margin-bottom:.8rem;font-size:.82rem;font-weight:900}.tutorial-generic .jn-cartesian{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.tutorial-generic .jn-cartesian>div:not(.jn-times):not(.jn-equals){background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;padding:.65rem .8rem;display:flex}.tutorial-generic .jn-cartesian span{font-size:.7rem}.tutorial-generic .jn-times,.tutorial-generic .jn-equals{font-size:1.4rem;font-weight:900}.tutorial-generic .jn-boom strong{font-size:1.15rem}.tutorial-generic .jn-danger p{margin:.8rem 0 0;font-size:.78rem;line-height:1.55}.tutorial-generic .jn-check{background:#d23a3a12;border-left:4px solid #d23a3aa6;border-radius:12px;padding:.85rem 1rem;font-size:.78rem}.tutorial-generic .jn-check ol,.tutorial-generic .jn-final ol{margin:.5rem 0 0;padding-left:1.25rem}.tutorial-generic .jn-check li,.tutorial-generic .jn-final li{margin:.25rem 0}.tutorial-generic .jn-cardinality,.tutorial-generic .jn-choice{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.8rem 0;display:grid}.tutorial-generic .jn-card,.tutorial-generic .jn-choice>div{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:.85rem}.tutorial-generic .jn-card strong,.tutorial-generic .jn-choice strong{margin:.4rem 0;display:block}.tutorial-generic .jn-card p,.tutorial-generic .jn-choice p{font-size:.73rem;line-height:1.45}.tutorial-generic .jn-badge{border-radius:999px;padding:.2rem .45rem;font-size:.62rem;font-weight:850;display:inline-block}.tutorial-generic .jn-badge.good{background:#169a7621}.tutorial-generic .jn-badge.warn{background:#ef8e2626}.tutorial-generic .jn-badge.danger{background:#d23a3a24}.tutorial-generic .danger-card{border-color:#d23a3a4d}.tutorial-generic .jn-warning{background:#ef8e2617;border-left:4px solid #ef8e26a6;border-radius:12px;padding:.8rem 1rem}.tutorial-generic .jn-warning p{margin:.35rem 0 0;font-size:.77rem}.tutorial-generic .jn-choice>div>span{font-size:1.3rem}.tutorial-generic .jn-final{background:#169a7614;border-radius:12px;margin-top:1rem;padding:.9rem 1rem;font-size:.78rem}.tutorial-generic .jn-final>strong,.tutorial-generic .jn-final>span{display:block}.tutorial-generic .jn-final>strong{margin-bottom:.25rem}.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 .jn-danger{background:#b432321f;border-color:#f05a5a61}html[data-theme=dark] .tutorial-generic .jn-unmatched{background:#ef8e2621}html[data-theme=dark] .tutorial-generic .jn-warning{background:#ef8e261a}@media (width<=760px){.tutorial-generic .jn-two-tables,.tutorial-generic .jn-join-pair,.tutorial-generic .jn-cardinality,.tutorial-generic .jn-choice{grid-template-columns:1fr}.tutorial-generic .jn-table{font-size:.67rem}}.tutorial-generic .jn-flow .jn-source,.tutorial-generic .jn-flow .jn-result{background:linear-gradient(135deg,#00ae7a12,#ffffffbf);border:1px solid #00ae7a47;border-radius:14px;min-width:245px;padding:1rem 1.15rem 1rem 3.1rem;position:relative;box-shadow:0 6px 18px #142d3c0f}.tutorial-generic .jn-flow .jn-source:before,.tutorial-generic .jn-flow .jn-result:before{content:"▦";color:#00a878;background:#00ae7a1f;border-radius:7px;place-items:center;width:1.55rem;height:1.55rem;font-size:1.05rem;font-weight:800;display:grid;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.tutorial-generic .jn-flow .jn-source b,.tutorial-generic .jn-flow .jn-result b{letter-spacing:.02em;font-size:.88rem}.tutorial-generic .jn-flow .jn-source span,.tutorial-generic .jn-flow .jn-result span{opacity:.76;margin-top:.18rem;font-size:.68rem}.tutorial-generic .jn-flow .jn-result{background:linear-gradient(135deg,#00ae7a21,#00ae7a09);border-color:#00ae7a7a}.tutorial-generic .jn-flow .jn-plus{color:#008f69;background:#00ae7a17;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.tutorial-generic .jn-flow .jn-arrow{color:#486071;margin:.15rem 0;padding:.35rem .7rem}html[data-theme=dark] .tutorial-generic .jn-flow .jn-source,html[data-theme=dark] .tutorial-generic .jn-flow .jn-result{box-shadow:none;background:#122a32b8;border-color:#49d3a947}html[data-theme=dark] .tutorial-generic .jn-flow .jn-result{background:#00ae7a1a;border-color:#49d3a96b}.tutorial-generic .jn-two-tables .jn-table-wrap{background:#00ae7a05;border:1px solid #00ae7a47;border-radius:12px;padding:.8rem}.tutorial-generic .jn-two-tables .jn-table-wrap>strong{align-items:center;gap:.4rem;margin:0 0 .6rem;font-size:.78rem;display:flex}.tutorial-generic .jn-two-tables .jn-table-wrap>strong:before{content:"▦";color:#00a878;font-size:.95rem}.tutorial-generic .jn-two-tables .jn-table{border:1px solid #00ae7a29}html[data-theme=dark] .tutorial-generic .jn-two-tables .jn-table-wrap{background:#00ae7a09;border-color:#49d3a940}.tutorial-generic .jn-after{background:#00ae7a05;border:1px solid #00ae7a47;border-radius:12px;margin-top:1rem;padding:.85rem}.tutorial-generic .jn-after>strong{align-items:center;gap:.4rem;margin:0 0 .6rem;display:flex}.tutorial-generic .jn-after>strong:before{content:"▦";color:#00a878;font-size:.95rem}.tutorial-generic .jn-table{border:1px solid #00ae7a29;border-radius:8px;overflow:hidden}.tutorial-generic .jn-join-pair>div{background:#00ae7a05;border:1px solid #00ae7a47;border-radius:12px;padding:.9rem}.tutorial-generic .jn-join-pair h4{align-items:center;gap:.4rem;margin:0 0 .7rem;display:flex}.tutorial-generic .jn-join-pair h4:before{content:"▦";color:#00a878;font-size:.95rem}.tutorial-generic .jn-join-pair pre{margin-bottom:.8rem}html[data-theme=dark] .tutorial-generic .jn-after,html[data-theme=dark] .tutorial-generic .jn-join-pair>div{background:#00ae7a09;border-color:#49d3a940}