@layer hs, vendor, reboot, components, utilities.base, utilities.sm, utilities.md, utilities.lg, utilities.xl, utilities.xxl, overrides;@layer components{.blog-list--search-form{grid-template-columns:1fr auto}.blog-list--card--meta--list,.blog-list--card--tags,.blog-list--tags--list,.blog-post--meta--list{display:flex;flex-wrap:wrap}.blog-list--tags--list{column-gap:var(--blog-list--tags--gap-x,var(--size-2xs));row-gap:var(--blog-list--tags--gap-y,var(--size-2xs))}.blog-list--pager--buttons{--button-padding-y:var(--size-sm);--button-padding-x:var(--size-sm);--buttons-gap-x:2px;--buttons-gap-y:2px}.blog-list--pager--button[aria-current=page]{--button-current-background-color:transparent;--button-current-border-color:var(--button-color,var(--primary));--button-current-text-color:var(--button-color,var(--primary));pointer-events:none}:is(.blog-list--author--card,.blog-post--author--card){--column-gap-x:var(--size-md);--column-vertical:center}:is(.blog-list--author--avatar,.blog-post--author--avatar){--content-width:min(10vw,75px);--image-border-radius:50%}.blog-list--card{--card-foreground-height:100%}.blog-list--card--image{--image-aspect-ratio:var(--blog-list--card--image--aspect-ratio,16/9);--image-position:var(--blog-list--card--image--position,center)}.blog-list--card--body{display:contents}.blog-list--card--title{--anchor-color:currentColor;--anchor-hover-color:var(--primary);--anchor-decoration:auto;--h2-font-size:var(--blog-list--card--title--font-size,calc(pow(var(--type-scale), var(--blog-list--card--title--scale-factor, 6))*1em));--h2-color:var(--blog-list--card--title--color,inherit)}.blog-list--card--meta{--meta-font-size:16px;--meta-text-color:currentColor}.blog-list--card--meta--list{column-gap:var(--blog-list--card--meta--gap-x,var(--size-2xs));row-gap:var(--blog-list--card--meta--gap-y,0)}.blog-list--card--tags{column-gap:var(--blog-list--card--tags--gap-x,var(--size-2xs));row-gap:var(--blog-list--card--tags--gap-y,0)}.blog-list--card--meta--item,.blog-post--meta--item,.blog-post--share--label{flex-shrink:0}.blog-list--card--meta--separator{color:var(--blog-list--card--meta--separator-color,var(--primary))}.blog-list--card--buttons--time{align-items:center;display:flex;gap:var(--blog-list--card--buttons--time--gap,var(--size-2xs))}.blog-post{.hero{--meta-font-size:1rem;--meta-text-color:currentColor}ol{--list-marker-color:transparent;--list-marker-gap:0.5rem;--list-marker-size:1em}ul:not(.list-marker-check,.list-marker-hex,.list-marker-x,.list-marker-slash){--list-marker-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M64 320C64 178.6 178.6 64 320 64s256 114.6 256 256-114.6 256-256 256S64 461.4 64 320'/%3E%3C/svg%3E");--list-marker-color:currentColor;--list-marker-size:0.375em;--list-marker-offset:-0.075em}.column-card>.foreground-content>.content-loop~.content-loop{margin-block-start:var(--content-gap-y,1rem)}}.blog-post--body-row,.blog-post--card-row,.blog-post--related--row{--column-horizontal:center}.blog-post--card{--column-horizontal:initial}.blog-post--banner{--column-vertical:center}.blog-post--back{--button-font-size:16px}.blog-post--meta--list{column-gap:var(--blog-post--meta--gap-x,var(--size-2xs));row-gap:var(--blog-post--meta--gap-y,0)}.blog-post--meta--separator{color:var(--blog-post--meta--separator-color,var(--primary))}.blog-post--image{--image-position:center}.blog-post--content{--font-size:1.25rem;--type-scale:1.15}.blog-post--content blockquote{border-inline-start:var(--blog-post--content--quote--border-inline-start,none);padding-inline-start:var(--blog-post--content--quote--padding-inline-start,0)}.blog-post--spacer{--spacer-height:calc(var(--section-padding-y, var(--size-9xl))/2)}.blog-post--share{--button-color:var(--dark);--button-hover-lightness-shift:0.25;--button-active-lightness-shift:-0.1;--button-font-size:1.25rem}.blog-post--comments--form{--font-size:1rem}.blog-post--siblings--row{--column-gap-y:var(--size-sm);--anchor-hover-color:var(--primary)}:is(.blog-post--siblings--newer,.blog-post--siblings--older):has(a){--column-card-hover-border-color:var(--primary);--column-card-hover-text-color:var(--primary)}}@media (min-width:992px){@layer utilities.lg{.blog-post--card{flex:0 0 calc(var(--blog-post--card--width, 8/12)*(100% + var(--column-gap-x, 1em)) - var(--column-gap-x, 1em))}.blog-post--body{flex:0 0 calc(var(--blog-post--body--width, 8/12)*(100% + var(--column-gap-x, 1em)) - var(--column-gap-x, 1em))}}}