@font-face{font-family:hack nerd font;src:url(/Hack/HackNerdFont-Regular.ttf)format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:hack nerd font;src:url(/Hack/HackNerdFont-Bold.ttf)format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:hack nerd font;src:url(/Hack/HackNerdFont-Italic.ttf)format('truetype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:hack nerd font;src:url(/Hack/HackNerdFont-BoldItalic.ttf)format('truetype');font-weight:700;font-style:italic;font-display:swap}:root{--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'Yu Gothic UI', Meiryo, sans-serif;--font-serif:'Palatino Linotype', Palatino, 'Book Antiqua', 'Hiragino Mincho ProN', 'Yu Mincho', YuMincho, 'MS PMincho', serif;--font-mono:'Hack Nerd Font', 'JetBrains Mono', 'Cascadia Code', Consolas, 'Courier New', monospace;--font-body:var(--font-sans);--font-size-base:16px;--font-size-article:1.0625rem;--font-size-small:0.875rem;--font-size-code:0.875rem;--line-height:1.85;--content-width:780px;--header-height:56px;--toc-width:240px;--toc-gap:40px;--gutter:24px;--article-padding:48px;--image-size:300px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-pill:999px;--color-bg:#f5f6f6;--color-surface:#ffffff;--color-surface-muted:#f7f7f5;--color-surface-hover:#efefed;--color-border:#e6e6e3;--color-border-strong:#d4d4d0;--color-text:#1f2328;--color-text-muted:#6b7075;--color-text-subtle:#9a9ea3;--color-accent:#2e8b87;--color-accent-hover:#23706d;--color-accent-soft:#e6f3f2;--color-on-accent:#ffffff;--color-link:var(--color-accent);--color-link-hover:var(--color-accent-hover);--color-mark:#fff1a8;--color-success:#2da44e;--color-danger:#d1242f;--color-code-bg:#1e2329;--color-code-text:#e6edf3;--color-code-inline-bg:rgba(135, 131, 120, 0.15);--color-code-inline-text:#d1495b;--color-code-button:rgba(255, 255, 255, 0.08);--color-code-button-hover:rgba(255, 255, 255, 0.18);--color-code-button-text:#c9d1d9;--color-header-bg:rgba(255, 255, 255, 0.85);--color-overlay:rgba(15, 17, 20, 0.35);--shadow-sm:0 1px 2px rgba(15, 17, 20, 0.04);--shadow:0 4px 16px rgba(15, 17, 20, 0.08);--shadow-lg:0 12px 40px rgba(15, 17, 20, 0.16);--transition:0.15s ease;--z-body:0;--z-container:1;--z-header:10;--z-toc-overlay:20;--z-toc:30}@media(prefers-color-scheme:dark){:root{--color-bg:#16181b;--color-surface:#1e2024;--color-surface-muted:#25282c;--color-surface-hover:#2c2f34;--color-border:#2f3237;--color-border-strong:#3d4046;--color-text:#e3e5e8;--color-text-muted:#9ca1a8;--color-text-subtle:#6f747b;--color-accent:#5cc2bc;--color-accent-hover:#86d6d1;--color-accent-soft:rgba(92, 194, 188, 0.14);--color-on-accent:#0f1a19;--color-mark:rgba(255, 214, 0, 0.35);--color-code-bg:#121417;--color-code-inline-bg:rgba(255, 255, 255, 0.08);--color-code-inline-text:#ff8a8a;--color-header-bg:rgba(30, 32, 36, 0.85);--color-overlay:rgba(0, 0, 0, 0.55);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow:0 4px 16px rgba(0, 0, 0, 0.35);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.5)}}[data-font=serif]{--font-body:var(--font-serif)}*,*::before,*::after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + 16px)}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overscroll-behavior:none;-webkit-font-smoothing:antialiased}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-link-hover)}button{font:inherit;color:inherit}.site-header{position:sticky;top:0;z-index:var(--z-header);height:var(--header-height);background:var(--color-header-bg);border-bottom:1px solid var(--color-border);backdrop-filter:saturate(180%)blur(12px);-webkit-backdrop-filter:saturate(180%)blur(12px)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:100%;max-width:calc(var(--content-width) + var(--toc-gap) + var(--toc-width));margin:0 auto;padding:0 var(--gutter)}.header-left,.header-right{display:flex;align-items:center;gap:4px}.header-left{justify-self:start}.header-right{justify-self:end}.site-title{margin:0;font-size:1.0625rem;font-weight:700;letter-spacing:.12em;line-height:1}.site-title a{color:var(--color-text)}.site-title a:hover{color:var(--color-accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius);background:0 0;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color var(--transition),color var(--transition)}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-btn svg{width:20px;height:20px}.icon-btn.font-toggle{width:auto;padding:0 8px;font-family:var(--font-body)}.container{position:relative;z-index:var(--z-container);padding:32px var(--gutter)80px}main{max-width:var(--content-width);margin:0 auto;overflow-wrap:break-word;word-break:break-word}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px var(--article-padding);box-shadow:var(--shadow-sm)}.page-header{margin:8px 0 24px}.page-title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.4}.page-intro{margin:0 0 24px;color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.8}.page-intro p{margin:0}.post-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.post-card{position:relative;padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.post-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.post-card-title{margin:0;font-size:1.125rem;font-weight:700;line-height:1.5}.post-card-title a{color:var(--color-text)}.post-card-title a::after{content:'';position:absolute;inset:0;border-radius:inherit}.post-card:hover .post-card-title a{color:var(--color-accent)}.post-card .post-tags{margin-top:10px}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.post-tag{padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;line-height:1.6}.post-tag::before{content:'#';margin-right:2px;color:var(--color-text-subtle)}#tag-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.tag{padding:4px 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-small);cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.tag:hover{background:var(--color-surface-hover);color:var(--color-text)}.tag.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.tag.active:hover{background:var(--color-accent-hover)}.search-list{margin:0;padding:0;list-style:none}.search-list .post{border-bottom:1px solid var(--color-border)}.search-list .post:last-child{border-bottom:none}.search-list .post a{display:block;padding:12px 8px;border-radius:var(--radius);color:var(--color-text);font-weight:500}.search-list .post a:hover{background:var(--color-surface-muted);color:var(--color-accent)}#password{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}#password input{flex:1 1 220px;padding:10px 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}#password input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}#password button{padding:10px 20px;border:none;border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background-color var(--transition)}#password button:hover{background:var(--color-accent-hover)}.toc-sidebar{position:fixed;top:0;left:0;z-index:var(--z-toc);width:min(320px,85vw);height:100%;overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-lg);transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s}.toc-sidebar.is-active{transform:translateX(0);visibility:visible}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid var(--color-border)}.toc-title{margin:0;color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.12em}.toc-content{padding:16px 12px 16px 20px}.toc-content ul{margin:0;padding:0;list-style:none}.toc-content ul ul{margin:2px 0 2px 4px;padding-left:12px;border-left:1px solid var(--color-border)}.toc-content li{margin:0}.toc-content a{display:block;padding:4px 0;color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.5}.toc-content ul ul a{font-size:.8125rem}.toc-content a:hover{color:var(--color-text)}.toc-content a.is-current{color:var(--color-accent);font-weight:600}.toc-overlay{position:fixed;inset:0;z-index:var(--z-toc-overlay);background:var(--color-overlay);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.toc-overlay.is-active{opacity:1;visibility:visible}footer{padding:24px;color:var(--color-text-subtle);font-size:.75rem;text-align:center}@media(min-width:1140px){.kind-page:has(.toc-content>ul:not(#custom-toc-list)) main{margin-left:calc(50% - (var(--content-width) + var(--toc-gap) + var(--toc-width))/2)}.kind-page .toc-sidebar{top:calc(var(--header-height) + 32px);left:calc(50% + (var(--content-width) + var(--toc-gap) - var(--toc-width))/2);z-index:var(--z-container);width:var(--toc-width);height:auto;max-height:calc(100vh - var(--header-height) - 64px);background:0 0;border:none;box-shadow:none;transform:none;visibility:visible}.kind-page .toc-sidebar:has(#custom-toc-list){display:none}.kind-page .toc-header{padding:0 0 8px;border-bottom:none}.kind-page .toc-content{padding:0;border-left:1px solid var(--color-border)}.kind-page .toc-content>ul{padding-left:16px}.kind-page #toc-close,.kind-page #toc-open,.kind-page .toc-overlay{display:none}}@media(max-width:720px){:root{--gutter:12px;--article-padding:20px}.container{padding:16px 0 48px}.surface{padding:28px var(--article-padding);border-left:none;border-right:none;border-radius:0}.page-header,.page-intro{padding:0 var(--gutter)}.post-list{gap:8px;padding:0 var(--gutter)}.post-card{padding:16px 18px}.header-inner{gap:4px}.site-title{font-size:.9375rem;letter-spacing:.08em}.icon-btn{width:34px;height:34px}}.bg{color:#e6edf3;background-color:#0d1117}.chroma{color:#e6edf3;background-color:#0d1117;-webkit-text-size-adjust:none}.chroma .err{color:#f85149}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#6e7681}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#737679}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6e7681}.chroma .line{display:flex}.chroma .k{color:#ff7b72}.chroma .kc{color:#79c0ff}.chroma .kd{color:#ff7b72}.chroma .kn{color:#ff7b72}.chroma .kp{color:#79c0ff}.chroma .kr{color:#ff7b72}.chroma .kt{color:#ff7b72}.chroma .nc{color:#f0883e;font-weight:700}.chroma .no{color:#79c0ff;font-weight:700}.chroma .nd{color:#d2a8ff;font-weight:700}.chroma .ni{color:#ffa657}.chroma .ne{color:#f0883e;font-weight:700}.chroma .nl{color:#79c0ff;font-weight:700}.chroma .nn{color:#ff7b72}.chroma .py{color:#79c0ff}.chroma .nt{color:#7ee787}.chroma .nv{color:#79c0ff}.chroma .vc{color:#79c0ff}.chroma .vg{color:#79c0ff}.chroma .vi{color:#79c0ff}.chroma .vm{color:#79c0ff}.chroma .nf{color:#d2a8ff;font-weight:700}.chroma .fm{color:#d2a8ff;font-weight:700}.chroma .l{color:#a5d6ff}.chroma .ld{color:#79c0ff}.chroma .s{color:#a5d6ff}.chroma .sa{color:#79c0ff}.chroma .sb{color:#a5d6ff}.chroma .sc{color:#a5d6ff}.chroma .dl{color:#79c0ff}.chroma .sd{color:#a5d6ff}.chroma .s2{color:#a5d6ff}.chroma .se{color:#79c0ff}.chroma .sh{color:#79c0ff}.chroma .si{color:#a5d6ff}.chroma .sx{color:#a5d6ff}.chroma .sr{color:#79c0ff}.chroma .s1{color:#a5d6ff}.chroma .ss{color:#a5d6ff}.chroma .m{color:#a5d6ff}.chroma .mb{color:#a5d6ff}.chroma .mf{color:#a5d6ff}.chroma .mh{color:#a5d6ff}.chroma .mi{color:#a5d6ff}.chroma .il{color:#a5d6ff}.chroma .mo{color:#a5d6ff}.chroma .o{color:#ff7b72;font-weight:700}.chroma .ow{color:#ff7b72;font-weight:700}.chroma .c{color:#8b949e;font-style:italic}.chroma .ch{color:#8b949e;font-style:italic}.chroma .cm{color:#8b949e;font-style:italic}.chroma .c1{color:#8b949e;font-style:italic}.chroma .cs{color:#8b949e;font-weight:700;font-style:italic}.chroma .cp{color:#8b949e;font-weight:700;font-style:italic}.chroma .cpf{color:#8b949e;font-weight:700;font-style:italic}.chroma .gd{color:#ffa198;background-color:#490202}.chroma .ge{font-style:italic}.chroma .gr{color:#ffa198}.chroma .gh{color:#79c0ff;font-weight:700}.chroma .gi{color:#56d364;background-color:#0f5323}.chroma .go{color:#8b949e}.chroma .gp{color:#8b949e}.chroma .gs{font-weight:700}.chroma .gu{color:#79c0ff}.chroma .gt{color:#ff7b72}.chroma .gl{text-decoration:underline}.chroma .w{color:#6e7681}.article{font-size:var(--font-size-article);line-height:var(--line-height)}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.article-title{margin:0 0 16px;font-size:2rem;font-weight:700;line-height:1.4;letter-spacing:.01em}.article-header .post-tags:empty{display:none}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{line-height:1.45;font-weight:700;scroll-margin-top:calc(var(--header-height) + 16px)}.article h1.md-heading{margin:2.4em 0 .8em;font-size:1.75rem}.article h2.md-heading{margin:2.4em 0 .8em;padding-bottom:.3em;border-bottom:1px solid var(--color-border);font-size:1.5rem}.article h3.md-heading{margin:2em 0 .6em;font-size:1.25rem}.article h4.md-heading{margin:1.8em 0 .5em;font-size:1.0625rem}.article h5.md-heading,.article h6.md-heading{margin:1.6em 0 .5em;font-size:1rem;color:var(--color-text-muted)}.article>.md-heading:first-child,.article-header+.md-heading{margin-top:0}.article p{margin:0 0 1.2em}.article ul:not([class]),.article ol:not([class]){margin:0 0 1.2em;padding-left:1.6em}.article ul:not([class])>li,.article ol:not([class])>li{margin:.25em 0}.article li>ul,.article li>ol{margin:.25em 0}.article li::marker{color:var(--color-text-subtle)}.article blockquote{margin:0 0 1.2em;padding:.2em 1em;border-left:3px solid var(--color-border-strong);color:var(--color-text-muted)}.article blockquote>:last-child{margin-bottom:0}.article hr{margin:2.5em 0;border:none;border-top:1px solid var(--color-border)}.article strong{font-weight:700}.article mark,mark{padding:0 .15em;border-radius:var(--radius-sm);background:var(--color-mark);color:inherit}.article img,.article video,.article iframe{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:var(--radius)}.article figure{margin:1.5em auto;text-align:center}.caption,figcaption{margin-top:.5em;color:var(--color-text-muted);font-size:.8125rem;text-align:center}.table-wrap{margin:0 0 1.5em;overflow-x:auto}.table-caption{margin:0 0 .5em}.article table{margin:0 auto;border-collapse:collapse;font-size:.9375rem;line-height:1.6}.article th,.article td{padding:8px 14px;border:1px solid var(--color-border)}.article th{background:var(--color-surface-muted);font-weight:600}.article td img{display:inline-block;max-width:500px;max-height:290px;vertical-align:middle}.math-block-wrapper{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}mjx-container{margin:.5rem}mjx-container[jax=CHTML][display=true]{display:block;max-width:100%;padding:.5rem 0;overflow-x:auto;overflow-y:hidden}code{font-family:var(--font-mono)}.article :not(pre)>code{padding:.15em .4em;margin:0 .15em;border-radius:var(--radius-sm);background:var(--color-code-inline-bg);color:var(--color-code-inline-text);font-size:.875em}.article pre,.dialog-content pre{position:relative;margin:0 0 1.5em;padding:14px 18px;overflow-x:auto;border-radius:var(--radius);background:var(--color-code-bg);color:var(--color-code-text);font-size:var(--font-size-code);line-height:1.65;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2)transparent}.article pre code{font-family:var(--font-mono) !important}.chroma,.bg{background-color:var(--color-code-bg)}.highlight{max-width:100%;overflow-x:auto}.highlight .lntable{width:100%;table-layout:fixed;border-spacing:0}.highlight .lntable .lntd:first-child{width:3em}.highlight .lntable td{padding:0;border:none}.codeblock-with-copy{position:relative}.codeblock-with-copy .cl{padding-right:3rem}.code-copy-button{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:var(--color-code-button);color:var(--color-code-button-text);cursor:pointer;opacity:0;transition:opacity var(--transition),background-color var(--transition)}.codeblock-with-copy:hover .code-copy-button,.code-copy-button:focus-visible{opacity:1}.code-copy-button:hover{background:var(--color-code-button-hover)}.code-copy-button svg{width:16px;height:16px;stroke:currentColor;fill:none}.icon_copy{color:var(--color-code-button-text)}.icon-success{color:var(--color-success)}.icon-error{color:var(--color-danger)}.plain-block{position:relative;margin:0 0 1.5em}.plain-block pre,.plain-block .chroma{margin:0;padding-top:32px;background:var(--color-surface-muted) !important;color:var(--color-text) !important;border:1px solid var(--color-border)}.plain-block-label{position:absolute;top:8px;left:12px;z-index:1;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em}.article .admonition{margin:0 0 1.5em;border-radius:var(--radius);box-shadow:none}.article .admonition-header{font-size:.9375rem}.article .admonition[class]>.admonition-content{background:var(--color-surface);color:var(--color-text)}.article .admonition[class]>.admonition-content code:not(pre>code){background:var(--color-code-inline-bg);color:var(--color-code-inline-text)}.article .admonition[class]>.admonition-content pre{background:var(--color-code-bg)}.article .admonition[class]>.admonition-content pre code{color:var(--color-code-text)}kbd,.kbd{display:inline-block;padding:.1em .45em;margin:0 .1em;border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:.8em;line-height:1.4;vertical-align:.05em}kbd+kbd,.kbd+.kbd{margin-left:.2em}.inline-copy{border-bottom:1px dashed var(--color-text-subtle);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.inline-copy:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.dialog-trigger{display:inline-block;color:var(--color-accent);border-bottom:1px dotted var(--color-accent);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.dialog-trigger:hover{opacity:.7}.bottom-dialog{width:100%;max-width:var(--content-width);max-height:85vh;margin:auto auto 0;padding:0;border:1px solid var(--color-border);border-bottom:none;border-radius:16px 16px 0 0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);line-height:var(--line-height)}.bottom-dialog[open]{animation:slideUp .3s ease-out forwards}.bottom-dialog.closing{animation:slideDown .25s ease-in forwards}.bottom-dialog::backdrop{background:0 0}.bottom-dialog[open]::backdrop{animation:backdropFadeIn .3s ease-out forwards}.bottom-dialog.closing::backdrop{animation:backdropFadeOut .25s ease-in forwards}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes backdropFadeIn{from{background:0 0;backdrop-filter:blur(0)}to{background:var(--color-overlay);backdrop-filter:blur(4px)}}@keyframes backdropFadeOut{from{background:var(--color-overlay);backdrop-filter:blur(4px)}to{background:0 0;backdrop-filter:blur(0)}}.bottom-dialog::before{content:'';display:block;width:40px;height:4px;margin:10px auto 0;border-radius:var(--radius-pill);background:var(--color-border-strong)}.dialog-container{position:relative;padding:16px var(--article-padding)32px}.dialog-close{position:absolute;top:4px;right:12px;width:36px;height:36px;border:none;border-radius:var(--radius);background:0 0;color:var(--color-text-muted);font-size:24px;line-height:1;cursor:pointer}.dialog-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.dialog-content{margin-top:8px}.dialog-content img{max-width:100%;height:auto;border:1px solid var(--color-border);border-radius:var(--radius);transition:transform var(--transition),box-shadow var(--transition)}.dialog-content img:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.img-row-figure{margin:1.5em 0}.img-row{display:flex;gap:4px;align-items:flex-start;padding-bottom:8px;overflow-x:auto}.img-row figure{flex-shrink:0;margin:0}.json-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--image-size),1fr));gap:16px;margin-bottom:2em}.json-gallery-item{text-align:center}.json-gallery-label{margin-bottom:.5em}.json-gallery-item img{width:100%;height:auto;margin-top:.5em;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.json-list-table td{text-align:center}.interactive-app-wrapper{position:relative;display:inline-block;max-width:100%}.interactive-app-container:fullscreen{width:100vw;height:100vh;background:#000}.fullscreen-toggle-btn{position:absolute;top:8px;right:8px;z-index:5;width:32px;height:32px;padding:6px;border:none;border-radius:6px;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;opacity:.5;transition:opacity var(--transition)}.fullscreen-toggle-btn:hover{opacity:1}.fullscreen-toggle-btn svg{display:block;width:100%;height:100%}.fullscreen-toggle-btn .icon-compress,.fullscreen-toggle-btn.is-fullscreen .icon-expand{display:none}.fullscreen-toggle-btn .icon-expand,.fullscreen-toggle-btn.is-fullscreen .icon-compress{display:block}@media(hover:none){.code-copy-button{opacity:1}}@media(max-width:720px){.article{font-size:1rem}.article-title{font-size:1.5rem}.article h2.md-heading{font-size:1.3rem}.article h3.md-heading{font-size:1.15rem}.article td img{max-width:100%}mjx-math.MJX-TEX{font-size:80% !important}mjx-container[jax=CHTML][display=true] mjx-math.MJX-TEX{font-size:100% !important}.math-block-wrapper{overflow-y:clip}}