@font-face{font-family:EB Garamond;src:url(/bab-example-sql/assets/eb-garamond-400-BkAyYjUB.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/bab-example-sql/assets/open-sans-400-BCdjR_up.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/bab-example-sql/assets/open-sans-600-8xi7cHyI.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--duke-navy-blue:#012169;--duke-royal-blue:#00539b;--duke-copper:#c84e00;--duke-persimmon:#e89923;--duke-dandelion:#ffd960;--duke-piedmont:#a1b70d;--duke-eno:#339898;--duke-magnolia:#1d6363;--duke-prussian-blue:#005587;--duke-shale-blue:#0577b1;--duke-ironweed:#939;--duke-hatteras:#e2e6ed;--duke-whisper-gray:#f3f2f1;--duke-ginger-beer:#fcf7e5;--duke-dogwood:#988675;--duke-shackleford:#dad0c6;--duke-cast-iron:#262626;--duke-graphite:#666;--duke-granite:#b5b5b5;--duke-limestone:#e5e5e5;--duke-white:#fff;--duke-font-heading:"EB Garamond", Garamond, Georgia, "Times New Roman", Times, serif;--duke-font-body:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font:15px/1.5 var(--duke-font-body);color:#262626;font-synthesis:none;--navy:#012169;--royal:#00539b;--teal:#1d6363;--line:#d8d6cf;background:#f5f4f0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select,textarea,summary,[tabindex]{outline-offset:4px}:focus-visible{outline:3px solid #c84e00}a{color:var(--navy);text-underline-offset:4px}button{cursor:pointer;background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:3px;padding:11px 15px;font-weight:600;line-height:1.3}button:hover{background:var(--royal);border-color:var(--royal)}button:disabled{color:#555;cursor:not-allowed;background:#e6e4dd;border-color:#999}.outline{color:var(--navy);background:0 0}.outline:hover{color:var(--navy);background:#e1e8ed}.text-button{color:var(--navy);background:0 0;border:0;text-decoration:underline}.text-button:hover{color:var(--royal);background:0 0}.skip{z-index:9;background:#fff;padding:12px;position:absolute;top:-100px;left:15px}.skip:focus{top:10px}header,main,footer{max-width:1550px;margin:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 42px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:13px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.brand small{letter-spacing:.3px;margin-top:3px;font-size:11px;font-weight:400;display:block}.brand-mark{background:var(--navy);color:#fff;width:46px;height:46px;font:19px var(--duke-font-heading);letter-spacing:0;place-items:center;display:grid}main{padding:0 42px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:75px;padding:50px 0 42px;display:grid}.eyebrow{letter-spacing:1.5px;margin:0 0 16px;font-size:10px;font-weight:600;line-height:1.5}h1,h2{font-family:var(--duke-font-heading);color:var(--navy);margin:0 0 18px;font-weight:400;line-height:1.1}h1{text-wrap:balance;letter-spacing:-1.4px;font-size:clamp(38px,3.8vw,58px)}h2{font-size:29px}h3{margin:0 0 8px;font-size:14px}p{margin:0 0 18px}.hero>div>p:last-child{max-width:580px;margin:0;font-size:17px;line-height:1.6}.hero aside{border-top:4px solid var(--teal);background:#e8eee9;padding:26px}.hero aside>p{margin:18px 0;font-size:14px}.known{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0 10px;display:grid}.known strong{font:34px var(--duke-font-heading);color:var(--navy);grid-row:1}.known span{grid-row:2;font-size:11px}.known strong:first-of-type,.known span:first-of-type{grid-column:1}.known strong:nth-of-type(2),.known span:nth-of-type(2){grid-column:3}.known strong:nth-of-type(3),.known span:nth-of-type(3){grid-column:5}.known b{grid-row:1;font-size:19px}.dataset-bar{border-block:1px solid var(--line);align-items:end;gap:25px;padding:20px 0;display:flex}.dataset-bar label{min-width:290px}.dataset-bar p{flex:1;margin:auto 0 12px;font-size:13px}.dataset-bar button{flex-shrink:0}label{flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:600;display:flex}select{color:#262626;background:#fff;border:1px solid #89857c;border-radius:3px;width:100%;min-width:0;padding:10px 32px 10px 12px}.status{border-left:3px solid var(--teal);overflow-wrap:anywhere;background:#fff;margin:20px 0;padding:12px 15px;font-size:13px}.workspace{grid-template-columns:255px minmax(0,1fr);gap:32px;margin:35px 0;display:grid}.schema-panel{border-right:1px solid var(--line);min-width:0;padding-right:26px}.schema-panel h2{font-size:26px}.schema-note{color:#555;font-size:11px;line-height:1.6}.query-work{min-width:0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px;display:flex}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:10px}.section-head label{flex-shrink:0;width:255px}#query-note{max-width:850px;margin:22px 0 15px;font-size:13px;line-height:1.55}textarea{resize:vertical;color:#edf2ff;tab-size:2;white-space:pre;background:#061c42;border:2px solid #061c42;border-radius:3px;width:100%;min-height:190px;padding:23px;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:auto}textarea:focus{outline-color:#00539b}.run-bar{align-items:center;gap:15px;margin:16px 0;display:flex}.run-bar span{margin-left:12px;font-size:10px;font-weight:400}.hint{color:#555;font-size:11px;line-height:1.6}.result-panel{border:1px solid var(--line);background:#fff;min-width:0;margin-top:32px;padding:24px}.result-panel .section-head{text-align:left;align-items:start}.result-panel .section-head button{font-size:12px}#result-status{overflow-wrap:anywhere;margin:18px 0;font-size:12px;line-height:1.5}#chart{width:100%;min-width:0;height:300px}.table-wrap{border:1px solid var(--line);max-width:100%;overflow:auto}table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;width:100%;font-size:12px;line-height:1.5}caption{text-align:left;white-space:normal;color:#555;padding:15px;font-size:11px}th,td{text-align:left;border-top:1px solid var(--line);overflow-wrap:anywhere;vertical-align:top;min-width:110px;max-width:300px;padding:12px 15px}th{background:#eef0ed;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.null{color:#68645c;font-style:italic}.pagination{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;font-size:11px;display:flex}.pagination button{padding:9px 13px;font-size:11px}.lesson-panel{border-top:1px solid var(--line);margin-top:45px;padding:35px 0}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.lesson-grid p{font-size:13px;line-height:1.7}details{border-top:1px solid var(--line);padding:20px 0 40px}summary{color:var(--navy);cursor:pointer;font-weight:600}.details-body{max-width:1000px;padding-top:25px;font-size:13px;line-height:1.7}footer{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:24px 42px;font-size:11px;display:flex}footer p{margin:0}footer nav{flex-shrink:0;gap:20px;display:flex}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=1100px){.hero{gap:35px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:22px}.section-head{flex-direction:column;align-items:start}.section-head label{width:100%}.schema-panel{padding-right:18px}.dataset-bar{flex-wrap:wrap}}@media (width<=760px){header{padding:20px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.hero aside{padding:21px}.known{gap:0 6px}.known strong{font-size:28px}.workspace{grid-template-columns:1fr}.schema-panel{border-right:0;padding:0}.dataset-bar{align-items:start;gap:15px}.dataset-bar label{width:100%;min-width:0}.dataset-bar p{flex-basis:100%;margin:0}.run-bar{flex-wrap:wrap}.run-bar span{margin:5px 0 0;display:block}.result-panel{padding:18px}.lesson-grid{grid-template-columns:1fr;gap:5px}footer{flex-direction:column;padding:23px 20px}.pagination{gap:8px}.brand{font-size:13px}.brand small{font-size:9px}.brand-mark{width:38px;height:38px}header>a:last-child{font-size:12px}textarea{padding:16px;font-size:12px}h1{font-size:42px}h2{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#executed{padding:12px 0 20px;font-size:11px}#executed-sql{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0;font:11px/1.7 ui-monospace,monospace}#result-origin{margin:0 0 16px}.known{font-variant-numeric:lining-nums tabular-nums}.numeric{text-align:right}td.numeric{white-space:nowrap}.schema-panel details{padding:14px 0}.schema-panel summary{overflow-wrap:anywhere;min-height:28px;font-size:12px}.schema-panel details p{margin:12px 0;font-size:12px}.schema-insert{overflow-wrap:anywhere;text-align:left;max-width:100%;margin:8px 0;padding:7px 10px;font:12px/1.5 ui-monospace,monospace;display:block}.schema-insert.column{color:var(--navy);border-color:var(--line);background:#fff}.schema-insert.column:hover{background:#e1e8ed}.schema-panel .storage-types{border:0;padding:10px 0 0}.storage-types p,#result-types{overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace}.result-types{border:0;padding:0 0 20px;font-size:11px}.result-types p{margin-top:10px}.lesson-panel{margin-top:25px;padding:20px 0}.lesson-grid{padding-top:22px}summary{min-height:28px}footer a,header>a:last-child{align-items:center;min-height:28px;display:inline-flex}footer nav{flex-wrap:wrap}button{font-weight:600}.pagination:has(button:disabled:first-child):has(button:disabled:last-child){display:none}.hand-check{border:0;padding:0}.hand-check summary{margin-bottom:14px;font-size:15px}.hand-check p{margin-top:14px;font-size:14px}.schema-panel>.schema-reference{border:0;padding:0}.schema-panel>.schema-reference>summary{font:24px/1.2 var(--duke-font-heading);color:var(--navy);min-height:32px}.schema-note{margin-top:14px}.inspect-actions,.export-actions{flex-wrap:wrap;gap:10px;display:flex}.run-bar{flex-wrap:wrap}.export-actions{max-width:100%}button{white-space:normal;max-width:100%}#chart-unavailable{border-left:3px solid var(--teal);overflow-wrap:anywhere;background:#eef0ed;padding:14px}#chart-unavailable p:last-of-type{margin-bottom:4px}#result-status{white-space:pre-wrap}.brand-mark{flex-shrink:0}@media (width<=400px){header{flex-wrap:wrap;gap:15px}.brand{min-width:0}.brand>span:last-child{overflow-wrap:anywhere}.known{flex-wrap:wrap;gap:8px;display:flex}.known strong{font-size:26px}.pagination{flex-wrap:wrap}}#sql-label{margin-bottom:7px;scroll-margin-top:16px}