.blog-categories{scrollbar-width:none;gap:8px;margin:0 -4px;padding:0 4px 4px;display:flex;overflow-x:auto}.blog-categories::-webkit-scrollbar{display:none}.blog-categories button{border:1px solid var(--border-default);border-radius:var(--radius-pill);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--content-secondary);cursor:pointer;touch-action:manipulation;flex-shrink:0;padding:6px 14px;font-size:11px}.blog-categories button span{color:var(--content-subtle);margin-left:6px}.blog-categories button[aria-pressed=true]{background:var(--gm-black);border-color:var(--gm-black);color:var(--gm-yellow)}.blog-categories button:hover{border-color:var(--border-strong);color:var(--content-primary)}.blog-categories button[aria-pressed=true]:hover{color:var(--gm-yellow)}.blog-pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;display:flex}.blog-pagination :is(a,span){border:1px solid var(--border-default);border-radius:var(--radius-pill);min-width:36px;height:36px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--content-secondary);justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.blog-pagination [aria-current=page]{background:var(--gm-black);border-color:var(--gm-black);color:var(--gm-yellow)}.blog-pagination a:hover{border-color:var(--border-strong);color:var(--content-primary)}.blog-results{color:var(--content-secondary);margin-top:28px;font-size:14px}.blog-empty{color:var(--content-secondary);padding:40px 0}.blog-scope{color:var(--content-subtle);margin-top:32px;font-size:12px;line-height:1.7}.blog-index :is(a,button,input):focus-visible,.blog-article :is(a,button):focus-visible{outline:2px solid var(--gm-yellow);outline-offset:3px;box-shadow:0 0 0 4px var(--gm-black)}.blog-progress{z-index:30;pointer-events:none;width:100%;height:2px;position:fixed;top:77px;left:0}.blog-progress>div{background:var(--gm-yellow);width:100%;height:100%;transform:scaleX(var(--reading-progress,0));transform-origin:0}.blog-toc-active{font-weight:600;color:var(--content-primary)!important}.blog-article :is(h2,h3)[id]{scroll-margin-top:120px}.blog-article pre{max-width:100%;overflow-x:auto}.blog-article :is(p,li){overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.blog-index *,.blog-article *{scroll-behavior:auto!important;transition:none!important}html:has(.blog-article){scroll-behavior:auto}}
