.blog{--blog-ink:var(--color-miova-black,#2c2e2a);--blog-bg:var(--color-miova-white,#f5f1e4);--blog-accent:var(--color-miova-purple,#876fff);--blog-muted:color-mix(in srgb, var(--blog-ink) 68%, var(--blog-bg));--blog-line:color-mix(in srgb, var(--blog-ink) 14%, var(--blog-bg));--blog-card-bg:color-mix(in srgb, var(--blog-bg) 45%, #fff);--blog-card-hover:#fff;--blog-hero-dark:#111;color:var(--blog-ink);background-color:var(--blog-bg);min-height:100svh;padding:0 0 6rem}.blog-list{width:100%;display:block}.blog-list__head,.blog-list__bar-inner,.blog-list__grid,.blog-list__gridwrap{width:100%;max-width:1728px;margin-inline:auto}.blog-list__head,.blog-list__gridwrap{padding-inline:40px}.blog-list__head{margin-bottom:40px}.blog-list__title{margin:0;font-size:72px;font-weight:600;line-height:72px}.blog-list__lead{color:var(--blog-muted);max-width:42ch;margin-top:12px;font-size:20px;line-height:28px}.blog-list__bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:40px;display:flex}.blog-list__filters{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.blog-list__filterlabel,.blog-list__count{font-variant-numeric:tabular-nums;margin:0;font-size:16px;line-height:24px}.blog-list__count{color:var(--blog-muted);min-width:72px}.blog-filter{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.blog-filter>li{display:flex}.blog-filter__chip{cursor:var(--cursor-pointer,pointer);background:color-mix(in srgb, var(--blog-ink) 6%, transparent);font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:0;color:var(--blog-ink);user-select:none;border-radius:4px;align-items:center;padding:4px;font-size:11px;line-height:16px;transition:background .2s;display:inline-flex;position:relative}.blog-filter__chip:hover{background:color-mix(in srgb, var(--blog-ink) 12%, transparent)}.blog-filter__chip:has(.category-checkbox:checked){background:var(--cat-color,var(--blog-accent))}.category-checkbox{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-filter__chipcheck{opacity:0;align-items:center;width:0;margin-left:0;transition:width .2s,margin .2s,opacity .2s;display:inline-flex;overflow:hidden}.blog-filter__chip:has(.category-checkbox:checked) .blog-filter__chipcheck{opacity:1;width:14px;margin-left:6px}.blog-filter__chipcheck svg{width:14px;height:14px}.blog-search{border:1px solid var(--blog-line);border-radius:8px;align-items:center;gap:8px;padding:6px;transition:background .2s;display:inline-flex}.blog-search:focus-within{background:color-mix(in srgb, var(--blog-ink) 4%, transparent)}.blog-search__icon{width:36px;height:36px;color:var(--blog-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}.blog-search:focus-within .blog-search__icon{background:color-mix(in srgb, var(--blog-bg) 60%, #fff)}.blog-search__icon svg{width:16px;height:16px}.blog-search__input{font:inherit;color:var(--blog-ink);background:0 0;border:0;outline:none;width:380px;font-size:16px;line-height:24px}.blog-search__input::placeholder{color:var(--blog-muted)}.blog-list__grid{border-top:1px solid var(--blog-line);border-left:1px solid var(--blog-line);grid-template-columns:1fr;display:grid}@media screen and (width>=640px){.blog-list__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width>=1024px){.blog-list__grid{grid-template-columns:repeat(3,1fr)}}.blog-list__grid [hidden]{display:none!important}.blog-card{border-right:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line);padding:20px}@media screen and (width>=1024px){.blog-card{padding:40px}}@media screen and (width>=640px){.blog-card--featured{grid-column:span 2}}.blog-card__link{border:1px solid var(--blog-line);background:var(--blog-card-bg);height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:background .25s;display:flex;overflow:hidden}.blog-card__link:hover{background:var(--blog-card-hover)}.blog-card__media{background:var(--blog-line);flex-shrink:0;height:200px;overflow:hidden}@media screen and (width>=1024px){.blog-card__media{height:240px}}.blog-card__img{object-fit:cover;width:100%;height:100%;display:block}.blog-card__body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.blog-card__tag{font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:0;background:color-mix(in srgb, var(--blog-ink) 8%, transparent);color:var(--blog-ink);border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:11px;line-height:16px;transition:background .25s,color .25s}.blog-card__link:hover .blog-card__tag{background:var(--cat-color,var(--blog-accent))}.blog-card__title{letter-spacing:0;margin:0;font-size:24px;font-weight:500;line-height:32px}.blog-card__title--lg{font-size:32px;line-height:40px}.blog-card__excerpt{color:var(--blog-muted);letter-spacing:-.01em;margin:0;font-size:16px;line-height:24px}.blog-card--featured .blog-card__excerpt{letter-spacing:-.02em;font-size:20px;line-height:28px}.blog-card__footer{border-top:1px solid var(--blog-line);align-items:stretch;margin-top:auto;display:flex}.blog-card__cell{letter-spacing:0;min-width:0;color:var(--blog-muted);font-variant-numeric:tabular-nums;flex:1;padding:16px 12px;font-size:13px;line-height:20px}.blog-card__cell+.blog-card__cell{border-left:1px solid var(--blog-line)}.blog-card__cell--author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-card__arrow{border-left:1px solid var(--blog-line);width:52px;color:var(--blog-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.blog-card__arrow svg{width:20px;height:20px;transition:transform .3s var(--ease-osmo,ease)}.blog-card__link:hover .blog-card__arrow svg{transform:translate(4px)}.blog-card__main{flex-direction:column;justify-content:space-between;display:flex}.blog-card__media--featured{order:-1}@media screen and (width>=1024px){.blog-card--featured .blog-card__link{grid-template-columns:1fr 1fr;display:grid}.blog-card--featured .blog-card__main{border-right:1px solid var(--blog-line)}.blog-card__media--featured{order:0;height:560px}}.blog-empty{color:var(--blog-muted);padding-top:24px;font-size:20px;line-height:28px}.blog-empty a{color:var(--blog-accent);text-decoration:underline}@media screen and (width<=767px){.blog-list__head,.blog-list__gridwrap{padding-inline:20px}.blog-list__bar-inner{padding:20px}.blog-list__title{font-size:40px;line-height:48px}.blog-search{width:100%}.blog-search__input{flex:1;width:auto;min-width:0}.blog-card__title--lg{font-size:20px;line-height:24px}.blog-card--featured .blog-card__excerpt{font-size:16px;line-height:24px}.blog-card__tag,.blog-filter__chip{font-size:12px}}.blog-index{min-height:auto}.blog-list__head .blog-card__tag{margin-bottom:12px;display:inline-block}.blog-detail{--text-2xs:11px;--text-xs:13px;--text-sm:14px;--text-md:16px;--text-base:16px;--text-lg:20px;--text-heading-xxs:24px;--text-heading-xs:32px;--text-heading-sm:44px;--text-heading-md:56px;--text-heading-lg:72px;padding-top:0;font-size:16px}.blog-hero{padding-top:112px;position:relative;overflow:hidden}.blog-hero__bg{display:none}.blog-hero__inner{flex-direction:column;gap:40px;max-width:800px;margin:0 auto;padding:0 32px;display:flex}.blog-hero__top{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.blog-hero__eyebrow{font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);font-size:var(--text-2xs,11px);text-transform:uppercase;letter-spacing:0;background:color-mix(in srgb, var(--blog-ink) 8%, transparent);color:var(--blog-ink);border-radius:4.8px;padding:4px 8px;line-height:16px}.blog-hero__title{font-size:var(--text-heading-lg,72px);letter-spacing:-.02em;text-wrap:pretty;margin:0;font-weight:500;line-height:72px}.blog-hero__byline{color:var(--blog-muted);font-size:var(--text-xs,13px);flex-wrap:wrap;justify-content:center;gap:24px;line-height:20px;display:flex}.blog-hero__byline time{font-variant-numeric:tabular-nums}.blog-hero__bar{border-top:1px solid var(--blog-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding-top:24px;display:flex}.blog-hero__bar-left{align-items:center;gap:24px;display:flex}.blog-hero .button-027{font-size:var(--text-sm,14px)}.blog-hero__read{font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);font-size:var(--text-2xs,11px);text-transform:uppercase;letter-spacing:0;color:var(--blog-muted);line-height:16px}.blog-hero__media{max-width:1024px;margin:40px auto 0;padding:0 32px}.blog-hero__media img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.blog-detail .blog-hero{background:var(--blog-hero-dark);min-height:60svh;color:var(--color-miova-white);align-items:stretch;padding-block:96px 40px;display:flex}.blog-detail .blog-hero__bg{z-index:1;opacity:.7;display:block;position:absolute;inset:0}.blog-detail .blog-hero__bg img{object-fit:cover;width:100%;height:100%;display:block}.blog-detail .blog-hero__bg:after{content:"";background:linear-gradient(#00000073,#000000a6);position:absolute;inset:0}.blog-detail .blog-hero__inner{z-index:10;flex:1;justify-content:space-between;position:relative}.blog-detail .blog-hero__top{flex:1;justify-content:center}.blog-detail .blog-hero__eyebrow{background:color-mix(in srgb, var(--color-miova-white) 16%, transparent);color:var(--color-miova-white)}.blog-detail .blog-hero__byline,.blog-detail .blog-hero__read{color:color-mix(in srgb, var(--color-miova-white) 75%, transparent)}.blog-detail .blog-hero__bar{border-top-color:color-mix(in srgb, var(--color-miova-white) 20%, transparent)}.blog-detail .blog-hero__media{display:none}.blog-detail .blog-hero .button-027{--button-027-color-background:var(--color-miova-white);--button-027-color:var(--color-charcoal);--button-027-hover-color-background:var(--color-miova-purple);--button-027-hover-color:var(--color-miova-white)}.toc-layout{grid-column-gap:4em;grid-row-gap:4em;flex-flow:row;justify-content:flex-start;align-items:flex-start;max-width:64em;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;display:flex;position:relative}.blog-detail .toc-layout{margin-top:48px}.toc-sidebar{grid-column-gap:1em;grid-row-gap:1em;flex-flow:column;flex:none;justify-content:flex-start;align-items:flex-start;width:14em;display:flex;position:sticky;top:6em}.toc-spoiler{flex-direction:column;gap:1em;width:100%;display:flex}.toc-spoiler-trigger{display:none}.toc-hero__label{color:var(--blog-muted);font-size:var(--text-xs,13px);line-height:20px;font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);text-transform:uppercase;margin:0;font-weight:500}.toc-list{flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.toc-link{color:var(--blog-muted);border-left:1px solid var(--blog-line);font-size:var(--text-xs,13px);width:100%;padding:2.4px .5em 2.4px 1em;line-height:20px;text-decoration:none;transition:all .25s}.toc-link:hover{color:var(--blog-ink);border-left-color:color-mix(in srgb, var(--blog-accent) 50%, var(--blog-line))}.toc-link[data-toc-depth="3"]{padding-left:2em}.toc-link[data-toc-status=active]{color:var(--blog-ink);border-left-color:var(--blog-accent);font-weight:500}.blog-article{flex:1;min-width:0}@media screen and (width>=768px){.blog-detail .toc-layout{grid-template-columns:minmax(224px,1fr) minmax(0,880px) minmax(0,1fr);column-gap:48px;max-width:none;display:grid}.blog-detail .toc-sidebar{grid-column:1;place-self:start end;width:224px}.blog-detail .blog-article{grid-column:2}}.blog-detail .blog-prose .rich-text{max-width:none;font-size:var(--text-md,16px);letter-spacing:-.02em;color:var(--blog-ink);margin-inline:0;padding:0;line-height:24px}.blog-detail .blog-prose .rich-text p{font-size:var(--text-md,16px);letter-spacing:-.02em;margin:0 0 40px;line-height:24px}.blog-detail .blog-prose .rich-text h2{font-size:var(--text-heading-xs,32px);border-bottom:1px solid var(--blog-line);margin:2em 0 .75em;padding-bottom:.5em;scroll-margin-top:96px;font-weight:500;line-height:40px}.blog-detail .blog-prose .rich-text h3{font-size:var(--text-heading-xxs,24px);margin:1.75em 0 .6em;scroll-margin-top:96px;font-weight:500;line-height:32px}.blog-detail .blog-prose .rich-text a,.blog-detail .blog-callout__body a{--link-line:var(--blog-accent,#876fff);color:inherit;font-weight:500;text-decoration:none}.blog-detail .blog-prose .rich-text a:focus-visible,.blog-detail .blog-callout__body a:focus-visible{outline:2px solid var(--link-line);outline-offset:2px}.blog-detail .blog-prose .rich-text a[href]:after,.blog-detail .blog-callout__body a[href]:after{--arrow:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20shape-rendering='crispEdges'%3e%3cpath%20d='M6%202h2v2H6zM8%204h2v2H8zM0%206h12v2H0zM8%208h2v2H8zM6%2010h2v2H6z'%20fill='currentColor'/%3e%3c/svg%3e");content:"";vertical-align:baseline;background-color:var(--blog-accent-text,#6f55f2);width:12px;height:12px;-webkit-mask:var(--arrow) 0 0 / 12px 12px no-repeat;mask:var(--arrow) 0 0 / 12px 12px no-repeat;margin-left:4px;display:inline-block}.blog-detail .blog-prose .rich-text a[href^=http]:after,.blog-detail .blog-callout__body a[href^=http]:after{--arrow:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20shape-rendering='crispEdges'%3e%3cpath%20d='M4%200h8v2H4zM8%202h4v2H8zM6%204h2v2H6zM10%204h2v4h-2zM4%206h2v2H4zM2%208h2v2H2zM0%2010h2v2H0z'%20fill='currentColor'/%3e%3c/svg%3e")}.blog-detail .blog-prose .rich-text a[href]:is(:hover,:focus-visible):after,.blog-detail .blog-callout__body a[href]:is(:hover,:focus-visible):after{animation:.5s both blog-link-hop}.blog-detail .blog-prose .rich-text a[href^=http]:is(:hover,:focus-visible):after,.blog-detail .blog-callout__body a[href^=http]:is(:hover,:focus-visible):after{animation-name:blog-ext-hop}@keyframes blog-link-hop{0%{animation-timing-function:steps(3,end);-webkit-mask-position:0 0;mask-position:0 0}45%{-webkit-mask-position:12px 0;mask-position:12px 0}45.01%{animation-timing-function:steps(3,end);-webkit-mask-position:-12px 0;mask-position:-12px 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes blog-ext-hop{0%{animation-timing-function:steps(3,end);-webkit-mask-position:0 0;mask-position:0 0}45%{-webkit-mask-position:12px -12px;mask-position:12px -12px}45.01%{animation-timing-function:steps(3,end);-webkit-mask-position:-12px 12px;mask-position:-12px 12px}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){.blog-detail .blog-prose .rich-text a[href]:is(:hover,:focus-visible):after,.blog-detail .blog-callout__body a[href]:is(:hover,:focus-visible):after{animation:none}}.blog-detail .blog-prose .rich-text ul,.blog-detail .blog-prose .rich-text ol{margin:0 0 40px;padding-left:20px}.blog-detail .blog-prose .rich-text ul{list-style:square}.blog-detail .blog-prose .rich-text ol{list-style:decimal}.blog-detail .blog-prose .rich-text li::marker{color:var(--blog-accent-text,#6f55f2)}.blog-detail .blog-prose .rich-text ol>li::marker{font-weight:500}.blog-detail .blog-prose .rich-text li{font-size:var(--text-md,16px);letter-spacing:-.02em;margin:8px 0;padding-left:.75em;line-height:24px}.blog-detail .blog-prose .rich-text blockquote{color:color-mix(in srgb, var(--blog-ink) 80%, var(--blog-bg));border-left:2px solid var(--blog-accent);font-size:var(--text-heading-xs,32px);letter-spacing:0;margin:0 0 40px;padding-left:1.25em;line-height:40px}.blog-detail .blog-prose .rich-text code{background:color-mix(in srgb, var(--blog-ink) 8%, var(--blog-bg));font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);border-radius:.25em;padding:.1em .4em .15em;font-size:.9em}.blog-detail .blog-prose .rich-text pre{background:var(--blog-ink);color:var(--blog-bg);font-size:var(--text-md,16px);letter-spacing:0;border-radius:8px;margin:0 0 40px;padding:1.25em;line-height:24px;overflow-x:auto}.blog-detail .blog-prose .rich-text pre code{color:inherit;background:0 0;padding:0}.blog-detail .blog-prose .rich-text img{border-radius:8px;max-width:100%;height:auto;margin:0 0 40px}.blog-share{display:inline-flex}@media screen and (width>=1024px){.blog-detail .blog-hero{min-height:640px;padding-block:112px 64px}.blog-detail .blog-hero__inner{max-width:944px}}@media screen and (width<=767px){.blog{padding-top:96px}.blog-detail{padding-top:0}.toc-layout{flex-flow:column;padding-left:24px;padding-right:24px}.toc-sidebar{z-index:10;background:var(--blog-bg);border-bottom:1px solid var(--blog-line);order:-1;width:calc(100% + 48px);margin-inline:-24px;padding-inline:24px;position:sticky;top:66px}.toc-spoiler{gap:0}.toc-spoiler>.toc-hero__label{display:none}.toc-spoiler-trigger{width:100%;color:var(--blog-ink);font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;text-align:left;cursor:var(--cursor-pointer,pointer);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:500;display:flex}.toc-spoiler-chevron{width:17.6px;color:var(--blog-muted);transition:transform .25s var(--ease-osmo,ease);flex-shrink:0;display:inline-flex}.toc-spoiler[data-open=true] .toc-spoiler-chevron{transform:rotate(180deg)}.toc-spoiler-chevron svg{width:100%;height:100%;display:block}.toc-nav-wrap{overflow:hidden}.toc-list{padding-bottom:16px}.blog-hero__title{font-size:40px;line-height:48px}.blog-detail .blog-prose .rich-text h2{font-size:24px;line-height:28px}.blog-detail .blog-prose .rich-text h3,.blog-detail .blog-prose .rich-text blockquote{font-size:20px;line-height:24px}.blog-hero__eyebrow,.blog-hero__read{font-size:12px}.blog-hero__inner{padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion:reduce){.blog-card__arrow svg,.blog-detail .blog-prose .rich-text a,.blog-detail .blog-callout__body a,.blog-detail .blog-prose .rich-text a:after{transition:none}}
