.article-main{width:min(100% - 3rem,80rem);margin-inline:auto;padding:1.5rem 0 6rem}.article{width:min(100%,58rem);min-width:0;max-width:100%;font-family:var(--font-sans);gap:0;margin-inline:auto;font-size:16px;font-weight:400;line-height:1.7;display:grid}.article-back{min-height:2.25rem;font-family:var(--font-mono);letter-spacing:.04em;color:#929292;align-items:center;gap:.45rem;margin-bottom:1.25rem;font-size:.72rem;text-decoration:none;transition:color .18s;display:inline-flex}.article-back:hover{color:#ddd}.article-cover{aspect-ratio:2;background:#080808;border:1px solid #262626;width:100%;max-height:22rem;margin-bottom:1.6rem;position:relative;overflow:hidden}.article-cover-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.article-header{padding-bottom:.25rem}.article-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.55rem;font-size:.55rem}.article h1{font-family:var(--font-display);color:#f4f4f4;letter-spacing:-.035em;font-size:clamp(1.85rem,4.5vw,2.55rem);font-weight:700;line-height:1.08}.article .subtitle{color:#9a9a9a;max-width:100%;margin-top:.7rem;font-size:1.05rem;line-height:1.5}.article .meta{color:#777;font-family:var(--font-mono);letter-spacing:.04em;margin-top:1rem;font-size:.72rem}.article-body{min-width:0}.article .article-intro{margin-top:1.75rem}.article section{border-top:1px solid #262626;margin-top:2.5rem;padding-top:2.5rem}.article h2,.article h3,.article h4{scroll-margin-top:5.5rem}.article h2{color:#f0f0f0;font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.55rem,3.2vw,1.95rem);font-weight:700;line-height:1.15}.article h2+p,.article h2+ul,.article h2+.term-list,.article h2+.diagram,.article h2+pre,.article h2+.codecard{margin-top:1.35rem}.article h3{color:#ececec;font-family:var(--font-sans);letter-spacing:-.015em;margin-top:1.85rem;font-size:clamp(1.25rem,2.4vw,1.45rem);font-weight:600;line-height:1.3}.article h3+p,.article h3+ul,.article h3+.term-list{margin-top:.75rem}.article h3:first-child{margin-top:0}.article h4{color:#d8d8d8;letter-spacing:-.01em;margin-top:1.15rem;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;line-height:1.35}.article p{color:#d0d0d0;text-align:left;overflow-wrap:break-word;max-width:100%;margin-top:.9rem;font-size:1.05rem;line-height:1.65}.article .lede{margin-top:0}.article .lede+p{margin-top:.9rem}.article ul{color:#d0d0d0;text-align:left;max-width:100%;margin-top:.9rem;padding-left:1.25rem;font-size:1.05rem;line-height:1.65}.article li{overflow-wrap:break-word}.article li+li{margin-top:.45rem}.article .term-list{color:#d0d0d0;border-top:1px solid #262626;margin-top:1.15rem;font-size:1.05rem;line-height:1.55}.article .term-list-row{border-bottom:1px solid #262626;grid-template-columns:10.5rem minmax(0,1fr);align-items:baseline;column-gap:1.35rem;padding:.7rem 0;display:grid}.article .term-list dt{color:#ececec;margin:0}.article .term-list dt code{color:inherit;background:0 0;padding:0;font-size:.92em}.article .term-list dd{overflow-wrap:break-word;margin:0}.article .diagram{box-sizing:border-box;background:0 0;border:0;width:100%;max-width:100%;margin-top:2rem;margin-bottom:.25rem;padding:.35rem 0}.article .diagram picture{width:100%;max-width:100%;display:block}.article .diagram img{background:0 0;border:0;outline:none;width:100%;max-width:100%;height:auto;margin-inline:auto;display:block}.article .diagram img[src$=\.png]{opacity:.85;mix-blend-mode:lighten;width:auto;max-width:100%}.article .diagram-caption{font-family:var(--font-mono);letter-spacing:.04em;color:#888;margin-top:.75rem;font-size:.72rem;line-height:1.4}.article-reveal{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(.45rem)}.article-reveal.is-visible{opacity:1;transform:none}.article a{color:var(--accent-strong);text-underline-offset:.22em;text-decoration-color:#9bb0c259}.article a:hover{color:#fff;text-decoration-color:currentColor}.article-back,.article-footer-link{color:#929292;text-decoration:none}.article-back:hover,.article-footer-link:hover{color:#ddd;text-decoration:none}.article .codecard{background:#0d0d0d;border:1px solid #2c2c2c;border-radius:8px;max-width:100%;margin:1.4rem 0 .5rem;overflow:hidden}.article .codecard-head{min-height:2rem;font-family:var(--font-mono);letter-spacing:.05em;color:#7a7a7a;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 1.15rem .5rem;font-size:.66rem;display:flex}.article .codecard-lang{color:#6a7078;letter-spacing:.14em;margin-left:auto;font-size:.62rem}.article .codecard-head>.codecard-lang:first-child{margin-left:0}.article .codecard pre{background:0 0;border:0;margin:0;padding:1.15rem 1.25rem 1.25rem}.article .codecard pre::-webkit-scrollbar{height:8px}.article .codecard pre::-webkit-scrollbar-thumb{background:#24272c;border-radius:4px}.article .codecard pre::-webkit-scrollbar-track{background:0 0}.article pre{-webkit-overflow-scrolling:touch;max-width:100%;font-family:var(--font-mono);color:#d2d4d7;tab-size:2;white-space:pre;background:#0c0d0f;border:1px solid #313439;border-radius:10px;margin-top:1.25rem;margin-bottom:.35rem;padding:1.15rem 1.3rem;font-size:.84rem;line-height:1.7;overflow-x:auto}.article code{font-family:var(--font-mono);font-size:.875em}.article :not(pre)>code{color:#e2e2e2;letter-spacing:-.015em;background:0 0;padding:0;font-size:.9em}.article pre code{font-size:inherit;white-space:inherit;display:block}.article .codecard-json pre{white-space:normal;padding:1.15rem 1.25rem 1.2rem;font-size:.85rem;line-height:1.7}.article .codecard-json code{color:#c6c6c6;white-space:normal}.article .codecard-json .json-line{--d:0;padding:.06rem 0 .06rem calc(var(--d) * 1.1rem);white-space:pre;display:block}.article .codecard-json .tok-key{color:#9aafc0}.article .codecard-json .tok-str{color:#aebda4}.article .codecard-json .tok-num,.article .codecard-json .tok-kw{color:#c2b396;font-style:normal}.article .codecard-json .tok-punct{color:#5e5e5e}.article .tok-kw{color:#8f949b;font-style:italic}.article .tok-type{color:#9fb6c9}.article .tok-fn{color:#e6e8eb}.article .tok-str{color:#a8bda6}.article .tok-num,.article .tok-const{color:#c2b096}.article .tok-com{color:#565b61;font-style:italic}.article .tok-key{color:#9ec0db}.article .tok-punct{color:#6a707a}.article-footer{border-top:1px solid #262626;margin-top:3rem;padding-top:1.5rem}.article-footer-link{min-height:2.75rem;font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:.45rem;font-size:.72rem;transition:color .18s;display:inline-flex}.article-footer-link>span{transition:transform .18s}.article-footer-link:hover>span{transform:translate(3px)}@media (max-width:900px){.article-main{width:min(100% - 2rem,80rem);padding-top:1.25rem;padding-bottom:4.5rem}.article{width:100%;font-size:1.0625rem;line-height:1.75}.article-cover{aspect-ratio:16/9;max-height:14rem;margin-bottom:1.35rem}.article section{margin-top:2rem;padding-top:2rem}.article h1{font-size:clamp(1.7rem,7.5vw,2.15rem);line-height:1.1}.article .subtitle{font-size:1.02rem}.article h2{font-size:clamp(1.45rem,6.5vw,1.75rem)}.article h3{margin-top:1.6rem;font-size:clamp(1.25rem,5vw,1.4rem)}.article p,.article ul,.article .term-list{color:#d4d4d4;font-size:1.05rem}.article .term-list-row{grid-template-columns:1fr;row-gap:.2rem;padding:.75rem 0}.article .diagram{margin-top:1.6rem;padding:1rem 1.1rem}.article-reveal,.article-reveal.is-visible{opacity:1;transition:none;transform:none}}@media (max-width:720px){.article-main{padding-top:1rem;padding-bottom:4rem}.article li+li{margin-top:.55rem}}@media (prefers-reduced-motion:reduce){.article-reveal,.article-reveal.is-visible,.article-footer-link>span{opacity:1;transition:none;transform:none}}.article .embed{margin:1.6rem 0 .5rem}.article .embed[data-embed=gemma4-memory]{min-height:31rem;margin:2rem 0 .85rem}.article .gwx{margin:0}.article .gwx svg{width:100%;height:auto;display:block}.article .gwx svg.gwx-mobile{display:none}.article .gwx-map rect{transition:x .45s cubic-bezier(.22,1,.36,1),y .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),stroke .3s,fill .3s}.article .gwx-map text{transition:fill .3s}.article .gwx-srow rect{transition:fill .2s,stroke .2s,width .26s,height .26s,y .26s}.article .gwx-srow{transition:opacity .3s}.article .gwx-fade{animation:.32s ease-out gwx-fade}.article .gwx-slot{animation:.48s ease-out both gwx-rise}@keyframes gwx-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes gwx-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:900px){.article .embed[data-embed=gemma4-memory]{min-height:22rem}.article .gwx svg.gwx-desktop{display:none}.article .gwx svg.gwx-mobile{display:block}}@media (prefers-reduced-motion:reduce){.article .gwx-map rect,.article .gwx-map text,.article .gwx-srow,.article .gwx-srow rect{transition:none}.article .gwx-fade,.article .gwx-slot{animation:none}}