.breadcrumb-wrap{border-bottom:1px solid var(--color-border);background:var(--color-light)}.breadcrumb{white-space:nowrap;padding-block:.85rem;overflow-x:auto}.breadcrumb ol{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{color:var(--color-text-muted);align-items:center;font-size:.78rem;display:flex}.breadcrumb li:not(:last-child):after{content:"/";color:#cbd5e1;margin-inline:.65rem}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-hover);text-underline-offset:.2rem;text-decoration:underline}.breadcrumb [aria-current=page]{color:#334155;font-weight:700}.db-article{min-width:0}.article-container{max-width:900px}.db-hero{background:radial-gradient(circle at 100% 0,#0ea5e926,#0000 30rem),radial-gradient(circle at 0 70%,#16a34a1a,#0000 27rem),linear-gradient(#fff,#f8fafc);padding-block:4rem;position:relative;overflow:hidden}.db-hero:after{content:"";pointer-events:none;border:1px solid #0ea5e91f;border-radius:50%;width:22rem;height:22rem;position:absolute;top:-9rem;right:-7rem}.db-hero-inner{z-index:1;gap:2rem;display:grid;position:relative}.db-hero-copy{max-width:760px}.db-hero h1{color:var(--color-dark);letter-spacing:-.05em;word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.08}.db-hero-lead{color:#334155;margin:1.5rem 0 0;font-size:clamp(1.15rem,3vw,1.35rem);font-weight:700;line-height:1.75}.db-hero-description{max-width:700px;color:var(--color-text-muted);margin:1rem 0 0}.db-hero-description code{color:#0369a1;background:#e0f2fe;border-radius:.3rem;padding:.15rem .35rem}.db-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;align-self:center;padding:1.5rem}.db-summary-label{color:var(--color-primary-hover);background:var(--color-primary-soft);letter-spacing:.06em;border-radius:999px;margin:0 0 1.1rem;padding:.35rem .7rem;font-size:.76rem;font-weight:900;display:inline-flex}.db-summary-list{margin:0}.db-summary-list>div{border-bottom:1px solid var(--color-border);grid-template-columns:5rem 1fr;gap:1rem;padding-block:.85rem;display:grid}.db-summary-list>div:first-child{padding-top:0}.db-summary-list>div:last-child{border-bottom:0;padding-bottom:0}.db-summary-list dt{color:var(--color-text-muted);font-size:.76rem;font-weight:700}.db-summary-list dd{color:#334155;margin:0;font-size:.86rem;font-weight:650}.db-toc-section{padding-block:2.5rem}.db-toc{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-light);padding:1.4rem}.db-toc h2{color:var(--color-dark);margin:0;font-size:1rem}.db-toc ol{gap:.55rem;margin:1rem 0 0;padding-left:1.4rem;display:grid}.db-toc li{color:var(--color-primary-hover);padding-left:.2rem;font-weight:700}.db-toc a{color:#334155;text-decoration:none}.db-toc a:hover{color:var(--color-primary-hover);text-underline-offset:.25rem;text-decoration:underline}.article-section-header{margin-bottom:2rem}.article-section-number{color:var(--color-primary);letter-spacing:.14em;margin:0 0 .4rem;font-size:.75rem;font-weight:900}.article-section-header h2,.learning-summary h2{color:var(--color-dark);letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,7vw,3rem);line-height:1.25}.article-section-header>p:last-child{color:var(--color-text-muted);margin:1rem 0 0}.article-body>p,.syntax-section>p,.learning-summary>p{color:#475569;font-size:1rem}.article-body>p+p,.syntax-section>p+p{margin-top:1.2rem}.article-body strong,.syntax-section strong,.learning-summary strong{color:var(--color-dark)}.article-body code,.syntax-section p code,.learning-summary code{color:#0369a1;background:#e0f2fe;border-radius:.3rem;padding:.12rem .32rem}.article-point-grid{gap:1rem;margin-top:2rem;display:grid}.article-point-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.4rem}.article-point-icon{width:2.8rem;height:2.8rem;color:var(--color-primary-hover);background:var(--color-primary-soft);border-radius:.8rem;place-items:center;margin-bottom:1rem;font-size:.72rem;font-weight:900;display:grid}.article-point-card h3{color:var(--color-dark);margin:0;font-size:1.12rem}.article-point-card p{color:var(--color-text-muted);margin:.6rem 0 0;font-size:.9rem}.article-note{color:#334155;border-radius:var(--radius-md);background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:1px solid #bbf7d0;margin-top:2rem;padding:1.3rem 1.4rem}.article-note strong{color:var(--color-primary-hover);font-size:.84rem;display:block}.article-note p{color:#475569;margin:.5rem 0 0}.article-small-note{color:var(--color-text-muted)!important;font-size:.8rem!important}.syntax-section{margin-top:4rem}.syntax-section:first-of-type{margin-top:0}.syntax-section+.syntax-section{border-top:1px solid var(--color-border);padding-top:4rem}.syntax-heading{margin-bottom:1.3rem}.syntax-tag{color:#0369a1;background:var(--color-blue-soft);border-radius:.45rem;margin-bottom:.55rem;padding:.3rem .6rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:900;display:inline-flex}.syntax-heading h3{color:var(--color-dark);letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,5vw,2rem);line-height:1.35}.code-example{background:var(--color-dark);border-radius:var(--radius-md);border:1px solid #334155;margin-block:1.5rem;overflow:hidden;box-shadow:0 14px 35px #0f172a1a}.code-example-header{color:#94a3b8;background:var(--color-dark-soft);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #334155;align-items:center;min-height:2.5rem;padding-inline:1rem;font-size:.7rem;font-weight:800;display:flex}.code-example pre{color:#e2e8f0;tab-size:4;margin:0;padding:1.3rem;font-size:.84rem;line-height:1.75;overflow-x:auto}.code-example code{color:inherit;font-size:inherit;background:0 0}.comparison-cta{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:1rem;max-width:900px;margin:2rem auto 0;padding:1.4rem;display:flex}.comparison-cta p{color:var(--color-text-muted);margin:0}.learning-summary{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(1.5rem,5vw,2.5rem)}.learning-summary>p:not(.section-kicker){margin:1.2rem 0 0}@media (width>=640px){.article-point-grid{grid-template-columns:repeat(3,1fr)}.comparison-cta{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.comparison-cta p{max-width:600px}}@media (width>=900px){.db-hero{padding-block:6rem}.db-hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:center;gap:5rem}.db-summary-card{padding:2rem}.db-toc-section{padding-block:3rem}.db-toc{padding:1.7rem 2rem}.db-toc ol{grid-template-columns:repeat(2,1fr);gap:.7rem 2rem}.syntax-section{margin-top:5rem}.syntax-section+.syntax-section{padding-top:5rem}}.mysql-trap{background:linear-gradient(135deg,#fff7ed,#fef2f2);border-color:#fed7aa}.mysql-trap strong{color:#c2410c}.mysql-try-section{position:relative}.mysql-cta-character{justify-content:center;align-items:flex-end;display:flex}.character-cta-wrap{justify-content:center;align-items:flex-end;width:100%;max-width:25rem;min-height:30rem;margin:0;display:flex;position:relative}.character-cta-wrap:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ef444417,#16a34a12 50%,#0000 72%);border-radius:50%;width:90%;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.character-cta{z-index:1;object-fit:contain;filter:drop-shadow(0 1.2rem 1.5rem #0f172a21);width:auto;max-width:min(78vw,19rem);max-height:38rem;position:relative}.mysql-dialog blockquote code{color:#0369a1;background:#e0f2fe;border-radius:.3rem;padding:.1rem .3rem;font-size:.9em}@media (width>=640px){.character-hero{max-width:21rem}.character-cta{max-width:20rem}}@media (width>=900px){.character-hero-wrap{justify-content:flex-end;align-self:stretch;min-height:34rem}.character-hero-wrap:before{width:26rem;bottom:1rem;left:auto;right:-2rem;transform:none}.character-hero{max-width:24rem;max-height:39rem}.db-hero-inner:has(.character-hero-wrap){grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);gap:3rem}.mysql-try-section .story-grid{grid-template-columns:minmax(300px,.72fr) minmax(360px,.9fr);align-items:center}.character-cta-wrap{min-height:37rem}.character-cta{max-width:22rem;max-height:40rem}}@supports not selector(:has(*)){@media (width>=900px){.db-hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr)}}}.oracle-trap{background:linear-gradient(135deg,#fff7ed,#fef2f2);border-color:#fed7aa}.oracle-trap strong{color:#c2410c}.oracle-try-section{position:relative}.oracle-cta-character{justify-content:center;align-items:flex-end;display:flex}.oracle-dialog blockquote code{color:#0369a1;background:#e0f2fe;border-radius:.3rem;padding:.1rem .3rem;font-size:.9em}@media (width>=900px){.oracle-try-section .story-grid{grid-template-columns:minmax(300px,.72fr) minmax(360px,.9fr);align-items:center}}