.learn-classical{--verdict-wrong:#a33b2a;--verdict-solved:#3f7d57}.learn-classical .px-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.learn-classical .px-top{border-bottom:1px solid var(--color-divider);flex-direction:column;min-width:0;display:flex}.learn-classical .px-top-row{align-items:center;gap:16px;min-width:0;padding:10px 24px 2px;display:flex}.learn-classical .px-top-row2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;min-width:0;padding:2px 24px 9px;display:flex}.learn-classical .px-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);font-size:11.5px}.learn-classical .px-working{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.learn-classical .px-working .seg-opt{padding:3px 12px;font-size:13.5px;text-decoration:none}.learn-classical .px-working .seg[aria-busy=true]{opacity:.7}.learn-classical .px-working .seg{overflow:visible}.learn-classical .px-working .seg-opt[data-tip]{position:relative}.learn-classical .px-working .seg-opt.is-locked{color:var(--color-neutral-700)}.learn-classical .px-working .seg-opt.is-locked:hover{color:var(--color-text)}.learn-classical .px-working .seg-opt[data-tip]:hover:after,.learn-classical .px-working .seg-opt[data-tip]:focus-visible:after{content:attr(data-tip);z-index:20;white-space:normal;text-align:left;width:max-content;max-width:300px;color:var(--color-bg);background:var(--color-text);pointer-events:none;border-radius:6px;padding:7px 10px;font-size:13px;line-height:1.45;position:absolute;top:calc(100% + 8px);right:0}.learn-classical .px-crumb{color:var(--color-neutral-700);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.learn-classical .px-crumb a{color:inherit;text-decoration:none}.learn-classical .px-crumb a:hover{color:var(--color-accent-700)!important}.learn-classical .px-nav{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.learn-classical .px-nav-label{text-align:center;flex-direction:column;align-items:center;min-width:250px;max-width:340px;line-height:1.3;display:flex}.learn-classical .px-nav-next{color:var(--color-neutral-700);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.learn-classical .px-timer{border:1px solid var(--color-divider);border-radius:var(--radius-md);flex:none;align-items:center;gap:4px;margin-left:20px;padding:2px 4px 2px 12px;display:flex}.learn-classical .px-timer-btn{width:30px;height:30px}.learn-classical .px-body{min-height:0;display:grid}.learn-classical .px-brief{min-width:0;overflow:auto}.learn-classical .px-brief-inner{flex-direction:column;gap:24px;padding:30px 36px 40px;display:flex}.learn-classical .px-shell :is(.tag,.kicker,.sql-aside-kicker,.sql-table-kicker){font-size:11.5px}.learn-classical .px-meta{color:var(--color-neutral-700);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12.5px;display:flex}.learn-classical.px-type{--font-heading:var(--font-newsreader), Georgia, serif;--font-heading-weight:500}.learn-classical .px-display,.learn-classical .px-h1,.learn-classical .px-h2{font-family:var(--font-heading);font-weight:500}.learn-classical .px-h1{letter-spacing:-.01em;text-wrap:balance;font-size:34px;line-height:1.15}.learn-classical .px-h2{letter-spacing:normal;font-size:20px;line-height:1.25}.learn-classical .px-prompt{flex-direction:column;gap:12px;font-size:16px;line-height:1.7;display:flex}.learn-classical .px-req{flex-direction:column;gap:6px;display:flex}.learn-classical .px-req-row{grid-template-columns:30px minmax(0,1fr);gap:8px;display:grid}.learn-classical .px-req-row>:first-child{color:var(--color-accent-700)}.learn-classical .px-req-sub{flex-direction:column;gap:4px;margin:6px 0 0;padding-left:20px;list-style:outside;display:flex}.learn-classical .px-req-sub li::marker{color:var(--color-neutral-600)}.learn-classical .px-req-note{margin:6px 0 0}.learn-classical .px-return{grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.learn-classical .px-chip{font-family:var(--font-code);border:1px solid var(--color-divider);border-radius:var(--radius-sm);padding:2px 8px;font-size:13px}.learn-classical .px-part{border-top:1px solid var(--color-divider);flex-direction:column;gap:10px;padding-top:20px;display:flex}.learn-classical .px-help-row{align-items:start;gap:10px;display:grid}.learn-classical .px-hint .px-prompt{gap:8px;font-size:15px;line-height:1.65}.learn-classical .px-hints{flex-direction:column;gap:12px;margin-top:2px;display:flex}.learn-classical .px-hint-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.learn-classical .px-hint{border-left:2px solid var(--color-accent-200,var(--color-neutral-300));flex-direction:column;gap:4px;padding-left:12px;display:flex}.learn-classical .px-hint-n{color:var(--color-accent-700)}.learn-classical .px-hint-btn{font:inherit;color:var(--color-accent-700);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.learn-classical .px-hint-btn:hover{color:var(--color-accent-800)}.learn-classical .px-hint-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}.learn-classical .px-stuck{border-top:1px solid var(--color-divider);flex-direction:column;gap:14px;padding-top:20px;display:flex}.learn-classical .px-stuck-btns{flex-wrap:wrap;gap:10px;display:flex}.learn-classical .px-stuck-btn{font:inherit;color:var(--color-text);background:var(--color-neutral-100);border:1px solid var(--color-divider);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-size:15.5px;line-height:1.3;text-decoration:none;display:inline-flex;position:relative}.learn-classical .px-stuck-btn:hover:not(:disabled),.learn-classical .px-stuck-btn[aria-expanded=true]{border-color:var(--color-accent)}.learn-classical .px-stuck-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.learn-classical .px-stuck-btn:disabled{cursor:default;color:var(--color-neutral-700)}.learn-classical .px-stuck-btn.is-quiet,.learn-classical .px-stuck-btn.is-locked{color:var(--color-neutral-700)}.learn-classical .px-stuck-count{color:var(--color-neutral-700);font-size:14px}.learn-classical .px-stuck-pill{font-family:var(--font-code);color:var(--color-accent-700);background:var(--color-accent-100);border-radius:4px;margin-left:2px;padding:2px 7px;font-size:11.5px}.learn-classical .px-stuck-btn[data-tip]:hover:after,.learn-classical .px-stuck-btn[data-tip]:focus-visible:after{content:attr(data-tip);z-index:5;white-space:nowrap;color:var(--color-bg);background:var(--color-text);pointer-events:none;border-radius:6px;padding:5px 10px;font-size:13px;position:absolute;bottom:calc(100% + 8px);left:0}.learn-classical .px-stuck-open{flex-direction:column;gap:22px;display:flex}.learn-classical .px-stuck-section{flex-direction:column;gap:8px;min-width:0;display:flex}.learn-classical .px-stuck-section .sql-aside-kicker{color:var(--color-accent-700)}.learn-classical .px-answer{font:13.5px/1.6 var(--font-code);white-space:pre;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-neutral-100);margin:0;padding:12px 14px;overflow-x:auto}.learn-classical .px-signup{border:1px solid var(--color-accent);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.learn-classical .px-split-x{cursor:col-resize;touch-action:none;outline-offset:-2px;position:relative}.learn-classical .px-split-x:hover,.learn-classical .px-split-y:hover{background:var(--color-accent-100)}.learn-classical .px-split-x .px-split-line{background:var(--color-divider);width:1px;position:absolute;top:0;bottom:0;left:4px}.learn-classical .px-split-x .px-split-grip{background:var(--color-neutral-400);border-radius:3px;width:5px;height:36px;margin-top:-18px;position:absolute;top:50%;left:2px}.learn-classical .px-split-y{cursor:row-resize;touch-action:none;border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;height:12px;margin:0 22px;display:flex}.learn-classical .px-split-y .px-split-line{display:none}.learn-classical .px-split-y .px-split-grip{background:var(--color-neutral-400);border-radius:2px;width:44px;height:4px}.learn-classical .px-bench{background:var(--color-neutral-100);flex-direction:column;min-width:0;min-height:0;display:flex}.learn-classical .px-bench-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.learn-classical .px-insert{flex-wrap:wrap;align-items:center;gap:6px;padding:0 22px 10px;display:flex}.learn-classical .px-insert .px-eyebrow{margin-right:4px}.learn-classical .px-insert-chip{font:12.5px/1.4 var(--font-code);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-divider);cursor:pointer;border-radius:5px;padding:3px 9px}.learn-classical .px-insert-chip:hover{border-color:var(--color-accent);background:var(--color-accent-100)}.learn-classical .px-insert-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.learn-classical .px-insert-chip.is-snippet{color:var(--color-neutral-800);background:0 0;border-style:dashed}.learn-classical .px-insert-chip.is-snippet:hover{color:var(--color-text);background:0 0}.learn-classical .px-insert-sep{background:var(--color-divider);width:1px;height:16px;margin:0 4px}.learn-classical .px-editor{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-bg);min-height:96px;margin:0 22px;overflow:hidden}.learn-classical .px-editor.is-dark{background:var(--color-neutral-900);border-color:var(--color-neutral-800)}.learn-classical .px-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 22px;display:flex}.learn-classical .px-verdict{border-left:2px solid #0000;flex-direction:column;flex:240px;justify-content:center;gap:2px;min-width:0;min-height:62px;margin-left:4px;padding-left:12px;display:flex}.learn-classical .px-verdict.is-wrong{border-left-color:var(--verdict-wrong)}.learn-classical .px-verdict.is-solved{border-left-color:var(--verdict-solved)}.learn-classical .px-verdict-1{color:var(--color-text);font-size:15.5px;line-height:1.35}.learn-classical .px-verdict-2{color:var(--color-neutral-700);font-size:13.5px;line-height:1.35}.learn-classical .px-verdict-2 a{color:var(--color-accent-700);text-decoration:none}.learn-classical .px-verdict-2 a:hover{text-underline-offset:3px;text-decoration:underline}.learn-classical .px-editor.is-wrong,.learn-classical .px-editor.is-solved{border-top-width:2px;border-radius:3px 3px 8px 8px}.learn-classical .px-editor.is-wrong{border-top-color:var(--verdict-wrong)}.learn-classical .px-editor.is-solved{border-top-color:var(--verdict-solved)}.learn-classical .px-editor.is-dark.is-wrong{border-top-color:#c25a45}.learn-classical .px-editor.is-dark.is-solved{border-top-color:#5f9e76}.learn-classical .px-output{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-bg);flex-direction:column;flex:1;gap:14px;min-height:min(200px,40%);margin:0 22px 22px;padding:16px 18px;display:flex;overflow:auto}.learn-classical .px-output.is-idle{flex:none;min-height:0;padding:10px 18px}.learn-classical .px-check{border-left:2px solid var(--verdict-wrong);color:var(--color-text);margin:0;padding:1px 0 1px 12px;font-size:15px;line-height:1.5}.learn-classical .px-check.is-match{border-left-color:var(--verdict-solved)}.learn-classical .px-check-detail,.learn-classical .px-solo-note{color:var(--color-neutral-700)}.learn-classical .px-solo-note{margin:0;font-size:14.5px;line-height:1.5}.learn-classical .px-output-head{justify-content:space-between;align-items:center;margin:-6px -6px -4px 0;display:flex}.learn-classical .px-error{font:13px/1.6 var(--font-code);white-space:pre-wrap;margin:0}.learn-classical .px-solved{border:1px solid var(--color-accent);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.learn-classical .px-minbar{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;min-height:46px;font:inherit;color:var(--color-text);text-align:left;flex:none;align-items:center;gap:12px;margin:12px 22px 22px;padding:8px 16px;display:flex}.learn-classical .px-minbar:hover{border-color:var(--color-neutral-600)}.learn-classical .px-tests{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.learn-classical .px-tests>li{border-left:2px solid var(--verdict-solved);flex-direction:column;gap:4px;padding:2px 0 2px 12px;display:flex}.learn-classical .px-tests>li.is-fail{border-left-color:var(--verdict-wrong)}.learn-classical .px-test-name{color:var(--color-text);align-items:baseline;gap:10px;font-size:15px;line-height:1.45;display:flex}.learn-classical .px-test-mark{letter-spacing:.08em;text-transform:uppercase;min-width:52px;color:var(--color-neutral-700);flex:none;font-size:11.5px}.learn-classical .px-test-why{color:var(--color-neutral-800);margin-left:62px;font-size:12.5px}.learn-classical .px-stdout{border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:var(--color-neutral-100);padding:10px 12px}.learn-classical .px-bench.is-full{width:100vw;height:100dvh;overflow:auto}.learn-classical .px-bench.is-full-window{z-index:200;position:fixed;inset:0}@media (max-width:1099.98px){.learn-classical .px-shell{height:auto;min-height:100dvh;overflow:visible}.learn-classical .px-body{flex-direction:column;display:flex}.learn-classical .px-split-x{display:none}.learn-classical .px-brief{overflow:visible}.learn-classical .px-brief-inner{padding:24px 20px 32px}.learn-classical .px-top-row{flex-wrap:wrap;gap:10px 12px;padding:10px 16px 2px}.learn-classical .px-top-row2{padding:2px 16px 10px}.learn-classical .px-working .seg-opt[data-tip]:after{left:0;right:auto}.learn-classical .px-nav{margin-left:0}.learn-classical .px-nav-label{min-width:0;max-width:170px}.learn-classical .px-nav-next{display:none}.learn-classical .px-brief,.learn-classical .px-bench{width:100%;min-width:0}.learn-classical .px-timer{margin-left:auto}.learn-classical .px-bench{min-height:100dvh}.learn-classical .px-editor:not([style*="flex: 1"]){min-height:240px}.learn-classical .px-output{flex:none;overflow:visible}.learn-classical .px-hide-sm{display:none}.learn-classical .px-h1{font-size:28px}}@media (pointer:coarse){.learn-classical .px-timer-btn{width:44px;height:44px}.learn-classical .px-split-y{height:24px}}.learn-classical .px-about>summary{cursor:pointer;margin-bottom:10px;list-style-position:inside}.learn-classical .px-about>summary::marker{color:var(--color-neutral-700)}.learn-classical .px-about>p{color:var(--color-neutral-800);text-wrap:pretty;margin:0 0 12px;font-size:15px;line-height:1.6}.learn-classical .px-about>a{text-underline-offset:3px;font-size:14px}