﻿@media(prefers-contrast: more){.site-header .lang-switcher .lang-link{color:LinkText}.site-header .lang-switcher .lang-link.is-active{text-decoration-color:ActiveText}.site-header .lang-switcher .lang-link:hover:not(.is-active){color:ActiveText;text-decoration-color:ActiveText}}.lang-switcher{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.3125rem;letter-spacing:.05em;text-transform:uppercase}.lang-switcher .lang-link{color:light-dark(#005398, #4dabf7);transition:opacity .2s,color .2s,text-decoration-color .2s;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:rgba(0,0,0,0)}.lang-switcher .lang-link:focus-visible{outline:2px solid light-dark(#291eff, #acf);outline-offset:4px;border-radius:2px}.lang-switcher .lang-link:focus,.lang-switcher .lang-link:focus-visible,.lang-switcher .lang-link:hover{color:light-dark(#291eff, #acf)}.lang-switcher .is-active{text-decoration-line:underline;text-decoration-thickness:.125rem;text-underline-offset:.25rem;text-decoration-color:light-dark(#291eff, #acf);color:light-dark(#291eff, #acf);font-weight:700;cursor:default}.lang-switcher>*:not(:last-child)::after{content:"|";margin:.75rem;color:light-dark(#333, #eee);display:inline-block;font-weight:400;text-decoration:none}.search-wrapper{margin-inline-start:0 !important;position:relative}#search-label{display:flex;gap:.625rem;align-items:center}#search-input{background-image:linear-gradient(140deg, light-dark(#f4f4fa, #111), light-dark(#f0f0f0, #33333d));padding:.3125rem;border:1px solid light-dark(#ddd, #333);border-radius:4px;color:light-dark(#333, #eee)}#search-input::placeholder{color:light-dark(#111, #ddd)}#search-results{position:absolute;top:100%;right:0;inline-size:18.75rem;background:light-dark(#f4f4fa, #16191a);border:.0625rem solid light-dark(#ddd, #333);border-radius:.25rem;list-style:none;padding:0;margin:.3125rem 0 0;box-shadow:light-dark("0 .4rem * $font-size 2rem * $font-size #0000004d", "0 0 15px rgba(77, 171, 247, 0.3), 0 0 40px rgba(77, 171, 247, 0.15)");z-index:1000}#search-results li:not(:last-child){border-block-end:.0625rem solid light-dark(#eee, #333)}#search-results li:last-child{border-block-end:none}#search-results a{display:block;padding:10px;text-decoration:none}#search-results a:hover{background:light-dark(#e7e7e7, #252829);color:light-dark(#005398, #4dabf7)}.hidden{display:none}@media screen{.site-header{background-color:light-dark(#f4f4fa, #16191a);border-block-end:1px solid light-dark(#ddd, #333);padding:clamp(.3125rem,1.25vw,.625rem) clamp(.625rem,5vw,1.25rem)}.site-header .site-title{font-size:clamp(.75rem,5vw,1rem);font-weight:700;line-height:1.2;margin-block:.6875rem;margin-inline-end:auto}.site-header .site-title a:focus-visible,.site-header .site-title a:focus-within{outline-offset:.625rem;outline:light-dark(#005398, #4dabf7) solid .0625rem}.site-header a{text-decoration:none}.header-content{max-inline-size:75rem;margin:0 auto;display:flex;justify-content:space-between;gap:.3125rem;align-items:center;inline-size:100%}.headers-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.3125rem;margin-inline-start:auto}.lang-and-theme{display:flex}.main-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.site-header .header-content .main-nav li a{border-radius:.375rem;box-shadow:inset 0 -0.125rem 0 0 rgba(0,0,0,0);display:block;padding:.3125rem .46875rem;font-weight:700;text-decoration-color:rgba(0,0,0,0);text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:6px}.site-header .header-content .main-nav li a:first-child{padding-inline-start:0}}@media screen and (prefers-reduced-motion: no-preference){.site-header .header-content .main-nav li a{transition:color .2s,text-decoration-color .2s}}@media screen{.site-header .header-content .main-nav li a:where(:hover,:focus):not(.is-active){color:light-dark(#291eff, #acf);text-decoration-color:light-dark(#005398, #4dabf7)}.site-header .header-content .main-nav li a:focus{outline:none}.site-header .header-content .main-nav li a.is-active{color:light-dark(#291eff, #acf);text-decoration-color:light-dark(#005398, #4dabf7)}}@media screen and (prefers-reduced-motion: reduce){.site-header .header-content .main-nav li a{transition:none}}@media(width <= 850px){.header-content{flex-wrap:wrap;gap:.625rem}.header-actions{border-inline-start:none;inline-size:100%;justify-content:flex-end;margin-block-start:.3125rem;margin-inline-start:0;padding-inline-start:0}}.site-footer{background-color:light-dark(#f4f4fa, #16191a);text-align:center;padding:1rem 2rem;border-block-start:1px solid light-dark(#ddd, #333);margin-block-start:auto}.site-footer h2{color:light-dark(#005398, #4dabf7);font-size:1rem;letter-spacing:1px;margin:0 0 1rem 0;text-transform:uppercase}.site-footer ul{list-style:none;padding:0;margin:0 0 1.5rem 0;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.site-footer ul li{margin:0}.site-footer ul a{font-weight:600;text-decoration:none}.site-footer hr{border:0;border-block-start:.0625rem solid light-dark(#eee, #333);margin:1.5rem auto;max-inline-size:12.5rem;opacity:.5}:root{color-scheme:light dark}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.theme-toggle{background:none;border:0;cursor:pointer;padding:.3125rem;color:light-dark(#333, #eee);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;margin-inline-start:1rem}.theme-toggle:focus,.theme-toggle:hover{background-color:light-dark(#e7e7e7, #252829)}.theme-toggle svg{block-size:1.25rem;fill:currentColor;inline-size:1.25rem}body{background-color:light-dark(#f4f4fa, #16191a);font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;margin:0;display:flex;flex-direction:column;min-block-size:100vh}@media(prefers-color-scheme: light){body{background-image:radial-gradient(at 0% 0%, #0053980d 0px, transparent 50%), radial-gradient(at 100% 100%, #0053980d 0px, transparent 50%)}}@media(prefers-color-scheme: dark){body{background-image:radial-gradient(at 0% 0%, #4dabf70d 0px, transparent 50%), radial-gradient(at 100% 100%, #4dabf70d 0px, transparent 50%)}}.main-content,.card{color:light-dark(#333, #eee)}ul>li,p{line-height:1.6}.skip-link{background-image:none;position:absolute;top:-2.5rem;left:0;padding:8px;z-index:100;transition:top .2s}article,.container{max-inline-size:50rem;margin:0 auto}main{flex:1;padding:clamp(.5rem,2.5vw,1.5rem) clamp(1rem,2.5vw,3rem);view-transition-name:main-content}:not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top){color:light-dark(#005398, #4dabf7);text-underline-offset:4px}:not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top):not(:hover){text-decoration-color:color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 40%)}@media(prefers-contrast: more){:not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top):not(.is-active){color:LinkText}.is-active{color:HighLightText}body{background-color:Canvas}}h1,h2,h3{text-wrap:balance}h1{font-family:monospace;font-weight:400;letter-spacing:-0.02em}@keyframes slide-fade-out{to{opacity:0;transform:translateY(-50px)}}@keyframes slide-fade-in{from{opacity:0;transform:translateY(50px)}}::view-transition-group(root){animation-duration:0s}::view-transition-old(main-content),::view-transition-new(main-content){will-change:transform,opacity;block-size:100%;inline-size:100%}::view-transition-old(main-content){animation:.4s ease-in both slide-fade-out}::view-transition-new(main-content){animation:.4s ease-out both slide-fade-in}#back-to-top{bottom:clamp(.625rem,3vw,1.5625rem);position:fixed;right:clamp(.625rem,3vw,1.5625rem);block-size:clamp(1.875rem,5vw,2.5rem);inline-size:clamp(1.875rem,5vw,2.5rem);background-color:light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843));background-image:radial-gradient(at 0% 0%, rgba(77, 171, 247, 0.05) 0px, transparent 50%),radial-gradient(at 100% 100%, rgba(41, 30, 255, 0.05) 0px, transparent 50%);border-radius:50%;box-shadow:light-dark("0 .4rem * $font-size 2rem * $font-size #0000004d", "0 0 15px rgba(77, 171, 247, 0.3), 0 0 40px rgba(77, 171, 247, 0.15)");font-size:clamp(.9375rem,2.5vw,1.25rem);line-height:1.8;text-decoration:none;z-index:1000;transition:transform .2s ease}#back-to-top:hover,#back-to-top:focus-visible{color:light-dark(#acf, #acf);transform:translateY(-0.3125rem);outline:none}#back-to-top :not(:hover,:focus-visible){color:light-dark(#333, #eee)}#back-to-top:active{transform:translateY(0)}@media screen{#back-to-top{display:block}}@media print{#back-to-top{display:none}}.skip-link:focus-visible{top:0;outline:light-dark(#005398, #4dabf7) solid .0625rem}@media(prefers-reduced-motion: no-preference){a:not(.skip-link,#back-to-top){transition:text-decoration-color .2s}}a:not(.skip-link,#back-to-top):focus,a:not(.skip-link,#back-to-top):hover{text-decoration-color:light-dark(#291eff, #acf)}@media(prefers-contrast: more){:is(#main-content,[data-theme]) :not(.site-header,h1)>a:not(.card,.active-link,.lang-link,#back-to-top):not(:hover){text-decoration-color:LinkText}:is(#main-content,[data-theme]) .site-header .header-content .main-nav li a:where(:hover,:focus,.is-active){text-decoration-color:ActiveText}}.list{display:flex;flex-direction:column;gap:2rem;list-style:none;padding:0}.list li{border:1px solid light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843));border-radius:.5rem;margin:0;overflow:hidden}.list li a{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:clamp(.625rem,3vw,1.25rem);padding:clamp(1rem,2vw,1.5rem);text-decoration:none}.list li a:not(.card){padding:.625rem}li picture{align-self:center;block-size:clamp(6.875rem,15vw,12rem);border-radius:.375rem;display:block;flex-shrink:0;inline-size:clamp(6.875rem,25vw,21.375rem);margin:.25rem;overflow:hidden}li img{aspect-ratio:342/192;block-size:100%;content-visibility:auto;inline-size:100%}li img:not([src$=".svg"]){object-fit:cover}li img[src$=".svg"]{align-self:center;inline-size:clamp(6.875rem,25vw,21.375rem);margin:.25rem;object-fit:contain}.list li a h2{color:light-dark(#005398, #4dabf7);font-size:1.25rem;margin-block-start:0}@media(width < 600px){li a.card{align-items:center;padding:.625rem}li .card p{display:none}li img{aspect-ratio:16/9;border-radius:.375rem;flex:0 0 6.875rem;block-size:6.875rem;margin:0;object-fit:cover;inline-size:6.875rem}li .article-meta{font-size:.85rem;margin-block-end:0}}@media screen{.list li{background-color:light-dark(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.031372549));border:1px solid light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843));box-shadow:light-dark(0 0.25rem 1.25rem rgba(0, 0, 0, 0.1019607843), 0 0.25rem 1.25rem rgba(0, 0, 0, 0.3019607843));transition:transform .2s,box-shadow .2s;cursor:pointer;contain:layout paint}.list li:hover,.list li:focus-within{transform:translateY(-5px)}}@media screen and (prefers-color-scheme: light){.list li:hover,.list li:focus-within{box-shadow:0 .4rem * $font-size 2rem * $font-size #0000004d}}@media screen and (prefers-color-scheme: dark){.list li:hover,.list li:focus-within{box-shadow:0 0 15px rgba(77, 171, 247, 0.3), 0 0 40px rgba(77, 171, 247, 0.15)}}@media screen{.list li a:focus{outline:none}}@media screen and (prefers-contrast: more){.list li{border-color:currentColor;border-width:2px;box-shadow:none}}.code--inline{background-color:light-dark(rgba(0, 83, 152, 0.4666666667), rgba(77, 171, 247, 0.4666666667));padding:.3rem;word-break:break-word}code{font-family:"Courier New",monospace;white-space:pre-wrap;word-break:break-word}.code-highlighter{background:light-dark(#f4f4fa, #16191a);border-radius:.25rem;display:block;inline-size:fit-content;line-height:1.5;overflow-x:auto;padding:.3125rem .625rem;position:relative}.code-highlighter .html--tag{color:light-dark(#0033b3, #e8bf6a)}.code-highlighter .html--attribute{color:light-dark(#174ad4, #c586c0)}.code-highlighter .html--attribute-value{color:light-dark(#067d17, #a5c261)}.code-highlighter .html--comment{color:light-dark(#8c8c8c, #b4b4b4)}.code-highlighter .html--css--attribute{color:light-dark(#174ad4, #bababa)}.code-highlighter .html--css--value{color:light-dark(#067d17, #a5c261)}.code-highlighter .html--value{color:light-dark(#e67d17, #a5c261)}.code-highlighter .php--comment{color:light-dark(#8c8c8c, #b4b4b4)}.code-highlighter .php--keyword{color:light-dark(#0033b3, #ff9a46)}.code-highlighter .php--string{color:light-dark(#067d17, #a5c261)}.code-highlighter .php--variable{color:light-dark(#871094, #c5a3ff)}.code-highlighter .php--number{color:light-dark(#175e0b, #6897bb)}.code-highlighter .php--operator{color:light-dark(#080808, #7a7)}.code-highlighter .php--tag{color:light-dark(#d73a49, #ff7b72);font-weight:bold}.code-highlighter .js--comment{color:light-dark(#8c8c8c, #b4b4b4)}.code-highlighter .js--keyword{color:light-dark(#0033b3, #ff9a46)}.code-highlighter .js--string{color:light-dark(#067d17, #a5c261)}.code-highlighter .js--variable{color:light-dark(#871094, #c5a3ff)}.code-highlighter .js--number{color:light-dark(#175e0b, #6897bb)}.code-highlighter .js--operator{color:light-dark(#080808, #7a7)}.code-highlighter .js--property{color:light-dark(#00627a, #ffc66d)}.code-highlighter .css--comment{color:light-dark(#8c8c8c, #b4b4b4)}.code-highlighter .css--selector{color:light-dark(#d73a49, #ff7b72)}.code-highlighter .css--property{color:light-dark(#0033b3, #79c0ff)}.code-highlighter .css--value{color:light-dark(#067d17, #a5c261)}.code-highlighter .css--directive{color:light-dark(#d73a49, #ff7b72)}.code-highlighter .css--variable{color:light-dark(#871094, #c5a3ff)}.code-highlighter .css--function{color:light-dark(#8a3800, #c586c0)}.copy-code-btn{background-color:light-dark(#005398, #4dabf7);border:none;border-radius:.3rem;color:light-dark(#f4f4fa, #16191a);cursor:pointer;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;font-size:.75rem;padding:.25rem .625rem;transition:background-color .2s,color .2s;position:absolute;top:.5rem;right:.5rem}.copy-code-btn:hover{background-color:light-dark(#174ad4, #b1dafb)}article p{position:relative}@media(prefers-contrast: more){#main-content .code--inline{background-color:rgba(0,0,0,0);border:1px solid currentColor;padding:2px 4px}#main-content .copy-code-btn{background-color:ButtonText;color:ButtonFace;border:1px solid currentColor}#main-content .copy-code-btn:hover{background-color:Highlight;color:HighlightText}#main-content .code-highlighter{background:Window;color:WindowText;border:2px solid WindowText;box-shadow:none}}@media(prefers-contrast: more)and (prefers-color-scheme: light){#main-content .html--tag,#main-content .php--tag,#main-content .php--keyword,#main-content .js--keyword,#main-content .css--directive,#main-content .css--property,#main-content .css--selector{color:Highlight;font-weight:bold}#main-content .html--attribute,#main-content .php--variable,#main-content .js--variable,#main-content .css--variable{color:ActiveCaption}#main-content .html--attribute-value,#main-content .php--string,#main-content .js--string,#main-content .css--value{color:WindowText}#main-content .html--comment,#main-content .php--comment,#main-content .js--comment,#main-content .css--comment{color:GrayText;font-style:italic}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){#main-content html:not([data-theme=light]).code-highlighter{background:#000;border-color:#fff}#main-content .html--tag,#main-content .php--tag,#main-content .php--keyword,#main-content .js--keyword,#main-content .css--directive,#main-content .css--property,#main-content .css--selector{color:red}#main-content .html--attribute,#main-content .php--variable,#main-content .js--variable,#main-content .css--variable{color:aqua}#main-content .html--attribute-value,#main-content .php--string,#main-content .js--string,#main-content .css--value{color:lime}#main-content .html--comment,#main-content .php--comment,#main-content .js--comment,#main-content .css--comment{color:#888;font-style:italic}}.author-photo{border:3px solid light-dark(#005398, #4dabf7);border-radius:50%;box-shadow:0 .25rem .625rem rgba(0,0,0,.1);flex-shrink:0;block-size:6.25rem;inline-size:6.25rem;margin:0;min-inline-size:6.25rem;object-fit:cover}.author-box{align-items:center;border:.0625rem solid light-dark(#eee, #333);border-radius:.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem;margin:4rem auto;max-inline-size:50rem;padding:1.5rem 2rem}.author-box .author-photo{block-size:6.875rem;border:.1875rem solid light-dark(#005398, #4dabf7);border-radius:50%;box-shadow:0 .25rem .625rem rgba(0,0,0,.1);flex:0 0 6.875rem;inline-size:6.875rem;margin:0;object-fit:cover}.author-box .author-info{display:flex;flex:1 1 21.875rem;flex-direction:column;justify-content:center;text-align:left}.author-box .author-name{color:light-dark(#333, #eee);font-size:1.375rem;font-weight:800;line-height:1.1;margin-block-end:.25rem}.author-box .author-role{color:light-dark(#005398, #4dabf7);font-size:.875rem;font-weight:700;letter-spacing:.08em;margin-block-end:.75rem;text-transform:uppercase}.author-box .author-bio{color:light-dark(#4d4d4d, #ddd);font-size:.9375rem;line-height:1.6;margin:0}.author-box .author-bio a{color:light-dark(#333, #eee);font-weight:600;text-decoration:underline;transition:color .2s}.author-box .author-bio a:hover{color:light-dark(#005398, #4dabf7)}.author-box .author-link{align-self:flex-start;border-block-end:2px solid light-dark(#005398, #4dabf7);color:light-dark(#333, #eee);display:inline-block;font-size:.875rem;font-weight:700;margin-block-start:.75rem;text-decoration:none}.author-box .author-link:hover{opacity:.8}article table{border-block-start:1px solid light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843));border-collapse:collapse;contain:layout;inline-size:100%;margin-block:1.5rem}article table tr{border-block-end:1px solid light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843));display:flex;flex-wrap:wrap}article table th,article table td{flex-basis:12.5rem;flex-grow:1;line-height:1.6;padding:.75rem 1rem;text-align:left}article table thead th{background-color:light-dark(#dbe5f1, #1b2831);color:light-dark(#005398, #4dabf7);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}article table thead th:not(:last-child){border-inline-end:1px solid light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843))}article table thead th:first-child{flex-grow:1}article table thead th:last-child{flex-grow:3}article table tbody th{color:light-dark(#333, #eee);flex-grow:1;font-size:1.05rem;font-weight:700;text-transform:none}article table tbody td:not(:first-child){color:color-mix(in srgb, light-dark(#333, #eee), transparent 10%);flex-basis:15.625rem;flex-grow:3;font-size:1.05rem}article table tbody td:not(:first-child) code{background-color:color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 92%);border-radius:.25rem;font-weight:600;padding:.2rem .4rem}@media(prefers-contrast: more){article table tr{border-block-end:2px solid currentColor}article table tbody th{border-inline-end:2px solid currentColor}}.toc{background-color:light-dark(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.031372549));border:1px solid light-dark(rgba(0, 0, 0, 0.1019607843), rgba(255, 255, 255, 0.1019607843));border-radius:.5rem;margin:2rem auto;padding:1.5rem;max-inline-size:25rem}.toc--title{color:light-dark(#005398, #4dabf7);font-size:1.1rem;font-weight:800;letter-spacing:.05em;margin-block-end:1rem;text-transform:uppercase}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-block-end:.5rem;padding-inline-start:1.2rem;position:relative}.toc li::before{content:"—";position:absolute;left:0;color:light-dark(#005398, #4dabf7)}.toc a{color:light-dark(#333, #eee);font-weight:600;text-decoration:none;transition:color .2s}.toc a:hover{color:light-dark(#291eff, #acf)}.toc-sidebar{flex:1 1 15.625rem;max-inline-size:50rem;align-self:start}@media(width >= 1000px){.toc-sidebar{position:sticky;top:2rem;max-inline-size:15.625rem}}.toc-sidebar--title{color:light-dark(#005398, #4dabf7);font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-block-end:1.25rem;text-transform:uppercase}.toc-sidebar ul{border-inline-start:2px solid color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 40%);list-style:none;margin:0;padding:0;scroll-target-group:auto}.toc-sidebar a{border-inline-start:3px solid rgba(0,0,0,0);color:light-dark(#333, #eee);display:block;font-size:1rem;line-height:1.5;margin-inline-start:-2px;padding:.5rem .625rem .5rem 1.25rem;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}.toc-sidebar a:hover,.toc-sidebar a:focus,.toc-sidebar a:target-current{background-color:color-mix(in srgb, light-dark(#005398, #4dabf7), transparent 92%);border-inline-start-color:light-dark(#005398, #4dabf7);color:light-dark(#005398, #4dabf7);outline:none}article.container{max-inline-size:62.5rem;padding-inline:1rem 1rem}article>*:not(img):not(video):not(.article-tags):not(.related-posts):not(.code-highlighter):not(table){color:color-mix(in srgb, light-dark(#333, #eee), transparent 10%);font-size:1.15rem;line-height:1.8;max-inline-size:42.5rem}article h1{margin-block-end:.5rem;text-align:center}article h2,article h3{color:light-dark(#005398, #4dabf7);margin-block:3rem 1rem}article-meta{color:color-mix(in srgb, light-dark(#4d4d4d, #ddd), transparent 40%);font-family:monospace;font-size:.9rem;margin-block-end:1rem;text-align:center}article.container{flex:999 1 37.5rem;margin:0;min-inline-size:0;max-inline-size:50rem}article h2{position:relative}article h2 .header-anchor{color:light-dark(#005398, #4dabf7);cursor:pointer;font-family:monospace;font-size:.8em;font-weight:400;left:-1.5rem;line-height:1;padding-inline-end:.5rem;position:absolute;top:50%;text-decoration:none;transition:color .2s ease-in-out}@media(width > 1000px){article h2 .header-anchor{transform:translateY(-50%)}}@media(width <= 1000px){article h2 .header-anchor{margin-inline-end:.5rem;position:static;vertical-align:middle}}article h2:hover .header-anchor{color:light-dark(#acf, #acf)}img,video{block-size:auto;border-radius:.5rem;display:block;margin:1rem auto;max-inline-size:min(100% - 20px,50rem)}@media(prefers-color-scheme: light){img.has-shadow,video.has-shadow{box-shadow:0 8px 24px rgba(0, 0, 0, .25)}}@media(prefers-color-scheme: dark){img.has-shadow,video.has-shadow{box-shadow:0 0 35px rgba(77, 171, 247, .35)}}.article-tags{border-block-start:.0625rem solid light-dark(#eee, #333);margin:4rem auto 0;max-inline-size:42.5rem;padding-block-start:2rem;text-align:center}.article-tags a{background:light-dark(#e7e7e7, #252829);border-radius:3.125rem;color:light-dark(#333, #eee);display:inline-block;font-size:.85rem;font-weight:600;margin:.25rem;padding:.4em 1em;text-decoration:none;transition:background .2s}.article-tags a:hover{background:light-dark(#d0d0d0, #353839)}.article-layout{display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,4rem);justify-content:center;margin:0 auto;max-inline-size:75rem;padding:0 1.5rem}@media(prefers-contrast: more){#main-content .article-meta{color:GrayText}.toc-sidebar{background-color:Window;border:2px solid WindowText}.toc-sidebar--title{padding-block-start:.9375rem;padding-inline-start:1.5625rem}#main-content .toc-sidebar a:where(:hover,:focus,.is-active){background-color:Highlight;color:HighlightText}article.container{box-shadow:none}}.profile-pic{border:.25rem solid light-dark(#005398, #4dabf7);border-radius:50%;float:right;margin-inline-start:2.5rem;margin-block-end:1.5rem;object-fit:cover;shape-outside:circle(50%);block-size:180px;inline-size:180px}@media(width <= 600px){.profile-pic{float:none;display:block;block-size:150px;margin:0 auto 2rem auto;inline-size:150px}}/*# sourceMappingURL=article.css.map */
