.BlogCard_blog-card__yzKxr{position:relative;overflow:hidden;border-radius:.5rem;transition:box-shadow .3s;background-color:var(--color-white);&:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}&:hover>.BlogCard_image-container__jFQtV>.BlogCard_image__DDOqv{transform:scale(1.05)}&>.BlogCard_content__x__Au{padding:var(--spacing-4);min-height:170px;@media (max-width:768px){min-height:auto}}&>.BlogCard_content__x__Au>.BlogCard_title__D4s1a{font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1.25;transition:color .2s}&>.BlogCard_content__x__Au>.BlogCard_contentTypes__sbHPI{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}&>.BlogCard_content__x__Au>.BlogCard_date__bJf2M{margin-bottom:var(--spacing-2);color:var(--color-text);font-size:.875rem}}.BlogCard_image-container__jFQtV{position:relative;aspect-ratio:16/9;overflow:hidden;&>.BlogCard_image__DDOqv{-o-object-fit:cover;object-fit:cover;transition:transform .3s}}.Chip_chip__vGC7e{display:flex;justify-content:center;align-items:center;border-radius:16px;color:var(--color-text);background-color:rgba(0,0,0,.08);font-size:12px;padding:6px 12px}.page_category-page__3nG2q{&>.page_main__JAufR{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-12) var(--spacing-4)}&>.page_main__JAufR>.page_title__OSXk8{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-12)}&>.page_main__JAufR>.page_grid__UBBkC{display:grid;grid-gap:var(--spacing-8);gap:var(--spacing-8);grid-template-columns:repeat(3,1fr);@media (min-width:769px) and (max-width:1024px){grid-template-columns:repeat(2,1fr)}@media (max-width:768px){grid-template-columns:1fr}}}.page_blog-page__FnZdh{&>.page_main__GlU4n{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-12) var(--spacing-4)}&>.page_main__GlU4n>.page_title__3jonF{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-12)}&>.page_main__GlU4n>.page_grid__f5Kdy{display:grid;grid-gap:var(--spacing-8);gap:var(--spacing-8);grid-template-columns:repeat(3,1fr);@media (min-width:769px) and (max-width:1024px){grid-template-columns:repeat(2,1fr)}@media (max-width:768px){grid-template-columns:1fr}}}.Pagination_pagination__Rj45A{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-12)}.Pagination_pageButton__UH6Ry{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);padding:6px 10px;border-radius:6px;font-size:.95rem;line-height:1;transition:background-color .15s,color .15s,border-color .15s}.Pagination_pageButton__UH6Ry:hover{background:rgba(0,0,0,.06);color:var(--color-text)}.Pagination_active__20MC1{background:var(--color-text);border-color:var(--color-text);color:var(--color-white)}.Pagination_disabled__IwrSs{opacity:.5;pointer-events:none}.page_blog-detail-page__SG7hn{&>.page_main___JH7x{max-width:var(--max-width-blog);margin:0 auto;padding:var(--spacing-12) var(--spacing-4)}&>.page_main___JH7x>.page_title__xYFu1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-6)}&>.page_main___JH7x>.page_date__s1If_{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}&>.page_main___JH7x>.page_blocks__Wv0xM{margin-bottom:var(--spacing-6)}&>.page_main___JH7x>.page_blocks__Wv0xM:last-child{margin-bottom:0}&>.page_main___JH7x>.page_contentTypes__xoDni{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-12)}}.page_image-container__OW2LZ{position:relative;aspect-ratio:100/42;overflow:hidden;width:100%;max-height:420px;@media (max-width:768px){aspect-ratio:16/9}&>.page_image__QAchn{-o-object-fit:cover;object-fit:cover}}.page_codepen-embed__AvySt{width:100%;height:400px;border:0;border-radius:4px;margin:var(--spacing-6) 0;overflow:hidden}.ShareButtons_container__ycNeo{margin-top:2rem;text-align:center}.ShareButtons_title__lZh0L{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary)}.ShareButtons_buttons__wTRM0{display:flex;gap:1rem;justify-content:center}.ShareButtons_button__vW_T9{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.ShareButtons_button__vW_T9:hover{background-color:var(--hover-color)}.ShareButtons_icon__rP4qf{width:24px;height:24px}