@font-face{font-family:Personal Newsreader;src:url(/blogs/Arnaud/fonts/newsreader-normal.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Personal Newsreader;src:url(/blogs/Arnaud/fonts/newsreader-italic.woff2)format("woff2");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Personal JetBrains Mono;src:url(/blogs/Arnaud/fonts/jetbrains-mono.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root.personal-blog{--font-body:"Personal Newsreader", "Iowan Old Style", Charter, Georgia, serif;--font-ui:"Personal JetBrains Mono", ui-monospace, Menlo, monospace;--text-body:1.15625rem;--leading-body:1.7;--char:calc(var(--text-body) * .487);--measure:clamp(calc(var(--char) * 66), 44vw, calc(var(--char) * 71));--rail:15rem;--rail-gap:clamp(2.5rem, 4vw, 3.5rem);--gutter:clamp(1rem, 4vw, 2rem);--page-max:calc(var(--measure) + var(--rail-gap) + var(--rail));--bg:#f8f2e6;--bg-raised:#f0e7d6;--fg:#2d2620;--fg-muted:#675c4f;--accent:#9c4a24;--sage:#4e6743;--border:#e3d8c3;--selection:#f0d7a8;--paper:var(--bg);--ink:var(--fg);--muted:var(--fg-muted);--line:var(--border);color-scheme:light;background:var(--bg);color:var(--fg);font:16px/1.5 var(--font-body);font-optical-sizing:auto;font-kerning:normal;-webkit-font-smoothing:antialiased;text-size-adjust:100%;&[data-theme=dark]{color-scheme:dark;--bg:#1f1a15;--bg-raised:#2a231c;--fg:#ecdfcb;--fg-muted:#b0a08a;--accent:#e8956a;--sage:#adc29b;--border:#3d3329;--selection:#5c4630}& *{box-sizing:border-box}& ::selection{background:var(--selection);color:var(--fg)}& [hidden]{display:none!important}& body{background:var(--bg);flex-direction:column;min-width:0;min-height:100svh;margin:0;display:flex}& a{color:inherit;text-underline-offset:.2em}& a:hover{color:var(--accent)}& a,& button,& summary{-webkit-tap-highlight-color:transparent}& :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:5px}& :target{scroll-margin-block-start:2rem}& h1,& h2,& h3,& h4,& h5,& h6{font-family:var(--font-body);letter-spacing:-.015em;text-wrap:balance;font-weight:600;line-height:1.2}& p,& h1,& h2,& h3,& h4{margin:0}& nav{display:block}& img{max-width:100%;height:auto}& button{font:inherit;cursor:pointer}& code,& pre,& kbd{font-family:var(--font-ui)}& .personal-header,& .personal-footer{width:100%;max-width:calc(var(--page-max) + 2 * var(--gutter));padding-inline:var(--gutter);font-family:var(--font-ui);margin-inline:auto}& .personal-header-inner{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.5rem;display:flex}& .personal-brand{letter-spacing:-.01em;min-width:0;font-size:1.5rem;font-weight:600;line-height:2rem;text-decoration:none}& .personal-header nav{color:var(--fg-muted);flex-shrink:0;align-items:center;gap:.5rem;font-size:1rem;display:flex}& .personal-header ul{margin:0;padding:0;list-style:none}& .personal-header .desktop-links{align-items:center;gap:1.25rem;margin-right:.25rem;display:flex}& .personal-header nav a{text-decoration:none}& .personal-header nav a[aria-current=page]{color:var(--accent);text-underline-offset:6px;text-decoration:underline}& .theme-toggle,& .menu-toggle{width:2.25rem;height:2.25rem;color:var(--fg-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:.5rem;display:inline-grid}& .theme-toggle:hover,& .menu-toggle:hover{background:var(--bg-raised);color:var(--fg)}& .theme-toggle svg,& .menu-toggle svg{width:1.25rem;height:1.25rem}& .personal-mobile-menu{display:none;position:relative}& .personal-mobile-menu summary{cursor:pointer;list-style:none}& .personal-mobile-menu summary::-webkit-details-marker{display:none}& .personal-mobile-menu ul{inset-inline-end:0;z-index:20;border:1px solid var(--border);background:var(--bg);border-radius:.5rem;min-width:11rem;padding:.5rem;position:absolute;top:calc(100% + .5rem);box-shadow:0 8px 24px -12px #3a312659}& .personal-mobile-menu li a{border-radius:.375rem;padding:.5rem .75rem;display:block}& .personal-mobile-menu li a:hover{background:var(--bg-raised)}& .sun{display:none}&[data-theme=dark] .sun{display:block}&[data-theme=dark] .moon{display:none}& main{max-width:none;padding-inline:var(--gutter);margin:0}& .reading-width{max-width:var(--measure);margin-inline:auto;padding-inline:0;position:relative}& .page-top{padding-block:3.5rem 5rem}& .page-top.personal-article-page{padding-bottom:0}& .personal-home{padding-top:0}& .personal-intro{padding-top:clamp(2.5rem,6vw,5rem)}& .personal-intro h1{letter-spacing:-.02em;font-size:clamp(2.25rem,1.6rem + 3vw,3.5rem);line-height:1.05}& .intro{max-width:none;color:var(--fg-muted);margin-top:1.25rem;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.55}& .recent-posts,& .personal-archives,& .personal-categories{margin-top:3.5rem}& .section-label{border-bottom:1px solid var(--border);color:var(--fg-muted);font:600 1rem/1.5 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.5rem;display:flex}& .section-label span{text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:400}& .entry-list{margin:0;padding:0;list-style:none}& .entry-list>li{border-bottom:1px solid var(--border);flex-direction:column;padding-block:1.4rem;display:flex}& .entry-list>li:last-child{border-bottom:0}& .entry-list h2{order:0;margin:0;font-size:1.35rem;line-height:1.25}& .entry-list h2 a{text-decoration:none}& .entry-list>li>p:last-child{color:var(--fg-muted);text-wrap:pretty;order:1;margin-top:.4rem;font-size:1rem;line-height:1.55}& .entry-list .eyebrow{font:.9rem/1.5 var(--font-ui);text-transform:none;letter-spacing:0;color:var(--fg-muted);order:2;margin:.6rem 0 0}& .entry-list time{font-size:.875rem;line-height:1.25rem}& .personal-archives details{border-bottom:1px solid var(--border);padding-block:1rem}& .personal-archives summary{cursor:pointer;font-size:1.5rem;font-weight:600}& .personal-archives summary span{float:right;color:var(--fg-muted);font:.875rem/2.4 var(--font-ui)}& .personal-archives ol{margin:.7rem 0 0;padding:0;list-style:none}& .personal-archives li{justify-content:space-between;align-items:baseline;gap:1.2rem;padding-block:.5rem;display:flex}& .personal-archives li a{font-size:1.1rem;text-decoration:none}& .personal-archives time{color:var(--fg-muted);font:.875rem/1.6 var(--font-ui);flex-shrink:0}& .page-links{border-top:1px solid var(--border);color:var(--fg-muted);font:.875rem/1.6 var(--font-ui);border-bottom:0;margin-top:2.5rem;padding-block:1.5rem 0;display:flex}& .article-header{margin-bottom:2.5rem}& .article-header .eyebrow{color:var(--fg-muted);font:.75rem/1.8 var(--font-ui);text-transform:none;letter-spacing:0;margin-bottom:1.1rem}& .article-header h1{overflow-wrap:break-word;margin:0;font-size:clamp(2rem,1.4rem + 2.6vw,3.1rem);font-weight:650;line-height:1.1}& .personal-article-header{margin-bottom:2rem}& .personal-series-nav{border:1px solid var(--border);background:var(--bg-raised);font:.875rem/1.65 var(--font-ui);border-radius:.375rem;margin-block:0 2rem;padding:1rem 1.25rem}& .personal-series-nav p{margin:0}& .personal-series-nav ol{margin:.5rem 0 0;padding-left:1.4rem}& .personal-series-nav li+li{margin-top:.25rem}& .personal-series-nav [aria-current]{color:var(--accent);font-weight:600}& .series-list{padding:0;list-style:none}& .series-list li{border-bottom:1px solid var(--border);padding-block:1.5rem}& .series-list h2{font-size:1.35rem}& .series-list p{color:var(--fg-muted);font:.875rem/1.5 var(--font-ui);margin-top:.5rem}& .prose .expressive-code{margin-block:1.6em}& .prose .expressive-code .frame pre{font:var(--ec-codeFontSize)/var(--ec-codeLineHeight) var(--font-ui);background:0 0;margin:0;padding:0}& .prose .expressive-code :is(figure,figcaption){text-align:start;background:0 0;border:0;width:auto;min-width:0;max-width:100%;margin:0;padding:0;font-style:normal}& .prose .expressive-code figure{display:block}& .prose .expressive-code .frame{position:relative}& .post-dek{color:var(--fg-muted);text-wrap:pretty;margin-top:.85rem;font-size:clamp(1.1rem,1rem + .5vw,1.35rem);font-style:italic;line-height:1.45}& .post-meta{color:var(--fg-muted);font:.78rem/1.5 var(--font-ui);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.1rem;display:flex}& .post-date,& .post-meta-detail{align-items:center;gap:.5rem;display:inline-flex}& .post-date svg{width:1.5rem;height:1.5rem;scale:.9}& .post-date time{font-size:.875rem;line-height:1.25rem}& .tags.post-tags{gap:.4rem .5rem;margin-top:.9rem}& .tags.post-tags a{background:var(--bg-raised);color:var(--fg-muted);border-radius:999px;align-items:center;gap:.125rem;padding:.125rem .625rem;font-size:.75rem;line-height:1.5;display:inline-flex}& .tags.post-tags a:hover{color:var(--accent);border-color:var(--accent)}& .tags.post-tags .tag-hash{opacity:.7;margin:0 .15rem 0 0}& .tags.post-tags .tag-count{border-left:1px solid var(--border);font-variant-numeric:tabular-nums;margin-left:.45em;padding-left:.45em}& .prose{font-size:var(--text-body);line-height:var(--leading-body);color:var(--fg);overflow-wrap:break-word;font-variant-numeric:oldstyle-nums proportional-nums}& .prose p{text-wrap:pretty;margin:0 0 1.15em}& .prose :is(h2,h3,h4,h5,h6){scroll-margin-block-start:1.5rem}& .prose h2{margin:2.2em 0 .75em;font-size:1.728em}& .prose h3{margin:1.8em 0 .7em;font-size:1.44em}& .prose h4{margin:1.6em 0 .7em;font-size:1.2em;font-style:italic}& .prose a{color:var(--accent);text-decoration-color:color-mix(in oklab, var(--accent) 40%, transparent);text-decoration-thickness:.06em}& .prose a:hover{text-decoration-color:var(--accent)}& .prose strong{font-weight:650}& .prose em{font-weight:inherit}& .prose li{text-wrap:pretty;margin-bottom:.35em}& .prose :is(ul,ol){margin-block:1.15em;padding-left:1.5em}& .prose li::marker{color:var(--fg-muted)}& .prose blockquote{border-left:2px solid var(--sage);color:var(--fg-muted);margin:1.5em 0;padding-left:1.25em;font-style:italic}& .prose table{border-collapse:collapse;max-width:100%;font-size:.9em;display:block;overflow-x:auto}& .prose :is(th,td){border:0;border-bottom:1px solid var(--border);text-align:start;padding:.5em .85em}& .prose pre{background:var(--bg-raised);max-width:100%;padding:1em;font-size:.8em;overflow-x:auto}& .blog-prose figure{background:var(--bg-raised);border:1px solid var(--border);width:fit-content;max-width:100%;box-shadow:none;break-inside:avoid;border-radius:6px;flex-direction:column;align-items:center;margin:2.4rem auto;padding:.75rem;display:flex}& .blog-prose figure>a{max-width:100%;display:block}& .blog-prose figure img{border-radius:2px;height:auto;margin:0;display:block}& .blog-prose figcaption{border-top:1px solid var(--border);text-align:center;width:0;min-width:100%;color:var(--fg-muted);font:italic .9rem/1.65 var(--font-ui);text-wrap:pretty;margin-top:.75rem;padding:.7rem .25rem .1rem}& .blog-prose figcaption p:last-child{margin:0}& .tags{font:.875rem/1.5 var(--font-ui);flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding:0;list-style:none;display:flex}& .tags a{border:1px solid var(--border);color:var(--sage);background:0 0;border-radius:4px;padding:.3rem .65rem;text-decoration:none;display:inline-block}& .tags a:hover{background:var(--bg-raised);color:var(--accent)}& .tags span{color:var(--fg-muted);margin-left:.3rem}& .personal-article-footer{border-top:1px solid var(--border);flex-direction:column;gap:1.75rem;margin-top:2rem;padding-top:2rem;display:flex}& .article-share{min-height:2.25rem;font-family:var(--font-ui);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}& .article-share-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}& .article-share-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}& .article-share-link{border:1px solid var(--border);width:2.25rem;height:2.25rem;color:var(--fg-muted);background:0 0;border-radius:999px;place-items:center;padding:0;font-size:.78rem;text-decoration:none;display:grid}& .article-share-link svg{width:1.15rem;height:1.15rem}& .article-share-status{color:var(--sage);overflow-wrap:anywhere;font-size:.78rem}& .article-share-link:hover,& .article-share-link:focus-visible{border-color:var(--accent);background:var(--bg-raised);color:var(--accent)}& .article-footer-divider{border:0;border-top:1px solid var(--border);width:100%;margin:0}& .personal-adjacent-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-block:2rem;display:grid}& .adjacent-post{width:100%;font:1rem/1.5 var(--font-body);align-items:flex-start;gap:.25rem;text-decoration:none;display:flex}& .adjacent-post:hover{color:var(--fg);opacity:.75}& .adjacent-post svg{flex:none;width:1.5rem;height:1.5rem}& .adjacent-label,& .adjacent-title{display:block}& .adjacent-title{color:var(--accent);font-size:.875rem;line-height:1.25rem}& .next-post{text-align:end;grid-column:2;justify-content:flex-end}& .personal-comments{font-family:var(--font-ui);scroll-margin-top:2rem}& .personal-comments h2{align-items:center;gap:.65rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600;line-height:1.5;display:flex}& .comments-count{border:1px solid var(--border);background:var(--bg-raised);color:var(--fg-muted);font:.75rem/1.5 var(--font-ui);border-radius:999px;padding:.1rem .5rem}& .comments-muted{color:var(--fg-muted);margin-bottom:1.5rem;font-size:.875rem;font-style:italic}& .comment-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}& .archived-comment{grid-template-columns:2.25rem minmax(0,1fr);align-items:start;gap:1rem;scroll-margin-top:2rem;display:grid}& .comment-reply{margin-left:2rem}& .comment-avatar{border:1px solid var(--border);background:var(--bg-raised);width:2.25rem;height:2.25rem;color:var(--sage);border-radius:.375rem;place-items:center;font-size:.75rem;display:grid}& .comment-card{border:1px solid var(--border);border-radius:.375rem;min-width:0;overflow:hidden}& .comment-card-header{border-bottom:1px solid var(--border);background:var(--bg-raised);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;padding:.75rem 1rem;font-size:.75rem;display:flex}& .comment-card-header strong{font-weight:600}& .comment-permalink{color:var(--fg-muted);text-decoration:none}& .comment-permalink:hover{text-decoration:underline}& .comment-author-badge{border:1px solid var(--border);color:var(--fg-muted);border-radius:999px;margin-left:auto;padding:.05rem .4rem;font-size:.7rem}& .comment-card-body{padding:1rem}& .comment-card-body .prose{font-family:system-ui,sans-serif;font-size:.875rem;line-height:1.5}& .comment-card-body .prose>:last-child{margin-bottom:0}& .comment-parent{color:var(--fg-muted);margin-bottom:.75rem;font-size:.75rem;display:inline-block}& .muted{color:var(--fg-muted);font:.875rem/1.8 var(--font-ui)}& .notice{background:var(--bg-raised);border-left:3px solid var(--sage);margin-block:1.5rem;padding:1rem 1.3rem;font-size:1rem}& .personal-contents{border-block:1px solid var(--border);color:var(--fg-muted);font:.95rem/1.5 var(--font-ui);margin-bottom:2rem;padding-block:.6rem}& .personal-contents summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-weight:600}& .personal-contents ol{margin:.75rem 0 0;padding:0;list-style:none}& .personal-contents li{margin:0}& .personal-contents .subheading a{padding-left:1rem}& .personal-contents a{overflow-wrap:anywhere;text-wrap:pretty;padding-block:.25rem;line-height:1.35;text-decoration:none;display:block}& .personal-contents a[aria-current=location]{color:var(--accent)}& .personal-footer{border-top:1px solid var(--border);color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-top:auto;padding-block:2rem;font-size:.875rem;line-height:1.25rem;display:flex}& .personal-footer p:last-child{text-align:right;margin-left:auto}& .personal-footer a{text-decoration:none}& .skip{z-index:30;background:var(--bg-raised);color:var(--accent);font-family:var(--font-ui);padding:.7rem 1rem;position:absolute;top:-100px;left:1rem}& .skip:focus{top:1rem}@media (width>=70rem){& .reading-width:has(.personal-contents){transform:translateX(calc((var(--rail) + var(--rail-gap)) / -2))}& .personal-contents{top:3.5rem;left:calc(100% + var(--rail-gap));width:var(--rail);border:0;height:calc(100% - 3.5rem);margin:0;padding:0;font-size:.875rem;position:absolute}& .personal-contents details{scrollbar-width:thin;max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow-y:auto}& .personal-contents summary{color:var(--fg);list-style:none}& .personal-contents summary::-webkit-details-marker{display:none}& .personal-contents ol{border-left:1px solid var(--border)}& .personal-contents li a{border-left:2px solid #0000;margin-left:-1px;padding:.3rem 0 .3rem .9rem}& .personal-contents .subheading a{padding-left:1.75rem;font-size:.8125rem}& .personal-contents a[aria-current=location]{border-left-color:var(--accent)}}@media (width<=63.999rem){& .personal-header .desktop-links{display:none}& .personal-mobile-menu{display:block}}@media (width<=40rem){& .personal-header-inner{padding-block:1.25rem}& .personal-brand{font-size:1.25rem;line-height:1.75rem}& .page-top{padding-block:2.5rem 3rem}& .personal-home{padding-top:0}& .personal-archives li{display:block}& .personal-archives time{margin-top:.15rem;display:block}& .personal-adjacent-posts{grid-template-columns:minmax(0,1fr)}& .next-post{grid-column:1}& .archived-comment{grid-template-columns:1.75rem minmax(0,1fr);gap:.6rem}& .comment-avatar{width:1.75rem;height:1.75rem;font-size:.65rem}& .comment-reply{margin-left:1rem}& .comment-card-header{padding:.65rem .75rem}& .comment-card-body{padding:.75rem}& .blog-prose figure{padding:.5rem}}@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}:root.personal-blog{& .blog-prose .callout{--callout-color:#376b91;border:1px solid color-mix(in oklab, var(--callout-color) 35%, var(--border));border-left:3px solid var(--callout-color);background:color-mix(in oklab, var(--callout-color) 6%, var(--bg));color:var(--fg);border-radius:.375rem;margin-block:1.5em;padding:1rem 1.25rem;font-style:normal}& .blog-prose .callout-tip{--callout-color:#4e6743}& .blog-prose .callout-important{--callout-color:#79569a}& .blog-prose .callout-warning{--callout-color:#946b16}& .blog-prose .callout-caution{--callout-color:#aa433b}&[data-theme=dark]{& .blog-prose .callout-note{--callout-color:#8bbbd9}& .blog-prose .callout-tip{--callout-color:#adc29b}& .blog-prose .callout-important{--callout-color:#c5a5e0}& .blog-prose .callout-warning{--callout-color:#e2c278}& .blog-prose .callout-caution{--callout-color:#efa29b}}& .blog-prose .callout .callout-title{color:var(--callout-color);font:600 .875rem/1.5 var(--font-ui);margin:0 0 .75rem}& .blog-prose .callout>:last-child{margin-bottom:0}& .blog-prose li.task-list-item{list-style:none;position:relative}& .task-list-item>input,& .task-list-item>p:first-child>input{width:1rem;height:1rem;accent-color:var(--sage);opacity:1;margin:.45em 0 0;position:absolute;left:-1.5em}& .blog-prose img.inline-image{vertical-align:middle;max-width:100%;height:auto;box-shadow:none;border:0;border-radius:0;margin:0 .15em;padding:0;display:inline}& .blog-prose figure:is(.figure-left,.figure-right),& .blog-prose figure.picture:is(.figure-left,.figure-right){width:fit-content;max-width:min(40%,16rem);box-shadow:none;background:0 0;border:0;padding:0}& .blog-prose figure.figure-left{float:left;margin:.3rem 1.25rem 1rem 0}& .blog-prose figure.figure-right{float:right;margin:.3rem 0 1rem 1.25rem}& .blog-prose:has(.figure-left,.figure-right):after{content:"";clear:both;display:block}& .blog-prose:has(.figure-left,.figure-right) :is(h2,h3,h4){clear:both}@media (width<=30rem){& .blog-prose figure:is(.figure-left,.figure-right),& .blog-prose figure.picture:is(.figure-left,.figure-right){float:none;max-width:100%;margin:1.5rem auto}}}:root.personal-blog{& .blog-prose figure.diagram{width:100%;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin-block:2em;padding:0;display:block;position:relative}& .diagram-canvas,& .picture-canvas{border:1px solid var(--border);border-radius:.375rem;place-items:center;padding:1rem;display:grid;overflow-x:auto}& .blog-prose figure.picture,& .picture-inline{width:fit-content;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}& .picture-inline{vertical-align:middle;display:inline-block}& .picture-canvas>a{max-width:100%;display:block}& .picture-canvas img{max-width:100%;height:auto;margin:0;display:block}& .blog-prose figure:is(.figure-column,.figure-wide,.figure-full){--figure-offset:0px;width:100%;max-width:none;margin-block:2.4rem}& .blog-prose figure:is(.figure-column,.figure-wide,.figure-full) :is(.picture-canvas,.picture-canvas>a){box-sizing:border-box;width:100%}& .blog-prose figure:is(.figure-column,.figure-wide,.figure-full) img{max-width:100%;margin-inline:auto}& .blog-prose figure.figure-full{width:calc(100vw - 2 * var(--gutter));margin-left:calc(50% - 50vw + var(--gutter) + var(--figure-offset))}@media (width>=70rem){& .blog-prose figure.figure-wide{width:var(--page-max);margin-left:calc((100% - var(--page-max)) / 2)}& .reading-width:has(.personal-contents) .blog-prose figure.figure-wide{margin-left:0}& .reading-width:has(.personal-contents) .blog-prose figure.figure-full{--figure-offset:calc((var(--rail) + var(--rail-gap)) / 2)}& .personal-contents.contents-obscured details{visibility:hidden}}& .blog-prose figure.picture figcaption{font:italic .9rem/1.65 var(--font-ui);border:0;margin-top:.6em;padding:0}& .diagram-svg{width:100%}& .diagram-canvas :is(svg,img){max-width:100%;height:auto;margin-inline:auto;display:block}& .diagram-svg svg{width:100%}& .diagram-dark,&[data-theme=dark] .diagram-light{display:none}&[data-theme=dark] .diagram-dark{display:block}& .diagram figcaption{text-align:center;width:auto;min-width:0;font:italic .9rem/1.65 var(--font-ui);color:var(--fg-muted);border:0;margin-top:.6em;padding:0}& .media-expand{border:1px solid var(--border);background:var(--bg);width:2rem;height:2rem;color:var(--fg-muted);opacity:0;border-radius:.375rem;place-items:center;padding:0;transition:opacity .12s;display:grid;position:absolute;top:.5rem;right:.5rem}& .media-expand svg{width:1rem;height:1rem}& :is(.diagram,.picture):hover .media-expand,& :is(.diagram,.picture):focus-within .media-expand{opacity:1}@media (hover:none),(pointer:coarse){& .media-expand{opacity:1}}@media (prefers-reduced-motion:reduce){& .media-expand{transition:none}}& body:has(.media-viewer[open]){overflow:hidden}& .media-viewer{background:var(--bg);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--fg);border:0;margin:0;padding:0}& .media-viewer::backdrop{background:color-mix(in oklab, var(--bg) 70%, transparent)}& .dv-stage{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}& .dv-stage[data-mode=select]{cursor:text;touch-action:auto}& .dv-stage[data-dragging]{cursor:grabbing}& .dv-content{transform-origin:0 0;position:absolute;top:0;left:0}& .dv-content :is(svg,img){display:block;max-width:none!important}& .dv-status{max-width:90%;color:var(--fg-muted);text-align:center;font:.85rem/1.7 var(--font-ui);position:absolute;top:45%;left:50%;translate:-50% -50%}& .dv-bar{top:max(.75rem, env(safe-area-inset-top));z-index:1;border:1px solid var(--border);background:var(--bg);max-width:calc(100% - 1.5rem);font:.75rem/1.4 var(--font-ui);border-radius:999px;align-items:center;gap:.25rem;padding:.3rem;display:flex;position:absolute;left:50%;translate:-50%;box-shadow:0 8px 24px -14px #0006}& .dv-bar button{min-width:2rem;min-height:2rem;color:var(--fg);background:0 0;border:0;border-radius:999px;flex-shrink:0;padding:.25rem .6rem}& .dv-bar button:hover,& .dv-bar button[aria-pressed=true]{background:var(--bg-raised)}& .dv-bar output{text-align:center;min-width:3.5rem;color:var(--fg-muted)}& .dv-footer{bottom:max(.75rem, env(safe-area-inset-bottom));text-align:center;pointer-events:none;width:min(90%,60rem);font:.7rem/1.7 var(--font-ui);color:var(--fg-muted);position:absolute;left:50%;translate:-50%}& .dv-footer p{background:var(--bg);margin:0}& .dv-hint{font-size:.65rem}& .dv-original{background:var(--bg);pointer-events:auto;margin-block:.25rem;padding-inline:.3rem;display:inline-block}@media (width<=40rem){& .dv-bar{border-radius:1rem;flex-wrap:wrap;justify-content:center;width:max-content}& .dv-bar button{min-height:2.5rem}& .media-expand{width:2.5rem;height:2.5rem}}}