:root{--le-ink:#111827;--le-blue:#5B9BD5;--le-indigo:#3776AB;--le-gray:#6b7280;--le-lgray:#9ca3af;--le-border:#e5e7eb;--le-bg:#ffffff;--le-soft:#f9fafb;--le-green:#10b981;--fde:#3776AB;--fde-bright:#5B9BD5;--fde-tint:#EEF4FB;--fde-tint2:#DCE9F7;--pg:var(--fde);--pg-bright:var(--fde-bright);--pg-tint:var(--fde-tint);--toc-accent:#4f46e5;--toc-hover:#eef2ff}body.learn-page{background:var(--le-bg);color:var(--le-ink)}.le-wrap{padding:0 24px}.le-crumb,.le-wrap{max-width:860px;margin:0 auto}.le-crumb{padding:18px 24px 0;font-size:.82rem;color:var(--le-lgray)}.le-crumb a{color:var(--le-gray);text-decoration:none}.le-crumb a:hover{color:var(--fde)}.le-hero{padding:30px 0 40px;border-bottom:1px solid var(--le-border);background:linear-gradient(180deg,#ffffff,#f3f7fc)}.le-kicker{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--fde);margin-bottom:16px}.le-hero h1{font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 16px}.le-hero-lead{font-size:1.06rem;color:var(--le-gray);line-height:1.7;max-width:660px;margin:0}.sqlx{max-width:1180px;margin:26px auto 0;padding:0 24px;display:grid;grid-template-columns:268px 1fr;gap:44px;align-items:start}.sqlx-main{min-width:0}.sqlx-toc{position:sticky;top:76px;align-self:start}.sqlx-toc-inner{border:1px solid var(--le-border);border-radius:14px;background:var(--le-soft);padding:16px 12px;max-height:calc(100vh - 100px);overflow:auto}.sqlx-toc-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--le-lgray);margin:0 0 10px;padding:0 9px}.sqlx-toc-nav{display:flex;flex-direction:column;gap:1px}.sqlx-toc a{display:flex;gap:9px;align-items:baseline;font-size:.85rem;color:var(--le-gray);text-decoration:none;padding:7px 9px;border-radius:8px;line-height:1.35;border-left:2px solid transparent;transition:background .12s,color .12s}.sqlx-toc a:hover{background:var(--toc-hover);color:var(--le-ink)}.sqlx-toc a.active,.sqlx-toc a.cur{color:var(--toc-accent);background:var(--toc-hover);font-weight:700;border-left-color:var(--toc-accent)}.sqlx-toc .tnum{font-size:.72rem;font-weight:800;color:var(--le-lgray);font-variant-numeric:tabular-nums;flex-shrink:0}.sqlx-toc a.active .tnum,.sqlx-toc a.cur .tnum{color:var(--toc-accent)}.sqlx-toc a.toc-sub{font-size:.8rem;padding-left:26px;color:#7c8798}.sqlx-toc a.toc-sub.active{font-weight:700}.sqlx-toc a.toc-exam{margin-top:8px;border-top:1px solid var(--le-border);padding-top:12px;font-weight:700;color:var(--fde)}.sqlx-toc a.toc-exam:hover{background:var(--fde-tint)}.sqlds{margin:0}.fde-intro{border:1px solid var(--le-border);border-radius:16px;background:var(--le-soft);padding:22px 24px;margin-bottom:16px}.fde-intro h2{font-size:1rem;font-weight:800;margin:0 0 8px}.fde-intro p{font-size:.93rem;color:#374151;line-height:1.7;margin:0 0 16px}.fde-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fde-stat{background:#fff;border:1px solid var(--le-border);border-radius:10px;padding:12px 14px;text-align:center}.fde-stat b{display:block;font-size:1.5rem;font-weight:800;color:var(--fde);letter-spacing:-.02em;line-height:1.1}.fde-stat span{display:block;font-size:.74rem;color:var(--le-gray);margin-top:3px}.fde-outcomes{border:1px solid #bfd7ee;border-radius:16px;background:var(--fde-tint);padding:20px 24px}.fde-outcomes h2{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--fde);margin:0 0 12px}.fde-outcomes ul{margin:0;padding-left:20px;list-style:disc;display:flex;flex-direction:column;gap:7px}.fde-outcomes li{font-size:.93rem;line-height:1.6;color:#1E3A5F}.sqll-list{margin:0;padding:6px 0 0}.sqll{border-top:1px solid var(--le-border);padding:34px 0 30px;scroll-margin-top:84px}.sqll:first-child{border-top:none}.sqll-head{gap:14px;margin-bottom:18px}.sqll-head,.sqll-num{display:flex;align-items:center}.sqll-num{flex-shrink:0;font-size:.92rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--fde-bright),var(--fde));min-width:48px;height:42px;padding:0 8px;border-radius:11px;justify-content:center;font-variant-numeric:tabular-nums}.sqll-head h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.sqll-p{font-size:1rem;color:#374151;line-height:1.72;margin:0 0 16px}.sqll-h{font-size:1.1rem;font-weight:800;letter-spacing:-.01em;margin:26px 0 12px;color:var(--le-ink)}.fde-acc code,.fde-cmp li code,.fde-faq-a code,.fde-lab-brief code,.fde-lab-solnote code,.fde-list code,.fde-note-body code,.fde-step-b code,.fde-table code,.fde-term dd code,.sqll-note code,.sqll-p code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:var(--fde-tint2);color:#2B527D;padding:2px 6px;border-radius:5px}.fde-note{border-radius:12px;padding:14px 18px;margin:6px 0 18px;border:1px solid}.fde-note-lbl{display:block;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.fde-note-body{font-size:.93rem;line-height:1.7}.fde-note-body p:first-child{margin-top:0}.fde-note-body ol{margin:8px 0 0;padding-left:20px;list-style:decimal}.fde-note-body ul{margin:8px 0 0;padding-left:20px;list-style:disc}.fde-note-body li{margin-bottom:4px}.fde-note--info{background:#EEF4FB;border-color:#BFD7EE;color:#2B527D}.fde-note--info .fde-note-lbl{color:var(--fde)}.fde-note--warn{background:#FFFBEB;border-color:#FDE68A;color:#78350F}.fde-note--warn .fde-note-lbl{color:#B45309}.fde-note--field{background:#F8FAFC;border-color:#E2E8F0;color:#334155}.fde-note--field .fde-note-lbl{color:#475569}.fde-note--win{background:#ECFDF5;border-color:#BFD7EE;color:#1E3A5F}.fde-note--win .fde-note-lbl{color:#2B6CB0}.fde-list{margin:0 0 18px;padding-left:22px;list-style:disc;display:flex;flex-direction:column;gap:8px}.fde-list--num{list-style:decimal}.fde-list li{font-size:.96rem;line-height:1.7;color:#374151}.fde-steps{list-style:none;margin:4px 0 20px;padding:0;display:flex;flex-direction:column;gap:12px}.fde-step{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--le-border);border-radius:12px;background:#fff;padding:14px 16px}.fde-step-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--fde);color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center}.fde-step-b b{display:block;font-size:.96rem;font-weight:800;color:var(--le-ink);margin-bottom:4px}.fde-step-b p{margin:0;font-size:.92rem;line-height:1.65;color:#4b5563}.fde-code{border:1px solid #1f2937;border-radius:14px;overflow:hidden;margin:8px 0 6px;background:#0b1220;box-shadow:0 8px 26px rgba(17,24,39,.1)}.fde-code-bar{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#111a2e;border-bottom:1px solid #1f2937}.fde-code-lang{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fde-bright)}.fde-code-file{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;color:#64748b}.fde-copy{margin-left:auto;background:transparent;color:#94a3b8;border:1px solid #334155;font-weight:600;font-size:.72rem;padding:4px 12px;border-radius:7px;cursor:pointer;transition:color .15s,border-color .15s}.fde-copy:hover{color:#e2e8f0;border-color:#475569}.fde-copy.done{color:#4ade80;border-color:#166534}.fde-code pre{margin:0;padding:16px;overflow-x:auto}.fde-code code{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;line-height:1.65;color:#e2e8f0;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.fde-code pre code{background:none;color:#e2e8f0;padding:0;border-radius:0}.fde-code-cap{font-size:.84rem;color:var(--le-gray);line-height:1.6;margin:0 0 20px;padding:0 2px}.fde-stack{margin:6px 0 22px}.fde-stack-h{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--le-lgray);margin:0 0 10px}.fde-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px}.fde-stack-card{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--le-border);border-radius:12px;background:#fff;padding:14px 15px}.fde-stack-ico{flex-shrink:0;width:38px;height:38px;border-radius:9px;background:var(--le-soft);display:flex;align-items:center;justify-content:center}.fde-stack-dot{width:12px;height:12px;border-radius:50%;background:var(--fde)}.fde-stack-txt{min-width:0}.fde-stack-txt b{display:block;font-size:.92rem;font-weight:800;color:var(--le-ink)}.fde-stack-txt span{display:block;font-size:.84rem;color:#4b5563;line-height:1.55;margin-top:3px}.fde-stack-must{display:block;font-size:.79rem;color:var(--fde);line-height:1.5;margin-top:6px;font-style:normal;padding-top:6px;border-top:1px dashed #dce9f7}.fde-tablewrap{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--le-border);border-radius:12px}.fde-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.88rem}.fde-table caption{caption-side:top;text-align:left;padding:12px 16px 0;font-size:.84rem;color:var(--le-gray)}.fde-table th{text-align:left;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fde);background:var(--fde-tint);padding:11px 16px;border-bottom:1px solid #bfd7ee}.fde-table td{padding:12px 16px;border-bottom:1px solid var(--le-border);color:#374151;line-height:1.6;vertical-align:top}.fde-table tr:last-child td{border-bottom:none}.fde-table tbody tr:hover td{background:#f8fafd}.fde-cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 22px}.fde-cmp-col{border-radius:14px;padding:16px 18px;border:1px solid}.fde-cmp-col h3{font-size:.84rem;font-weight:800;margin:0 0 10px;letter-spacing:-.01em}.fde-cmp-col ul{margin:0;padding-left:18px;list-style:disc;display:flex;flex-direction:column;gap:8px}.fde-cmp-col li{font-size:.88rem;line-height:1.6}.fde-cmp-col--bad{background:#FFF7F7;border-color:#FECDD3}.fde-cmp-col--bad h3{color:#BE123C}.fde-cmp-col--bad li{color:#7f1d1d}.fde-cmp-col--good{background:#ECFDF5;border-color:#A7F3D0}.fde-cmp-col--good h3{color:#047857}.fde-cmp-col--good li{color:#134e4a}.fde-fig{margin:10px 0 24px}.fde-fig-frame{border:1px solid var(--le-border);border-radius:14px;background:#fff;padding:14px;overflow-x:auto}.fde-fig-frame svg{display:block;min-width:560px}.fde-fig figcaption{font-size:.85rem;color:var(--le-gray);line-height:1.65;margin-top:10px;padding:0 2px}.fde-q{border:1px solid #c7d2fe;border-radius:14px;background:#F5F7FF;padding:18px 20px;margin:10px 0 22px}.fde-q-lbl{font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4f46e5}.fde-q-q{font-size:.98rem;font-weight:700;color:var(--le-ink);line-height:1.6;margin:8px 0 14px}.fde-q-opts{display:flex;flex-direction:column;gap:8px}.fde-q-opt{display:flex;gap:11px;align-items:flex-start;text-align:left;width:100%;background:#fff;border:1px solid #dde3f0;border-radius:10px;padding:11px 14px;cursor:pointer;font-size:.9rem;line-height:1.55;color:#374151;font-family:inherit;transition:border-color .15s,background .15s,transform .12s}.fde-q-opt:hover:not(:disabled){border-color:#818cf8;transform:translateY(-1px)}.fde-q-opt:disabled{cursor:default}.fde-q-key{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:#EEF2FF;color:#4f46e5;font-size:.74rem;font-weight:800;display:flex;align-items:center;justify-content:center}.fde-q-opt.correct{border-color:var(--le-green);background:#F0FDF4}.fde-q-opt.correct .fde-q-key{background:var(--le-green);color:#fff}.fde-q-opt.wrong{border-color:#FDA4AF;background:#FFF1F2}.fde-q-opt.wrong .fde-q-key{background:#E11D48;color:#fff}.fde-q-exp{margin-top:13px;padding-top:13px;border-top:1px solid #dde3f0;font-size:.89rem;line-height:1.7;color:#3730a3}.fde-terms{margin:6px 0 22px;display:flex;flex-direction:column;gap:10px}.fde-term{border:1px solid var(--le-border);border-left:3px solid var(--fde-bright);border-radius:10px;background:var(--le-soft);padding:13px 16px}.fde-term dt{font-size:.92rem;font-weight:800;color:var(--le-ink);margin-bottom:5px}.fde-term dd{margin:0;font-size:.9rem;line-height:1.7;color:#4b5563}.fde-lab{border:2px solid var(--fde);border-radius:18px;background:#fff;overflow:hidden;margin:18px 0 26px;box-shadow:0 10px 30px rgba(55,118,171,.09)}.fde-lab-head{background:linear-gradient(180deg,var(--fde-tint),#fff);padding:22px 24px 18px;border-bottom:1px solid #dce9f7}.fde-lab-kicker{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fde)}.fde-lab-head h3{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:8px 0 10px}.fde-lab-brief{font-size:.95rem;line-height:1.72;color:#374151;margin:0 0 14px}.fde-lab-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.fde-lab-time{font-weight:700;color:#B45309;background:#FFFBEB;border:1px solid #fde68a;border-radius:99px}.fde-lab-chip,.fde-lab-time{font-size:.76rem;padding:4px 11px}.fde-lab-chip{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#374151;background:#fff;border:1px solid var(--le-border);border-radius:99px}.fde-lab-chip svg{display:block}.fde-lab-sec{padding:18px 24px 4px}.fde-lab-sec h4{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--le-lgray);margin:0 0 10px}.fde-lab-sec .fde-list{padding-left:20px}.fde-acc{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.fde-acc li{position:relative;padding-left:26px;font-size:.93rem;line-height:1.65;color:#374151}.fde-acc li:before{content:"✓";position:absolute;left:0;top:0;color:var(--le-green);font-weight:800;font-size:.95rem}.fde-lab-sol{border-top:1px solid var(--le-border);background:var(--le-soft);padding:0 24px}.fde-lab-sol summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--fde);padding:15px 0;list-style:none;display:flex;align-items:center;gap:8px}.fde-lab-sol summary::-webkit-details-marker{display:none}.fde-lab-sol summary:before{content:"▸";transition:transform .18s}.fde-lab-sol[open] summary:before{transform:rotate(90deg)}.fde-lab-solnote{font-size:.89rem;line-height:1.7;color:#4b5563;margin:0 0 12px}.fde-lab-sol .fde-code{margin-bottom:20px}.fde-foot{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 10px;padding-top:26px;border-top:1px solid var(--le-border)}.fde-foot a{display:block;border:1px solid var(--le-border);border-radius:14px;background:#fff;padding:15px 18px;text-decoration:none;transition:border-color .15s,transform .15s}.fde-foot a:hover{border-color:var(--fde-bright);transform:translateY(-2px)}.fde-foot span{font-size:.74rem;color:var(--fde);margin-bottom:4px}.fde-foot b,.fde-foot span{display:block;font-weight:700}.fde-foot b{font-size:.95rem;color:var(--le-ink);line-height:1.4}.fde-foot-r{text-align:right}.fde-foot-empty{border:none!important;background:none!important}.fde-foot-exam{background:var(--fde-tint)!important;border-color:#BFD7EE!important}.fde-examcta{max-width:1180px;margin:34px auto 0;padding:0 24px;display:block}.fde-examcta>div{border:1px solid #bfd7ee;border-radius:18px;background:var(--fde-tint);padding:26px 28px}.fde-examcta-badge{display:none}.fde-examcta h2{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;color:#1E3A5F}.fde-examcta p{font-size:.94rem;line-height:1.7;color:#2B527D;margin:0 0 16px;max-width:720px}.fde-examcta-btn{display:inline-block;background:var(--fde);color:#fff;font-weight:800;font-size:.92rem;padding:12px 26px;border-radius:11px;text-decoration:none}.fde-examcta-btn:hover{background:#2B527D}.fde-faq{max-width:1180px;margin:40px auto 8px;padding:0 24px}.fde-faq>h2{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}.fde-faq-item{border:1px solid var(--le-border);border-radius:12px;background:var(--le-soft);padding:2px 18px;margin-bottom:10px}.fde-faq-item summary{cursor:pointer;font-weight:700;font-size:.98rem;color:var(--le-ink);padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.fde-faq-item summary::-webkit-details-marker{display:none}.fde-faq-item summary:after{content:"+";font-size:1.3rem;color:var(--fde);font-weight:700;flex-shrink:0}.fde-faq-item[open] summary:after{content:"–"}.fde-faq-a{font-size:.94rem;color:#374151;line-height:1.7;padding:0 0 16px}.le-cta{max-width:860px;margin:30px auto 80px;padding:0 24px}.le-cta-inner{background:var(--le-ink);border-radius:20px;padding:40px 36px;text-align:center}.le-cta-inner h2{color:#fff;font-size:1.4rem;font-weight:800;margin:0 0 12px;letter-spacing:-.02em}.le-cta-inner p{color:rgba(255,255,255,.6);font-size:.96rem;margin:0 0 24px;line-height:1.6}.le-cta-btn{display:inline-block;background:#fff;color:var(--le-ink);font-weight:800;font-size:.95rem;padding:13px 28px;border-radius:12px;text-decoration:none}@media (max-width:960px){.sqlx{grid-template-columns:1fr;gap:18px}.sqlx-toc{position:static}.sqlx-toc-inner{max-height:300px}.fde-cmp{grid-template-columns:1fr}}@media (max-width:620px){.sqll-head h2{font-size:1.24rem}.fde-stats{grid-template-columns:repeat(2,1fr)}.fde-foot{grid-template-columns:1fr}.fde-foot-r{text-align:left}.fde-stack-grid{grid-template-columns:1fr}.fde-lab-head,.fde-lab-sec,.fde-lab-sol{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.fde-copy,.fde-foot a,.fde-q-opt{transition:none!important}}.le-hero{background:linear-gradient(180deg,#ffffff 0,var(--pg-tint) 100%)}.pg-hero-prog{margin-top:22px;max-width:520px;border:1px solid var(--le-border);border-radius:14px;background:rgba(255,255,255,.85);padding:12px 16px 14px}.pg-hero-prog-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.8rem;color:var(--le-gray);font-variant-numeric:tabular-nums}.pg-hero-prog-row b{color:var(--le-ink);font-size:1.05rem}.pg-hero-prog-track{height:7px;border-radius:99px;background:var(--fde-tint2);overflow:hidden;margin-top:9px}.pg-hero-prog-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--pg),var(--pg-bright));transition:width .7s cubic-bezier(.22,1,.36,1)}.pg-prog-resume{display:inline-block;margin-top:10px;font-size:.78rem;font-weight:700;color:var(--pg);text-decoration:none}.pg-prog-resume:hover{text-decoration:underline}.lp-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:2000;background:transparent;pointer-events:none}.lp-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--pg),var(--pg-bright));transition:width .5s ease}.lp-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3000}.pg-intro{position:relative}.pg-intro-mark{position:absolute;top:18px;right:20px;opacity:.9}.pg-intro p a{color:var(--pg);font-weight:600}.sqlx-toc a .lp-check{margin-left:auto;color:var(--le-green);font-weight:800;font-size:.78rem;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.sqlx-toc a.lp-done .lp-check{opacity:1;transform:scale(1)}.sqlx-toc a.lp-done .tnum{color:var(--le-green)}.sqlx-toc a.lp-just{background:#ecfdf5}.sqlx-toc a.lp-just .lp-check{animation:lp-pop .5s ease}@keyframes lp-pop{0%{transform:scale(.4)}60%{transform:scale(1.35)}to{transform:scale(1)}}.sqll-head{position:relative}.pg-lesson-tick{margin-left:auto;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--le-border);color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;background:#fff;transition:background .2s,border-color .2s;flex-shrink:0}.pg-lesson.lp-done .pg-lesson-tick{background:var(--le-green);border-color:var(--le-green)}.pg-lesson-end{height:1px}.sqll-num{background:var(--pg)}.pg-code{border:1px solid var(--le-border);border-radius:12px;overflow:hidden;margin:8px 0 18px;background:#fff;box-shadow:0 1px 0 rgba(17,24,39,.03)}.pg-code-bar{display:flex;align-items:center;gap:12px;padding:7px 12px;background:var(--le-soft);border-bottom:1px solid var(--le-border)}.pg-code-lang{font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pg)}.pg-code-file{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;color:var(--le-lgray)}.pg-copy,.pg-run-ghost{margin-left:auto;background:#fff;color:#4b5563;border:1px solid var(--le-border);font-weight:600;font-size:.72rem;padding:4px 11px;border-radius:99px;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s,transform .12s}.pg-run-ghost{margin-left:0}.pg-copy:hover,.pg-run-ghost:hover:not(:disabled){color:var(--le-ink);border-color:#cbd5e1}.pg-copy:active,.pg-run-ghost:active{transform:scale(.97)}.pg-copy.done{color:#047857;border-color:#a7f3d0}.pg-run-ghost:disabled{opacity:.45;cursor:default}.pg-code-body{display:flex;overflow-x:auto}.pg-gutter{flex-shrink:0;display:flex;flex-direction:column;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.6;color:#b6bcc8;background:var(--le-soft);border-right:1px solid var(--le-border);min-width:40px;padding:12px 10px 12px 0}.pg-code pre{margin:0;padding:12px 16px;flex:1}.pg-code code{font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.6;white-space:pre;-moz-tab-size:4;-o-tab-size:4;tab-size:4;color:var(--le-ink)}.pg-code pre code{background:none;padding:0;border-radius:0}.pg-code-cap{font-size:.86rem;color:var(--le-gray);line-height:1.6;margin:-8px 0 20px;padding:0 2px}.pg-code-cap code,.pg-err-fix code,.pg-err-why code,.pg-int-body code,.pg-iv-a code,.pg-run-task code,.pg-trace-says code{font-family:ui-monospace,Menlo,monospace;font-size:.86em;background:var(--fde-tint);color:#1e3a5f;padding:1px 6px;border-radius:5px}.pg-run{border:1px solid var(--le-border);border-radius:14px;overflow:hidden;margin:8px 0 20px;background:#fff;box-shadow:0 8px 26px rgba(17,24,39,.06)}.pg-run:focus-within{border-color:var(--pg-bright);box-shadow:0 8px 26px rgba(55,118,171,.12)}.pg-run-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--le-soft);border-bottom:1px solid var(--le-border);flex-wrap:wrap}.pg-run-hint{font-size:.72rem;color:var(--le-lgray)}.pg-run-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.pg-run-btn{display:inline-flex;align-items:center;gap:7px;background:var(--pg);color:#fff;border:none;font-weight:800;font-size:.78rem;padding:6px 15px;border-radius:99px;cursor:pointer;font-family:inherit;transition:background .15s,transform .12s}.pg-run-btn:hover:not(:disabled){background:var(--le-ink)}.pg-run-btn:active{transform:scale(.97)}.pg-run-btn:disabled{opacity:.6;cursor:default}.pg-run-spin{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:pg-spin .7s linear infinite}@keyframes pg-spin{to{transform:rotate(1turn)}}.pg-run-out{border-top:1px solid var(--le-border);background:#0b1220}.pg-run-out-bar{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #1f2937}.pg-run-ms{font-weight:600;letter-spacing:0;text-transform:none;font-family:ui-monospace,Menlo,monospace}.pg-run-pre{margin:0;padding:12px 16px;overflow-x:auto;max-height:280px}.pg-run-pre code{font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.6;color:#e2e8f0;white-space:pre}.pg-run-out--err .pg-run-out-bar{color:#fda4af}.pg-run-out--err .pg-run-pre code{color:#fecdd3}.pg-run-expect{border-top:1px solid var(--le-border);background:var(--le-soft)}.pg-run-expect summary{cursor:pointer;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--le-gray);padding:8px 14px;list-style:none}.pg-run-expect summary::-webkit-details-marker{display:none}.pg-run-expect summary:before{content:"▸ "}.pg-run-expect[open] summary:before{content:"▾ "}.pg-run-expect pre{margin:0;padding:0 16px 12px;overflow-x:auto}.pg-run-expect code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.6;color:#374151;white-space:pre}.pg-run-task{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--le-border);background:#FFFBEB;padding:12px 14px;font-size:.9rem;line-height:1.65;color:#78350F}.pg-run-task-lbl{flex-shrink:0;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#B45309;margin-top:4px}.pg-run-task p{margin:0}.pg-run .pg-code-cap{margin:0;padding:10px 14px;border-top:1px solid var(--le-border)}.pg-trace{border:1px solid #c7d2fe;border-radius:14px;overflow:hidden;margin:8px 0 22px;background:#fff;outline:none}.pg-trace:focus-visible{box-shadow:0 0 0 3px rgba(79,70,229,.18)}.pg-trace-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#F5F7FF;border-bottom:1px solid #c7d2fe;flex-wrap:wrap}.pg-trace-kicker{font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4f46e5}.pg-trace-title{font-size:.86rem;font-weight:700;color:var(--le-ink)}.pg-trace-n{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:.74rem;color:#6366f1;font-variant-numeric:tabular-nums}.pg-trace-grid{display:grid;grid-template-columns:1.15fr 1fr}.pg-trace-code{margin:0;padding:10px 0;overflow-x:auto;border-right:1px solid var(--le-border);font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.7}.pg-trace-line{display:flex;gap:0;padding:0 12px 0 0;white-space:pre;border-left:3px solid transparent}.pg-trace-line.is-cur{background:#EEF2FF;border-left-color:#4f46e5}.pg-trace-ln{width:34px;flex-shrink:0;text-align:right;padding-right:12px;color:#b6bcc8;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-trace-line.is-cur .pg-trace-ln{color:#4f46e5;font-weight:700}.pg-trace-side{padding:12px 14px;display:flex;flex-direction:column;gap:12px;background:#fff;min-width:0}.pg-trace-lbl{display:block;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--le-lgray);margin-bottom:5px}.pg-trace-says p{margin:0;font-size:.9rem;line-height:1.6;color:#1f2937}.pg-trace-vars table{border-collapse:collapse;width:100%;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.pg-trace-vars td{padding:4px 8px;border-bottom:1px solid var(--le-border);color:#374151}.pg-trace-vars td:first-child{color:var(--pg);font-weight:700;width:38%}.pg-trace-vars tr.is-new td{background:#FEF9C3}.pg-trace-out code,.pg-trace-vars code{font-family:inherit;background:none;padding:0}.pg-trace-empty{margin:0;font-size:.84rem;color:var(--le-lgray);font-style:italic}.pg-trace-out pre{margin:0;background:#0b1220;border-radius:8px;padding:8px 10px;overflow-x:auto}.pg-trace-out code{color:#e2e8f0;font-size:12.5px;white-space:pre}.pg-trace-ctl{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--le-border);background:var(--le-soft);flex-wrap:wrap}.pg-trace-dots{display:flex;gap:4px;margin:0 auto}.pg-trace-dots span{width:7px;height:7px;border-radius:50%;background:#e0e4ea}.pg-trace-ctl .pg-run-btn,.pg-trace-dots span.on{background:#4f46e5}.pg-trace-ctl .pg-run-btn:hover:not(:disabled){background:#3730a3}.pg-trace-all{border-top:1px solid var(--le-border)}.pg-trace-all summary{cursor:pointer;font-size:.74rem;font-weight:700;color:var(--le-gray);padding:8px 14px;list-style:none}.pg-trace-all summary::-webkit-details-marker{display:none}.pg-trace-all summary:before{content:"▸ "}.pg-trace-all[open] summary:before{content:"▾ "}.pg-trace-table{margin:0;border:none;border-radius:0;border-top:1px solid var(--le-border)}.pg-trace-table .fde-table{min-width:480px}.pg-trace-table td:first-child,.pg-trace-table td:nth-child(2){font-family:ui-monospace,Menlo,monospace;color:var(--le-gray)}.pg-err{border:1px solid #fecdd3;border-radius:16px;background:#fff;overflow:hidden;margin:12px 0 24px}.pg-err-head{background:#FFF1F2;border-bottom:1px solid #fecdd3;padding:14px 18px 12px}.pg-err-kicker{display:block;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#BE123C;margin-bottom:4px}.pg-err-head h3{margin:0;font-family:ui-monospace,Menlo,monospace;font-size:1rem;font-weight:800;color:#881337;letter-spacing:-.01em}.pg-err .pg-code{border-radius:0;border-left:none;border-right:none;border-top:none;margin:0;box-shadow:none}.pg-err-tb{margin:0;padding:12px 18px;background:#0b1220;overflow-x:auto}.pg-err-tb code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.6;color:#fecdd3;white-space:pre}.pg-err-fix,.pg-err-why{padding:14px 18px}.pg-err-why{border-bottom:1px dashed var(--le-border)}.pg-err-fix b,.pg-err-why b{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.pg-err-why b{color:#BE123C}.pg-err-fix b{color:#047857}.pg-err-fix p,.pg-err-why p{margin:0;font-size:.92rem;line-height:1.7;color:#374151}.pg-err-fix .pg-code{border:1px solid #a7f3d0;border-radius:10px;margin:12px 0 0}.pg-iv{border:1px solid var(--le-border);border-radius:12px;background:#fff;margin:0 0 10px;overflow:hidden}.pg-iv summary{cursor:pointer;display:flex;gap:12px;align-items:flex-start;padding:13px 16px;list-style:none}.pg-iv summary::-webkit-details-marker{display:none}.pg-iv-lvl{flex-shrink:0;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 9px;margin-top:2px}.pg-iv--junior .pg-iv-lvl{background:#ECFDF5;color:#047857}.pg-iv--mid .pg-iv-lvl{background:#FFFBEB;color:#B45309}.pg-iv--senior .pg-iv-lvl{background:#FFF1F2;color:#BE123C}.pg-iv-q{font-size:.95rem;font-weight:700;color:var(--le-ink);line-height:1.5}.pg-iv-a{padding:0 16px 14px;border-top:1px solid var(--le-border);background:var(--le-soft)}.pg-iv-a p{margin:12px 0 0;font-size:.92rem;line-height:1.7;color:#374151}.pg-iv-testing{color:#4f46e5!important;font-size:.86rem!important}.pg-iv[open] summary{background:var(--le-soft)}.pg-int{border:1px solid var(--le-border);border-radius:16px;background:#fff;margin:12px 0 26px;overflow:hidden;box-shadow:0 8px 26px rgba(17,24,39,.05)}.pg-int-head{gap:14px;padding:16px 18px;background:var(--le-soft);border-bottom:1px solid var(--le-border)}.pg-int-head,.pg-int-mark{display:flex;align-items:center}.pg-int-mark{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--le-border);justify-content:center}.pg-int-kicker{display:block;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pg)}.pg-int-head h3{margin:3px 0 0;font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.pg-int-body{padding:14px 18px 0;font-size:.93rem;line-height:1.7;color:#374151}.pg-int-body p{margin:0 0 12px}.pg-int .pg-code{margin:4px 18px 16px}.pg-int-link{display:block;padding:12px 18px;border-top:1px solid var(--le-border);font-size:.88rem;font-weight:700;color:var(--pg);text-decoration:none}.pg-int-link:hover{background:var(--fde-tint)}.pg-pr{margin:12px 0 22px}.pg-pr-h{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--le-lgray);margin:0 0 10px}.pg-pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pg-pr-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--le-border);border-radius:12px;background:#fff;padding:13px 15px;text-decoration:none;transition:border-color .15s,transform .15s}.pg-pr-card:hover{border-color:var(--pg-bright);transform:translateY(-2px)}.pg-pr-t{font-size:.9rem;font-weight:700;color:var(--le-ink);text-transform:capitalize}.pg-pr-go{font-size:.78rem;font-weight:700;color:var(--pg)}.pg-syl{margin:34px 0 10px}.pg-syl-head h2{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.pg-syl-head p{font-size:.92rem;color:var(--le-gray);margin:0 0 16px}.pg-syl-mod{border:1px solid var(--le-border);border-radius:12px;background:#fff;margin-bottom:8px;overflow:hidden}.pg-syl-mod summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 16px;list-style:none}.pg-syl-mod summary::-webkit-details-marker{display:none}.pg-syl-num{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;font-weight:800;color:var(--pg);background:var(--fde-tint);border-radius:7px;padding:4px 8px}.pg-syl-title{font-weight:700;font-size:.95rem;color:var(--le-ink);flex:1}.pg-syl-count{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;color:var(--le-lgray);font-variant-numeric:tabular-nums}.pg-syl-mod.is-done .pg-syl-count{color:var(--le-green);font-weight:700}.pg-syl-rows{border-top:1px solid var(--le-border);padding:6px 8px 8px;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.pg-syl-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;text-decoration:none;font-size:.88rem;color:#4b5563}.pg-syl-row:hover{background:var(--le-soft);color:var(--le-ink)}.pg-syl-tick{width:18px;height:18px;border-radius:50%;border:1.5px solid #d1d5db;flex-shrink:0;position:relative;transition:background .2s,border-color .2s}.pg-syl-row.lp-done .pg-syl-tick{background:var(--le-green);border-color:var(--le-green)}.pg-syl-row.lp-done .pg-syl-tick:after{content:"✓";color:#fff;font-size:.68rem;font-weight:800;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pg-syl-row.lp-done{color:var(--le-lgray)}.dp-toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:3100;flex-direction:column;gap:8px;pointer-events:none}.dp-toast,.dp-toasts{display:flex;align-items:center}.dp-toast{gap:13px;background:#fff;border:1px solid var(--le-border);border-radius:14px;padding:12px 18px;box-shadow:0 18px 40px rgba(17,24,39,.14);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);max-width:min(92vw,420px)}.dp-toast.in{opacity:1;transform:translateY(0) scale(1)}.dp-toast.big{border-color:var(--pg);border-width:2px}.dp-toast-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}.dp-toast-body{display:flex;flex-direction:column;gap:2px;min-width:0}.dp-toast-t{font-weight:800;font-size:.95rem;color:var(--le-ink)}.dp-toast-s{font-size:.82rem;color:var(--le-gray);font-variant-numeric:tabular-nums}@media (max-width:760px){.pg-trace-grid{grid-template-columns:1fr}.pg-trace-code{border-right:none;border-bottom:1px solid var(--le-border)}.pg-syl-rows{grid-template-columns:1fr}.pg-intro-mark{display:none}}@media (max-width:520px){.pg-run-hint{display:none}.pg-run-task{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.lp-bar-fill,.lp-check,.pg-hero-prog-fill,.pg-lesson-tick,.pg-syl-tick{transition:none!important}.pg-run-spin,.sqlx-toc a.lp-just .lp-check{animation:none!important}.dp-toast{transition:opacity .2s ease}.dp-toast,.dp-toast.in{transform:none}}