.attn-illustrated{--ink:#1a1a1a;--muted:#5c5c5c;--paper:#f7f5f0;--line:#1a1a1a;--yellow:#ffe566;--yellow-soft:#fff6c8;--green:#b8e986;--green-soft:#e8f8d8;--blue:#9ec9f5;--blue-soft:#dceeff;--orange:#f5b07a;--orange-soft:#ffe4cc;--font-display:var(--font-bricolage), "IBM Plex Sans", sans-serif;--font-ui:var(--font-plex-sans), "IBM Plex Sans", sans-serif;--font-mono:var(--font-plex-mono), "IBM Plex Mono", monospace}.attn-illustrated,.attn-illustrated *{box-sizing:border-box}.attn-illustrated *{margin:0;padding:0}.attn-illustrated{font-family:var(--font-ui);background:var(--paper);color:var(--ink);line-height:1.45}.attn-illustrated .page{width:min(100% - 1.5rem,1180px);margin:0 auto;padding:1.5rem 0 3rem}.attn-illustrated .intro{text-align:center;max-width:58ch;color:var(--muted);margin:0 auto 1.25rem;font-size:.95rem}.attn-illustrated .intro-more{text-align:left;max-width:62ch;color:var(--ink);background:#fff;border:1.5px solid #ddd;margin:0 auto 2rem;padding:1rem 1.1rem;font-size:.9rem;line-height:1.55}.attn-illustrated .intro-more p+p{margin-top:.65rem}.attn-illustrated .progress{flex-wrap:wrap;justify-content:center;gap:.45rem .85rem;max-width:52rem;margin:0 auto 1.75rem;display:flex}.attn-illustrated .progress a{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid #ccc;padding-bottom:.1rem;font-size:.72rem;font-weight:600;text-decoration:none}.attn-illustrated .progress a:hover{border-bottom-color:var(--ink)}.attn-illustrated .sheet{border-top:2px solid var(--line);padding:1.75rem 0}.attn-illustrated .stage-label{margin:.35rem 0 .95rem;padding:.55rem 0 .35rem}.attn-illustrated .tag{font-family:var(--font-display);border-radius:2px;padding:.45rem .85rem;font-size:1.05rem;font-weight:600;line-height:1.25;display:inline-block}.attn-illustrated .tag.yellow{background:var(--yellow)}.attn-illustrated .tag.green{background:var(--green)}.attn-illustrated .tag.blue{background:var(--blue)}.attn-illustrated .tag.orange{background:var(--orange)}.attn-illustrated .flow-note{color:var(--muted);max-width:62ch;margin-bottom:.85rem;font-size:.95rem}.attn-illustrated .explain{border-left:3px solid var(--line);background:#fff;max-width:68ch;margin:.85rem 0 1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.55}.attn-illustrated .explain.yellow{background:var(--yellow-soft);border-left-color:#e6c200}.attn-illustrated .explain.green{background:var(--green-soft);border-left-color:#6aaa2e}.attn-illustrated .explain.blue{background:var(--blue-soft);border-left-color:#4a90c8}.attn-illustrated .explain.orange{background:var(--orange-soft);border-left-color:#d9803a}.attn-illustrated .explain p+p{margin-top:.55rem}.attn-illustrated .explain .kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;font-size:.68rem;font-weight:600}.attn-illustrated .specs{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .25rem;display:flex}.attn-illustrated .spec{font-family:var(--font-mono);background:#fff;border:1px solid #ccc;padding:.3rem .5rem;font-size:.72rem;font-weight:500}.attn-illustrated .hint{color:var(--muted);max-width:62ch;margin-top:.55rem;font-size:.8rem}.attn-illustrated .formula-box{border:1.5px solid var(--line);font-family:var(--font-mono);background:#fff;margin:1rem 0;padding:.9rem 1rem;font-size:.85rem;line-height:1.5;overflow-x:auto}.attn-illustrated .tokens{border:1.5px solid var(--line);background:#fff;grid-auto-flow:column;margin:.35rem 0;display:inline-grid}.attn-illustrated .tok{text-align:center;border-right:1.5px solid var(--line);padding:.65rem .9rem;font-size:1.05rem;font-weight:600}.attn-illustrated .tok:last-child{border-right:none}.attn-illustrated .mat-wrap{margin-top:.85rem;overflow-x:auto}.attn-illustrated .mat-caption{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.attn-illustrated .mat{border:1.5px solid var(--line);font-family:var(--font-mono);background:#fff;font-size:.78rem;display:inline-grid}.attn-illustrated .mat .c{text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;min-width:2.6rem;padding:.4rem .55rem}.attn-illustrated .mat .c.head{text-transform:uppercase;letter-spacing:.03em;background:#f0eee8;font-size:.68rem;font-weight:600}.attn-illustrated .mat .c.rowhead{text-align:left;background:#f0eee8;font-weight:600}.attn-illustrated .mat .c.hi{background:var(--yellow-soft);font-weight:600}.attn-illustrated .mat .c.win{background:var(--green-soft);font-weight:600}.attn-illustrated .mat.cols-3{grid-template-columns:repeat(3,minmax(2.6rem,auto))}.attn-illustrated .mat.cols-4{grid-template-columns:repeat(4,minmax(2.6rem,auto))}.attn-illustrated .mat.cols-4r{grid-template-columns:auto repeat(3,minmax(2.6rem,auto))}.attn-illustrated .mat.cols-5{grid-template-columns:auto repeat(4,minmax(2.6rem,auto))}.attn-illustrated .mat-row{flex-wrap:wrap;align-items:start;gap:1rem;margin-top:.85rem;display:flex}.attn-illustrated .times{font-family:var(--font-mono);color:var(--muted);align-self:center;padding:.5rem .25rem;font-size:1.2rem;font-weight:600}.attn-illustrated .worked{background:#ffffffb3;border:1.5px dashed #bbb;max-width:72ch;margin-top:.85rem;padding:.75rem .9rem;font-size:.82rem;line-height:1.5}.attn-illustrated .worked .title{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;font-size:.7rem;font-weight:600}.attn-illustrated .math-line{font-family:var(--font-mono);color:var(--ink);margin-top:.35rem;font-size:.76rem}.attn-illustrated .qkv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.attn-illustrated .qkv-card{border:1.5px solid var(--line);background:#fff;padding:.85rem .95rem;font-size:.84rem;line-height:1.45}.attn-illustrated .qkv-card .letter{width:2rem;height:2rem;font-family:var(--font-display);justify-content:center;align-items:center;margin-bottom:.45rem;font-weight:700;display:inline-flex}.attn-illustrated .qkv-card.q .letter{background:var(--yellow)}.attn-illustrated .qkv-card.k .letter{background:var(--blue)}.attn-illustrated .qkv-card.v .letter{background:var(--green)}.attn-illustrated .qkv-card h3{font-family:var(--font-display);margin-bottom:.35rem;font-size:1rem;font-weight:600}.attn-illustrated .steps-list{gap:.65rem;max-width:68ch;margin-top:1rem;list-style:none;display:grid}.attn-illustrated .steps-list li{background:#fff;border:1.5px solid #ddd;padding:.75rem .9rem;font-size:.86rem;line-height:1.45}.attn-illustrated .steps-list strong{font-family:var(--font-display);margin-bottom:.25rem;display:block}.attn-illustrated .takeaway h2{font-family:var(--font-display);margin-bottom:.75rem;font-size:1.6rem;font-weight:700}.attn-illustrated .takeaway p{max-width:68ch;font-size:.92rem;line-height:1.55}.attn-illustrated .formula{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;display:flex}.attn-illustrated .formula span{font-family:var(--font-mono);border:1.5px solid var(--line);background:#fff;padding:.4rem .6rem;font-size:.78rem;font-weight:600}.attn-illustrated .formula .plus{color:var(--muted);background:0 0;border:none;font-weight:500}.attn-illustrated .weight-bars{gap:.75rem;max-width:36rem;margin-top:1rem;display:grid}.attn-illustrated .weight-row{gap:.35rem;display:grid}.attn-illustrated .weight-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.attn-illustrated .bar-track{grid-template-columns:4.5rem 1fr auto;align-items:center;gap:.45rem;font-size:.78rem;display:grid}.attn-illustrated .bar-track .who{font-family:var(--font-mono);font-size:.72rem}.attn-illustrated .bar{background:var(--blue-soft);border:1px solid #8eb4d8;height:.7rem;position:relative}.attn-illustrated .bar>i{background:var(--blue);height:100%;font-style:normal;display:block}.attn-illustrated .bar-track .pct{font-family:var(--font-mono);text-align:right;min-width:3rem;font-size:.72rem}.attn-illustrated .myth-list{gap:.75rem;max-width:68ch;margin-top:1rem;list-style:none;display:grid}.attn-illustrated .myth-list li{background:#fff;border:1.5px solid #ddd;padding:.85rem 1rem;font-size:.84rem;line-height:1.5}.attn-illustrated .myth-list strong{font-family:var(--font-display);margin-bottom:.35rem;font-size:.95rem;display:block}.attn-illustrated .mask-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.attn-illustrated .mask-card{background:#fff;border:1.5px solid #ddd;padding:.85rem .95rem;font-size:.84rem;line-height:1.5}.attn-illustrated .mask-card h3{font-family:var(--font-display);margin-bottom:.45rem;font-size:1rem;font-weight:600}.attn-illustrated .shape-table{border-collapse:collapse;background:#fff;width:100%;max-width:40rem;margin-top:.85rem;font-size:.82rem}.attn-illustrated .shape-table th,.attn-illustrated .shape-table td{border:1.5px solid var(--line);text-align:left;padding:.45rem .6rem}.attn-illustrated .shape-table th{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#f0eee8;font-size:.68rem;font-weight:600}.attn-illustrated .shape-table td.mono{font-family:var(--font-mono);font-size:.76rem}@media (max-width:800px){.attn-illustrated .qkv-grid,.attn-illustrated .mask-grid{grid-template-columns:1fr}}
.kvc-illustrated{--ink:#1a1a1a;--muted:#5c5c5c;--paper:#f7f5f0;--line:#1a1a1a;--yellow:#ffe566;--yellow-soft:#fff6c8;--green:#b8e986;--green-soft:#e8f8d8;--blue:#9ec9f5;--blue-soft:#dceeff;--orange:#f5b07a;--orange-soft:#ffe4cc;--red-soft:#f8d9d4;--font-display:var(--font-bricolage), "IBM Plex Sans", sans-serif;--font-ui:var(--font-plex-sans), "IBM Plex Sans", sans-serif;--font-mono:var(--font-plex-mono), "IBM Plex Mono", monospace}.kvc-illustrated,.kvc-illustrated *{box-sizing:border-box}.kvc-illustrated *{margin:0;padding:0}.kvc-illustrated{font-family:var(--font-ui);background:var(--paper);color:var(--ink);line-height:1.45}.kvc-illustrated .page{width:min(100% - 1.5rem,1180px);margin:0 auto;padding:1.5rem 0 3rem}.kvc-illustrated .intro{text-align:center;max-width:58ch;color:var(--muted);margin:0 auto 1.25rem;font-size:.95rem}.kvc-illustrated .intro-more{text-align:left;max-width:62ch;color:var(--ink);background:#fff;border:1.5px solid #ddd;margin:0 auto 2rem;padding:1rem 1.1rem;font-size:.9rem;line-height:1.55}.kvc-illustrated .intro-more p+p{margin-top:.65rem}.kvc-illustrated .intro-more strong{font-weight:600}.kvc-illustrated .progress{flex-wrap:wrap;justify-content:center;gap:.45rem .85rem;max-width:52rem;margin:0 auto 1.75rem;display:flex}.kvc-illustrated .progress a{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid #ccc;padding-bottom:.1rem;font-size:.72rem;font-weight:600;text-decoration:none}.kvc-illustrated .progress a:hover{border-bottom-color:var(--ink)}.kvc-illustrated .sheet{border-top:2px solid var(--line);padding:1.75rem 0}.kvc-illustrated .stage-label{font-family:var(--font-display);margin:.35rem 0 .95rem;padding:.55rem 0 .35rem;font-size:1.15rem;font-weight:600;line-height:1.35}.kvc-illustrated .tag{font-family:var(--font-display);border-radius:2px;padding:.45rem .85rem;font-size:1.05rem;font-weight:600;line-height:1.25;display:inline-block}.kvc-illustrated .tag.yellow{background:var(--yellow)}.kvc-illustrated .tag.green{background:var(--green)}.kvc-illustrated .tag.blue{background:var(--blue)}.kvc-illustrated .tag.orange{background:var(--orange)}.kvc-illustrated .flow-note{color:var(--muted);max-width:62ch;margin-bottom:.85rem;font-size:.95rem}.kvc-illustrated .explain{border-left:3px solid var(--line);color:var(--ink);background:#fff;max-width:68ch;margin:.85rem 0 1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.55}.kvc-illustrated .explain.yellow{background:var(--yellow-soft);border-left-color:#e6c200}.kvc-illustrated .explain.green{background:var(--green-soft);border-left-color:#6aaa2e}.kvc-illustrated .explain.blue{background:var(--blue-soft);border-left-color:#4a90c8}.kvc-illustrated .explain.orange{background:var(--orange-soft);border-left-color:#d9803a}.kvc-illustrated .explain.waste{background:var(--red-soft);border-left-color:#c45c4a}.kvc-illustrated .explain p+p{margin-top:.55rem}.kvc-illustrated .explain .kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;font-size:.68rem;font-weight:600}.kvc-illustrated .specs{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .25rem;display:flex}.kvc-illustrated .spec{font-family:var(--font-mono);color:var(--ink);background:#fff;border:1px solid #ccc;padding:.3rem .5rem;font-size:.72rem;font-weight:500}.kvc-illustrated .hint{color:var(--muted);max-width:62ch;margin-top:.55rem;font-size:.8rem}.kvc-illustrated .tokens{border:1.5px solid var(--line);background:#fff;grid-auto-columns:minmax(4.5rem,auto);grid-auto-flow:column;margin:.35rem 0;display:inline-grid}.kvc-illustrated .tok{font-family:var(--font-ui);text-align:center;border-right:1.5px solid var(--line);padding:.65rem .75rem;font-size:1.05rem;font-weight:600}.kvc-illustrated .tok:last-child{border-right:none}.kvc-illustrated .tok.new{background:var(--green)}.kvc-illustrated .tok.cached{background:var(--blue-soft)}.kvc-illustrated .tok.recompute{background:var(--red-soft)}.kvc-illustrated .seq-stack{gap:.85rem;margin-top:1rem;display:grid}.kvc-illustrated .seq-row{gap:.35rem;display:grid}.kvc-illustrated .seq-label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.kvc-illustrated .arrow-down{font-family:var(--font-mono);color:var(--muted);margin:.15rem 0 .15rem .25rem;font-size:.85rem}.kvc-illustrated .qkv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.kvc-illustrated .qkv-card{border:1.5px solid var(--line);background:#fff;padding:.9rem .95rem;font-size:.84rem;line-height:1.45}.kvc-illustrated .qkv-card .letter{width:2rem;height:2rem;font-family:var(--font-display);justify-content:center;align-items:center;margin-bottom:.55rem;font-size:1.1rem;font-weight:700;display:inline-flex}.kvc-illustrated .qkv-card.q .letter{background:var(--yellow)}.kvc-illustrated .qkv-card.k .letter{background:var(--blue)}.kvc-illustrated .qkv-card.v .letter{background:var(--green)}.kvc-illustrated .qkv-card h3{font-family:var(--font-display);margin-bottom:.4rem;font-size:1rem;font-weight:600}.kvc-illustrated .qkv-card .muted{color:var(--muted);margin-top:.55rem;font-size:.78rem}.kvc-illustrated .step-grid{gap:.85rem;margin-top:1rem;display:grid}.kvc-illustrated .step-card{background:#fff;border:1.5px solid #ddd;padding:.9rem 1rem}.kvc-illustrated .step-card h3{font-family:var(--font-display);margin-bottom:.55rem;font-size:1.05rem;font-weight:600}.kvc-illustrated .step-card p{color:var(--ink);font-size:.84rem;line-height:1.5}.kvc-illustrated .step-card p+p,.kvc-illustrated .step-card .tokens{margin-top:.55rem}.kvc-illustrated .cache-box{background:var(--blue-soft);border:1.5px dashed #4a90c8;margin-top:.75rem;padding:.7rem .85rem;font-size:.82rem;line-height:1.45}.kvc-illustrated .cache-box .title{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.68rem;font-weight:600}.kvc-illustrated .compare-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin-top:1rem;display:grid}.kvc-illustrated .compare-card{background:#fff;border:1.5px solid #ddd;padding:.85rem .95rem;font-size:.82rem;line-height:1.5}.kvc-illustrated .compare-card h3{font-family:var(--font-display);margin-bottom:.65rem;font-size:1rem;font-weight:600}.kvc-illustrated .compare-card ul{gap:.4rem;list-style:none;display:grid}.kvc-illustrated .compare-card li{font-family:var(--font-mono);background:#f3f3f3;border:1px solid #ddd;padding:.35rem .45rem;font-size:.72rem}.kvc-illustrated .compare-card.bad li.waste{background:var(--red-soft);border-color:#e0a59c}.kvc-illustrated .compare-card.good li.save{background:var(--green-soft);border-color:#9cc86a}.kvc-illustrated .math-line{font-family:var(--font-mono);color:var(--ink);margin-top:.45rem;font-size:.78rem}.kvc-illustrated .worked{background:#ffffffb3;border:1.5px dashed #bbb;max-width:68ch;margin-top:.85rem;padding:.75rem .9rem;font-size:.82rem;line-height:1.5}.kvc-illustrated .worked .title{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;font-size:.7rem;font-weight:600}.kvc-illustrated .takeaway h2{font-family:var(--font-display);margin-bottom:.75rem;font-size:1.6rem;font-weight:700}.kvc-illustrated .takeaway p{max-width:68ch;font-size:.92rem;line-height:1.55}.kvc-illustrated .formula{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;display:flex}.kvc-illustrated .formula span{font-family:var(--font-mono);border:1.5px solid var(--line);background:#fff;padding:.4rem .6rem;font-size:.78rem;font-weight:600}.kvc-illustrated .formula .plus{color:var(--muted);background:0 0;border:none;font-weight:500}.kvc-illustrated .phase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.kvc-illustrated .phase-card{border:1.5px solid var(--line);background:#fff;padding:.9rem 1rem;font-size:.84rem;line-height:1.5}.kvc-illustrated .phase-card h3{font-family:var(--font-display);margin-bottom:.45rem;font-size:1.05rem;font-weight:600}.kvc-illustrated .phase-card.prefill{border-top:4px solid #e6c200}.kvc-illustrated .phase-card.decode{border-top:4px solid #6aaa2e}.kvc-illustrated .score-table{border-collapse:collapse;background:#fff;width:100%;max-width:36rem;margin-top:.75rem;font-size:.82rem}.kvc-illustrated .score-table th,.kvc-illustrated .score-table td{border:1.5px solid var(--line);text-align:left;padding:.5rem .65rem}.kvc-illustrated .score-table th{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#f0eee8;font-size:.68rem;font-weight:600}.kvc-illustrated .score-table td.num{font-family:var(--font-mono);text-align:right;font-size:.78rem}.kvc-illustrated .score-table tr.win td{background:var(--green-soft);font-weight:600}.kvc-illustrated .vec-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.kvc-illustrated .vec-label{font-family:var(--font-mono);min-width:5.5rem;font-size:.72rem;font-weight:600}.kvc-illustrated .vec{border:1.5px solid var(--line);background:#fff;grid-auto-flow:column;display:inline-grid}.kvc-illustrated .vec span{font-family:var(--font-mono);text-align:center;border-right:1px solid #ccc;min-width:2.4rem;padding:.35rem .5rem;font-size:.75rem}.kvc-illustrated .vec span:last-child{border-right:none}.kvc-illustrated .vec.q{background:var(--yellow-soft)}.kvc-illustrated .vec.k{background:var(--blue-soft)}.kvc-illustrated .vec.v{background:var(--green-soft)}.kvc-illustrated .shape-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin-top:.85rem;display:grid}.kvc-illustrated .shape-card{background:#fff;border:1.5px solid #ddd;padding:.75rem .85rem;font-size:.82rem;line-height:1.45}.kvc-illustrated .shape-card .dim{font-family:var(--font-mono);background:#f3f3f3;border:1px solid #ddd;margin:.35rem 0;padding:.35rem .45rem;font-size:.78rem;font-weight:600;display:inline-block}.kvc-illustrated .myth-list{gap:.75rem;max-width:68ch;margin-top:1rem;list-style:none;display:grid}.kvc-illustrated .myth-list li{background:#fff;border:1.5px solid #ddd;padding:.85rem 1rem;font-size:.84rem;line-height:1.5}.kvc-illustrated .myth-list strong{font-family:var(--font-display);margin-bottom:.35rem;font-size:.95rem;display:block}@media (max-width:800px){.kvc-illustrated .qkv-grid,.kvc-illustrated .phase-grid{grid-template-columns:1fr}.kvc-illustrated .tok{padding:.55rem .5rem;font-size:.95rem}}
.vdb-illustrated{--ink:#1a1a1a;--muted:#5c5c5c;--paper:#f7f5f0;--line:#1a1a1a;--yellow:#ffe566;--yellow-soft:#fff6c8;--green:#b8e986;--green-soft:#e8f8d8;--blue:#9ec9f5;--blue-soft:#dceeff;--orange:#f5b07a;--orange-soft:#ffe4cc;--win:#2f7d32;--font-display:var(--font-bricolage), "IBM Plex Sans", sans-serif;--font-ui:var(--font-plex-sans), "IBM Plex Sans", sans-serif;--font-mono:var(--font-plex-mono), "IBM Plex Mono", monospace}.vdb-illustrated,.vdb-illustrated *{box-sizing:border-box}.vdb-illustrated *{margin:0;padding:0}.vdb-illustrated{font-family:var(--font-ui);background:var(--paper);color:var(--ink);line-height:1.45}.vdb-illustrated .page{width:min(100% - 1.5rem,1180px);margin:0 auto;padding:1.5rem 0 3rem}.vdb-illustrated h1{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;margin-bottom:.35rem;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:700;line-height:1}.vdb-illustrated .subtitle{text-align:center;font-family:var(--font-display);color:var(--muted);margin-bottom:1.75rem;font-size:1.05rem}.vdb-illustrated .intro{text-align:center;max-width:58ch;color:var(--muted);margin:0 auto 1.25rem;font-size:.95rem}.vdb-illustrated .intro-more{text-align:left;max-width:62ch;color:var(--ink-soft,var(--ink));background:#fff;border:1.5px solid #ddd;margin:0 auto 2rem;padding:1rem 1.1rem;font-size:.9rem;line-height:1.55}.vdb-illustrated .intro-more p+p{margin-top:.65rem}.vdb-illustrated .intro-more strong{font-weight:600}.vdb-illustrated .hint{color:var(--muted);max-width:62ch;margin-top:.55rem;font-size:.8rem}.vdb-illustrated .explain{border-left:3px solid var(--line);color:var(--ink);background:#fff;max-width:68ch;margin:.85rem 0 1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.55}.vdb-illustrated .explain.yellow{background:var(--yellow-soft);border-left-color:#e6c200}.vdb-illustrated .explain.green{background:var(--green-soft);border-left-color:#6aaa2e}.vdb-illustrated .explain.blue{background:var(--blue-soft);border-left-color:#4a90c8}.vdb-illustrated .explain.orange{background:var(--orange-soft);border-left-color:#d9803a}.vdb-illustrated .explain p+p{margin-top:.55rem}.vdb-illustrated .explain .kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;padding:.15rem 0;font-size:.68rem;font-weight:600}.vdb-illustrated .specs{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .25rem;display:flex}.vdb-illustrated .spec{font-family:var(--font-mono);color:var(--ink);background:#fff;border:1px solid #ccc;padding:.3rem .5rem;font-size:.72rem;font-weight:500}.vdb-illustrated .worked{background:#ffffffb3;border:1.5px dashed #bbb;max-width:68ch;margin-top:.85rem;padding:.75rem .9rem;font-size:.82rem;line-height:1.5}.vdb-illustrated .worked .title{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.65rem;padding:.25rem 0 .45rem;font-size:.7rem;font-weight:600}.vdb-illustrated .worked code{font-family:var(--font-mono);background:#eee;padding:.05rem .3rem;font-size:.78rem}.vdb-illustrated .math-line{font-family:var(--font-mono);color:var(--ink);margin-top:.35rem;font-size:.78rem}.vdb-illustrated .compare-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.65rem;margin-top:.85rem;display:grid}.vdb-illustrated .compare-card{background:#fff;border:1.5px solid #ddd;padding:.75rem .85rem;font-size:.82rem;line-height:1.45}.vdb-illustrated .compare-card h3{font-family:var(--font-display);margin-bottom:.65rem;padding:.2rem 0 .35rem;font-size:.95rem;font-weight:600}.vdb-illustrated .compare-card .muted{color:var(--muted);font-size:.78rem}.vdb-illustrated .tag{font-family:var(--font-display);border-radius:2px;padding:.45rem .85rem;font-size:1.05rem;font-weight:600;line-height:1.25;display:inline-block}.vdb-illustrated .tag.yellow{background:var(--yellow)}.vdb-illustrated .tag.green{background:var(--green)}.vdb-illustrated .tag.blue{background:var(--blue)}.vdb-illustrated .tag.orange{background:var(--orange)}.vdb-illustrated .stage-label{font-family:var(--font-display);margin:.35rem 0 .95rem;padding:.55rem 0 .35rem;font-size:1.15rem;font-weight:600;line-height:1.35}.vdb-illustrated .stage-label-mid{margin-top:2.25rem;padding-top:1rem;font-size:1.1rem}.vdb-illustrated .sheet{border-top:2px solid var(--line);padding:1.75rem 0}.vdb-illustrated .cols-4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.vdb-illustrated .cols-dq{grid-template-columns:3fr 1fr;align-items:start;gap:1rem;display:grid}.vdb-illustrated .data-row{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.vdb-illustrated .side-label{font-family:var(--font-display);writing-mode:horizontal-tb;padding:.55rem .35rem .35rem 0;font-size:1.05rem;font-weight:600;line-height:1.3}.vdb-illustrated .sent-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.vdb-illustrated .tokens{border:1.5px solid var(--line);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.vdb-illustrated .tok{font-family:var(--font-ui);text-align:center;border-right:1.5px solid var(--line);padding:.7rem .5rem;font-size:1.2rem;font-weight:600}.vdb-illustrated .tok:last-child{border-right:none}.vdb-illustrated .tokens.query{background:var(--orange-soft)}.vdb-illustrated .mat{border:2px solid var(--line);font-family:var(--font-mono);background:#fff;font-size:1.1rem;font-weight:500;display:inline-grid}.vdb-illustrated .mat .c{text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;min-width:2.7rem;padding:.6rem .7rem}.mat .c:last-child,.vdb-illustrated .mat .c.row-end{border-right:none}.vdb-illustrated .mat.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vdb-illustrated .mat.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vdb-illustrated .mat.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vdb-illustrated .mat.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vdb-illustrated .mat.cols-1{grid-template-columns:1fr}.vdb-illustrated .mat.yellow .c{background:var(--yellow-soft)}.vdb-illustrated .mat.green .c{background:var(--green-soft)}.vdb-illustrated .mat.blue .c{background:var(--blue-soft)}.vdb-illustrated .mat.orange .c{background:var(--orange-soft)}.vdb-illustrated .mat.win .c{color:var(--win);background:#d9f0d9;font-weight:600}.vdb-illustrated .mat .c.head{font-family:var(--font-ui);border-bottom:1.5px solid var(--line);background:0 0;padding:.2rem;font-size:1rem;font-weight:600}.vdb-illustrated .mat .c.bias{background:#eee}.vdb-illustrated .mat-wrap{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.vdb-illustrated .mat-caption{font-family:var(--font-ui);color:var(--muted);font-size:.95rem}.vdb-illustrated .vocab-scroll{padding-bottom:.25rem;overflow-x:auto}.vdb-illustrated .vocab{border:2px solid var(--line);width:max(100%,1000px);font-family:var(--font-mono);background:#fff;grid-template-columns:repeat(22,minmax(2.9rem,1fr));font-size:.95rem;display:grid}.vdb-illustrated .vocab .h{font-family:var(--font-ui);text-align:center;border-right:1px solid #ccc;border-bottom:1.5px solid var(--line);background:var(--yellow-soft);padding:.5rem .2rem;font-size:.95rem;font-weight:600}.vocab .h:last-child,.vdb-illustrated .vocab .v:nth-child(22n){border-right:none}.vdb-illustrated .vocab .v{text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:.5rem .2rem}.vdb-illustrated .vocab .v.hi{background:#fff3a0;font-weight:600}.vdb-illustrated .tool-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-top:2rem;margin-bottom:.85rem;padding-top:.5rem;display:flex}.vdb-illustrated .tool-box{flex-direction:column;gap:.35rem;display:flex}.vdb-illustrated .tool-box .name{font-family:var(--font-display);margin-bottom:.25rem;padding:.35rem 0 .2rem;font-size:1rem;font-weight:600}.vdb-illustrated .tool-box .sub{color:var(--muted);font-size:.75rem}.vdb-illustrated .storage{background:var(--blue-soft);border:2px solid #4a90c8;border-radius:12px;padding:.75rem .85rem .9rem}.vdb-illustrated .storage .name{font-family:var(--font-display);color:#1e5a8a;margin-bottom:.55rem;font-size:1.05rem;font-weight:600}.vdb-illustrated .storage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.vdb-illustrated .query-slot{flex-direction:column;align-items:flex-start;gap:.35rem;padding-top:.15rem;display:flex}.vdb-illustrated .score{font-family:var(--font-mono);text-align:center;border:1.5px solid var(--line);background:var(--orange-soft);min-width:100%;padding:.55rem .35rem;font-size:.85rem;font-weight:600}.vdb-illustrated .score.win{border-color:var(--win);color:var(--win);background:#d9f0d9}.vdb-illustrated .answer-box{border:2px solid var(--orange);background:var(--orange-soft);border-radius:10px;margin-top:1rem;padding:1.05rem 1.2rem}.vdb-illustrated .answer-box .label{font-family:var(--font-display);margin-bottom:.25rem;padding:.35rem 0 .55rem;font-size:1rem;font-weight:600;line-height:1.35}.vdb-illustrated .answer-box .value{font-family:var(--font-display);color:var(--win);font-size:1.65rem;font-weight:700;line-height:1.1}.vdb-illustrated .takeaway{border:2px solid var(--line);background:#fff;margin-top:1.75rem;padding:1.25rem 1.35rem}.vdb-illustrated .takeaway h2{font-family:var(--font-display);margin-bottom:.75rem;padding:.25rem 0 .45rem;font-size:1.35rem;line-height:1.3}.vdb-illustrated .takeaway p{color:var(--muted);max-width:58ch}.vdb-illustrated .formula{font-family:var(--font-mono);flex-wrap:wrap;gap:.4rem;margin-top:.85rem;font-size:.78rem;font-weight:500;display:flex}.vdb-illustrated .formula span{background:var(--ink);color:var(--paper);padding:.4rem .6rem}.vdb-illustrated .formula .plus{color:var(--muted);background:0 0;padding:.4rem .15rem}.vdb-illustrated footer{color:var(--muted);text-align:center;margin-top:1.5rem;font-size:.75rem}.vdb-illustrated .progress{flex-wrap:wrap;gap:.4rem;padding:.35rem 0 1rem;display:flex}.vdb-illustrated .progress a{font-family:var(--font-ui);color:var(--ink);background:#fff;border:1.5px solid #ccc;padding:.35rem .65rem;font-size:.85rem;font-weight:500;text-decoration:none}.vdb-illustrated .progress a:hover{border-color:var(--ink)}.vdb-illustrated .flow-note{font-family:var(--font-ui);color:var(--muted);margin:.15rem 0 1.1rem;padding:.15rem 0;font-size:1.05rem;font-weight:500;line-height:1.45}.vdb-illustrated .pool-demo{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.vdb-illustrated .pool-demo .cols{grid-template-columns:repeat(3,auto);gap:6px;display:grid}.vdb-illustrated .pool-demo .col{gap:4px;display:grid}.vdb-illustrated .pool-demo .box{border:2px solid var(--line);background:var(--green-soft);width:2.5rem;height:1.75rem}.vdb-illustrated .pool-demo .arrow{font-family:var(--font-ui);color:var(--muted);font-size:1.1rem;font-weight:500}.vdb-illustrated .pool-demo .result{gap:4px;display:grid}.vdb-illustrated .pool-demo .result .box{background:var(--green)}.vdb-illustrated .proj-demo{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.vdb-illustrated .proj-demo .stack{gap:4px;display:grid}.vdb-illustrated .proj-demo .box{border:2px solid var(--line);background:var(--green-soft);width:3.5rem;height:1.75rem;font-family:var(--font-mono);place-items:center;font-size:.95rem;display:grid}.vdb-illustrated .proj-demo .arrow{font-family:var(--font-ui);color:var(--muted);font-size:1.1rem;font-weight:500}.vdb-illustrated .proj-demo .out .box{background:var(--blue-soft)}.vdb-illustrated .score-wrap{gap:.75rem;max-width:540px;margin-bottom:1rem;display:grid}.vdb-illustrated .score-row{font-family:var(--font-mono);grid-template-columns:1fr auto;align-items:center;gap:.45rem .85rem;font-size:1.05rem;display:grid}.vdb-illustrated .score-row .bar{background:#e8e4dc;grid-column:1/-1;height:10px;overflow:hidden}.vdb-illustrated .score-row .bar>i{height:100%;width:var(--w);background:var(--orange);display:block}.vdb-illustrated .score-row.win .bar>i{background:var(--win)}.vdb-illustrated .score-row.win strong{color:var(--win)}.vdb-illustrated .cols-4{gap:1.2rem}.vdb-illustrated .sent-group{gap:.9rem}.vdb-illustrated .storage{padding:1.1rem 1.2rem 1.2rem}.vdb-illustrated .storage-grid{gap:1.1rem}@media (max-width:800px){.vdb-illustrated .cols-4,.vdb-illustrated .sent-group,.vdb-illustrated .storage-grid,.vdb-illustrated .cols-dq,.vdb-illustrated .data-row{grid-template-columns:1fr}}