/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;.single-blog{display:flex;flex-direction:column;background-color:var(--color-white,#fff);.container{--container-width:1320px;--container-px-lg:64px;--container-px-md:32px}.breadcrumb{margin-top:calc(var(--spacing, 0.25rem) * 6);margin-bottom:calc(var(--spacing, 0.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / 0.875)));overflow-wrap:anywhere;.last{--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600);color:var(--color-text,var(--jelly-color-text,#404040))}a:hover{color:var(--color-primary,var(--jelly-color-primary,#0572d1))}}.blog-header{margin-top:calc(var(--spacing, 0.25rem) * 2);margin-bottom:calc(var(--spacing, 0.25rem) * 6);>.container{display:flex;align-items:center;gap:calc(var(--spacing, 0.25rem) * 6);@media (width < 48rem){flex-direction:column-reverse}@media (width < 48rem){align-items:stretch}}}.blog-header-content{min-width:calc(var(--spacing, 0.25rem) * 0);flex:1;padding-block:calc(var(--spacing, 0.25rem) * 4);@media (width < 48rem){padding-block:calc(var(--spacing, 0.25rem) * 0)}}.headline{margin-bottom:calc(var(--spacing, 0.25rem) * 5);font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)));--tw-leading:calc(var(--spacing, 0.25rem) * 12);line-height:calc(var(--spacing, 0.25rem) * 12);color:var(--color-heading,var(--jelly-color-heading,#171717));@media (width < 48rem){font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}@media (width < 48rem){--tw-leading:var(--leading-tight, 1.25);line-height:var(--leading-tight,1.25)}overflow-wrap:anywhere}.blog-header-media{min-width:calc(var(--spacing, 0.25rem) * 0);text-align:center;flex:0 0 50%;@media (width < 48rem){width:100%;flex:auto}.cover{margin-inline:auto;display:block;aspect-ratio:var(--aspect-video,16 / 9);height:auto;width:100%;object-fit:contain}}.blog-info{display:flex;flex-wrap:wrap;align-items:center;column-gap:calc(var(--spacing, 0.25rem) * 5);row-gap:calc(var(--spacing, 0.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / 0.875)));--tw-leading:calc(var(--spacing, 0.25rem) * 6);line-height:calc(var(--spacing, 0.25rem) * 6);color:var(--color-neutral-500,oklch(55.6% 0 0))}.blog-author{display:inline-flex;align-items:center;gap:calc(var(--spacing, 0.25rem) * 2);color:var(--color-neutral-800,oklch(26.9% 0 0))}.blog-author-avatar{width:calc(var(--spacing, 0.25rem) * 10);height:calc(var(--spacing, 0.25rem) * 10);flex-shrink:0;border-radius:calc(infinity * 1px);object-fit:cover}.blog-published,.blog-reading-time{display:inline-flex;align-items:center;gap:calc(var(--spacing, 0.25rem) * 1.5)}.blog-author .jelly-icon,.blog-published .jelly-icon,.blog-reading-time .jelly-icon{width:calc(var(--spacing, 0.25rem) * 4);height:calc(var(--spacing, 0.25rem) * 4);flex-shrink:0}.blog-content{margin-top:calc(var(--spacing, 0.25rem) * 8);margin-bottom:calc(var(--spacing, 0.25rem) * 12);@media (width < 48rem){margin-top:calc(var(--spacing, 0.25rem) * 2)}@media (width < 48rem){margin-bottom:calc(var(--spacing, 0.25rem) * 8)}>.container{display:flex;flex-direction:row-reverse;gap:calc(var(--spacing, 0.25rem) * 8);@media (width < 48rem){flex-direction:column}@media (width < 48rem){gap:calc(var(--spacing, 0.25rem) * 6)}}}.blog-text{min-width:calc(var(--spacing, 0.25rem) * 0);flex:1;@media (width < 48rem){order:2}}.blog-sidebar{width:calc(var(--spacing, 0.25rem) * 64);min-width:calc(var(--spacing, 0.25rem) * 0);flex-shrink:0;@media (width < 1360px){width:calc(var(--spacing, 0.25rem) * 52)}@media (width < 48rem){display:contents}}.blog-sidebar-content{position:sticky;top:calc(var(--spacing, 0.25rem) * 36);display:flex;max-height:calc(100dvh - 10rem);min-height:calc(var(--spacing, 0.25rem) * 0);flex-direction:column;gap:calc(var(--spacing, 0.25rem) * 6);@media (width < 48rem){display:contents}}.blog-share,.blog-tags{flex-shrink:0}.toc-block{@media (width < 48rem){order:1}}.blog-share{@media (width < 48rem){order:3}@media (width < 48rem){border-top-style:var(--tw-border-style);border-top-width:1px}@media (width < 48rem){border-color:var(--color-border,var(--jelly-color-border,#e5e5e5))}@media (width < 48rem){padding-top:calc(var(--spacing, 0.25rem) * 6)}}.blog-tags{@media (width < 48rem){order:4}}.blog-sidebar-title{margin-bottom:calc(var(--spacing, 0.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / 0.875)));--tw-leading:calc(var(--spacing, 0.25rem) * 6);line-height:calc(var(--spacing, 0.25rem) * 6);--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,oklch(26.9% 0 0))}.post-share-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, 0.25rem) * 2)}.post-share-link{display:inline-flex;width:calc(var(--spacing, 0.25rem) * 10);height:calc(var(--spacing, 0.25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,oklch(92.2% 0 0));background-color:var(--color-white,#fff);color:var(--color-neutral-600,oklch(43.9% 0 0));text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));&:hover{@media (hover:hover){border-color:var(--color-neutral-400,oklch(70.8% 0 0))}}&:hover{@media (hover:hover){color:var(--color-neutral-900,oklch(20.5% 0 0))}}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}&:focus-visible{outline-offset:2px}&:focus-visible{outline-color:var(--color-neutral-800,oklch(26.9% 0 0))}.jelly-icon{width:calc(var(--spacing, 0.25rem) * 4);height:calc(var(--spacing, 0.25rem) * 4)}}.blog-tag-list{display:flex;max-height:calc(var(--spacing, 0.25rem) * 32);flex-wrap:wrap;gap:calc(var(--spacing, 0.25rem) * 2);overflow-y:auto;@media (width < 48rem){max-height:none}}.blog-tag{max-width:100%;border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,oklch(92.2% 0 0));padding-inline:calc(var(--spacing, 0.25rem) * 2);padding-block:calc(var(--spacing, 0.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / 0.75)));--tw-leading:calc(var(--spacing, 0.25rem) * 5);line-height:calc(var(--spacing, 0.25rem) * 5);color:var(--color-neutral-600,oklch(43.9% 0 0));text-decoration-line:none;&:hover{@media (hover:hover){border-color:var(--color-neutral-400,oklch(70.8% 0 0))}}&:hover{@media (hover:hover){color:var(--color-neutral-900,oklch(20.5% 0 0))}}overflow-wrap:anywhere}.toc-block{--toc-max-height:min(32rem, 55dvh);display:flex;min-height:calc(var(--spacing, 0.25rem) * 0);flex-direction:column;font-size:14px;--tw-font-weight:var(--font-weight-normal, 400);font-weight:var(--font-weight-normal,400);color:var(--color-neutral-500,oklch(55.6% 0 0));max-height:var(--toc-max-height);@media (width < 48rem){--toc-max-height:min(32rem, 70dvh)}}.toc-title{margin-bottom:calc(var(--spacing, 0.25rem) * 4);flex-shrink:0;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,oklch(26.9% 0 0));@media (width < 48rem){display:none}}.toc-toggle{display:none;min-height:calc(var(--spacing, 0.25rem) * 12);width:100%;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(var(--spacing, 0.25rem) * 3);border-radius:0;border-style:var(--tw-border-style);border-width:0;border-block-style:var(--tw-border-style);border-block-width:1px;border-color:var(--color-neutral-200,oklch(92.2% 0 0));background-color:#fff0;padding-inline:calc(var(--spacing, 0.25rem) * 0);padding-block:calc(var(--spacing, 0.25rem) * 4);font-size:14px;--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,oklch(26.9% 0 0));@media (width < 48rem){display:flex}&:hover:not(:disabled),&:focus-visible:not(:disabled){border-color:var(--color-neutral-200,oklch(92.2% 0 0));background-color:#fff0;color:var(--color-neutral-800,oklch(26.9% 0 0));outline-color:var(--color-neutral-800,oklch(26.9% 0 0))}}.toc-toggle .toc-toggle-icon{width:calc(var(--spacing, 0.25rem) * 4);height:calc(var(--spacing, 0.25rem) * 4);flex-shrink:0;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:200ms;transition-duration:200ms;@media (prefers-reduced-motion:reduce){transition-property:none}}.toc-toggle[aria-expanded="true"] .toc-toggle-icon{rotate:180deg}.toc-block:not(.is-open) .toc-content{@media (width < 48rem){display:none}}.toc-content{display:flex;min-height:calc(var(--spacing, 0.25rem) * 0);flex-direction:column;@media (width < 48rem){padding-top:calc(var(--spacing, 0.25rem) * 4)}}.toc-panel{display:flex;min-height:calc(var(--spacing, 0.25rem) * 0);flex-direction:column}.toc-list{position:relative;margin:calc(var(--spacing, 0.25rem) * 0);min-height:calc(var(--spacing, 0.25rem) * 0);list-style-type:none;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--spacing, 0.25rem) * 0);font-size:14px;scrollbar-gutter:stable;.toc-list-item{margin:calc(var(--spacing, 0.25rem) * 0)}.toc-item-link{display:block;min-width:calc(var(--spacing, 0.25rem) * 0);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-neutral-200,oklch(92.2% 0 0));padding-block:calc(var(--spacing, 0.25rem) * 2);padding-right:calc(var(--spacing, 0.25rem) * 2);padding-left:calc(var(--spacing, 0.25rem) * 2);font-size:14px;--tw-leading:var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed,1.625);--tw-font-weight:var(--font-weight-normal, 400);font-weight:var(--font-weight-normal,400);color:var(--color-neutral-500,oklch(55.6% 0 0));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:300ms;transition-duration:300ms;--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));overflow-wrap:anywhere;&:hover,&:focus-visible,&.is-active,&[aria-current="location"]{border-color:var(--color-neutral-800,oklch(26.9% 0 0));color:var(--color-neutral-800,oklch(26.9% 0 0));outline-color:var(--color-neutral-800,oklch(26.9% 0 0))}&.is-active,&[aria-current="location"]{--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600)}}.toc-item-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.toc-link-level-h3{padding-left:calc(var(--spacing, 0.25rem) * 6)}}.post-navigation{margin-top:calc(var(--spacing, 0.25rem) * 8);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, 0.25rem) * 6);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border,var(--jelly-color-border,#e5e5e5));padding-top:calc(var(--spacing, 0.25rem) * 6);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr))}}.post-navigation-link{display:block;min-width:calc(var(--spacing, 0.25rem) * 0);color:var(--color-neutral-800,oklch(26.9% 0 0));text-decoration-line:none;&:hover{@media (hover:hover){color:var(--color-primary,var(--jelly-color-primary,#0572d1))}}}.post-navigation-label{margin-bottom:calc(var(--spacing, 0.25rem) * 2);display:block;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / 0.75)));--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-500,oklch(55.6% 0 0));text-transform:uppercase}.post-navigation-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing, 0.25rem) * 6);line-height:calc(var(--spacing, 0.25rem) * 6);--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600)}.post-navigation-link.is-next{grid-column-start:2;text-align:right;@media (width < 48rem){grid-column-start:1}@media (width < 48rem){text-align:left}}.blog-page-links{margin-top:calc(var(--spacing, 0.25rem) * 6);display:flex;flex-wrap:wrap;gap:calc(var(--spacing, 0.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / 0.875)))}.blog-related{background-color:var(--color-neutral-100,oklch(97% 0 0));padding-block:calc(var(--spacing, 0.25rem) * 12);@media (width < 48rem){padding-block:calc(var(--spacing, 0.25rem) * 8)}}.blog-related-title{margin-bottom:calc(var(--spacing, 0.25rem) * 8);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-leading:var(--leading-tight, 1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,oklch(26.9% 0 0));@media (width < 48rem){margin-bottom:calc(var(--spacing, 0.25rem) * 6)}@media (width < 48rem){font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing, 0.25rem) * 6);@media (width < 1360px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr))}>*{min-width:calc(var(--spacing, 0.25rem) * 0)}}.blog-related-card{display:flex;min-width:calc(var(--spacing, 0.25rem) * 0);flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-100,oklch(97% 0 0));background-color:var(--color-white,#fff)}.blog-related-image-link{display:block;aspect-ratio:var(--aspect-video,16 / 9);overflow:hidden;background-color:var(--color-neutral-100,oklch(97% 0 0))}.blog-related-image{display:block;height:100%;width:100%;object-fit:cover}.blog-related-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:calc(var(--spacing, 0.25rem) * 6);@media (width < 48rem){padding:calc(var(--spacing, 0.25rem) * 5)}}.blog-related-card-title{margin-top:calc(var(--spacing, 0.25rem) * 0);margin-bottom:calc(var(--spacing, 0.25rem) * 5);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-leading:var(--leading-snug, 1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,oklch(26.9% 0 0));min-height:calc(2em * 1.375);overflow-wrap:anywhere;a{color:inherit;text-decoration-line:none;&:hover{@media (hover:hover){color:var(--color-primary,var(--jelly-color-primary,#0572d1))}}}}.blog-related-excerpt{margin-top:calc(var(--spacing, 0.25rem) * 0);margin-bottom:calc(var(--spacing, 0.25rem) * 6);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing, 0.25rem) * 7);line-height:calc(var(--spacing, 0.25rem) * 7);color:var(--color-neutral-700,oklch(37.1% 0 0));overflow-wrap:anywhere}.blog-related-more{margin-top:auto;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-normal, 400);font-weight:var(--font-weight-normal,400);color:var(--color-primary,var(--jelly-color-primary,#0572d1));text-decoration-line:none;text-underline-offset:4px;&:hover{@media (hover:hover){text-decoration-line:underline}}}.blog-related-card a:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:var(--color-primary,var(--jelly-color-primary,#0572d1))}.blog-related-image-link:focus-visible{outline-offset:calc(2px * -1)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-font-weight:initial;--tw-leading:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}