.blog-topics__list{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:47.99rem){.blog-topics--topics .blog-topics__list{scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem;overflow-x:auto}.blog-topics--topics .blog-topics__list::-webkit-scrollbar{display:none}}@media (min-width:48rem){.blog-topics__list{flex-wrap:wrap}}.blog-topics--tags .blog-topics__list{flex-wrap:wrap}.blog-topics__item{flex:none}.blog-topics__pill{background-color:var(--color-surface-2);height:2.5rem;color:var(--color-text-2);font-family:var(--font-primary);white-space:nowrap;border-radius:9999px;align-items:center;padding-inline:1rem;font-size:.9375rem;line-height:1;text-decoration:none;transition:color .3s,background-color .25s;display:inline-flex}.blog-topics__pill[aria-current=page]{background-color:var(--color-accent-primary);color:#fff}@media (hover:hover){.blog-topics__pill:not([aria-current=page]):hover{background-color:color-mix(in srgb, var(--color-surface-2), #000 5%);color:var(--color-text)}}.blog-topics--tags .blog-topics__pill{border:1px solid var(--color-line);height:2rem;font-family:var(--font-secondary);background-color:#0000;gap:.125rem;padding-inline:.75rem;font-size:.8125rem}.blog-topics__hash{color:var(--color-text-3)}.blog-rows{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none}.blog-rows__item{border-bottom:1px solid var(--color-line)}.blog-rows__row{grid-template-columns:minmax(0,1fr);gap:.75rem;padding-block:1.5rem;display:grid;position:relative}.blog-rows__media{aspect-ratio:16/10;background-color:var(--color-surface-2);border-radius:1rem;order:-1;position:relative;overflow:hidden}.blog-rows__media--empty{display:none}.blog-rows__meta{color:var(--color-text-3);flex-wrap:wrap;gap:.25rem .75rem;font-size:.875rem;line-height:1.4;display:flex}.blog-rows__body{flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.blog-rows__category{z-index:2;background-color:var(--color-surface-2);max-width:100%;color:var(--color-text-2);font-family:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;line-height:1.2;text-decoration:none;transition:background-color .4s,color .3s;position:relative;overflow:hidden}@media (hover:hover){.blog-rows__category:hover{color:var(--color-text)}}.blog-rows__title{color:var(--color-text);text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:400;line-height:1.25}@media (min-width:64rem){.blog-rows__title{font-size:1.5rem}}.blog-rows__link{color:inherit;text-decoration:none}.blog-rows__link:after{z-index:1;content:"";position:absolute;inset:0}.blog-rows__link:focus-visible{outline:none}.blog-rows__title-text{text-underline-offset:.2em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .3s;display:inline-block}.blog-rows__link:focus-visible .blog-rows__title-text{text-decoration-color:currentColor}.blog-rows__row:has(.blog-rows__link:focus-visible){outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:1rem}.blog-rows__excerpt{max-width:62ch;color:var(--color-text-2);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-rows__arrow{background-color:var(--color-accent-primary);color:#fff;border-radius:9999px;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:none}@media (min-width:48rem){.blog-rows__row{grid-template-columns:8.5rem minmax(0,1fr) 10rem auto;align-items:center;gap:1.5rem;padding-block:1.25rem}.blog-rows__meta{flex-direction:column;align-self:start;padding-top:.25rem}.blog-rows__media{border-radius:.75rem;order:0}.blog-rows__media--empty{visibility:hidden;display:block}.blog-rows__arrow{display:grid}}@media (min-width:64rem){.blog-rows__row{grid-template-columns:10rem minmax(0,1fr) 12rem auto;gap:2rem;padding-block:1.5rem}.blog-rows{border-top:0;margin-inline:-2rem}.blog-rows__item{border-bottom:0;position:relative}.blog-rows__item:before,.blog-rows__item:last-child:after{background-color:var(--color-line);content:"";pointer-events:none;height:1px;transition:opacity .3s;position:absolute;inset-inline:2rem}.blog-rows__item:before{top:0}.blog-rows__item:last-child:after{bottom:0}.blog-rows__row{isolation:isolate;border-radius:1.25rem;padding-inline:2rem}.blog-rows__row:before{z-index:-1;border-radius:inherit;background-color:var(--color-surface-2);content:"";transform-origin:bottom;transition:transform 1s cubic-bezier(.16,1,.32,1);position:absolute;inset:0;transform:scaleY(0)}.blog-rows__meta,.blog-rows__category,.blog-rows__title-text,.blog-rows__excerpt{transition:transform .6s cubic-bezier(.16,1,.3,1),background-color .4s,color .3s,text-decoration-color .3s}.blog-rows__arrow{transition:transform .5s cubic-bezier(.16,1,.3,1)}.blog-rows__row:has(.blog-rows__link:focus-visible):before{transform-origin:top;transform:scaleY(1)}}@media (min-width:64rem) and (hover:hover){.blog-rows__row:hover:before{transform-origin:top;transform:scaleY(1)}.blog-rows__row:hover .blog-rows__meta,.blog-rows__row:hover .blog-rows__category,.blog-rows__row:hover .blog-rows__title-text,.blog-rows__row:hover .blog-rows__excerpt{transform:translate(.375rem)}.blog-rows__row:hover .blog-rows__arrow{transform:translate(4px,-4px)}.blog-rows__row:hover .blog-rows__category{background-color:var(--color-surface)}.blog-rows__item:hover:before,.blog-rows__item:hover+.blog-rows__item:before,.blog-rows__item:last-child:hover:after{opacity:0}}@media (prefers-reduced-motion:reduce){.blog-topics__pill,.blog-rows__category,.blog-rows__title-text,.blog-rows__excerpt,.blog-rows__row:before,.blog-rows__meta,.blog-rows__arrow,.blog-rows__item:before,.blog-rows__item:after{transition:none}}