.sql-lab-hero__intro{max-width:62rem;font-size:var(--text-sm);color:var(--text-muted,#e2f0f6c7);margin-block-start:clamp(1rem,2.2vw,1.5rem);line-height:1.7}.sql-lab-disclaimer{max-width:62rem;font-size:var(--text-portfolio-caption);color:var(--text-muted,#e2f0f699);margin-block-start:.7rem;font-style:italic}.sql-lab-hero__tags{font-size:var(--text-portfolio-micro);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:.45rem;margin:clamp(1rem,2vw,1.4rem) 0 0;padding:0;list-style:none;display:flex}.sql-lab-hero__tags li{border:1px solid var(--glass-border);border-radius:0;padding:.2rem .6rem}.sql-lab-hero__metrics{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));gap:.75rem;margin:clamp(1.25rem,2.6vw,1.8rem) 0 0;display:grid}.sql-lab-hero__metrics>div{border:1px solid var(--glass-border);background:var(--bg-layer);border-radius:0;padding:.9rem 1rem}.sql-lab-hero__metrics dt{font-size:var(--text-portfolio-micro);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#e2f0f6a8)}.sql-lab-hero__metrics dd{font-size:var(--text-md);font-weight:var(--weight-bold);margin:.3rem 0 0}.sql-lab-hero__metrics>div[data-score=after] dd{color:var(--positive)}.sql-lab-hero__ctas{flex-wrap:wrap;gap:.75rem;margin-block-start:clamp(1.25rem,2.6vw,1.8rem);display:flex}.sql-lab-section{scroll-margin-top:calc(var(--header-height) + 1.5rem)}.sql-lab-subtitle{font-size:var(--text-sm);margin-block-start:clamp(1.25rem,2.6vw,1.75rem)}.sql-lab-table{border:1px solid var(--glass-border);background:var(--bg-layer);border-radius:0;margin-block-start:clamp(1rem,2.2vw,1.4rem);overflow-x:auto}.sql-lab-table:focus-visible{outline:2px solid var(--rule);outline-offset:2px}.sql-lab-table table{border-collapse:collapse;inline-size:100%;font-size:var(--text-portfolio-caption)}.sql-lab-table caption{text-align:start;font-size:var(--text-portfolio-fine);color:var(--text-muted,#e2f0f699);border-block-end:1px solid var(--glass-border);padding:.7rem .9rem}.sql-lab-table th,.sql-lab-table td{text-align:start;white-space:nowrap;border-block-end:1px solid color-mix(in srgb, var(--glass-border) 60%, transparent);padding:.45rem .9rem}.sql-lab-table th{font-size:var(--text-portfolio-micro);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#e2f0f6a8)}.sql-lab-table__footer{font-size:var(--text-portfolio-fine);color:var(--text-muted,#e2f0f699);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-block-start:.5rem;display:flex}.sql-lab-inline-button{font-size:var(--text-portfolio-fine);color:inherit;border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:0;padding:.3rem .75rem}.sql-lab-inline-button:focus-visible{outline:2px solid var(--rule);outline-offset:2px}.sql-lab-code{margin-block-start:clamp(1rem,2.2vw,1.3rem);position:relative}.sql-lab-code pre{border:1px solid color-mix(in srgb, var(--editorial-cyan) 24%, transparent);background:color-mix(in srgb, var(--bg-primary) 82%, transparent);font-size:var(--text-portfolio-fine);border-radius:0;margin:0;padding:.9rem 1rem;line-height:1.6;overflow-x:auto}.sql-lab-code pre:focus-visible,.sql-lab-step pre:focus-visible{outline:2px solid var(--rule);outline-offset:2px}.sql-lab-code__copy{font-size:var(--text-portfolio-micro);color:inherit;background:var(--bg-layer);border:1px solid var(--glass-border);cursor:pointer;border-radius:0;padding:.28rem .7rem;position:absolute;inset-block-start:.55rem;inset-inline-end:.55rem}.sql-lab-code__copy:focus-visible{outline:2px solid var(--rule);outline-offset:2px}.sql-lab-code__label{font-size:var(--text-portfolio-micro);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#e2f0f699);margin:0 0 .4rem}.sql-lab-explorer{gap:.9rem;margin-block-start:clamp(1.25rem,2.6vw,1.75rem);display:grid}.sql-lab-explorer__controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.sql-lab-explorer__selector{min-width:0;max-inline-size:100%;font-size:var(--text-portfolio-fine);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#e2f0f6a8);gap:.3rem;display:grid}.sql-lab-explorer__selector select{min-inline-size:min(16rem,100%);max-inline-size:100%;font:inherit;color:inherit;background:var(--bg-layer);border:1px solid var(--glass-border);border-radius:0;padding:.5rem .7rem}.sql-lab-explorer__selector select:focus-visible{outline:2px solid var(--rule);outline-offset:2px}.sql-lab-explorer__meta{font-size:var(--text-portfolio-fine);color:var(--text-muted,#e2f0f6a8);align-items:center;gap:.6rem;margin:0;display:flex}.sql-lab-badge{font-size:var(--text-portfolio-micro);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--glass-border);border-radius:0;padding:.16rem .55rem}.sql-lab-badge[data-level=basic],.sql-lab-badge[data-severity=low]{border-color:color-mix(in srgb, var(--positive) 45%, transparent)}.sql-lab-badge[data-level=intermediate],.sql-lab-badge[data-severity=medium]{border-color:color-mix(in srgb, var(--editorial-cyan) 45%, transparent)}.sql-lab-badge[data-level=advanced],.sql-lab-badge[data-severity=high]{border-color:color-mix(in srgb, var(--rule) 55%, transparent)}.sql-lab-badge[data-severity=critical]{border-color:color-mix(in srgb, var(--rule) 60%, transparent)}.sql-lab-explorer__purpose,.sql-lab-explorer__interpretation{max-width:62rem;font-size:var(--text-sm);color:var(--text-muted,#e2f0f6bf);margin:0}.sql-lab-steps{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));gap:clamp(.9rem,2vw,1.25rem);margin-block-start:clamp(1.25rem,2.6vw,1.75rem);display:grid}.sql-lab-step{border:1px solid var(--glass-border);background:var(--bg-layer);border-radius:0;align-content:start;gap:.6rem;min-inline-size:0;padding:clamp(1rem,2.2vw,1.3rem);display:grid}.sql-lab-step h3{font-size:var(--text-sm);align-items:baseline;gap:.5rem;display:flex}.sql-lab-step__index{font-size:var(--text-portfolio-fine);color:color-mix(in srgb, var(--editorial-cyan) 80%, transparent);font-variant-numeric:tabular-nums}.sql-lab-step p{font-size:var(--text-portfolio-caption);color:var(--text-muted,#e2f0f6b8);margin:0}.sql-lab-step pre{border:1px solid color-mix(in srgb, var(--editorial-cyan) 20%, transparent);background:color-mix(in srgb, var(--bg-primary) 82%, transparent);font-size:var(--text-portfolio-fine);border-radius:0;margin:0;padding:.8rem .95rem;line-height:1.55;overflow-x:auto}.sql-lab-runner{gap:clamp(1rem,2.2vw,1.5rem);margin-block-start:clamp(1.25rem,2.6vw,1.75rem);display:grid}.sql-lab-runner>*,.sql-lab-runner section,.sql-lab-explorer>*,.sql-lab-page .page-section{min-inline-size:0}.sql-lab-runner__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sql-lab-runner__duration,.sql-lab-runner__hint{font-size:var(--text-portfolio-caption);color:var(--text-muted,#e2f0f6a8);margin:0}.sql-lab-log{border:1px solid var(--glass-border);background:var(--bg-layer);font-size:var(--text-sm);border-radius:0;gap:.55rem;margin:0;padding:clamp(1rem,2.2vw,1.3rem);list-style:none;display:grid}.sql-lab-log li{grid-template-columns:auto 1fr;gap:.1rem .55rem;display:grid}.sql-lab-log li:before{content:"✓";color:var(--positive);font-size:var(--text-portfolio-fine)}.sql-lab-log li strong{grid-column:2}.sql-lab-log li span{color:var(--text-muted,#e2f0f6a8);grid-column:2}.sql-lab-metrics{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));gap:.75rem;margin:clamp(.9rem,2vw,1.2rem) 0 0;display:grid}.sql-lab-metrics>div{border:1px solid var(--glass-border);background:var(--bg-layer);border-radius:0;padding:.85rem 1rem}.sql-lab-metrics dt{font-size:var(--text-portfolio-micro);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#e2f0f6a8)}.sql-lab-metrics dd{font-size:var(--text-md);font-weight:var(--weight-bold);margin:.3rem 0 0}.sql-lab-metrics>div[data-score=before] dd{color:var(--text-primary)}.sql-lab-metrics>div[data-score=after] dd{color:var(--positive)}.sql-lab-formula{max-width:62rem;font-size:var(--text-portfolio-fine);color:var(--text-muted,#e2f0f699);margin:.7rem 0 0;font-style:italic}.sql-lab-before-after{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));gap:clamp(1rem,2.2vw,1.5rem);display:grid}.sql-lab-before-after section{min-inline-size:0}.sql-lab-export__actions{flex-wrap:wrap;gap:.75rem;margin-block-start:.9rem;display:flex}.sql-lab-architecture{counter-reset:sql-lab-arch;flex-wrap:wrap;align-items:center;gap:.55rem;margin:clamp(1.25rem,2.6vw,1.75rem) 0 0;padding:0;list-style:none;display:flex}.sql-lab-architecture li{overflow-wrap:anywhere;border:1px solid var(--glass-border);background:var(--bg-layer);max-inline-size:100%;font-size:var(--text-sm);counter-increment:sql-lab-arch;border-radius:0;align-items:center;gap:.55rem;padding:.55rem .95rem;display:inline-flex}.sql-lab-architecture li:before{content:counter(sql-lab-arch, decimal-leading-zero);font-size:var(--text-portfolio-micro);color:color-mix(in srgb, var(--editorial-cyan) 80%, transparent);font-variant-numeric:tabular-nums}.sql-lab-architecture li:not(:last-child):after{content:"→";color:var(--text-muted,#e2f0f680);margin-inline-start:.35rem}.sql-lab-stack-title{margin-block-start:clamp(1.75rem,3.4vw,2.5rem)}.sql-lab-stack{margin-block-start:.9rem}@media (max-width:767.98px){.sql-lab-architecture{flex-direction:column;align-items:stretch}.sql-lab-architecture li:not(:last-child):after{content:"↓"}}