/*! Generated by scripts/build-css.mjs from 1 modules. */.blog-page__main{padding-block:var(--space-6) var(--section-spacing-block)}.blog-page__header{margin-block-start:var(--space-5)}.blog-page__header h1{margin:0;font-size:clamp(var(--font-size-2xl),2.4vw,var(--font-size-4xl));line-height:var(--line-height-tight)}.blog-layout{display:grid;min-width:0;gap:var(--space-6);margin-block-start:var(--space-5)}.blog-layout__content{min-width:0}.blog-tags{display:flex;min-width:0;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-1);scrollbar-width:none;overscroll-behavior-inline:contain}.blog-tags::-webkit-scrollbar{display:none}.blog-tags__button{min-height:var(--control-height-md);flex:0 0 auto;padding-inline:var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-md);font-style:italic;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.blog-tags__button:hover,.blog-tags__button--selected{border-color:var(--color-accent);color:var(--color-accent)}.blog-filter-toggle{display:flex;width:100%;min-height:var(--control-height-md);align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-3);padding:0;border:0;border-block:var(--border-width) solid var(--color-divider);background:transparent;color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.blog-filter-toggle svg{width:var(--icon-size-md);height:var(--icon-size-md);fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.blog-articles{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-block-start:var(--space-4);padding-block-start:var(--space-1)}.blog-article-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.blog-article-card[hidden]{display:none}.blog-article-card__media{display:block;aspect-ratio:340 / 230;overflow:hidden;background:var(--color-product-card-media)}.blog-article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-standard)}.blog-article-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--space-4)}.blog-article-card__date{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--font-size-sm)}.blog-article-card__date svg{width:var(--icon-size-md);height:var(--icon-size-md);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.blog-article-card__title{display:-webkit-box;margin:0;overflow:hidden;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-article-card__title a{color:inherit;text-decoration:none}.blog-article-card__title a:hover{color:var(--color-accent)}.blog-article-card__excerpt{display:-webkit-box;margin:var(--space-3) 0 0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);-webkit-box-orient:vertical;-webkit-line-clamp:3}@media (hover:hover){.blog-article-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-article-card:hover .blog-article-card__media img{transform:scale(1.035)}}.blog-filter{min-width:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.blog-filter__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3)}.blog-filter__header h2{margin:0;font-size:var(--font-size-xl)}.blog-filter__close{display:grid;width:var(--control-height-md);height:var(--control-height-md);padding:0;border:0;background:transparent;color:var(--color-icon-muted);place-items:center}.blog-filter__close:hover{color:var(--color-accent)}.blog-filter__close svg{width:var(--icon-size-md);height:var(--icon-size-md);fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.blog-filter__form{padding:0 var(--space-5) var(--space-5)}.blog-filter__group{margin:0;padding-block:var(--space-3);border:0;border-block-end:var(--border-width) solid var(--color-divider)}.blog-filter__group summary{display:grid;min-height:32px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);cursor:pointer;list-style:none}.blog-filter__group summary::-webkit-details-marker{display:none}.blog-filter__group summary::after{width:8px;height:8px;border-right:var(--border-width-strong) solid var(--color-icon-muted);border-bottom:var(--border-width-strong) solid var(--color-icon-muted);content:"";transform:rotate(45deg);transition:transform var(--duration-fast) var(--ease-standard)}.blog-filter__group[open] summary::after{transform:rotate(225deg)}.blog-filter__checkbox{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:var(--space-3);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);line-height:var(--line-height-heading)}.blog-filter__checkbox input{width:22px;height:22px;margin:0;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);accent-color:var(--color-accent)}.blog-filter__children{display:grid;gap:var(--space-3);padding:var(--space-3) 0 0 var(--space-8)}.blog-filter__children .blog-filter__checkbox{grid-template-columns:20px minmax(0,1fr)}.blog-filter__children input{width:18px;height:18px}.blog-filter__reset{width:100%;min-height:var(--control-height-lg);margin-block-start:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.blog-filter__reset:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-filter__backdrop{position:fixed;z-index:124;inset:0;border:0;background:var(--color-backdrop)}.blog-filter__backdrop[hidden],.blog-empty[hidden]{display:none}.blog-empty{margin-block-start:var(--space-8);padding:var(--space-8);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-xl);color:var(--color-text-secondary);text-align:center}.blog-pagination{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-8)}.blog-pagination__link{display:inline-flex;min-width:var(--control-height-md);min-height:var(--control-height-md);align-items:center;justify-content:center;padding-inline:var(--space-3);border-radius:var(--radius-md);background:var(--color-control-bg);color:var(--color-text);font-weight:var(--font-weight-semibold);text-decoration:none}.blog-pagination__link:hover,.blog-pagination__link--current{background:var(--color-accent);color:var(--color-on-accent)}@media (min-width:640px){.blog-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-layout{grid-template-columns:290px minmax(0,1fr);align-items:start}.blog-layout__sidebar{grid-column:1;grid-row:1}.blog-layout__content{grid-column:2;grid-row:1}.blog-filter-toggle,.blog-filter__close,.blog-filter__backdrop{display:none}.blog-filter{position:sticky;top:calc(var(--header-sticky-height) + var(--space-4));max-height:calc(100vh - var(--header-sticky-height) - var(--space-8));overflow-y:auto;overscroll-behavior:contain}}@media (min-width:1280px){.blog-layout{grid-template-columns:300px minmax(0,1fr)}.blog-articles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.blog-filter{position:fixed;z-index:126;right:0;bottom:0;left:0;max-height:min(82vh,720px);overflow-y:auto;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;overscroll-behavior:contain}.blog-filter--open{animation:blog-filter-enter var(--duration-base) var(--ease-standard)}.blog-filter__form{padding-block-end:calc(var(--space-8) + 76px)}body.blog-page--filter-open{overflow:hidden}}@media (max-width:479px){.blog-page__main{padding-block-start:var(--space-5)}.blog-page__header{margin-block-start:var(--space-4)}.blog-layout{margin-block-start:var(--space-3)}.blog-tags__button{min-height:36px;padding-inline:var(--space-3);font-size:var(--font-size-sm)}.blog-article-card__body{padding:var(--space-4)}.blog-pagination{flex-wrap:nowrap;gap:var(--space-1)}.blog-pagination__link{min-width:36px;min-height:36px;padding-inline:var(--space-2)}}@keyframes blog-filter-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}