@charset "UTF-8";:root{--font-size:16px;--font-size-smaller:0.875rem;--font-size-smallest:0.75rem;--body-font-weight:400;--body-background:white;--body-background-tint:transparent;--body-font-color:black;--border-radius:0.25rem}/*!modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize*/*,::before,::after{box-sizing:border-box}html{font-family:system-ui,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji;line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:initial}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.flex{display:flex}.flex.gap{gap:1rem}.flex-auto{flex:auto}.flex-even{flex:1 1}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.mx-auto{margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-small,small{font-size:.875em}.hidden{display:none}input.toggle{height:0;width:0;overflow:hidden;opacity:0;position:absolute}html{font-size:var(--font-size);scroll-behavior:smooth;touch-action:manipulation;scrollbar-gutter:stable}body{min-width:20rem;color:var(--body-font-color);background:var(--body-background)var(--body-background-tint);font-weight:var(--body-font-weight);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:inherit}a{flex:auto;align-items:center;gap:.5em;text-decoration:none;cursor:default}a[href],a[role=button]{color:var(--color-link);cursor:pointer}:focus-visible,input.toggle:focus-visible+label{outline-style:auto;outline-color:var(--color-link)}nav ul{padding:0;margin:0;list-style:none}nav ul li{position:relative}nav ul a{padding:.5em 0;display:flex;transition:opacity .1s ease-in-out}nav ul a[href]:hover,nav ul a[role=button]:hover{opacity:.5}nav ul ul{padding-inline-start:1.5em}ul.pagination{display:flex;justify-content:center;list-style-type:none;padding-inline-start:0}ul.pagination .page-item a{padding:1rem}.container{max-width:90rem;margin:0 auto}.book-icon{filter:var(--icon-filter)}a .book-icon{height:1em;width:1em}.book-brand{margin-top:0;margin-bottom:1rem}.book-brand img{height:1.5em;width:1.5em}.book-menu{flex:0 0 16rem;font-size:var(--font-size-smaller)}.book-menu .book-menu-content{width:16rem;padding:1rem;position:fixed;top:0;bottom:0;overflow-x:hidden;overflow-y:auto}.book-menu a,.book-menu label{color:inherit;word-wrap:break-word;display:flex}.book-menu a.active{color:var(--color-link)}.book-menu label>img:last-child{height:1em;width:1em;cursor:pointer;align-self:center;transition:transform .1s ease-in-out}.book-menu input.toggle+label+ul{display:none}.book-menu input.toggle:checked+label>img:last-child{transform:rotate(90deg)}.book-menu input.toggle:checked+label+ul{display:block}body[dir=rtl] .book-menu input.toggle+label>img:last-child{transform:rotate(180deg)}body[dir=rtl] .book-menu input.toggle:checked+label>img:last-child{transform:rotate(90deg)}.book-section-flat{margin:1rem 0}.book-section-flat>a,.book-section-flat>span,.book-section-flat>label{font-weight:bolder}.book-section-flat>ul{padding-inline-start:0}.book-page{min-width:20rem;flex-grow:1;padding:1rem}.book-post{margin-bottom:4rem}.book-post .book-post-date img{height:1em;width:1em;margin-inline-end:.5em}.book-post .book-post-content{margin-top:1rem}.book-post .book-post-thumbnail{flex:0 0 34%}.book-post .book-post-thumbnail img{width:100%;aspect-ratio:4/3;object-fit:cover}.book-header{margin-bottom:1rem}.book-header label{line-height:0}.book-header h3{overflow:hidden;text-overflow:ellipsis;margin:0 1rem}.book-layout-landing .book-header{display:block;position:relative;z-index:1}.book-layout-landing .book-header nav>ul{display:flex;gap:1rem;justify-content:end}.book-layout-landing .book-header nav>ul>li{display:block;white-space:nowrap}.book-layout-landing .book-header nav>ul>li>ul{display:none;position:absolute;padding:0}.book-layout-landing .book-header nav>ul>li:hover>ul,.book-layout-landing .book-header nav>ul>li:focus-within>ul{display:block}.book-search{position:relative;margin:.5rem 0}.book-search input{width:100%;padding:.5rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:var(--gray-100);color:var(--body-font-color)}.book-search input:required+.book-search-spinner{display:block}.book-search .book-search-spinner{position:absolute;top:0;margin:.5rem;margin-inline-start:calc(100% - 1.5rem);width:1rem;height:1rem;border:1px solid transparent;border-top-color:var(--body-font-color);border-radius:50%;animation:spin 1s ease infinite}@keyframes spin{100%{transform:rotate(360deg)}}.book-search ul a{padding-bottom:0}.book-search small{opacity:.5}.book-toc{flex:0 0 16rem;font-size:var(--font-size-smallest)}.book-toc .book-toc-content{width:16rem;padding:1rem;position:fixed;top:0;bottom:0;overflow-x:hidden;overflow-y:auto}.book-toc a{display:block}.book-toc img{height:1em;width:1em}.book-toc nav>ul>li:first-child{margin-top:0}.book-footer{padding-top:1rem;font-size:var(--font-size-smaller)}.book-footer a{margin:.25rem 0;padding:.25rem 0}.book-comments{margin-top:1rem}.book-copyright{margin-top:1rem}.book-languages{margin-bottom:1rem}.book-languages span{padding:0}.book-languages ul{padding-inline-start:1.5em}.book-menu-content,.book-toc-content{transition:.2s ease-in-out;transition-property:transform,margin,opacity,visibility;will-change:transform,margin,opacity}@media screen and (max-width:56rem){.book-menu{visibility:hidden;margin-inline-start:-16rem;z-index:1}.book-menu .book-menu-content{background:var(--body-background)}.book-toc{display:none}.book-header{display:block}.book-post-container{flex-direction:column-reverse}#menu-control,#toc-control{display:inline}#menu-control:checked~main .book-menu{visibility:initial}#menu-control:checked~main .book-menu .book-menu-content{transform:translateX(16rem);box-shadow:0 0 .5rem rgba(0,0,0,.1)}#menu-control:checked~main .book-page{opacity:.25}#menu-control:checked~main .book-menu-overlay{display:block;position:fixed;top:0;bottom:0;left:0;right:0}#toc-control:checked~main .book-header aside{display:block}body[dir=rtl] #menu-control:checked~main .book-menu .book-menu-content{transform:translateX(-16rem)}}@media screen and (min-width:90rem){main{gap:1rem;padding:1rem}.book-menu .book-menu-content,.book-toc .book-toc-content{top:1rem}}@media print{.book-menu,.book-footer,.book-toc{display:none}.book-header,.book-header aside{display:block}main{display:block!important}}.markdown{line-height:1.6}.markdown>:first-child{margin-top:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{font-weight:inherit;line-height:1;margin-top:1.5em;margin-bottom:1rem}.markdown h1 a.anchor,.markdown h2 a.anchor,.markdown h3 a.anchor,.markdown h4 a.anchor,.markdown h5 a.anchor,.markdown h6 a.anchor{opacity:0;font-size:.75em;margin-inline-start:.25em}.markdown h1:hover a.anchor,.markdown h1 a.anchor:focus-visible,.markdown h2:hover a.anchor,.markdown h2 a.anchor:focus-visible,.markdown h3:hover a.anchor,.markdown h3 a.anchor:focus-visible,.markdown h4:hover a.anchor,.markdown h4 a.anchor:focus-visible,.markdown h5:hover a.anchor,.markdown h5 a.anchor:focus-visible,.markdown h6:hover a.anchor,.markdown h6 a.anchor:focus-visible{opacity:initial;text-decoration:none}.markdown h1{font-size:2rem}.markdown h2{font-size:1.5rem}.markdown h3{font-size:1.25rem}.markdown h4{font-size:1.125rem}.markdown h5{font-size:1rem}.markdown h6{font-size:.875rem}.markdown b,.markdown optgroup,.markdown strong{font-weight:bolder}.markdown a{text-decoration:none}.markdown a[href]:hover{text-decoration:underline}.markdown a[href]:visited{color:var(--color-visited-link)}.markdown img{max-width:100%;height:auto}.markdown code{direction:ltr;unicode-bidi:embed;padding:.125em .25em;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875em}.markdown pre{padding:1rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--border-radius);overflow-x:auto}.markdown pre:focus{outline-style:auto;outline-color:var(--color-link)}.markdown pre code{padding:0;border:0;background:0 0}.markdown p{word-wrap:break-word}.markdown blockquote{margin:1rem 0;padding:.5rem 1rem .5rem .75rem;border-inline-start:.25rem solid var(--gray-200);border-radius:var(--border-radius)}.markdown blockquote :first-child{margin-top:0}.markdown blockquote :last-child{margin-bottom:0}.markdown table{overflow:auto;display:block;border-spacing:0;border-collapse:collapse;margin-top:1rem;margin-bottom:1rem}.markdown table tr th,.markdown table tr td{padding:.5rem 1rem;border:1px solid var(--gray-200);text-align:start}.markdown table tr:nth-child(2n){background:var(--gray-100)}.markdown hr{height:1px;border:none;background:var(--gray-200)}.markdown ul,.markdown ol{padding-inline-start:2rem;word-wrap:break-word}.markdown dl dt{font-weight:bolder;margin-top:1rem}.markdown dl dd{margin-inline-start:0;margin-bottom:1rem}.markdown .highlight{direction:ltr;unicode-bidi:embed;border-radius:var(--border-radius)}.markdown .highlight table tbody{border:1px solid var(--gray-200)}.markdown .highlight table tr pre{border:0}.markdown .highlight table tr td pre code>span{display:flex}.markdown .highlight table tr td:nth-child(1) pre{margin:0;padding-inline-end:0}.markdown .highlight table tr td:nth-child(2) pre{margin:0;padding-inline-start:0}.markdown details{padding:1rem;margin:1rem 0;border:1px solid var(--gray-200);border-radius:var(--border-radius)}.markdown details summary{line-height:1;padding:1rem;margin:-1rem;cursor:pointer;list-style:none}.markdown details summary::before{content:"›";display:inline-block;margin-inline-end:.5rem;transition:transform .1s ease-in-out}.markdown details[open] summary{margin-bottom:0}.markdown details[open] summary::before{transform:rotate(90deg)}.markdown figure{margin:1rem 0}.markdown figure figcaption{margin-top:1rem}.markdown-inner>:first-child,.markdown .book-steps>ol>li>:first-child,.markdown figure figcaption>:first-child{margin-top:0}.markdown-inner>:last-child,.markdown .book-steps>ol>li>:last-child,.markdown figure figcaption>:last-child{margin-bottom:0}.markdown .book-tabs{margin-top:1rem;margin-bottom:1rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);display:flex;flex-wrap:wrap}.markdown .book-tabs label{display:inline-block;padding:.5rem 1rem;border-bottom:1px transparent;cursor:pointer}.markdown .book-tabs .book-tabs-content{order:999;width:100%;border-top:1px solid var(--gray-100);padding:1rem;display:none}.markdown .book-tabs input[type=radio]:checked+label{border-bottom:1px solid var(--color-link)}.markdown .book-tabs input[type=radio]:checked+label+.book-tabs-content{display:block}.markdown .book-columns{gap:1rem}.markdown .book-columns>div{margin:1rem 0;min-width:13.2rem}.markdown .book-columns>ul{list-style:none;display:flex;padding:0;flex-wrap:wrap;gap:1rem}.markdown .book-columns>ul>li{flex:1 1;min-width:13.2rem}.markdown a.book-btn[href]{display:inline-block;font-size:var(--font-size-smaller);color:var(--color-link);line-height:2rem;padding:0 1rem;border:1px solid var(--color-link);border-radius:var(--border-radius);cursor:pointer}.markdown a.book-btn[href]:hover{text-decoration:none}.markdown .book-hint.note{border-color:var(--color-accent-note);background-color:var(--color-accent-note-tint)}.markdown .book-hint.tip{border-color:var(--color-accent-tip);background-color:var(--color-accent-tip-tint)}.markdown .book-hint.important{border-color:var(--color-accent-important);background-color:var(--color-accent-important-tint)}.markdown .book-hint.warning{border-color:var(--color-accent-warning);background-color:var(--color-accent-warning-tint)}.markdown .book-hint.caution{border-color:var(--color-accent-caution);background-color:var(--color-accent-caution-tint)}.markdown .book-hint.default{border-color:var(--color-accent-default);background-color:var(--color-accent-default-tint)}.markdown .book-hint.info{border-color:var(--color-accent-info);background-color:var(--color-accent-info-tint)}.markdown .book-hint.success{border-color:var(--color-accent-success);background-color:var(--color-accent-success-tint)}.markdown .book-hint.danger{border-color:var(--color-accent-danger);background-color:var(--color-accent-danger-tint)}.markdown .book-badge{display:inline-block;font-size:var(--font-size-smaller);font-weight:var(--body-font-weight);vertical-align:middle;border-radius:var(--border-radius);border:1px solid var(--accent-color);overflow:hidden;text-wrap:nowrap;color:var(--body-font-color)}.markdown .book-badge.note{--accent-color:var(--color-accent-note)}.markdown .book-badge.tip{--accent-color:var(--color-accent-tip)}.markdown .book-badge.important{--accent-color:var(--color-accent-important)}.markdown .book-badge.warning{--accent-color:var(--color-accent-warning)}.markdown .book-badge.caution{--accent-color:var(--color-accent-caution)}.markdown .book-badge.default{--accent-color:var(--color-accent-default)}.markdown .book-badge.info{--accent-color:var(--color-accent-info)}.markdown .book-badge.success{--accent-color:var(--color-accent-success)}.markdown .book-badge.danger{--accent-color:var(--color-accent-danger)}.markdown .book-badge span{display:inline-block;padding:0 .5rem}.markdown .book-badge span.book-badge-value{color:var(--body-background);background-color:var(--accent-color)}.markdown .book-steps{position:relative}.markdown .book-steps>ol{counter-reset:steps;list-style:none;padding-inline-start:1.25rem;margin-top:2rem}.markdown .book-steps>ol>li::before{content:counter(steps);counter-increment:steps;position:absolute;display:flex;justify-content:center;left:.5rem;height:1.5rem;width:1.5rem;padding:.25rem;border-radius:.5rem;white-space:nowrap;line-height:1rem;color:var(--body-background);background:var(--gray-500);outline:.25rem solid var(--body-background)}.markdown .book-steps>ol>li{border-inline-start:1px solid var(--gray-500);padding-inline-start:3rem;padding-bottom:2rem}.markdown .book-steps>ol>li:last-child{border:0}.markdown .book-card{display:block;overflow:hidden;height:100%;border-radius:var(--border-radius);border:1px solid var(--gray-200)}.markdown .book-card>a{display:block;height:100%}.markdown .book-card>a[href],.markdown .book-card>a[href]:visited{color:var(--body-font-color)}.markdown .book-card>a[href]:hover{text-decoration:none;background:var(--gray-100)}.markdown .book-card>a>img,.markdown .book-card>img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.markdown .book-card .markdown-inner,.markdown .book-card figure figcaption,.markdown figure .book-card figcaption,.markdown .book-card .book-steps>ol>li{padding:1rem}.markdown .book-image input+img{cursor:zoom-in;transition:transform .2s ease-in-out}.markdown .book-image input:checked+img{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--body-background);object-fit:contain;width:100%;height:100%;z-index:1;cursor:zoom-out;padding:1rem}.markdown .book-asciinema{margin:1rem 0}.markdown .book-hero{min-height:24rem;align-content:center}.markdown .book-hero h1{font-size:3em}.markdown .book-codeblock-filename{background:var(--gray-100);border:1px solid var(--gray-200);border-bottom:0;font-size:var(--font-size-smaller);margin-top:1rem;padding:.25rem .5rem;border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}.markdown .book-codeblock-filename a{color:var(--body-font-color)}.markdown .book-codeblock-filename+.highlight pre{margin-top:0;border-start-start-radius:0;border-start-end-radius:0}@font-face{font-family:intervariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:intervariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable-Italic.woff2)format("woff2")}:root[data-theme=light]{--body-background:white;--body-background-tint:none;--body-font-color:black;--color-link:#0055bb;--color-visited-link:#5500bb;--icon-filter:none;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-500:#adb5bd;--color-accent-default:#64748b;--color-accent-default-tint:rgba(100, 116, 139, 0.1);--color-accent-note:#4486dd;--color-accent-note-tint:rgba(68, 134, 221, 0.1);--color-accent-tip:#3bad3b;--color-accent-tip-tint:rgba(59, 173, 59, 0.1);--color-accent-important:#8144dd;--color-accent-important-tint:rgba(129, 68, 221, 0.1);--color-accent-warning:#f59e42;--color-accent-warning-tint:rgba(245, 158, 66, 0.1);--color-accent-caution:#d84747;--color-accent-caution-tint:rgba(216, 71, 71, 0.1);--color-accent-info:#4486dd;--color-accent-info-tint:rgba(68, 134, 221, 0.1);--color-accent-success:#3bad3b;--color-accent-success-tint:rgba(59, 173, 59, 0.1);--color-accent-danger:#d84747;--color-accent-danger-tint:rgba(216, 71, 71, 0.1)}:root[data-theme=dark]{--body-background:#2e3440;--body-background-tint:none;--body-font-color:#eceff4;--color-link:#81a1c1;--color-visited-link:#81a1c1;--icon-filter:brightness(0) invert(1);--gray-100:#3b4252;--gray-200:#434c5e;--gray-500:#d8dee9;--color-accent-default:#81a1c1;--color-accent-default-tint:rgba(129, 161, 193, 0.1);--color-accent-note:#5e81ac;--color-accent-note-tint:rgba(94, 129, 172, 0.1);--color-accent-tip:#a3be8c;--color-accent-tip-tint:rgba(163, 190, 140, 0.1);--color-accent-important:#b48ead;--color-accent-important-tint:rgba(180, 142, 173, 0.1);--color-accent-warning:#d08770;--color-accent-warning-tint:rgba(208, 135, 112, 0.1);--color-accent-caution:#bf616a;--color-accent-caution-tint:rgba(191, 97, 106, 0.1);--color-accent-info:#5e81ac;--color-accent-info-tint:rgba(94, 129, 172, 0.1);--color-accent-success:#a3be8c;--color-accent-success-tint:rgba(163, 190, 140, 0.1);--color-accent-danger:#bf616a;--color-accent-danger-tint:rgba(191, 97, 106, 0.1)}body{font-family:athelas,hiragino mincho pron,hiragino mincho pro,yu mincho,serif;font-size:18px}.container{max-width:1160px}.book-page{max-width:900px}.book-brand{font-family:hiragino maru gothic pron,hiragino maru gothic pro,sans-serif;font-size:22px;margin-bottom:.25rem}.book-brand-subtitle{font-size:var(--font-size-smaller);opacity:.6;margin:0 0 .5rem}.book-post h2{font-weight:700;font-size:28px}.book-post-content.markdown-inner h1,.markdown figure figcaption.book-post-content h1,.markdown .book-steps>ol>li.book-post-content h1,article.book-post.markdown>h1{font-weight:700;font-size:30px}blockquote{font-family:-apple-system,sf pro text,hiragino maru gothic pron,hiragino maru gothic pro,sans-serif;font-size:16px}.book-sidebar-section{padding:0;margin:0;list-style:none}.book-sidebar-section>li{margin-top:1rem}.book-sidebar-actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--gray-200);width:fit-content}.book-action-btn{background:0 0;border:1px solid var(--gray-200);border-radius:var(--border-radius);cursor:pointer;padding:.25rem;color:var(--body-font-color);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:0;flex-shrink:0}.book-action-btn:hover{background:var(--gray-100)}.book-post-cover{margin:1rem 0}.book-post-cover img{max-width:100%;height:auto;border-radius:var(--border-radius)}.book-post-content.markdown-inner img,.markdown figure figcaption.book-post-content img,.markdown .book-steps>ol>li.book-post-content img{max-width:100%;max-height:32rem;width:auto;height:auto;display:block;margin:1rem auto;border-radius:var(--border-radius)}:root[data-theme=light] .icon-sun,:root:not([data-theme=dark]) .icon-sun{display:none}:root[data-theme=light] .icon-moon,:root:not([data-theme=dark]) .icon-moon{display:inline-block}:root[data-theme=dark] .icon-moon{display:none}:root[data-theme=dark] .icon-sun{display:inline-block}.book-kind-home,.book-type-projects,.book-type-project,.book-type-writing,.book-type-skills,.book-type-about{font-family:intervariable,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei,sans-serif}.book-kind-home .container,.book-type-projects .container,.book-type-project .container,.book-type-writing .container,.book-type-skills .container,.book-type-about .container{max-width:none;display:block;padding:0;gap:0}.book-kind-home .book-page,.book-type-projects .book-page,.book-type-project .book-page,.book-type-writing .book-page,.book-type-skills .book-page,.book-type-about .book-page{max-width:none;padding:0}.book-kind-home .book-menu,.book-kind-home .book-toc,.book-type-projects .book-menu,.book-type-projects .book-toc,.book-type-project .book-menu,.book-type-project .book-toc,.book-type-writing .book-menu,.book-type-writing .book-toc,.book-type-skills .book-menu,.book-type-skills .book-toc,.book-type-about .book-menu,.book-type-about .book-toc{display:none}.book-kind-home h1,.book-kind-home h2,.book-kind-home h3,.book-kind-home h4,.book-kind-home h5,.book-kind-home h6,.book-type-projects h1,.book-type-projects h2,.book-type-projects h3,.book-type-projects h4,.book-type-projects h5,.book-type-projects h6,.book-type-project h1,.book-type-project h2,.book-type-project h3,.book-type-project h4,.book-type-project h5,.book-type-project h6,.book-type-writing h1,.book-type-writing h2,.book-type-writing h3,.book-type-writing h4,.book-type-writing h5,.book-type-writing h6,.book-type-skills h1,.book-type-skills h2,.book-type-skills h3,.book-type-skills h4,.book-type-skills h5,.book-type-skills h6,.book-type-about h1,.book-type-about h2,.book-type-about h3,.book-type-about h4,.book-type-about h5,.book-type-about h6{font-family:intervariable,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei,sans-serif}.pro-nav{border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:10;background:var(--body-background)}.pro-nav-inner{max-width:1024px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pro-brand{font-weight:700;font-size:1.05rem;text-decoration:none;color:var(--body-font-color)}.pro-nav-right{display:flex;align-items:center;gap:1.2rem}.pro-nav-links a{text-decoration:none;color:var(--body-font-color);font-size:.9rem;margin-left:1.3rem;opacity:.7}.pro-nav-links a:first-child{margin-left:0}.pro-nav-links a:hover,.pro-nav-links a.active{opacity:1;color:var(--color-link)}.pro-toggle{background:0 0;border:none;cursor:pointer;padding:.2rem;color:var(--body-font-color);line-height:0;opacity:.7;display:inline-flex;align-items:center}.pro-toggle:hover{opacity:1}.pro{max-width:1024px;margin:0 auto;padding:0 2rem;font-size:16px;line-height:1.65}.pro-hero-band,.pro-band{width:100%}.pro-band-tint{background:linear-gradient(#f4f6f9 .5%,var(--body-background) 90%)}:root[data-theme=dark] .pro-band-tint{background:linear-gradient(rgba(255,255,255,4%) .5%,var(--body-background) 90%)}.pro-band .pro-section,.pro-hero-band .pro-hero{border-bottom:none}.pro-hero{padding:5rem 0 3.5rem;border-bottom:1px solid var(--gray-200)}.pro-hero .eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-link);font-weight:700;margin:0 0 1.1rem}.pro-hero h1{font-size:3rem;line-height:1.12;margin:0 0 1.4rem;font-weight:700;letter-spacing:-.015em;max-width:20ch}.pro-hero .greeting{font-size:1.15rem;font-weight:700;margin:0 0 .6rem;color:var(--color-link)}.pro-hero .lead{font-size:1.05rem;line-height:1.65;max-width:64ch;margin:0 0 2rem;opacity:.85}.pro-hero .sub{max-width:62ch;opacity:.7;margin:0 0 2rem}.pro-hero-links a{text-decoration:none;color:var(--body-font-color);font-size:.92rem;border-bottom:2px solid var(--color-link);padding-bottom:1px;margin-right:1.6rem}.pro-hero-links a:hover{color:var(--color-link)}.pro-section{padding:3.5rem 0;border-bottom:1px solid var(--gray-200)}.pro-section h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;opacity:.55;margin:0 0 2rem;font-weight:700}.pro-split{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:center}.pro-split-reverse{grid-template-columns:300px 1fr}.pro-split-reverse .pro-split-text{order:2}.pro-split-reverse .pro-split-art{order:1}.pro-split-art{display:flex;justify-content:center}.pro-illus{width:100%;max-width:300px;height:auto}.pro-about-art{display:flex;justify-content:center;margin:0 0 2.5rem}.pro-about-art .pro-illus{max-width:320px}:root[data-theme=dark] .pro-split-art .pro-illus,:root[data-theme=dark] .pro-about-art .pro-illus{background:#eef1f6;border-radius:12px;padding:1.25rem;box-sizing:border-box}@media(max-width:780px){.pro-split,.pro-split-reverse{grid-template-columns:1fr;gap:1.5rem}.pro-split .pro-split-text,.pro-split-reverse .pro-split-text{order:1}.pro-split .pro-split-art,.pro-split-reverse .pro-split-art{order:2}.pro-illus{max-width:220px}}.pro-lead-text{max-width:62ch;opacity:.8;margin:0 0 1rem}.pro-more a{color:var(--color-link);text-decoration:none;font-weight:600}.pro-projects{display:flex;flex-direction:column;gap:1.6rem}.pro-card{padding-bottom:1.6rem;border-bottom:1px solid var(--gray-200)}.pro-card:last-child{border-bottom:none;padding-bottom:0}.pro-card .kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-link);font-weight:700}.pro-card h3{font-size:1.35rem;font-weight:600;line-height:1.25;margin:.3rem 0 .4rem}.pro-card h3 a{color:var(--body-font-color);text-decoration:none}.pro-card h3 a:hover{color:var(--color-link)}.pro-card p{margin:0;opacity:.75;max-width:66ch}.pro-card-link{display:inline-block;margin-top:.6rem;color:var(--color-link);text-decoration:none;font-size:.9rem}.pro-projects-full{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem 2.2rem}.pro-projects-full .pro-card{border-bottom:none;padding:1.4rem;border:1px solid var(--gray-200);border-radius:6px;display:flex;flex-direction:column}.pro-projects-full .pro-card:last-child{border:1px solid var(--gray-200);padding:1.4rem}.pro-projects-full .pro-card .pro-card-link{margin-top:auto}.pro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.8rem 2.4rem}.pro-cat h4{font-size:.8rem;font-weight:700;margin:0 0 .7rem;padding-bottom:.35rem;border-bottom:1px solid var(--gray-200)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--gray-200);border-radius:4px;padding:.24rem .62rem;font-size:.82rem;opacity:.85}.pro-chips-summary{margin:1.2rem 0 1.6rem}.pro-skills-block{padding-bottom:2.5rem}.pro-skills-block h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;opacity:.55;margin:0 0 1.4rem;font-weight:700}.pro-page-head{padding:3.5rem 0 2rem;border-bottom:1px solid var(--gray-200);margin-bottom:2.5rem}.pro-page-head h1{font-size:2.2rem;font-weight:700;margin:0 0 .5rem}.pro-page-head h1::after{content:"";display:block;width:48px;height:3px;margin-top:.7rem;border-radius:3px;background:var(--color-link)}.pro-intro{opacity:.72;max-width:62ch}.pro-writing-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 2.2rem;padding-bottom:3rem}.pro-writing-item{padding:1.4rem;border:1px solid var(--gray-200);border-radius:6px;display:flex;flex-direction:column}.pro-writing-item h3{font-size:1.18rem;font-weight:600;margin:0 0 .3rem}.pro-writing-item h3 a{color:var(--body-font-color);text-decoration:none}.pro-writing-item h3 a:hover{color:var(--color-link)}.pro-writing-item p{margin:0 0 .8rem;opacity:.75}.pro-writing-meta{display:flex;align-items:center;gap:.8rem;font-size:.85rem;margin-top:auto}.pro-writing-meta a{color:var(--color-link);text-decoration:none}.pro-pill{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--gray-200);border-radius:100px;padding:.12rem .55rem;opacity:.65}.pro-article{padding:2.5rem 0 2rem;max-width:760px}.pro-back{margin:2rem 0 1rem}.pro-back a{color:var(--color-link);text-decoration:none;font-size:.9rem}.pro-doc{display:grid;grid-template-columns:minmax(0,1fr)220px;gap:3rem;align-items:start}.pro-doc .pro-article{padding-top:1rem}.pro-toc{position:sticky;top:5rem;font-size:.85rem;padding-top:1.6rem}.pro-toc .pro-toc-title{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;opacity:.5;margin:0 0 .8rem}.pro-toc nav>ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--gray-200)}.pro-toc ul ul{list-style:none;margin:0;padding-left:.9rem}.pro-toc li{margin:.15rem 0}.pro-toc a{display:block;padding:.2rem 0 .2rem .9rem;margin-left:-1px;color:var(--body-font-color);opacity:.7;text-decoration:none;border-left:2px solid transparent;line-height:1.35}.pro-toc a:hover{opacity:1;color:var(--color-link);border-left-color:var(--color-link)}@media(max-width:900px){.pro-doc{grid-template-columns:1fr;gap:0}.pro-toc{display:none}}.pro-article .kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-link);font-weight:700}.pro-article h1{font-size:2.1rem;font-weight:700;line-height:1.2;margin:.4rem 0 .8rem}.pro-summary{font-size:1.1rem;line-height:1.55;opacity:.8;margin:0 0 2rem;max-width:62ch}.pro-body{line-height:1.7}.pro-body h2{font-size:1.3rem;font-weight:600;margin:2.2rem 0 .8rem;scroll-margin-top:5rem}.pro-body h3{font-size:1.08rem;font-weight:600;margin:1.6rem 0 .6rem;scroll-margin-top:5rem}.pro-body img{max-width:100%;height:auto;border-radius:var(--border-radius);border:1px solid var(--gray-200);margin:1.2rem 0}.pro-body a{color:var(--color-link)}.pro-footer{border-top:1px solid var(--gray-200);margin-top:2rem;padding:2.5rem 0 3.5rem;text-align:center}.pro-footer-inner .pro-footer-links{display:flex;justify-content:center;gap:1.4rem;margin-bottom:1rem;flex-wrap:wrap}.pro-footer-inner .pro-footer-links a{color:var(--body-font-color);text-decoration:none;font-size:.9rem;opacity:.75}.pro-footer-inner .pro-footer-links a:hover{opacity:1;color:var(--color-link)}.pro-copyright{font-size:.82rem;opacity:.55;margin:0}@media(max-width:640px){.pro,.pro-nav-inner{padding-left:1.25rem;padding-right:1.25rem}.pro-hero{padding:3rem 0 2.5rem}.pro-hero h1{font-size:2rem}.pro-hero .lead{font-size:1.12rem}.pro-nav-links a{margin-left:.9rem;font-size:.85rem}.pro-nav-right{gap:.8rem}.pro-projects-full,.pro-writing-list{grid-template-columns:1fr}}:root{--body-background:white;--body-background-tint:none;--body-font-color:black;--color-link:#0055bb;--color-visited-link:#5500bb;--icon-filter:none;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-500:#adb5bd;--color-accent-default:#64748b;--color-accent-default-tint:rgba(100, 116, 139, 0.1);--color-accent-note:#4486dd;--color-accent-note-tint:rgba(68, 134, 221, 0.1);--color-accent-tip:#3bad3b;--color-accent-tip-tint:rgba(59, 173, 59, 0.1);--color-accent-important:#8144dd;--color-accent-important-tint:rgba(129, 68, 221, 0.1);--color-accent-warning:#f59e42;--color-accent-warning-tint:rgba(245, 158, 66, 0.1);--color-accent-caution:#d84747;--color-accent-caution-tint:rgba(216, 71, 71, 0.1);--color-accent-info:#4486dd;--color-accent-info-tint:rgba(68, 134, 221, 0.1);--color-accent-success:#3bad3b;--color-accent-success-tint:rgba(59, 173, 59, 0.1);--color-accent-danger:#d84747;--color-accent-danger-tint:rgba(216, 71, 71, 0.1)}@media(prefers-color-scheme:dark){:root{--body-background:#2e3440;--body-background-tint:none;--body-font-color:#eceff4;--color-link:#81a1c1;--color-visited-link:#81a1c1;--icon-filter:brightness(0) invert(1);--gray-100:#3b4252;--gray-200:#434c5e;--gray-500:#d8dee9;--color-accent-default:#81a1c1;--color-accent-default-tint:rgba(129, 161, 193, 0.1);--color-accent-note:#5e81ac;--color-accent-note-tint:rgba(94, 129, 172, 0.1);--color-accent-tip:#a3be8c;--color-accent-tip-tint:rgba(163, 190, 140, 0.1);--color-accent-important:#b48ead;--color-accent-important-tint:rgba(180, 142, 173, 0.1);--color-accent-warning:#d08770;--color-accent-warning-tint:rgba(208, 135, 112, 0.1);--color-accent-caution:#bf616a;--color-accent-caution-tint:rgba(191, 97, 106, 0.1);--color-accent-info:#5e81ac;--color-accent-info-tint:rgba(94, 129, 172, 0.1);--color-accent-success:#a3be8c;--color-accent-success-tint:rgba(163, 190, 140, 0.1);--color-accent-danger:#bf616a;--color-accent-danger-tint:rgba(191, 97, 106, 0.1)}}