:root{--beige:#e4e2d7;--red:#ff3b3b;--black:#111;--bg-color:light-dark(var(--beige),var(--black));--text-color:light-dark(black,var(--red));--border-solid:solid;--border-dotted:dotted;--light-color:light-dark(rgba(0,0,0,.3),rgba(255,59,59,.3));--focus-color:light-dark(var(--red),white);--pre-bg:light-dark(white,black);--font-xs:.85rem;--font-sm:1rem;--font-base:1.2rem;--font-md:1.5rem;--font-lg:2.3rem;--font-xl:3rem;--font-xxl:6rem;--color-mode:"light"}@media screen and (max-width:499px){:root{--content-padding:1.2rem}}@media screen and (min-width:500px){:root{--content-padding:2rem}}@media(prefers-color-scheme:dark){:root{--color-mode:"dark"}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Hubano-Rough;src:url(./fonts/Hubano-Rough.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:SydoniaAtramentiquaRegular;src:url(./fonts/SydoniaAtramentiquaRegular.woff2) format("woff2"),url(./fonts/SydoniaAtramentiquaRegular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:SydoniaAtramentiquaItalic;src:url(./fonts/SydoniaAtramentiquaItalic.woff2) format("woff2"),url(./fonts/SydoniaAtramentiquaItalic.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:SydoniaAtramentiquaLight;src:url(./fonts/SydoniaAtramentiquaLight.woff2) format("woff2"),url(./fonts/SydoniaAtramentiquaLight.woff) format("woff");font-weight:100;font-display:swap}@font-face{font-family:SydoniaAtramentiquaBold;src:url(./fonts/SydoniaAtramentiquaBold.woff2) format("woff2"),url(./fonts/SydoniaAtramentiquaBold.woff) format("woff");font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box}::selection{background-color:var(--text-color);color:var(--bg-color);fill:var(--bg-color)}html{height:100%;color-scheme:light dark}html[data-user-color-scheme=light]{color-scheme:light}html[data-user-color-scheme=dark]{color-scheme:dark}body{width:100%;min-height:100%;display:grid;background-color:var(--bg-color);background-image:url(./images/bg-pattern.jpg);background-repeat:repeat;background-position:fixed;background-size:1400px auto;font-family:SydoniaAtramentiquaRegular,Times New Roman,serif;font-size:var(--font-base);font-weight:300;line-height:1.6;color:var(--text-color)}@media screen and (min-width:500px){body{justify-content:center}}@media(prefers-color-scheme:dark){:root:not([data-user-color-scheme]) body{background-image:url(./images/bg-pattern-dark.jpg)}}[data-user-color-scheme=dark] body{background-image:url(./images/bg-pattern-dark.jpg)}.app{width:calc(100% - var(--content-padding) * 2);margin:var(--content-padding);transition:transform .1s cubic-bezier(.175,.885,.12,1.775);transform:scale(1)}@media screen and (min-width:500px){.app{width:calc(500px - var(--content-padding) * 2)}}.visually-hidden,.screenreader{height:1px;width:1px;position:absolute;display:block;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(1px);white-space:nowrap}img{width:100%;max-width:100%;height:auto;display:block}.center{text-align:center}.hidden{display:none}.mb0{margin-bottom:0}h1,h2,h3{text-wrap:pretty}h1{line-height:1.1;font-family:Hubano-Rough,system-ui,Segoe UI,Roboto,sans-serif;font-size:var(--font-xl)}h2{line-height:1.2;font-size:var(--font-md);font-family:SydoniaAtramentiquaBold,Times New Roman,serif;text-transform:uppercase;scroll-margin-top:20px}@media screen and (max-width:499px){h2{font-size:calc(var(--font-md) - .2rem)}}h3{line-height:1.2;font-size:var(--font-base);font-family:SydoniaAtramentiquaBold,Times New Roman,serif;text-transform:uppercase}.light{font-family:SydoniaAtramentiquaLight,Times New Roman,serif}em{font-weight:inherit;font-family:SydoniaAtramentiquaItalic,Times New Roman,serif}strong{font-family:SydoniaAtramentiquaBold,Times New Roman,serif}small,.small{font-size:var(--font-sm)}ul.bullets{list-style-type:disc;padding-left:1rem}figcaption{font-size:var(--font-xs)}p code,ul code,h2 code,figcaption code{padding:3px 5px;border:1px dotted;font-size:var(--font-sm);font-weight:500;color:var(--text-color);align-self:center}h2 code{margin:-.15em .2em 0;display:inline-block;vertical-align:middle;text-shadow:none;text-transform:none}pre,code{font-family:monospace;border-radius:3px}pre{white-space:pre-wrap;overflow:auto;border:1px solid}pre code{background-color:var(--pre-bg);font-size:var(--font-xs)}.no-js pre{padding:1em}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--text-color);font-weight:550;position:relative}a:hover{text-decoration-style:wavy}a:focus:focus-visible{outline:4px solid var(--focus-color);outline-offset:3px;background-color:var(--bg-color);box-shadow:0 0 0 3px var(--bg-color),6px 6px 0 7px var(--text-color);text-decoration:none;transition:none}a:focus:not(:focus-visible){outline:none}a:not(:has(figure)):active{transform:translateY(1px)}a.skip-link{padding:.4em 1em;position:fixed;left:1em;top:1em;clip:rect(0 0 0 0);z-index:200}a.skip-link:hover{color:inherit}a.skip-link:focus{clip:unset;outline:4px solid var(--focus-color);outline-offset:0;box-shadow:9px 9px 0 4px var(--text-color)}a.button,button{padding:.5em 1em;background-color:var(--text-color);border:none;border-radius:4px;font-weight:600;color:var(--bg-color);cursor:pointer}a.button:active,button:active{transform:translateY(1px)}a.button:focus:focus-visible,button:focus:focus-visible{outline:4px solid var(--focus-color);outline-offset:0;box-shadow:6px 6px 0 4px var(--text-color)}button{font-family:SydoniaAtramentiquaRegular,Times New Roman,serif}.icon{width:1.6rem;height:1.6rem;display:block;transform:scale(1) rotate(0);transition:transform .1s ease-in-out}.icon svg{width:100%;height:auto}.icon svg path,.icon svg polygon,.icon svg line{stroke:var(--text-color)}.icon:hover{background-color:transparent}.icon:nth-child(odd):hover{transform:scale(1.15) rotate(5deg)}.icon:nth-child(2n):hover{transform:scale(1.15) rotate(-5deg)}.video-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;border:1px solid}.video-container object,.video-container embed,.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}video{background-color:transparent;border:1px solid}video:focus:focus-visible{outline:4px solid var(--focus-color);outline-offset:0;box-shadow:9px 9px 0 4px var(--text-color)}.content .lyt-activated iframe{margin-top:0}lite-youtube{border:1px solid}lite-youtube:has(.lty-playbtn:focus){outline:4px solid var(--focus-color);outline-offset:0;box-shadow:9px 9px 0 4px var(--text-color)}.main-nav{width:100%;padding:2rem 0;font-family:SydoniaAtramentiquaLight,Times New Roman,serif}.main-nav ol{display:grid;gap:1rem;counter-reset:counter}.main-nav li{counter-increment:counter;display:flex;min-width:0}.main-nav a{display:flex;gap:.4rem;flex:1;min-width:0;font-size:var(--font-sm);text-transform:uppercase;text-decoration:none;transition:transform .1s ease-in-out}.main-nav a:hover{transform:scale(1.05)}.main-nav a:before{content:"";flex:1;background-repeat:space no-repeat;background-image:radial-gradient(circle,var(--text-color) 20%,transparent 21%);background-size:.6em .6em;background-position:0 80%;order:2}.main-nav a:after{content:counters(counter,".",upper-roman);flex:0 0 auto;order:3}.main-nav+small{display:block;margin-top:3rem;font-family:SydoniaAtramentiquaBold,Times New Roman,serif}.main-nav+small a{text-decoration:none}.main-nav+small a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background-color:transparent;color:var(--text-color);text-decoration-style:wavy}:root{--toggle-sun:1;--toggle-moon:0}@media(prefers-color-scheme:dark){:root:not([data-user-color-scheme]){--toggle-sun:0;--toggle-moon:1}}[data-user-color-scheme=dark]{--toggle-sun:0;--toggle-moon:1}.mode-toggle{margin-top:.5em;display:grid;place-content:center}.no-js .mode-toggle{display:none}.toggle-button{padding:0;display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer}.toggle-button:focus-visible{outline:none;border-radius:50%}.toggle-button:focus:not(:focus-visible){outline:none}.toggle-button:active{transform:translateY(1px)}.toggle-button .toggle-text{height:1px;width:1px;position:absolute;display:block;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(1px);white-space:nowrap}.toggle-icon{width:1.6rem;height:1.6rem;transform:scale(1) rotate(0);transition:transform .1s ease-in-out}.toggle-icon:hover{transform:scale(1.15) rotate(5deg)}.toggle-icon svg{width:100%;height:auto}.toggle-icon svg #sun{opacity:var(--toggle-sun)}.toggle-icon svg #moon{opacity:var(--toggle-moon)}.toggle-icon svg path,.toggle-icon svg circle,.toggle-icon svg line{stroke:var(--text-color);vector-effect:none}.header-main{text-align:center}.header-main.home h1{max-width:100%;font-size:clamp(3.2rem,16vw,var(--font-xxl));line-height:1}.header-main.home h2{margin-top:.75em;font-size:var(--font-md);text-transform:none}.header-main:not(.home){margin-bottom:4rem}.header-main:not(.home) .chapter{margin:2em 0}hr{height:1px;margin:2rem 0;background-color:var(--light-color);border:none}.content *+*{margin-top:1lh}.content h2,.content h3{margin-top:1.5lh}.content ul:not(.unstyled){padding-left:1.3em;list-style-type:disc}.content ol{padding-left:1.3em;list-style-type:decimal}.content ul li+li,.content ol li+li{margin-top:.5em}.content video,.content figure{max-width:100%}.content video{margin-top:1.4em}.content video+p{margin-top:1.4em}.content figure>a{display:block}.content figure>a:focus:focus-visible{outline:4px solid var(--focus-color);outline-offset:0;box-shadow:9px 9px 0 4px var(--text-color)}.content figure>a:hover{color:inherit}.content source+img{margin-top:0}.content img:not(.no-border){border:1px solid}.content img[src$=".png"]{border:none}.content p+small{margin-top:1.6em;display:block}.content>small{display:block;line-height:1.3}.content>p:first-of-type:first-letter{font-size:var(--font-xl);line-height:1}.content hr{margin:calc(var(--content-padding) * .75) 0}.content blockquote:not(.tweet-text){padding:1em 0 1em .7em;position:relative;border-top:2px solid;border-bottom:2px solid;border-color:var(--light-color)}.content blockquote:not(.tweet-text):before{content:'"';position:absolute;left:0;transform:translate(50%)}.content blockquote:not(.tweet-text) cite{margin-top:.5em;display:block;text-align:right;font-size:var(--font-sm)}.content blockquote:not(.tweet-text) cite:before{content:"-"}.content blockquote:not(.tweet-text)+blockquote{border-top:none;margin-top:0}.content blockquote:not(.tweet-text)+hr{opacity:0}.content .footnote{margin-top:.4em;display:block;text-align:center}.content .footnote code{font-size:.9em}.content .callout{border:1px dashed var(--light-color);padding:1em;font-size:var(--font-sm)}.twitter-tweet,.bsky-post{margin-bottom:1.5lh;max-width:550px;padding:1em;border:1px solid}.twitter-tweet .tweet-author,.bsky-post .tweet-author{display:grid;grid-template-columns:2.3em 1fr auto;grid-template-rows:1fr 1fr;grid-template-areas:"avatar name logo" "avatar handle logo";gap:0 .5em;line-height:1}.twitter-tweet .tweet-author>*,.bsky-post .tweet-author>*{margin:0}.twitter-tweet .author-avatar,.bsky-post .author-avatar{grid-area:avatar;border-radius:50%}.twitter-tweet .author-name,.bsky-post .author-name{grid-area:name;text-decoration:none}.twitter-tweet .author-name:hover,.bsky-post .author-name:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background-color:transparent;color:var(--text-color);text-decoration-style:wavy}.twitter-tweet .author-handle,.bsky-post .author-handle{grid-area:handle;text-decoration:none;font-weight:400}.twitter-tweet .author-handle:hover,.bsky-post .author-handle:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background-color:transparent;color:var(--text-color);text-decoration-style:wavy}.twitter-tweet .twitter-logo,.bsky-post .twitter-logo,.twitter-tweet .bsky-logo,.bsky-post .bsky-logo{grid-area:logo}.twitter-tweet .twitter-logo svg,.bsky-post .twitter-logo svg,.twitter-tweet .bsky-logo svg,.bsky-post .bsky-logo svg{width:1.5em;height:1.5em}.twitter-tweet .twitter-logo svg path,.bsky-post .twitter-logo svg path,.twitter-tweet .bsky-logo svg path,.bsky-post .bsky-logo svg path{fill:var(--text-color);stroke:transparent}.twitter-tweet .twitter-logo:hover,.bsky-post .twitter-logo:hover,.twitter-tweet .bsky-logo:hover,.bsky-post .bsky-logo:hover{background-color:transparent}.twitter-tweet .tweet-data,.bsky-post .tweet-data{padding-top:.5em;display:flex;justify-content:space-between;gap:.5em;border-top:2px solid}.twitter-tweet .tweet-data small,.bsky-post .tweet-data small{margin:0;font-size:var(--font-xs)}.twitter-tweet .tweet-data a,.bsky-post .tweet-data a{text-decoration:none}.twitter-tweet .tweet-data a:hover,.bsky-post .tweet-data a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background-color:transparent;color:var(--text-color);text-decoration-style:wavy}.main-footer{margin-top:4rem;font-size:var(--font-sm)}.main-footer .footer-links{padding:1em 0 .8em;display:flex;gap:.5em 1.5em;justify-content:space-between;align-items:center;border-top:2px solid;border-bottom:2px solid;line-height:1;font-family:SydoniaAtramentiquaLight,Times New Roman,serif}@media screen and (max-width:350px){.main-footer .footer-links{flex-direction:column}}.main-footer .footer-links nav{display:flex}@media screen and (max-width:350px){.main-footer .footer-links nav{justify-content:center}}.main-footer .footer-links nav.links{gap:.75em}.main-footer .footer-links nav.icons{gap:.5em}.main-footer .footer-links a{text-decoration:none}.main-footer .footer-links a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background-color:transparent;color:var(--text-color);text-decoration-style:wavy}body.home{align-items:center}.project .icon.codepen{--icon-w:1.3em}.work .archive-list{display:grid;gap:2rem}.work .archive-list .archive-image{margin-bottom:.5rem;position:relative;border:1px solid;overflow:hidden;display:block}.work .archive-list .archive-image:focus:focus-visible{outline:4px solid var(--focus-color);outline-offset:0;box-shadow:9px 9px 0 4px var(--text-color)}.work .archive-list .archive-image:hover{color:inherit}.work .archive-list .archive-image:hover img{filter:grayscale(0%)}.work .archive-list .archive-image img{filter:grayscale(100%);transition:filter .15s ease-in-out}.work .archive-list a{text-decoration:none}.work .archive-list a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background-color:transparent;color:var(--text-color);text-decoration-style:wavy}.work .archive-list .links{display:flex;justify-content:space-between;align-items:center;gap:1em}.work .archive-list img,.work .archive-list small{display:block}.work .archive-list .project small:first-of-type{font-family:SydoniaAtramentiquaBold,Times New Roman,serif;text-transform:uppercase}@media screen and (max-width:350px){.work .archive-list .links{display:block}}.about .avatar{width:30%;margin:0 1em 0 0;float:left;display:block;position:relative;overflow:hidden;border:1px solid}.about .avatar img{filter:grayscale(100%);border:none}.about .avatar+*{margin-top:0}.about .links{width:100%}.about .links li{margin:0;padding:.5em 0 .3em;display:flex;gap:3em;align-items:center;justify-content:space-between;font-size:var(--font-sm);font-weight:400;line-height:1.3}.about .links li:not(:last-child){border-bottom:1px dotted;border-color:var(--light-color)}.about .links li *+*{margin:0}.about .links li span:first-child{font-weight:500}.about .links li .date{grid-column:2;grid-row:1/3;text-align:right;font-weight:300}.about .links a{text-decoration:none}.about .links a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;background-color:transparent;color:var(--text-color);text-decoration-style:wavy}.about .links small{margin-top:0}.about .coffee{margin-left:2px;padding:6px 0 6px 26px;background-repeat:no-repeat;background-position:left center;background-image:url(./images/coffee.svg);background-size:20px 30px}.blogs .blogs-list{display:grid;gap:.7rem}.blogs .blogs-list .dateline{margin-top:1.25lh}.blogs .blogs-list .blog{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.blogs .blogs-list .blog-title{font-weight:550;text-decoration:none}.blogs .blogs-list .blog-title:hover{text-decoration:underline}.blogs .blogs-list .external{white-space:nowrap}.blog-detail .date{margin-bottom:.35lh}.blog-detail .blogs-nav{margin:calc(var(--content-padding) * .6) var(--content-padding) calc(var(--content-padding) * 1.5);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;border-top:1px solid}.blog-detail .blogs-nav a{text-decoration:none}.blog-detail .blogs-nav a:hover{text-decoration:underline}@media screen and (max-width:350px){.blog-detail .blogs-nav{font-size:var(--font-sm)}}.gifs .gif-preview{display:block}.gifs .gif-preview:focus:focus-visible{outline:4px solid var(--focus-color);outline-offset:0;box-shadow:9px 9px 0 4px var(--text-color)}.gifs .gif-preview+small{display:block;margin-top:.5em}.gifs pre{margin:1rem 0 3rem;display:grid;grid-template-columns:1fr auto;gap:1rem;white-space:pre;border:none;border-radius:0;overflow:visible}.gifs code{padding:.5em 1em .4em .6em;display:block;overflow:auto;background-color:var(--pre-bg);color:var(--text-color);border:1px solid;border-radius:0}.gifs code:focus-visible{outline:4px solid var(--focus-color);outline-offset:0;box-shadow:6px 6px 0 4px var(--text-color)}.gifs pre button{margin:0}.gifs img{display:block}.gifs.no-js .gif-preview{cursor:default}.gifs.no-js .gif-preview+small{display:none}.gifs.no-js pre{display:block;padding:0}.gifs.no-js pre:before{content:"Markdown:";font-family:SydoniaAtramentiquaRegular,Times New Roman,serif;font-size:var(--font-sm)}.gifs.no-js noscript p{margin-top:1lh}.Projects .project-card .gif-preview{margin-bottom:.35rem;position:relative;border:1px solid;overflow:hidden;display:block}.Projects .project-card .gif-preview:focus:focus-visible{outline:4px solid var(--focus-color);outline-offset:0;box-shadow:9px 9px 0 4px var(--text-color)}.Projects .project-card .gif-preview:hover{color:inherit}.Projects .project-card .gif-preview:hover img{filter:grayscale(0%)}.Projects .project-card .gif-preview img{display:block;filter:grayscale(100%);transition:filter .15s ease-in-out}.Projects .project-card .links{margin-top:.2rem;display:flex;justify-content:space-between;align-items:center;gap:1em}.Projects .project-card .links small{display:block}.Projects .project-card .links small:first-child{font-family:SydoniaAtramentiquaBold,Times New Roman,serif;text-transform:uppercase}.Projects .project-card .links small.actions{margin-top:0}@media screen and (max-width:350px){.Projects .project-card .links{display:block}.Projects .project-card .links .actions{margin-top:.35em}}.chat .chat-help{margin-top:0;display:block}.chat .chat-shell{margin-top:1em;border:1px solid;background-color:var(--bg-color)}.chat .chat-shell-header{padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid;border-color:var(--light-color)}.chat .chat-shell-header h2{margin:0;font-size:var(--font-sm)}.chat .chat-clear{padding:.35em .7em;font-size:var(--font-xs)}.chat .chat-log{height:clamp(280px,55vh,460px);padding:.85rem;overflow-y:auto;display:grid;gap:.75rem}.chat .chat-message{max-width:90%;padding:.5rem .7rem;border:1px solid;line-height:1.35}.chat .chat-message p{margin:0}.chat .chat-message time{margin-top:.4em;display:block;font-size:var(--font-xs);opacity:.8}.chat .chat-message a{overflow-wrap:anywhere}.chat .chat-message strong{font-family:SydoniaAtramentiquaBold,Times New Roman,serif}.chat .chat-message em{font-family:SydoniaAtramentiquaItalic,Times New Roman,serif}.chat .chat-message.bot{justify-self:start}.chat .chat-message.user{justify-self:end;text-align:right}.chat .chat-status{min-height:1.2em;margin:0;padding:0 .85rem .7rem;font-size:var(--font-sm)}.chat .chat-form{padding:.85rem;display:grid;grid-template-columns:1fr auto;gap:.5rem;border-top:1px solid;border-color:var(--light-color)}.chat .chat-form input{width:100%;min-width:0;padding:.45em .65em;border:1px solid;background-color:var(--bg-color);color:var(--text-color);font-family:SydoniaAtramentiquaRegular,Times New Roman,serif;font-size:var(--font-sm)}.chat .chat-form input::placeholder{color:var(--light-color)}.chat .chat-form input:focus-visible{outline:4px solid var(--focus-color);outline-offset:3px;background-color:var(--bg-color);box-shadow:0 0 0 3px var(--bg-color),6px 6px 0 7px var(--text-color)}.chat .chat-form input:focus:not(:focus-visible){outline:none}.chat .chat-form button{padding:.45em .8em;font-size:var(--font-sm)}.chat .chat-shell.is-loading .chat-form button{opacity:.6;cursor:wait}.chat .chat-empty{font-size:var(--font-sm);opacity:.8}@media screen and (max-width:499px){.chat .chat-shell,.chat .chat-log,.chat .chat-message{min-width:0}.chat .chat-log{overflow-x:hidden}.chat .chat-message{max-width:100%;font-size:1rem;overflow-wrap:anywhere;word-break:break-word}.chat .chat-message p,.chat .chat-message li,.chat .chat-message a,.chat .chat-message code{overflow-wrap:anywhere;word-break:break-word}.chat .chat-form{grid-template-columns:minmax(0,1fr) auto;align-items:center}.chat .chat-form button{white-space:nowrap}.main-nav a{font-size:.95rem}.main-nav a:before{min-width:0}}@media screen and (max-width:499px){.blog-detail .header-main h1{font-size:clamp(1.9rem,9vw,2.4rem)}.blog-detail .container,.blog-detail .content,.blog-detail .blogs-nav,.blog-detail .blogs-nav>*{min-width:0}.blog-detail .content p,.blog-detail .content li,.blog-detail .content a,.blog-detail .content code{overflow-wrap:anywhere;word-break:break-word}.blog-detail .blogs-nav{margin-left:0;margin-right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .75rem}.blog-detail .blog-nav-link.previous{justify-self:start}.blog-detail .blog-nav-link.next{justify-self:end}}.blog-detail .blogs-nav{margin:calc(var(--content-padding) * .6) var(--content-padding) calc(var(--content-padding) * 1.5);padding-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.75rem;border-top:1px solid}.blog-detail .blog-nav-link{min-width:0;text-decoration:none}.blog-detail .blog-nav-link:hover{text-decoration:underline}.blog-detail .blog-nav-link.previous{justify-self:start}.blog-detail .blog-nav-link.next{justify-self:end}.blog-detail .blog-nav-link.is-disabled{opacity:.55;pointer-events:none;text-decoration:none}.gifs .gifs-sentinel{height:1px}.chat .chat-shell-header>*+*{margin-top:0}pre code.hljs{display:block;overflow-x:auto;padding:1em;background:var(--pre-bg)}.hljs-link{text-decoration:underline}.hljs-comment,.hljs-quote,.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs{color:light-dark(#000,#fff)}.hljs-comment,.hljs-quote,.hljs-params{color:light-dark(#676b79,#bbb)}.hljs-attr,.hljs-punctuation{color:light-dark(#2a2c2d,#e6e6e6)}.hljs-char.escape_,.hljs-meta,.hljs-name,.hljs-operator,.hljs-selector-tag{color:light-dark(#c56200,#b084eb)}.hljs-deletion,.hljs-keyword{color:light-dark(#d92792,#ff75b5)}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-variable.language_{color:light-dark(#cc5e91,#ff9ac1)}.hljs-code,.hljs-formula,.hljs-property,.hljs-section,.hljs-subst,.hljs-title.function_{color:light-dark(#3787c7,#45a9f9)}.hljs-addition,.hljs-bullet,.hljs-meta .hljs-string,.hljs-selector-class,.hljs-string,.hljs-symbol,.hljs-title.class_,.hljs-title.class_.inherited__{color:light-dark(#0d7d6c,#19f9d8)}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-link,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-number,.hljs-selector-id,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:light-dark(#7641bb,#ffb86c)}