.blog-grid-module__T4B-UW__root{background:var(--background);width:100%;min-width:0;color:var(--foreground);font-family:var(--font-body);letter-spacing:var(--tracking-body);container:blog/inline-size}.blog-grid-module__T4B-UW__inner{max-width:1180px;padding:var(--space-16) var(--space-6);margin:0 auto;position:relative}.blog-grid-module__T4B-UW__index{gap:var(--space-8);display:grid}.blog-grid-module__T4B-UW__header{gap:var(--space-3);max-width:600px;display:grid}.blog-grid-module__T4B-UW__title{font-family:var(--font-display);font-size:clamp(1.75rem, 1rem + 3cqi, var(--text-4xl));letter-spacing:var(--tracking-display);font-weight:500;line-height:var(--leading-display);margin:0}.blog-grid-module__T4B-UW__description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-body);text-wrap:pretty;margin:0}.blog-grid-module__T4B-UW__filters{margin:0 calc(var(--space-6) * -1);padding:0 var(--space-6);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.blog-grid-module__T4B-UW__filters::-webkit-scrollbar{display:none}.blog-grid-module__T4B-UW__filter{isolation:isolate;border-radius:var(--radius-pill);height:36px;padding:0 var(--space-4);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;font-weight:500;position:relative}.blog-grid-module__T4B-UW__filter[aria-pressed=true]{color:var(--background)}@media (hover:hover) and (pointer:fine){.blog-grid-module__T4B-UW__filter[aria-pressed=false]:hover{color:var(--foreground)}}.blog-grid-module__T4B-UW__filterHighlight{z-index:-1;border-radius:inherit;background:var(--foreground);position:absolute;inset:0}.blog-grid-module__T4B-UW__clip{min-width:0}.blog-grid-module__T4B-UW__clip[data-clip]{overflow:hidden}.blog-grid-module__T4B-UW__stack{gap:var(--space-8);display:grid}.blog-grid-module__T4B-UW__page{gap:var(--space-12);display:grid}.blog-grid-module__T4B-UW__grid{gap:var(--space-12) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-grid-module__T4B-UW__card,.blog-grid-module__T4B-UW__featured{align-content:start;gap:var(--space-4);color:inherit;-webkit-tap-highlight-color:transparent;border-radius:22px;text-decoration:none;display:grid}.blog-grid-module__T4B-UW__featured{align-items:center;gap:var(--space-10);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.blog-grid-module__T4B-UW__imageFrame{aspect-ratio:3/2;background:var(--surface-muted);border-radius:20px;position:relative;overflow:hidden}.blog-grid-module__T4B-UW__featured .blog-grid-module__T4B-UW__imageFrame{aspect-ratio:16/10;border-radius:26px}.blog-grid-module__T4B-UW__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-considered) var(--ease-standard);display:block}.blog-grid-module__T4B-UW__cardBody{align-content:start;gap:var(--space-2);display:grid}.blog-grid-module__T4B-UW__featured .blog-grid-module__T4B-UW__cardBody{gap:var(--space-3)}.blog-grid-module__T4B-UW__meta{color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;gap:6px;margin:0;display:flex}.blog-grid-module__T4B-UW__meta span:first-child{color:var(--foreground);font-weight:500}.blog-grid-module__T4B-UW__cardTitle{font-size:var(--text-lg);text-wrap:balance;transition:color var(--duration-fast) var(--ease-standard);margin:0;font-weight:500;line-height:1.3}.blog-grid-module__T4B-UW__featuredTitle{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 1rem + 2.2cqi, var(--text-3xl));letter-spacing:var(--tracking-display);font-weight:500;line-height:var(--leading-display);text-wrap:balance;margin:0}.blog-grid-module__T4B-UW__excerpt{color:var(--text-secondary);font-size:var(--text-sm);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-grid-module__T4B-UW__featured .blog-grid-module__T4B-UW__excerpt{font-size:var(--text-base);-webkit-line-clamp:3}.blog-grid-module__T4B-UW__byline{align-items:center;gap:var(--space-2);min-width:0;margin-top:var(--space-2);font-size:var(--text-sm);display:flex}.blog-grid-module__T4B-UW__avatar{background:var(--surface-muted);object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px}.blog-grid-module__T4B-UW__authorName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.blog-grid-module__T4B-UW__readTime{color:var(--text-muted);flex:none}.blog-grid-module__T4B-UW__readTime:before{content:"·";margin-right:var(--space-2)}.blog-grid-module__T4B-UW__card:active .blog-grid-module__T4B-UW__imageFrame,.blog-grid-module__T4B-UW__featured:active .blog-grid-module__T4B-UW__imageFrame{transform:scale(.99)}.blog-grid-module__T4B-UW__imageFrame{transition:transform var(--duration-fast) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.blog-grid-module__T4B-UW__card:hover .blog-grid-module__T4B-UW__image,.blog-grid-module__T4B-UW__featured:hover .blog-grid-module__T4B-UW__image{transform:scale(1.03)}.blog-grid-module__T4B-UW__card:hover .blog-grid-module__T4B-UW__cardTitle{color:var(--text-secondary)}}.blog-grid-module__T4B-UW__empty{padding:var(--space-16) 0;color:var(--text-secondary);text-align:center;margin:0}.blog-grid-module__T4B-UW__pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-6);display:flex;position:relative}.blog-grid-module__T4B-UW__pagination:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:0;right:0}.blog-grid-module__T4B-UW__pageNumbers{gap:2px;display:flex}.blog-grid-module__T4B-UW__pageNumber,.blog-grid-module__T4B-UW__pageStep{isolation:isolate;border-radius:var(--radius-pill);min-width:36px;height:36px;padding:0 var(--space-3);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex;position:relative}.blog-grid-module__T4B-UW__pageNumber{padding:0}.blog-grid-module__T4B-UW__pageNumber[aria-current=page]{color:var(--foreground)}.blog-grid-module__T4B-UW__pageHighlight{z-index:-1;border-radius:inherit;background:var(--surface-muted);position:absolute;inset:0}.blog-grid-module__T4B-UW__pageStep:disabled{color:var(--text-muted);opacity:.5;cursor:default}.blog-grid-module__T4B-UW__pageStep:not(:disabled):active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.blog-grid-module__T4B-UW__pageNumber:hover,.blog-grid-module__T4B-UW__pageStep:not(:disabled):hover{color:var(--foreground)}}.blog-grid-module__T4B-UW__reader{gap:var(--space-8);max-width:760px;margin:0 auto;display:grid}.blog-grid-module__T4B-UW__back{border-radius:var(--radius-pill);width:fit-content;height:36px;padding:0 var(--space-3) 0 var(--space-2);margin-left:calc(var(--space-2) * -1);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.blog-grid-module__T4B-UW__back:hover{background:var(--surface-muted);color:var(--foreground)}}.blog-grid-module__T4B-UW__readerHead{gap:var(--space-3);display:grid}.blog-grid-module__T4B-UW__readerTitle{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 1rem + 3.4cqi, var(--text-4xl));letter-spacing:var(--tracking-display);font-weight:500;line-height:var(--leading-display);text-wrap:balance;margin:0}.blog-grid-module__T4B-UW__readerImage{aspect-ratio:16/9;background:var(--surface-muted);border-radius:26px;overflow:hidden}.blog-grid-module__T4B-UW__readerBody{gap:var(--space-5);display:grid}.blog-grid-module__T4B-UW__readerBody p{color:var(--text-secondary);font-size:var(--text-lg);text-wrap:pretty;margin:0;line-height:1.65}.blog-grid-module__T4B-UW__readerBody .blog-grid-module__T4B-UW__lead{color:var(--foreground);font-size:var(--text-xl);line-height:1.5}@container blog (max-width:900px){.blog-grid-module__T4B-UW__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-grid-module__T4B-UW__featured{gap:var(--space-6)}}@container blog (max-width:680px){.blog-grid-module__T4B-UW__inner{padding:var(--space-12) var(--space-4)}.blog-grid-module__T4B-UW__filters{margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4)}.blog-grid-module__T4B-UW__featured{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.blog-grid-module__T4B-UW__featured .blog-grid-module__T4B-UW__imageFrame{aspect-ratio:3/2;border-radius:20px}.blog-grid-module__T4B-UW__page{gap:var(--space-10)}.blog-grid-module__T4B-UW__grid{gap:var(--space-10) var(--space-4)}.blog-grid-module__T4B-UW__readerBody p{font-size:var(--text-base)}.blog-grid-module__T4B-UW__readerBody .blog-grid-module__T4B-UW__lead{font-size:var(--text-lg)}}@container blog (max-width:540px){.blog-grid-module__T4B-UW__grid{grid-template-columns:minmax(0,1fr)}.blog-grid-module__T4B-UW__pageStep span{display:none}.blog-grid-module__T4B-UW__pageStep{padding:0}}@media (prefers-reduced-motion:reduce){.blog-grid-module__T4B-UW__image,.blog-grid-module__T4B-UW__imageFrame{transition:none}.blog-grid-module__T4B-UW__card:hover .blog-grid-module__T4B-UW__image,.blog-grid-module__T4B-UW__featured:hover .blog-grid-module__T4B-UW__image{transform:none}}
