.table-of-contents{right:var(--spacing-lg);width:200px;padding-bottom:var(--spacing-lg);z-index:100;scrollbar-width:none;-ms-overflow-style:none;text-align:right;display:block;position:fixed;top:50%;overflow-y:auto;transform:translateY(-50%)}.table-of-contents::-webkit-scrollbar{display:none}.toc-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc-item{position:relative}.toc-item a{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-tertiary);border-radius:var(--spacing-xs);transition:color var(--animation-duration-relaxed) cubic-bezier(.4, 0, .2, 1), text-decoration-color var(--animation-duration-relaxed) cubic-bezier(.4, 0, .2, 1);cursor:pointer;margin-left:-2px;text-decoration:none;display:block}.toc-item a:hover{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.toc-item a.active{font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none}.toc-level-2{padding-right:0}.toc-level-2 a{font-size:var(--font-size-sm)}.toc-level-3{padding-right:0}.toc-level-3 a{font-size:var(--font-size-xs);color:#fff6}.toc-level-4{padding-right:0}.toc-level-4 a{font-size:var(--font-size-xs);color:#ffffff4d}@media (max-width:1100px){.table-of-contents{display:none}}@media (max-width:768px){.toc-level-2,.toc-level-3,.toc-level-4{padding-right:0}}
.scroll-to-top{display:none}@media (max-width:768px){.scroll-to-top{--scroll-to-top-ease-out:cubic-bezier(.23, 1, .32, 1);--scroll-to-top-y:12px;--scroll-to-top-scale:.96;--scroll-to-top-duration:var(--animation-duration-quick);--scroll-to-top-visibility-delay:var(--scroll-to-top-duration);appearance:none;bottom:var(--spacing-xl);right:var(--spacing-xl);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background-color:var(--color-background);width:44px;height:44px;color:var(--color-text);transform:translate3d(0, var(--scroll-to-top-y), 0) scale(var(--scroll-to-top-scale));will-change:transform, opacity;transition:opacity var(--scroll-to-top-duration) var(--scroll-to-top-ease-out), transform var(--scroll-to-top-duration) var(--scroll-to-top-ease-out), box-shadow var(--animation-duration-standard) ease, background-color var(--animation-duration-standard) ease, border-color var(--animation-duration-standard) ease, color var(--animation-duration-standard) ease, visibility var(--animation-duration-none) linear var(--scroll-to-top-visibility-delay);border:1px solid #ffffff2e;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;box-shadow:0 12px 28px #0000}.scroll-to-top svg{pointer-events:none;transition:transform var(--animation-duration-standard) var(--scroll-to-top-ease-out)}.scroll-to-top.visible{--scroll-to-top-y:0;--scroll-to-top-scale:1;--scroll-to-top-duration:var(--animation-duration-relaxed);--scroll-to-top-visibility-delay:var(--animation-duration-none);opacity:1;visibility:visible;pointer-events:auto;box-shadow:0 12px 28px #0000002e}.scroll-to-top.visible:active{--scroll-to-top-y:1px;--scroll-to-top-scale:.97}.scroll-to-top.visible:active svg{transform:translateY(-1px)}.scroll-to-top:focus-visible{border-color:#ffffff6b;box-shadow:0 0 0 3px #edecef33,0 12px 28px #0000002e}}@media (max-width:768px) and (hover:hover) and (pointer:fine){.scroll-to-top.visible:hover{--scroll-to-top-y:-2px;--scroll-to-top-scale:1.03;border-color:#ffffff52;box-shadow:0 16px 34px #0000003d}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.scroll-to-top{--scroll-to-top-y:0;--scroll-to-top-scale:1;--scroll-to-top-duration:var(--animation-duration-fast);transition:opacity var(--scroll-to-top-duration) ease, box-shadow var(--scroll-to-top-duration) ease, background-color var(--scroll-to-top-duration) ease, border-color var(--scroll-to-top-duration) ease, color var(--scroll-to-top-duration) ease, visibility var(--animation-duration-none) linear var(--scroll-to-top-visibility-delay);transform:none}.scroll-to-top.visible:hover,.scroll-to-top.visible:active,.scroll-to-top.visible:active svg{transform:none}}
.sources-title{padding-bottom:var(--spacing-md);border-bottom:1px solid #ffffff1a}.sources-list{padding:var(--spacing-md) 0;margin:0;list-style:none}.sources-list ol{padding-inline-start:var(--spacing-xs)}.source-item{margin-bottom:var(--spacing-sm);gap:var(--spacing-xs);font-size:var(--font-size-sm);display:flex}.source-item :hover{color:var(--color-tertiary)}.source-link{color:var(--color-text);flex:1;align-items:flex-start;min-width:0;text-decoration:none;display:inline-flex}.source-favicon{object-fit:contain;width:16px;height:16px;margin-right:var(--spacing-sm);border-radius:2px;flex-shrink:0}.source-title{flex:1;min-width:0;line-height:1.3em}.source-link:hover{color:var(--color-tertiary);text-decoration:underline}
.other-articles-section{margin-top:var(--spacing-xl);text-align:left}.other-articles-title{padding-bottom:var(--spacing-md);border-bottom:1px solid #ffffff1a;margin:0}.other-articles-list{gap:var(--spacing-sm);padding:var(--spacing-md) 0;flex-direction:column;display:flex}.other-article-link{color:var(--color-text);text-decoration:none!important}.other-article-link:hover{text-decoration:none!important}.other-article-link:hover .other-article-title{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.other-article-item{justify-content:space-between;align-items:baseline;margin:0;display:flex}.other-article-title{flex:1}
.article-image,.article-content img:not(.source-favicon):not(.article-image-lightbox__image){cursor:zoom-in}.article-content .typography-timeline img{cursor:inherit}.article-image-lightbox{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070beb;justify-content:center;align-items:center;padding:clamp(24px,4vw,56px);display:flex;position:fixed;inset:0}.article-image-lightbox__image{object-fit:contain;cursor:default;width:auto;max-width:min(100%,1280px);height:auto;max-height:100%;display:block}.article-image-lightbox__close{z-index:1;padding:var(--spacing-sm);color:var(--color-tertiary);border-radius:var(--spacing-xs);transition:color var(--animation-duration-relaxed) cubic-bezier(.4, 0, .2, 1), text-decoration-color var(--animation-duration-relaxed) cubic-bezier(.4, 0, .2, 1);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:-2px;display:inline-flex;position:fixed;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px)}.article-image-lightbox__close:hover{color:var(--color-text)}@media (max-width:768px){.article-image-lightbox{padding:56px 16px 24px}}
@font-face{font-family:Gutenberg Textura;src:url(/articles/typographie/gutenberg-textura.regular.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Centaur;src:url(../media/CENTAUR.0t~48y13.lkvf.TTF)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Rockwell;src:url(../media/Rockwell-Regular.0f1nvbr4dazsl.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Helvetica;src:url(../media/Helvetica.0-iic~4ywr9wu.woff)format("woff");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Copperplate Gothic Std;src:url(../media/Copperplate-Gothic-Std-31-BC.0jftkg9wq-1ia.woff)format("woff");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Choc;src:url(../media/choc.12og-sd3ng9mm.woff)format("woff");font-display:swap;font-style:normal;font-weight:400}.article-content:has(.typography-timeline){text-align:left;overflow-x:visible}.article-content .typography-timeline__viewport,.article-content .typography-timeline__track,.article-content .typography-timeline__scale,.article-content .typography-timeline__ruler{max-width:none}.typography-timeline{--timeline-panel:#121210;--timeline-panel-soft:#ffffff0b;--timeline-border:#edecef1f;--timeline-line:#edecef26;--timeline-text:#eeece6;--timeline-muted:#eeece6a8;--timeline-faint:#eeece661;--timeline-accent:#ff6b2a;--timeline-blue:#86a9b3;--timeline-green:#8fa46f;--timeline-card-collapsed-height:61px;--timeline-card-active-height:286px;--timeline-card-motion-duration:var(--animation-duration-slow);--timeline-card-motion-ease:cubic-bezier(.2, 0, 0, 1);--timeline-toc-width:200px;--timeline-toc-right:var(--spacing-lg);--timeline-toc-gap:var(--spacing-md);--timeline-safe-width-with-toc:calc(100vw - var(--timeline-toc-width) - var(--timeline-toc-width) - var(--timeline-toc-right) - var(--timeline-toc-right) - var(--timeline-toc-gap) - var(--timeline-toc-gap));width:min(784px,100vw - 32px);margin:40px 0 var(--spacing-xl) 50%;z-index:1001;color:var(--timeline-text);font-family:Manrope,DM Sans,sans-serif;position:relative;transform:translate(-50%)}.typography-timeline,.typography-timeline *{box-sizing:border-box;letter-spacing:0}.typography-timeline__stage{min-height:0;padding:var(--spacing-md) 0 var(--spacing-md) 42px;border:1px solid var(--timeline-border);background:var(--timeline-panel);border-radius:var(--spacing-md);position:relative}.typography-timeline__viewport{margin:0 0 0 -42px;padding:0 0 0 42px;overflow-y:hidden}.typography-timeline__viewport::-webkit-scrollbar{display:none}.typography-timeline__track{width:var(--timeline-scroll-width);min-width:var(--timeline-scroll-width);height:var(--timeline-scale-height);transition:height var(--timeline-card-motion-duration) var(--timeline-card-motion-ease);position:relative}.typography-timeline__scale{width:var(--timeline-track-width);min-width:var(--timeline-track-width);height:100%;position:relative}.typography-timeline__scale:before{content:"";background:var(--timeline-line);height:1px;position:absolute;top:64px;left:0;right:0}.typography-timeline__ruler{pointer-events:none;position:absolute;inset:0}.typography-timeline__mark{top:0;bottom:0;left:var(--timeline-left);width:0;position:absolute}.typography-timeline__mark:before{content:"";background:var(--timeline-panel);border:1px solid #eeece65c;border-radius:50%;width:8px;height:8px;position:absolute;top:58px;left:-4px}.typography-timeline__mark-label{color:var(--timeline-faint);white-space:nowrap;font-family:Geist Mono,monospace;font-size:12px;line-height:1.2;position:absolute;top:34px;left:0;transform:translate(-50%)}.typography-timeline__mark.is-today{border-left:0}.typography-timeline__today-bar{background:var(--color-accent);width:2px;position:absolute;top:64px;bottom:0;left:0;transform:translate(-50%)}.typography-timeline__mark.is-today:before{border-color:var(--color-accent);background:var(--color-accent)}.typography-timeline__mark.is-today .typography-timeline__mark-label{writing-mode:vertical-rl;color:var(--color-accent);top:calc(50% + 32px);left:10px;transform:translateY(-50%)}.typography-timeline__card{--timeline-card-y:0px;top:var(--timeline-top);left:var(--timeline-left);width:calc(var(--timeline-width) - var(--timeline-gap-end));height:var(--timeline-card-collapsed-height);min-height:var(--timeline-card-collapsed-height);text-align:left;min-width:max-content;color:var(--timeline-text);border:1px solid var(--timeline-border);cursor:pointer;isolation:isolate;transform:translateY(var(--timeline-card-y));transition:width var(--timeline-card-motion-duration) var(--timeline-card-motion-ease), height var(--timeline-card-motion-duration) var(--timeline-card-motion-ease), min-width var(--timeline-card-motion-duration) var(--timeline-card-motion-ease), padding var(--timeline-card-motion-duration) var(--timeline-card-motion-ease), transform var(--timeline-card-motion-duration) var(--timeline-card-motion-ease), border-color var(--animation-duration-relaxed) ease, background var(--animation-duration-relaxed) ease, box-shadow var(--animation-duration-relaxed) ease;background:#0a0a09;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);gap:4px;margin:0;padding:8px 10px;display:grid;position:absolute;overflow:hidden}.typography-timeline__card:focus-visible{z-index:5;border-color:#ff6b2a8a;outline:none}.typography-timeline__card:focus-visible:before,.typography-timeline__card.is-active:before{opacity:1}@media (min-width:761px) and (hover:hover) and (pointer:fine){.typography-timeline__card:hover{z-index:5;border-color:#ff6b2a8a;outline:none}.typography-timeline__card:hover:before{opacity:1}}.typography-timeline__card.is-active{--timeline-card-y:var(--timeline-active-y);z-index:20;width:min(var(--timeline-active-width), calc(100vw - 80px));max-width:min(var(--timeline-active-width), calc(100vw - 80px));height:var(--timeline-active-height,var(--timeline-card-active-height));max-height:var(--timeline-active-height,var(--timeline-card-active-height));min-height:var(--timeline-active-height,var(--timeline-card-active-height));min-width:min(var(--timeline-active-width), calc(100vw - 80px));gap:var(--spacing-sm);padding:var(--spacing-md);border-color:#ff6b2a8a}.typography-timeline__card.has-text-only.is-active{padding-block:14px}.typography-timeline__card.is-closing{z-index:20;min-width:0}.typography-timeline__card.is-active .typography-timeline__period,.typography-timeline__card.is-active .typography-timeline__name{padding-right:34px}.typography-timeline__close{top:var(--spacing-md);right:var(--spacing-md);width:24px;height:24px;color:var(--timeline-faint);cursor:pointer;animation:typographyTimelineControlIn var(--timeline-card-motion-duration) var(--timeline-card-motion-ease) both;transition:color var(--animation-duration-relaxed) ease, border-color var(--animation-duration-relaxed) ease, background var(--animation-duration-relaxed) ease;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;margin:0;padding:0;display:inline-grid;position:absolute}.typography-timeline__close:hover,.typography-timeline__close:focus-visible{color:var(--timeline-text);background:var(--timeline-panel-soft);border-color:#eeece62e;outline:none}.typography-timeline__card.is-closing .typography-timeline__close{pointer-events:none;animation-name:typographyTimelineControlOut}.typography-timeline__period{color:var(--timeline-faint);white-space:nowrap;transition:padding-right var(--timeline-card-motion-duration) var(--timeline-card-motion-ease);font-family:Geist Mono,monospace;font-size:12px;line-height:1.2;display:block;overflow:visible}.typography-timeline__name{min-width:0;color:var(--timeline-text);white-space:nowrap;transition:padding-right var(--timeline-card-motion-duration) var(--timeline-card-motion-ease);font-size:18px;font-weight:400;line-height:1.05;display:block;overflow:visible}.typography-timeline__card-detail{min-width:0;min-height:0;animation:typographyTimelineDetailIn var(--timeline-card-motion-duration) var(--timeline-card-motion-ease) both;flex-direction:column;justify-content:center;display:flex;overflow:hidden}.typography-timeline__card.has-text-only .typography-timeline__card-detail{justify-content:start}.typography-timeline__card.is-closing .typography-timeline__card-detail{pointer-events:none;animation-name:typographyTimelineDetailOut}.typography-timeline__card-detail.has-image{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) minmax(176px,46%);align-content:center;align-items:center;display:grid}.article-content .typography-timeline .typography-timeline__card-image,.typography-timeline .typography-timeline__card-image{object-fit:contain;background:#eeece6;border:1px solid #eeece629;border-radius:6px;width:100%;min-width:0;height:174px;margin:0;padding:10px;display:block;box-shadow:inset 0 0 0 1px #12121014}.typography-timeline__card-summary{color:var(--timeline-muted);font-size:var(--font-size-sm);align-self:center;margin:0;line-height:1.45;display:block;overflow:visible}@keyframes typographyTimelineDetailIn{0%{opacity:0;transform:translateY(var(--spacing-xs))}to{opacity:1;transform:translateY(0)}}@keyframes typographyTimelineDetailOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--spacing-xs))}}@keyframes typographyTimelineControlIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes typographyTimelineControlOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}.typography-timeline__font--fraktur{font-family:Gutenberg Textura}.typography-timeline__font--humanist{font-family:Centaur}.typography-timeline__font--garalde{font-family:EB Garamond,Garamond}.typography-timeline__font--reales{font-family:Libre Baskerville}.typography-timeline__font--didone{font-family:Bodoni Moda}.typography-timeline__font--slab{font-family:Rockwell}.typography-timeline__font--lineales{font-family:Helvetica}.typography-timeline__font--incises{font-family:Copperplate Gothic Std}.typography-timeline__font--scriptes{font-family:Style Script}.typography-timeline__font--manuaires{font-family:Choc}@media (min-width:1101px){.typography-timeline{width:min(784px, max(620px, var(--timeline-safe-width-with-toc)))}}@media (max-width:760px){.typography-timeline{--timeline-card-collapsed-height:56px;--timeline-card-active-height:360px;width:calc(100vw - 24px);margin-top:28px;margin-bottom:48px}.typography-timeline__stage{padding:20px 0 22px 16px}.typography-timeline__viewport{margin:0 0 0 -16px;padding-left:16px;padding-right:0}.typography-timeline__card{padding:10px}.typography-timeline__card.is-active{width:min(var(--timeline-active-width), calc(100vw - 48px));max-width:min(var(--timeline-active-width), calc(100vw - 48px));min-width:min(var(--timeline-active-width), calc(100vw - 48px))}.typography-timeline__name{font-size:16px}.typography-timeline__card-detail.has-image{grid-template-columns:1fr;gap:10px}.article-content .typography-timeline .typography-timeline__card-image,.typography-timeline .typography-timeline__card-image{height:164px;padding:8px}}@media (prefers-reduced-motion:reduce){.typography-timeline__card,.typography-timeline__card:before,.typography-timeline__card:after,.typography-timeline__track,.typography-timeline__close,.typography-timeline__card-detail,.typography-timeline__card-summary{transition:none;animation:none}}
@font-face{font-family:Roboto Flex Playground;src:url(../media/RobotoFlex-latin.0ihil~s31w8jd.woff2)format("woff2");font-display:swap;font-style:oblique 0deg 10deg;font-weight:100 1000;font-stretch:25% 151%}.article-content:has(.typography-variables){text-align:left;overflow-x:visible}.typography-variables{--variables-panel:#10100f;--variables-panel-soft:#ffffff0b;--variables-panel-strong:#ffffff13;--variables-border:#edecef24;--variables-muted:#edecef9e;--variables-faint:#edecef6b;--variables-toc-width:200px;--variables-toc-right:var(--spacing-lg);--variables-toc-gap:var(--spacing-md);--variables-safe-width-with-toc:calc(100vw - var(--variables-toc-width) - var(--variables-toc-width) - var(--variables-toc-right) - var(--variables-toc-right) - var(--variables-toc-gap) - var(--variables-toc-gap));width:min(784px, calc(100vw - var(--spacing-xl)));margin:var(--spacing-3xl) 0 var(--spacing-xl) 50%;z-index:1001;border-radius:var(--spacing-sm);background:var(--variables-panel);color:var(--color-text);grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);gap:0;font-family:Manrope,DM Sans,sans-serif;display:grid;position:relative;transform:translate(-50%)}.typography-variables,.typography-variables *{box-sizing:border-box;letter-spacing:0}@media (min-width:1101px){.typography-variables{width:min(784px, max(620px, var(--variables-safe-width-with-toc)))}}.typography-variables__preview,.typography-variables__controls{min-width:0}.typography-variables__preview{top:var(--spacing-lg);min-height:0;padding:clamp(var(--spacing-md), 3vw, var(--spacing-2xl));flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:sticky;overflow:hidden}.typography-variables__sample{z-index:1;width:100%;max-width:100%;color:var(--color-text);font-family:Roboto Flex Playground,sans-serif;font-size:clamp(22px,3.2vw,42px);font-weight:var(--variables-font-weight);font-stretch:var(--variables-font-width);font-style:var(--variables-font-style);font-optical-sizing:none;font-variation-settings:var(--variables-font-settings);font-synthesis:none;text-align:left;text-wrap:balance;transition:font-variation-settings var(--animation-duration-standard) ease, font-weight var(--animation-duration-standard) ease, font-stretch var(--animation-duration-standard) ease, font-style var(--animation-duration-standard) ease;margin:0;line-height:1.06;position:relative}.typography-variables__sample span{width:fit-content;max-width:100%;font-weight:inherit;overflow-wrap:anywhere;white-space:normal;display:block}.typography-variables__sample span:nth-child(2){color:var(--color-accent)}.typography-variables__sample span+span{margin-top:.02em}.typography-variables__sample.is-live-adjusting{transition:none}.typography-variables__controls{padding:var(--spacing-lg)}.typography-variables__eyebrow{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-accent);font-family:Geist Mono,monospace;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);text-transform:uppercase;line-height:1.2;display:block}.typography-variables__group{gap:var(--spacing-sm);margin:var(--spacing-md) 0 0;border:0;min-width:0;padding:0;display:grid}.typography-variables__group:first-of-type{margin-top:0}.typography-variables__group legend{margin-bottom:var(--spacing-sm);color:var(--variables-faint);font-family:Geist Mono,monospace;font-size:var(--font-size-xs);text-transform:uppercase;line-height:1.2}.typography-variables__group-body{gap:var(--spacing-sm);min-width:0;display:grid}.typography-variables__group-toggle{display:none}.typography-variables__control{grid-template-columns:minmax(0, 1fr) var(--spacing-2xl);gap:var(--spacing-sm) var(--spacing-md);min-width:0;padding:var(--spacing-sm) 0;grid-template-areas:"head tag""range tag";align-items:center;display:grid}.typography-variables__control:first-of-type{border-top:0}.typography-variables__control-head{justify-content:space-between;align-items:baseline;gap:var(--spacing-md);min-width:0;color:var(--color-text);font-size:var(--font-size-sm);grid-area:head;line-height:1.2;display:flex}.typography-variables__control output{color:var(--variables-muted);font-family:Geist Mono,monospace;font-size:var(--font-size-xs);flex:none}.typography-variables__control input[type=range]{width:100%;min-width:0;height:var(--spacing-md);appearance:none;cursor:pointer;background:0 0;grid-area:range;margin:0}.typography-variables__control input[type=range]::-webkit-slider-runnable-track{height:var(--spacing-xs);background:linear-gradient(var(--color-accent), var(--color-accent)) 0 / var(--variables-range-progress) 100% no-repeat, #edecef29;border-radius:999px}.typography-variables__control input[type=range]::-moz-range-track{height:var(--spacing-xs);background:linear-gradient(var(--color-accent), var(--color-accent)) 0 / var(--variables-range-progress) 100% no-repeat, #edecef29;border-radius:999px}.typography-variables__control input[type=range]::-webkit-slider-thumb{width:var(--spacing-md);height:var(--spacing-md);margin-top:calc((var(--spacing-xs) - var(--spacing-md)) / 2);appearance:none;border:1px solid var(--color-background);background:var(--color-text);border-radius:50%}.typography-variables__control input[type=range]::-moz-range-thumb{width:var(--spacing-md);height:var(--spacing-md);border:1px solid var(--color-background);background:var(--color-text);border-radius:50%}.typography-variables__control input[type=range]:focus-visible{outline:none}.typography-variables__control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:none}.typography-variables__control input[type=range]:focus-visible::-moz-range-thumb{box-shadow:none}@media (max-width:860px){.typography-variables{width:calc(100vw - var(--spacing-lg));margin-top:var(--spacing-2xl);grid-template-columns:1fr}.typography-variables__preview{position:relative;top:auto}.typography-variables__controls{border-left:0}.typography-variables__control{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""range"}.typography-variables__group{margin-top:var(--spacing-xs);gap:0}.typography-variables__group legend{width:100%;margin-bottom:0}.typography-variables__group-title{display:none}.typography-variables__group-toggle{width:100%;min-height:calc(var(--spacing-xl) + var(--spacing-xs));justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;color:var(--variables-faint);font:inherit;text-align:left;text-transform:inherit;cursor:pointer;background:0 0;border:0;display:flex}.typography-variables__group-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--spacing-xs)}.typography-variables__group-toggle-icon{width:var(--spacing-md);height:var(--spacing-md);transition:transform var(--animation-duration-standard) ease;flex:none;transform:rotate(0)}.typography-variables__group-toggle[aria-expanded=false] .typography-variables__group-toggle-icon{transform:rotate(-90deg)}.typography-variables__group.is-closed .typography-variables__group-body{display:none}}@media (max-width:520px){.typography-variables__controls{padding:var(--spacing-md)}.typography-variables__title{font-size:var(--font-size-xl)}.typography-variables__sample{font-size:clamp(18px,7.5vw,34px)}}@media (prefers-reduced-motion:reduce){.typography-variables__sample{transition:none}}
.article-content:has(.typography-overshoot){text-align:left;overflow-x:visible}.typography-overshoot{--overshoot-panel:#10100f;--overshoot-panel-right:#151514;--overshoot-border:#edecef24;--overshoot-muted:#edecef9e;--overshoot-faint:#edecef33;--overshoot-band:#ffffff09;--overshoot-max-width:658px;--overshoot-toc-width:200px;--overshoot-toc-right:var(--spacing-lg);--overshoot-toc-gap:var(--spacing-md);--overshoot-safe-width-with-toc:calc(100vw - var(--overshoot-toc-width) - var(--overshoot-toc-width) - var(--overshoot-toc-right) - var(--overshoot-toc-right) - var(--overshoot-toc-gap) - var(--overshoot-toc-gap));width:min(var(--overshoot-max-width), calc(100vw - var(--spacing-xl)));margin:var(--spacing-2xl) 0 var(--spacing-xl) 50%;z-index:1001;border-radius:var(--spacing-sm);background:var(--overshoot-panel);color:var(--color-text);font-family:Manrope,DM Sans,sans-serif;position:relative;transform:translate(-50%)}.typography-overshoot,.typography-overshoot *{box-sizing:border-box;letter-spacing:0}.typography-overshoot__stage{border:1px solid var(--overshoot-border);border-radius:inherit;background:inherit;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:clamp(240px,32vw,340px);position:relative;overflow:hidden}.typography-overshoot__canvas{width:100%;height:100%;color:var(--color-text);display:block;position:absolute;inset:0}.typography-overshoot__canvas--without{z-index:1}.typography-overshoot__canvas--with{z-index:2;clip-path:inset(0 calc(100% - var(--overshoot-slider,50%)) 0 0)}.typography-overshoot__caption{right:var(--spacing-lg);bottom:var(--spacing-lg);left:var(--spacing-lg);z-index:4;color:var(--overshoot-muted);font-family:Geist,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-light);text-align:center;pointer-events:none;margin:0;position:absolute}.typography-overshoot__range{z-index:5;appearance:none;opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.typography-overshoot__range:focus-visible{outline:none}.typography-overshoot__divider{top:0;bottom:0;left:var(--overshoot-slider,50%);z-index:3;pointer-events:none;background:#edeceff5;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #10100f2e}.typography-overshoot__handle{top:72%;left:var(--overshoot-slider,50%);z-index:4;background:var(--color-text);color:#48525d;pointer-events:none;width:32px;height:32px;transition:transform var(--animation-duration-standard) ease, box-shadow var(--animation-duration-standard) ease;border-radius:50%;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.typography-overshoot__handle svg{stroke-width:2.4px;width:16px;height:16px}.typography-overshoot.is-dragging .typography-overshoot__handle,.typography-overshoot__range:focus-visible~.typography-overshoot__handle{transform:translate(-50%,-50%)scale(1.04)}.typography-overshoot__sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1101px){.typography-overshoot{width:min(var(--overshoot-max-width), max(620px, var(--overshoot-safe-width-with-toc)))}}@media (max-width:760px){.typography-overshoot{width:calc(100vw - var(--spacing-lg));margin-top:var(--spacing-2xl)}.typography-overshoot__stage{height:clamp(240px,70vw,320px)}.typography-overshoot__caption{right:var(--spacing-md);bottom:var(--spacing-md);left:var(--spacing-md);font-size:clamp(11px,3vw,13px)}.typography-overshoot__handle{width:54px;height:54px}.typography-overshoot__handle svg{width:19px;height:19px}}@media (prefers-reduced-motion:reduce){.typography-overshoot__handle{transition:none}}
.language-switch{padding:var(--spacing-md);align-items:center;gap:8px;display:flex}.language-switch-control{align-items:center;width:110px;display:inline-flex;position:relative}.language-switch-button{justify-content:space-between;align-items:center;gap:var(--spacing-xs);width:100%;color:var(--color-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:background-color var(--animation-duration-relaxed) ease, color var(--animation-duration-relaxed) ease;background:0 0;border:none;border-radius:999px;outline:none;font-family:inherit;display:flex}.language-switch-button:hover{color:var(--color-text);background:#ffffff1a}.language-switch-button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.language-switch-label{text-align:left;-webkit-user-select:none;user-select:none;flex:1}.language-switch-icon{transition:transform var(--animation-duration-relaxed) ease;flex-shrink:0}.language-switch-icon-open{transform:rotate(180deg)}.language-switch-dropdown{top:calc(100% + var(--spacing-xs));background:var(--color-background);z-index:1000;width:100%;min-width:100%;animation:dropdownFadeIn var(--animation-duration-standard) ease-out;border:1px solid #ffffff1a;border-radius:8px;position:absolute;right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-switch-option{text-align:left;width:100%;color:var(--color-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);padding:var(--spacing-sm) var(--spacing-sm);cursor:pointer;transition:background-color var(--animation-duration-standard) ease, color var(--animation-duration-standard) ease;background:0 0;border:none;outline:none;font-family:inherit;display:block}.language-switch-option:hover{color:var(--color-text);background:#ffffff1a}.language-switch-option:focus-visible{color:var(--color-text);outline:2px solid var(--color-text);outline-offset:-2px;background:#ffffff1a}.language-switch-option-active{color:var(--color-text);font-weight:var(--font-weight-medium);background:#ffffff0d}.language-switch-option-active:hover{background:#ffffff1a}@media (max-width:768px){.language-switch{padding:var(--spacing-sm);display:none}}
.article-topbar{top:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);z-index:1000;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.article-topbar>*{pointer-events:auto}.logo-link{padding:var(--spacing-md)}.logo-link:hover .logo{opacity:.7}.article-page-layout{width:100%;max-width:var(--max-width-content);padding:0 var(--spacing-md);margin:80px auto 0}@media (max-width:768px){.article-topbar{top:var(--spacing-sm);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md);position:relative;left:0;right:0}.logo-link{padding:0}}
.article-content{text-align:justify;max-width:100%;padding-top:1.5em;overflow-x:hidden}.article-content>*+*{margin-top:1.5em}.article-content h1{margin-top:var(--spacing-2xl);margin-bottom:1.5em}.article-content h2{margin-top:var(--spacing-xl)}.article-content ol:not(.sources-list),.article-content ul:not(.sources-list){padding-inline-start:var(--spacing-lg)}.article-content img:not(.source-favicon){max-width:100%;height:auto;margin:1.5em auto 0;display:block}.article-content del{opacity:.7;text-decoration:line-through}.article-content pre{max-width:100%;padding:var(--spacing-md);margin:var(--spacing-lg) 0;background-color:#0000004d;border:1px solid #ffffff1a;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.9em;line-height:1.5;overflow-x:auto}.article-content pre code{max-width:100%;color:var(--color-text);background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:.7em;display:block}.article-content code:not(pre code){color:var(--color-text);background-color:#0000004d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.6em}.article-content div{box-sizing:border-box;max-width:100%}.article-content iframe{max-width:100%}