.learn-shell{max-width:76rem;margin:auto;padding:2rem clamp(1rem,4vw,3rem) 5rem}.learn-header{max-width:58rem;padding:2rem 0 3rem}.learn-header h1{letter-spacing:-.045em;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.16}.learn-lede{color:var(--color-fg-muted);font-size:1.2rem;line-height:1.8}.editorial-note,.example-source{color:var(--color-fg-muted);font-size:.82rem}.learn-breadcrumbs{overflow-wrap:anywhere;font-size:.8rem}.learn-body.has-toc{grid-template-columns:13rem minmax(0,1fr);gap:3rem;display:grid}.learn-toc nav{position:sticky;top:6rem}.learn-toc h2{font-size:.95rem}.learn-toc ol{padding-left:1.15rem;font-size:.82rem}.learn-toc li{margin:.55rem 0}.learn-prose{min-width:0;max-width:54rem;line-height:1.85}.learn-prose h2{margin:3.8rem 0 1rem;scroll-margin-top:7rem;font-size:1.65rem;line-height:1.3}.learn-prose h3{margin:1.8rem 0 .6rem;font-size:1.1rem;line-height:1.5}.learn-prose p{margin:.9rem 0}.learn-prose li{margin:.45rem 0}.learn-prose code:not(pre code){overflow-wrap:anywhere;background:#eef3fa;border-radius:.2rem;padding:.1rem .3rem;font-size:.9em}.sql-example{margin:2rem 0}.sql-code{border:1px solid #b7d1ff;border-radius:.55rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"source actions""code code""status status";display:grid;position:relative;overflow:hidden}.sql-code pre{border-radius:.55rem;font-size:.82rem;line-height:1.8;overflow:auto;margin:0!important;padding:1rem!important}.copy-sql{position:static}.copy-status{font-size:.8rem;display:block}.learn-prose button,.learn-prose select{font:inherit;color:#102047;cursor:pointer;background:#fff;border:1px solid #7c96be;border-radius:.3rem;min-height:44px;padding:.55rem .8rem;font-size:.85rem}.learn-prose :focus-visible,.learn-toc :focus-visible{outline-offset:3px;outline:3px solid #0865e9}.learn-table{border:1px solid var(--color-border);border-radius:.4rem;margin:1rem 0;overflow-x:auto}.learn-table table{border-collapse:collapse;width:100%;font-size:.8rem;line-height:1.7}.learn-table caption{text-align:left;background:#edf4ff;padding:.7rem;font-weight:600}.learn-table th,.learn-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #d8e7fa;padding:.55rem .7rem}.learn-table th{background:#f7faff}.null-value{color:#66526f;font-style:italic}.matched-row td{background:#fff1ce;border-bottom-color:#a35f00}.comparison-controls{flex-wrap:wrap;gap:1rem;display:flex}.comparison-controls label{gap:.4rem;font-size:.85rem;display:grid}.comparison-status{font-size:.82rem}.learn-comparison{border-block:2px solid #b7d1ff;margin:2rem 0;padding:1rem 0}.learn-exercise{border-block-start:1px solid #b7d1ff;padding:1rem 0}.learn-prose details{padding:.5rem 0}.learn-prose summary{cursor:pointer;text-underline-offset:.2rem;padding:.5rem 0;font-weight:600;text-decoration:underline}.concept-diagram{background:#f2f8ff;border-left:4px solid #0865e9;margin:2rem 0;padding:1.3rem}.diagram-title{font-weight:700}.concept-diagram ol{align-items:stretch;gap:1rem;padding:0;list-style:none;display:flex}.concept-diagram li{background:#fff;border:1px solid #9ebbe6;border-radius:.3rem;flex:1;padding:.8rem;font-size:.85rem;position:relative}.concept-diagram li+li:before{content:"→";color:#084dbd;position:absolute;top:40%;left:-.95rem}.diagram-number{color:#084dbd;margin-bottom:.3rem;font-weight:700;display:block}.concept-diagram figcaption,.learn-chart figcaption{color:#3c5888;margin-top:.8rem;font-size:.8rem}.learn-chart{margin:1.5rem 0}.learn-chart svg{background:#f8fbff;border:1px solid #b7d1ff;width:100%;height:auto}.learn-chart text{font-family:var(--font-body);fill:#102047;font-size:13px}.chart-legend{flex-wrap:wrap;gap:1.5rem;display:flex}.chart-legend span:first-child{color:#0759bf}.chart-legend span:last-child{color:#a63417}.enhanced-chart{width:100%;height:340px}.learn-cta{background:#f2f8ff;border-block:2px solid #b7d1ff;margin:3rem 0;padding:1.5rem}.learn-cards{gap:1.5rem;display:grid}.learn-cards a{border:1px solid #b7d1ff;border-radius:.5rem;padding:1.2rem;text-decoration:none;display:block}.learn-cards h2{margin:0 0 .7rem}.learn-cards p{color:#3c5888}.example-note{border-left:3px solid #8fb6ee;padding-left:1rem;font-size:.9rem}[hidden]{display:none!important}@media (width<=900px){.learn-body.has-toc{grid-template-columns:1fr;gap:1rem}.learn-toc nav{background:#f2f8ff;padding:1rem;position:static}.learn-toc ol{columns:2}.learn-header{padding-bottom:1rem}.concept-diagram ol{flex-direction:column}.concept-diagram li+li:before{content:"↓";top:-1.3rem;left:50%}}@media (width<=480px){.learn-toc ol{columns:1}.learn-prose{font-size:.95rem}.learn-header h1{font-size:2rem}.learn-table table{font-size:.74rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.chart-controls{border:1px solid #b7d1ff;flex-wrap:wrap;gap:1.2rem;padding:.8rem;display:flex}.chart-controls label{align-items:center;gap:.5rem;min-height:44px;display:flex}.chart-controls input{width:1.2rem;height:1.2rem}.parallel-diagram li+li:before{content:none}.sql-code-header{background:#edf4ff;border-bottom:1px solid #b7d1ff;grid-area:source;align-items:center;min-width:0;padding:.65rem .8rem;display:flex}.sql-code-header .example-source{color:#3c5888;line-height:1.6}.sql-code-actions{background:#edf4ff;border-bottom:1px solid #b7d1ff;flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:.5rem;padding:.65rem .8rem;display:flex}.learn-prose .run-sql{color:#fff;background:#0759bf;border:1px solid #0759bf;border-radius:.3rem;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.55rem .8rem;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.learn-prose .run-sql:hover{color:#fff;background:#0748a0}.learn-prose .copy-sql{justify-content:center;align-items:center;width:44px;min-height:44px;padding:.5rem;display:inline-flex}.sql-code pre{grid-area:code;min-width:0;max-width:100%;border-radius:0!important}.sql-code .copy-status{grid-area:status}.sql-code .copy-status:not(:empty){padding:.35rem .8rem}@media (width<=600px){.sql-code{grid-template-columns:minmax(0,1fr);grid-template-areas:"source""code""actions""status"}.sql-code-actions{border-top:1px solid #b7d1ff;border-bottom:0}.sql-code-header{border-bottom:0}}.has-more-results:not(:has(>.result-disclosure[open])) tbody tr:nth-child(n+11),.result-show-preview,.result-all-note,.result-disclosure[open] .result-show-all,.learn-result:has(>.result-disclosure[open]) .result-preview-note{display:none}.result-disclosure[open] .result-show-preview{display:inline}.learn-result:has(>.result-disclosure[open]) .result-all-note{display:block}.learn-prose .result-disclosure{padding:0}.learn-prose .result-disclosure summary{box-sizing:border-box;min-height:44px;font-size:.82rem;display:list-item}.result-footer{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.learn-prose .open-result{color:#174c92;align-items:center;gap:.4rem;min-height:44px;font-size:.82rem;display:inline-flex}.sql-table-link{text-underline-offset:.2em;text-decoration:underline dotted;color:inherit!important}.sql-table-link:hover{text-decoration-style:solid}.result-preview-note{display:block}.result-preview-note,.result-all-note{white-space:normal;max-width:calc(100vw - 4rem)}