@font-face{font-family:Figtree;src:url(/fonts/figtree-variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-ml: 1.075rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--letter-spacing-none: 0em;--letter-spacing-base: .025em;--letter-spacing-wide: .05em;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-s: .75rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-ml: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-xxl: 32px;--padding-xxs: .25rem;--padding-xs: .5rem;--padding-sm: 1rem;--padding-md: 1.5rem;--padding-lg: 2rem;--padding-xl: 3rem;--padding-2xl: 4rem;--header-height: 60px;--sidebar-width: 280px;--article-nav-width: 220px;--content-width: 1400px;--main-content-max-width: 1000px}:root,:root[data-theme=dark]{--color-bg: #0f0f0f;--color-bg-offset: #1d1d1d;--color-text: #fafafa;--color-accent: #48b3af;--color-highlight: #a886bb;--color-error: #ee6060;--color-warning: #f59e0b;--color-success: #4db6ac;--color-shading-base: color-mix(in srgb, var(--color-accent) 8%, transparent);--color-shading-soft: color-mix(in srgb, var(--color-accent) 4%, transparent);--color-shading-strong: color-mix(in srgb, var(--color-accent) 15%, transparent);--color-shading-foreground: color-mix(in srgb, var(--color-accent) 4%, transparent);--color-text-75: color-mix(in srgb, var(--color-text) 75%, transparent);--color-text-60: color-mix(in srgb, var(--color-text) 60%, transparent);--color-text-50: color-mix(in srgb, var(--color-text) 50%, transparent);--color-text-35: color-mix(in srgb, var(--color-text) 35%, transparent);--color-text-25: color-mix(in srgb, var(--color-text) 25%, transparent);--color-accent-border: color-mix(in srgb, var(--color-accent) 35%, transparent);--color-soft-border: color-mix(in srgb, var(--color-accent) 4%, transparent);--color-foreground: #202020;--color-border: rgba(255, 255, 255, .1);--color-hover: rgba(255, 255, 255, .05)}:root[data-theme=light]{--color-bg: #fafafa;--color-bg-offset: #ffffff;--color-text: #1a1a1a;--color-accent: #25b6ac;--color-highlight: #b28cda;--color-error: #ef4444;--color-warning: #d97706;--color-success: #4db6ac;--color-shading-base: color-mix(in srgb, var(--color-accent) 15%, transparent);--color-shading-soft: color-mix(in srgb, var(--color-accent) 6%, transparent);--color-shading-strong: color-mix(in srgb, var(--color-accent) 25%, transparent);--color-shading-foreground: color-mix(in srgb, white 80%, transparent);--color-text-75: color-mix(in srgb, var(--color-text) 75%, transparent);--color-text-60: color-mix(in srgb, var(--color-text) 60%, transparent);--color-text-50: color-mix(in srgb, var(--color-text) 50%, transparent);--color-text-35: color-mix(in srgb, var(--color-text) 35%, transparent);--color-text-25: color-mix(in srgb, var(--color-text) 25%, transparent);--color-accent-border: color-mix(in srgb, var(--color-accent) 35%, transparent);--color-soft-border: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-foreground: #ffffff;--color-border: rgba(0, 0, 0, .1);--color-hover: rgba(0, 0, 0, .025)}*{margin:0;padding:0;box-sizing:border-box}:target{scroll-margin-top:calc(var(--header-height) + 10px)}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.75;width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;letter-spacing:var(--letter-spacing-base)}body.sidebar-active{overflow:hidden;touch-action:none}a{text-decoration:none}ul{list-style:none}hr{border:0;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.main-content{flex:1;width:100%;min-width:0;padding:var(--spacing-md) var(--spacing-s)}.breadcrumb{display:flex;gap:var(--spacing-xs);align-items:center}.breadcrumb__section,.breadcrumb__separator{color:var(--color-text-50);font-size:var(--font-size-xs)}.breadcrumb__page{color:var(--color-accent);font-size:var(--font-size-xs)}.main-content h1{font-size:var(--font-size-xl);font-weight:550;margin-bottom:var(--spacing-sm);color:var(--color-text)}.main-content h4{font-size:var(--font-size-md);font-weight:500;color:var(--color-text);margin-bottom:6px;margin-top:var(--spacing-md)}.main-text{max-width:100%;margin-bottom:var(--spacing-md);color:var(--color-text-60);font-size:var(--font-size-sm);font-weight:400}.article-navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.nav-button{display:flex;flex-direction:column;gap:var(--spacing-xxs);max-width:45%}.nav-button span{font-size:var(--font-size-sm);color:var(--color-text-50)}.nav-button a{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:450;display:flex;align-items:center;gap:var(--spacing-xs)}.nav-button--next{text-align:right;margin-left:auto;transition:transform .2s ease}.nav-button--next a{justify-content:flex-end}.feedback-section{margin-top:var(--spacing-sm);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border);text-align:center}.feedback-section h2{font-size:var(--font-size-lg);font-weight:450;color:var(--color-text);margin-bottom:var(--spacing-sm)}.feedback-section__buttons{display:flex;gap:var(--spacing-s);justify-content:center;margin-bottom:var(--spacing-sm)}.feedback-section__button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:450;cursor:pointer;transition:all .2s ease}.feedback-section p{font-size:var(--font-size-sm);color:var(--color-text-60)}.feedback-section a{color:var(--color-accent);text-decoration:underline;font-weight:450}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all .4s ease;display:flex;align-items:center;justify-content:center;color:var(--color-text)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle .icon{transition:transform .4s ease}@media(hover:hover)and (pointer:fine){.nav-button--next:hover{transform:translate(5px)}.feedback-section__button:hover{filter:brightness(.975)}.theme-toggle:hover{background-color:var(--color-hover)}.theme-toggle:hover .icon{transform:rotate(25deg)}}.breadcrumb{flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-xxs);margin-bottom:var(--spacing-xs)}.article-navigation{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.nav-button,.nav-button--next{max-width:100%;text-align:left}.nav-button a{min-height:44px;padding:var(--spacing-xs) 0;display:inline-flex;align-items:center}.nav-button--next a{justify-content:flex-start}.feedback-section__buttons{flex-direction:column}.feedback-section__button{width:100%;justify-content:center;min-height:44px;padding:var(--spacing-s) var(--spacing-md)}@media(max-width:480px){#content-container{padding:0 var(--spacing-xs);padding-left:max(var(--spacing-xs),env(safe-area-inset-left));padding-right:max(var(--spacing-xs),env(safe-area-inset-right))}.main-content{padding:var(--spacing-sm) var(--spacing-xs)}.main-content h1{font-size:var(--font-size-lg)}.breadcrumb{font-size:.7rem}.main-text{font-size:var(--font-size-xs)}}@media(min-width:768px){.main-content h1{font-size:var(--font-size-xl)}.main-text{font-size:var(--font-size-md);max-width:700px}.article-navigation{flex-direction:row;justify-content:space-between}.nav-button,.nav-button--next{max-width:45%;text-align:left}.nav-button--next{text-align:right}.nav-button--next a{justify-content:flex-end}.feedback-section__buttons{flex-direction:row;justify-content:center}.feedback-section__button{width:auto}}@media(min-width:1024px){.main-content{padding:30px;max-width:min(var(--main-content-max-width),calc(100% - 60px - var(--sidebar-width)))}.main-content h1{font-size:var(--font-size-2xl)}.main-text{margin-bottom:30px}}.icon{display:inline-block;width:1.25rem;height:1.25rem;background-color:var(--color-text);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;vertical-align:middle}.icon--inverted{background-color:var(--color-bg)}.icon--xs{width:1rem;height:1rem}.icon--sm{width:1.25rem;height:1.25rem}.icon--md{width:1.5rem;height:1.5rem}.icon--lg{width:2rem;height:2rem}.icon--xl{width:2.5rem;height:2.5rem}.icon--2xl{width:3rem;height:3rem}.logo{display:inline-flex;align-items:center;justify-content:center}.logo__img{display:none;height:auto}.logo--sm .logo__img{width:1.25rem}.logo--md .logo__img{width:1.5rem}.logo--lg .logo__img{width:2rem}.logo--xl .logo__img{width:2.25rem}[data-theme=dark] .logo__img--light,:root:not([data-theme]) .logo__img--light{display:block}[data-theme=light] .logo__img--dark{display:block}.icon--sun{mask-image:url(/img/icons/sun.svg);-webkit-mask-image:url(/img/icons/sun.svg)}.icon--moon{mask-image:url(/img/icons/moon.svg);-webkit-mask-image:url(/img/icons/moon.svg)}.icon--system{mask-image:url(/img/icons/system.svg);-webkit-mask-image:url(/img/icons/system.svg)}.icon--search{mask-image:url(/img/icons/search.svg);-webkit-mask-image:url(/img/icons/search.svg)}.icon--arrow-left{mask-image:url(/img/icons/arrow-left.svg);-webkit-mask-image:url(/img/icons/arrow-left.svg)}.icon--arrow-right{mask-image:url(/img/icons/arrow-right.svg);-webkit-mask-image:url(/img/icons/arrow-right.svg)}.icon--checkmark{mask-image:url(/img/icons/checkmark-circle.svg);-webkit-mask-image:url(/img/icons/checkmark-circle.svg)}.icon--xmark{mask-image:url(/img/icons/xmark-circle.svg);-webkit-mask-image:url(/img/icons/xmark-circle.svg)}.icon--close{mask-image:url(/img/icons/xmark-circle.svg);-webkit-mask-image:url(/img/icons/xmark-circle.svg)}.icon--chevron-down{mask-image:url(/img/icons/chevron-down.svg);-webkit-mask-image:url(/img/icons/chevron-down.svg)}.icon--select{mask-image:url(/img/icons/select.svg);-webkit-mask-image:url(/img/icons/select.svg)}.icon--menu{mask-image:url(/img/icons/menu.svg);-webkit-mask-image:url(/img/icons/menu.svg)}.icon--mobile-menu{mask-image:url(/img/icons/mobile-menu.svg);-webkit-mask-image:url(/img/icons/mobile-menu.svg)}.icon--dashboard{mask-image:url(/img/icons/dashboard.svg);-webkit-mask-image:url(/img/icons/dashboard.svg)}.icon--business{mask-image:url(/img/icons/business.svg);-webkit-mask-image:url(/img/icons/business.svg)}.icon--appointments{mask-image:url(/img/icons/appointments.svg);-webkit-mask-image:url(/img/icons/appointments.svg)}.icon--services{mask-image:url(/img/icons/services.svg);-webkit-mask-image:url(/img/icons/services.svg)}.icon--customers{mask-image:url(/img/icons/customers.svg);-webkit-mask-image:url(/img/icons/customers.svg)}.icon--staff{mask-image:url(/img/icons/staff.svg);-webkit-mask-image:url(/img/icons/staff.svg)}.icon--settings{mask-image:url(/img/icons/settings.svg);-webkit-mask-image:url(/img/icons/settings.svg)}.icon--support{mask-image:url(/img/icons/support.svg);-webkit-mask-image:url(/img/icons/support.svg)}.icon--sync{mask-image:url(/img/icons/sync.svg);-webkit-mask-image:url(/img/icons/sync.svg)}.icon--logout{mask-image:url(/img/icons/logout.svg);-webkit-mask-image:url(/img/icons/logout.svg)}.icon--profile{mask-image:url(/img/icons/profile.svg);-webkit-mask-image:url(/img/icons/profile.svg)}.icon--flag{mask-image:url(/img/icons/flag.svg);-webkit-mask-image:url(/img/icons/flag.svg)}.icon--document{mask-image:url(/img/icons/documentation.svg);-webkit-mask-image:url(/img/icons/documentation.svg)}.icon--billing{mask-image:url(/img/icons/billing.svg);-webkit-mask-image:url(/img/icons/billing.svg)}.icon--team{mask-image:url(/img/icons/team.svg);-webkit-mask-image:url(/img/icons/team.svg)}.icon--screen{mask-image:url(/img/icons/screen.svg);-webkit-mask-image:url(/img/icons/screen.svg)}.icon--server{mask-image:url(/img/icons/server.svg);-webkit-mask-image:url(/img/icons/server.svg)}.icon--bulb{mask-image:url(/img/icons/bulb.svg);-webkit-mask-image:url(/img/icons/bulb.svg)}header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));width:100%;position:fixed;top:0;padding-top:env(safe-area-inset-top,0px);background-color:var(--color-bg);z-index:100;box-shadow:0 0 10px #0000001a}.header__container{max-width:100%;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;height:var(--header-height);padding:0 var(--spacing-s);gap:var(--spacing-xs)}.navbar__logo-container{display:flex;align-items:center;margin-right:auto}.navbar__logo-container .logo{display:none}.navbar__logo-text{display:block;font-weight:500;color:var(--color-text);font-size:1rem;font-family:var(--font-family)}.search-container{display:none}.main-nav ul{display:flex;gap:var(--spacing-xs);margin-right:0}.main-nav li{font-size:var(--font-size-xs);font-weight:450}.main-nav a{color:var(--color-text-50)}.main-nav a.active-platform{color:var(--color-text);font-weight:500;opacity:.7}.header__container .theme-toggle{margin-right:0;min-width:44px;min-height:44px;padding:var(--spacing-xs)}.header__container .theme-toggle .icon{width:20px;height:20px;opacity:.6;background-color:var(--color-text);transition:all .4s ease}@media(min-width:768px){.header__container{padding:0 var(--spacing-sm);gap:var(--spacing-s)}.navbar__logo-text{font-size:1.1rem}.search-container{display:flex;align-items:center;position:relative}.main-nav ul{gap:var(--spacing-sm);margin-right:var(--spacing-s)}.main-nav li{font-size:var(--font-size-sm)}.theme-toggle{min-width:auto;min-height:auto}}@media(min-width:1024px){.header__container{max-width:var(--content-width);padding:0 var(--spacing-sm)}.navbar__logo-container .logo{display:inline-flex}.navbar__logo-text{font-size:1.2rem}.main-nav ul{gap:var(--spacing-lg);margin-right:var(--spacing-md)}.main-nav li{font-size:var(--font-size-sm)}}.search-container__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:var(--color-text-35);pointer-events:none;z-index:1}.search-input{width:250px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--spacing-s) 0 35px;font-size:var(--font-size-sm);font-weight:350;font-family:var(--font-family);color:var(--color-text-50);background-color:var(--color-foreground);background-image:none;outline:none}.search-input:focus{box-shadow:0 0 0 1px var(--color-accent)}.search-input::placeholder{color:var(--color-text-50)}@media(hover:hover)and (pointer:fine){.main-nav a:hover{opacity:.7}.header__container .theme-toggle:hover .icon{opacity:.8}}#content-container{display:flex;flex-direction:column;width:100%;max-width:100%;margin:calc(var(--header-height) + var(--spacing-sm) + env(safe-area-inset-top,0px)) auto 0;min-height:calc(100vh - var(--header-height) - var(--spacing-sm) - env(safe-area-inset-top,0px));position:relative;padding:0 var(--spacing-s);gap:0}.sidebar{position:fixed;left:-280px;top:0;height:100%;height:100dvh;width:var(--sidebar-width);max-width:min(85vw,320px);background:var(--color-bg);box-shadow:4px 0 24px #00000040;transition:left .25s ease-out;z-index:200;padding-top:calc(var(--header-height) + var(--spacing-sm));padding-bottom:env(safe-area-inset-bottom,var(--spacing-lg));padding-left:max(var(--spacing-s),env(safe-area-inset-left));overflow-y:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.sidebar.active{left:0}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:#00000080;z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent}.sidebar-overlay.active{display:block}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin-right:var(--spacing-xs);background:url(/img/icons/menu.svg) center/contain no-repeat;background-color:transparent;border:none;cursor:pointer}.sidebar-close{display:block;position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:44px;height:44px;min-width:44px;min-height:44px;padding:var(--spacing-s);background:url(/img/icons/xmark-circle.svg) center/contain no-repeat;background-color:transparent;border:none;cursor:pointer;opacity:.6}.content-wrapper{display:flex;width:100%;min-width:0;flex:1}@media(min-width:1024px){#content-container{flex-direction:row;gap:var(--spacing-2xl);padding:0 var(--spacing-sm);margin:calc(var(--header-height) + 20px + env(safe-area-inset-top,0px)) auto 0;min-height:calc(100vh - var(--header-height) - 20px - env(safe-area-inset-top,0px));max-width:var(--content-width);margin-left:auto;margin-right:auto}.content-wrapper{gap:var(--spacing-2xl)}.sidebar{position:sticky;top:var(--header-height);left:auto;height:auto;max-height:calc(100vh - var(--header-height));width:var(--sidebar-width);max-width:none;padding:var(--spacing-sm) 0;box-shadow:none}.sidebar.active{left:auto}.sidebar-overlay{display:none!important}.mobile-menu-button,.sidebar-close{display:none}}.nav-section{margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.nav-section h3{font-size:var(--font-size-sm);font-weight:450;color:var(--color-text);margin-bottom:var(--spacing-xs)}.nav-section ul{margin-left:var(--spacing-s)}.nav-section li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.nav-section li a{color:var(--color-text-60);font-size:var(--font-size-sm);font-weight:350;display:block;padding:var(--spacing-xxs) 0}.nav-section li.active a{color:var(--color-accent);position:relative;padding-left:var(--spacing-md)}.nav-section li.active a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--color-accent);mask:url(/img/icons/select.svg) center/contain no-repeat;-webkit-mask:url(/img/icons/select.svg) center/contain no-repeat}@media(hover:hover)and (pointer:fine){.nav-section li a:hover{color:var(--color-text)}}footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl);position:relative;z-index:10}.footer__container{max-width:100%;margin:0 auto;padding:0 var(--spacing-s)}.footer__sections{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:center}.footer__section h4{color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-sm)}.footer__section ul li{margin-bottom:var(--spacing-s)}.footer__section ul li a{color:var(--color-text-50);font-size:var(--font-size-sm);font-weight:400}.footer__section--newsletter{grid-column:1;max-width:100%}.footer__section--newsletter p{color:var(--color-text-50);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);line-height:1.5}.footer__newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer__newsletter-form input{width:100%;height:44px;padding:0 var(--spacing-s);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg)}.footer__newsletter-form input:focus{outline:none;border-color:var(--color-accent)}.footer__newsletter-form button{width:100%;height:44px;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:0 var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:400;cursor:pointer;transition:all .2s}@media(min-width:768px){.footer__container{max-width:var(--content-width);padding:0 var(--spacing-sm)}.footer__sections{grid-template-columns:repeat(4,1fr) 2fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);text-align:left}.footer__section--newsletter{grid-column:5}.footer__newsletter-form{flex-direction:row}.footer__newsletter-form input{flex:1;width:auto;height:38px}.footer__newsletter-form button{width:auto;height:38px}}.data-usage-notice{position:fixed;bottom:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-ml);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1000;max-width:800px;margin:0 auto}.data-usage-notice.show{transform:translateY(0);opacity:1}.data-usage-notice__content{flex:1;font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text)}.data-usage-notice__text{margin:0}.data-usage-notice__link{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s ease}.data-usage-notice__dismiss{background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;min-width:32px;height:32px}.data-usage-notice__dismiss .icon{width:16px;height:16px}@media(max-width:768px){.data-usage-notice{bottom:15px;left:15px;right:15px;padding:var(--spacing-s) var(--spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--spacing-s)}.data-usage-notice__content{font-size:var(--font-size-xs);padding-right:var(--spacing-2xl)}.data-usage-notice__dismiss{align-self:flex-end;position:absolute;top:var(--spacing-s);right:var(--spacing-s)}}@media(hover:hover)and (pointer:fine){.footer__section ul li a:hover{color:var(--color-text-75)}.footer__newsletter-form button:hover{filter:brightness(1.1)}.data-usage-notice__link:hover{text-decoration:underline}.data-usage-notice__dismiss:hover{background:var(--color-hover)}}.main-content--article{max-width:100%}.main-content--article h2{font-size:var(--font-size-lg);font-weight:550;color:var(--color-text)}.main-content--article h3{margin-top:var(--spacing-sm);font-size:var(--font-size-md);font-weight:500;color:var(--color-text)}.main-content--article p{font-size:var(--font-size-sm);color:var(--color-text-60)}.author-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);margin-top:var(--spacing-s)}.author-info__avatar{width:40px;height:40px;border-radius:50%;margin-right:0}.author-info__details{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text);margin-top:6px;margin-bottom:-4px}.author-info__date{font-size:var(--font-size-xs);color:var(--color-text-50);font-weight:400}.code-block{background-color:var(--color-bg-offset);border-radius:var(--radius-md);padding:var(--spacing-sm);margin:var(--spacing-sm) 0;overflow-x:auto}.code-block pre{margin:0}.code-block code{color:var(--color-text);font-family:monospace;font-size:var(--font-size-sm);line-height:1.5}.main-content p code,.main-content td code{font-family:monospace;font-size:.9em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-bg-offset);color:var(--color-text)}.page-nav{display:none}.page-nav h4{font-size:var(--font-size-sm);font-weight:450;color:var(--color-text);margin-bottom:var(--spacing-sm)}.page-nav ul{list-style:none;display:flex;flex-direction:column;gap:6px}.page-nav a{color:var(--color-text-50);font-size:var(--font-size-xs);font-weight:450;text-decoration:none;display:inline-block;padding:var(--spacing-xxs) var(--spacing-s);border-radius:9999px;margin-left:0;margin-right:0;transition:background-color .2s,color .2s}.page-nav a.page-nav__link--active{background-color:var(--color-text);color:var(--color-bg)}.page-nav a.h1{margin-left:0}.page-nav a.h2{margin-left:var(--spacing-sm)}.page-nav a.h3{margin-left:var(--spacing-lg)}.page-nav a.h4{margin-left:var(--spacing-xl)}.alert{padding:var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-md);border-radius:var(--radius-ml);margin:var(--spacing-sm) 0;color:var(--color-text-60)}.alert__header{font-size:var(--font-size-ml);font-weight:500;margin-bottom:var(--spacing-xs)}.alert p{margin-bottom:var(--spacing-sm);line-height:1.75;font-size:var(--font-size-sm);font-weight:350}.alert--brown{background-color:color-mix(in srgb,var(--color-warning) 15%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-warning) 25%,transparent)}.alert--blue{background-color:color-mix(in srgb,var(--color-accent) 15%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent)}.alert--green{background-color:color-mix(in srgb,var(--color-success) 15%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-success) 25%,transparent)}.alert--red{background-color:color-mix(in srgb,var(--color-error) 15%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent)}.main-content ul{list-style:disc;margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.main-content ul li{margin-bottom:var(--spacing-xs);color:var(--color-text-60);font-size:var(--font-size-sm)}.main-content ol{list-style:none;counter-reset:item;margin:var(--spacing-sm) 0}.main-content ol li{counter-increment:item;margin-bottom:var(--spacing-s);position:relative;padding-left:var(--spacing-2xl);color:var(--color-text-60);font-size:var(--font-size-sm);display:flex;align-items:center}.main-content ol li:before{content:counter(item);background:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-accent);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;font-size:var(--font-size-xs);font-weight:500}.main-content ol li .icon{margin-left:var(--spacing-s);vertical-align:middle}.main-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.main-content table th{text-align:left;padding:var(--spacing-s) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:450;color:var(--color-text);border-bottom:1px solid var(--color-border)}.main-content table td{padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-50);border-bottom:1px solid var(--color-border)}.main-content table tr:last-child td{border-bottom:none}.article-primary-button{display:inline-block;color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);padding:var(--spacing-s) var(--spacing-sm);width:100%;min-height:44px;text-align:center;font-size:var(--font-size-sm);font-family:var(--font-family);margin-top:6px;margin-bottom:6px;font-weight:450;cursor:pointer;transition:all .2s;text-decoration:none}.quote-block{background-color:var(--color-foreground);border-radius:var(--radius-ml);padding:var(--spacing-sm);margin:var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:400;color:var(--color-text-60);font-style:italic}@media(max-width:768px){.quote-block{padding:var(--spacing-s) var(--spacing-sm);font-size:var(--font-size-sm);margin:var(--spacing-s) 0}}@media(max-width:480px){.quote-block{padding:var(--spacing-s);font-size:var(--font-size-xs)}}.article-deeplink{color:var(--color-accent);text-decoration:none;font-weight:500}.main-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.main-content table{min-width:500px}.main-content table th,.main-content table td{padding:var(--spacing-s);font-size:var(--font-size-xs)}@media(min-width:768px){.author-info{flex-direction:row;align-items:center}.author-info__avatar{margin-right:var(--spacing-s)}.main-content--article h2{font-size:var(--font-size-xl)}.main-content--article h3{font-size:1.2rem}.main-content table th,.main-content table td{padding:var(--spacing-s) var(--spacing-sm);font-size:var(--font-size-sm)}.article-primary-button{width:40%}}@media(min-width:1200px){.page-nav{display:block;width:var(--article-nav-width);position:sticky;top:calc(var(--header-height) + 20px);height:fit-content;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-sm);margin-left:var(--spacing-sm);border-left:1px solid var(--color-border)}.main-content--article{max-width:min(var(--main-content-max-width),calc(100% - 120px - var(--sidebar-width) - var(--article-nav-width)))}}@media(max-width:480px){.main-content table{font-size:.7rem}.main-content table th,.main-content table td{padding:var(--spacing-xs) var(--spacing-s)}}@media(hover:hover)and (pointer:fine){.page-nav a:hover{opacity:1;color:var(--color-accent)}.page-nav a.page-nav__link--active:hover{color:var(--color-bg);background-color:var(--color-text)}.article-primary-button:hover{filter:brightness(1.1)}.article-deeplink:hover{text-decoration:underline}}
