:root{--c-blog-accent:#884aff;--c-blog-accent-dark:#7c3aed;--c-blog-accent-soft:#f4edff;--c-blog-accent-soft-strong:#e9ddff}.c-blog{background-color:#fff}.c-blog__header{text-align:center;padding-top:3rem}.c-blog__header-inner{max-width:64rem;margin-inline:auto;padding-inline:1rem}.c-blog__header .subtitle{margin-inline:auto;max-width:42rem;margin-bottom:1.5rem}.c-blog__container{max-width:80rem;margin-inline:auto;padding-inline:1rem}@media (width>=40rem){.c-blog__header-inner,.c-blog__container{padding-inline:1.5rem}}@media (width>=64rem){.c-blog__header-inner,.c-blog__container{padding-inline:2rem}}.c-blog__featured-section{padding-bottom:3rem}.c-blog__main{padding-block:4rem}.c-blog__featured{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;grid-template-columns:repeat(1,minmax(0,1fr));text-decoration:none;transition:all .2s ease-in-out;display:grid;overflow:hidden}@media (width>=64rem){.c-blog__featured{grid-template-columns:repeat(2,minmax(0,1fr))}}.c-blog__featured:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.c-blog__featured-image{background-color:#f3f4f6;height:16rem;position:relative;overflow:hidden}@media (width>=64rem){.c-blog__featured-image{height:auto;min-height:280px}}.c-blog__featured-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.c-blog__featured:hover .c-blog__featured-img{transform:scale(1.02)}.c-blog__featured-placeholder{background-color:#f3f4f6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.c-blog__featured-initial{color:#d1d5db;font-size:3.75rem;font-weight:700;line-height:1}.c-blog__featured-content{padding:2rem}@media (width>=64rem){.c-blog__featured-content{padding:2.5rem}}.c-blog__featured-category{letter-spacing:.05em;text-transform:uppercase;color:var(--c-blog-accent);margin-bottom:.5rem;font-size:.75rem;font-weight:600;line-height:1rem}.c-blog__featured-title{color:#111827;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:2rem}@media (width>=64rem){.c-blog__featured-title{font-size:1.875rem;line-height:2.25rem}}.c-blog__featured-excerpt{-webkit-line-clamp:3;line-clamp:3;color:#6b7280;-webkit-box-orient:vertical;margin-bottom:1.5rem;display:-webkit-box;overflow:hidden}.c-blog__featured-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.c-blog__featured-meta{color:#6b7280;font-size:.875rem;line-height:1.25rem}.c-blog__featured-meta span+span:before{content:"·";margin-inline:.5rem}.c-blog__featured-link{color:#111827;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:color .2s ease-in-out}.c-blog__featured:hover .c-blog__featured-link,.c-blog__featured-link:hover{color:var(--c-blog-accent)}.c-blog__search-section{max-width:36rem;margin-inline:auto;padding:2rem 1rem}@media (width>=40rem){.c-blog__search-section{padding-inline:1.5rem}}.c-blog__search{position:relative}.c-blog__search-input{color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;width:100%;padding:.875rem 3rem .875rem 1.5rem;transition:all .2s ease-in-out}.c-blog__search-input::placeholder{color:#9ca3af}.c-blog__search-input:focus{border-color:var(--c-blog-accent);outline:none;box-shadow:0 0 0 2px #884aff33}.c-blog__search-icon{pointer-events:none;color:#6b7280;align-items:center;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.c-blog__search-icon svg{width:1.25rem;height:1.25rem}.c-blog__search-clear{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:0;border-radius:9999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;transition:all .2s ease-in-out;display:inline-flex}.c-blog__search-clear:hover{color:#111827;background-color:#e5e7eb}.c-blog__search-clear svg{width:1rem;height:1rem}.c-blog__search-clear-row{justify-content:center;display:flex}.c-blog__grid-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.c-blog__grid-title{color:#111827;font-size:1.5rem;font-weight:700;line-height:2rem}.c-blog__grid-count{white-space:nowrap;color:#6b7280;font-size:.875rem;line-height:1.25rem}.c-blog__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}@media (width>=48rem){.c-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.c-blog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.c-blog__pagination{justify-content:center;margin-top:4rem;display:flex}.c-blog__pagination-list{align-items:center;gap:.5rem;display:flex}.c-blog__pagination-btn{color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;padding:.5rem 1rem;transition:all .2s ease-in-out;display:inline-flex}.c-blog__pagination-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.c-blog__pagination-btn svg{width:1.25rem;height:1.25rem}.c-blog__pagination-nums{align-items:center;gap:.25rem;display:flex}.c-blog__pagination-num{color:#4b5563;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:all .2s ease-in-out}.c-blog__pagination-num:hover{background-color:#f3f4f6}.c-blog__pagination-num.is-active{color:#fff;background-color:#111827}.c-blog__empty{text-align:center;grid-column:1/-1;padding-block:5rem}.c-blog__empty-icon{margin-inline:auto;color:#e5e7eb;width:5rem;height:5rem;margin-bottom:1rem}.c-blog__empty-title{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}.c-blog__empty-text{color:#6b7280}.c-blog__empty-link{color:#fff;cursor:pointer;background-color:#111827;border:0;border-radius:9999px;margin-top:1rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:all .2s ease-in-out;display:inline-block}.c-blog__empty-link:hover{background-color:#1f2937}.c-blog-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;text-decoration:none;transition:all .2s ease-in-out;display:flex;overflow:hidden}.c-blog-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.c-blog-card:hover .c-blog-card__title,.c-blog-card__title a:hover{color:var(--c-blog-accent)}.c-blog-card__image{aspect-ratio:16/9;background-color:#f3f4f6;flex:none;position:relative;overflow:hidden}.c-blog-card__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.c-blog-card__placeholder{background-color:#f3f4f6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.c-blog-card__initial{color:#d1d5db;font-size:2.25rem;font-weight:700;line-height:2.5rem}.c-blog-card__body{flex-direction:column;flex:auto;padding:1.25rem;display:flex}.c-blog-card__category{letter-spacing:.05em;text-transform:uppercase;color:var(--c-blog-accent);margin-bottom:.25rem;font-size:.75rem;font-weight:600;line-height:1rem}.c-blog-card__badge{background-color:var(--c-blog-accent-soft);border-radius:.25rem;margin-left:.5rem;padding:.125rem .375rem;display:inline-block}.c-blog-card__title{-webkit-line-clamp:2;line-clamp:2;color:#111827;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;transition:color .2s ease-in-out;display:-webkit-box;overflow:hidden}.c-blog-card__title a{color:inherit;text-decoration:none}.c-blog-card__excerpt{-webkit-line-clamp:2;line-clamp:2;color:#6b7280;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;display:-webkit-box;overflow:hidden}.c-blog-card__footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;font-size:.875rem;line-height:1.25rem;display:flex}.c-blog-card__date{color:#6b7280;font-size:.75rem;line-height:1rem}.c-blog-card__more{white-space:nowrap;color:var(--c-blog-accent);font-size:.875rem;font-weight:500;line-height:1.25rem}.c-blog-detail{background-color:#fff}.c-blog-detail__header{padding-top:3rem;padding-bottom:2rem}.c-blog-detail__container{max-width:80rem;margin-inline:auto;padding-inline:1rem}@media (width>=40rem){.c-blog-detail__container{padding-inline:1.5rem}}@media (width>=64rem){.c-blog-detail__container{padding-inline:2rem}}.c-blog-detail__breadcrumb{color:#6b7280;margin-bottom:2rem;font-size:.875rem;line-height:1.25rem}.c-blog-detail__breadcrumb a{color:#6b7280;text-decoration:none;transition:color .2s ease-in-out}.c-blog-detail__breadcrumb a:hover{color:#111827}.c-blog-detail__breadcrumb-sep{color:#d1d5db;margin-inline:.5rem}.c-blog-detail__categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.c-blog-detail__category-pill{background-color:var(--c-blog-accent-soft);color:var(--c-blog-accent);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;line-height:1rem;text-decoration:none;transition:background-color .2s ease-in-out;display:inline-block}.c-blog-detail__category-pill:hover{background-color:var(--c-blog-accent-soft-strong)}.c-blog-detail__title{letter-spacing:-.02em;color:#111827;max-width:56rem;margin-bottom:1rem;font-size:2.25rem;font-weight:700;line-height:2.5rem}@media (width>=48rem){.c-blog-detail__title{font-size:3rem;line-height:1.1}}.c-blog-detail__meta{color:#6b7280;font-size:.875rem;line-height:1.25rem}.c-blog-detail__meta span+span:before{content:"·";margin-inline:.5rem}.c-blog-detail__layout{grid-template-columns:repeat(1,minmax(0,1fr));gap:3rem;padding-block:3rem;display:grid}@media (width>=64rem){.c-blog-detail__layout{grid-template-columns:minmax(0,1fr) 14rem}}.c-blog-detail__content{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-links:var(--c-blog-accent);--tw-prose-bold:#111827;--tw-prose-quotes:#111827;--tw-prose-quote-borders:var(--c-blog-accent-soft-strong);--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb}.c-blog-detail__content a:hover{color:var(--c-blog-accent-dark)}.c-blog-detail__tags{border-top:1px solid #e5e7eb;margin-top:3rem;padding-top:2rem}.c-blog-detail__tags-title{color:#4b5563;margin-bottom:.75rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.c-blog-detail__tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.c-blog-detail__tag{color:#6b7280;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.c-blog-detail__tag:hover{color:#374151;background-color:#e5e7eb}.c-blog-detail__nav{border-top:1px solid #e5e7eb;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;margin-top:3rem;padding-top:2rem;display:grid}@media (width>=48rem){.c-blog-detail__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.c-blog-detail__nav-item--next{text-align:right}}.c-blog-detail__nav-item a{text-decoration:none}.c-blog-detail__nav-label{letter-spacing:.05em;text-transform:uppercase;color:#6b7280;margin-bottom:.25rem;font-size:.75rem;line-height:1rem}.c-blog-detail__nav-link{color:#111827;font-size:1rem;font-weight:500;line-height:1.5rem;transition:color .2s ease-in-out}.c-blog-detail__nav-item a:hover .c-blog-detail__nav-link{color:var(--c-blog-accent)}.c-blog-detail__related{border-top:1px solid #e5e7eb;padding-block:3rem}.c-blog-detail__related-title{color:#111827;margin-bottom:2rem;font-size:1.5rem;font-weight:700;line-height:2rem}.c-blog-detail__related-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}@media (width>=48rem){.c-blog-detail__related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.c-blog-detail__toc{position:sticky;top:6rem}.c-blog-detail__toc-title{letter-spacing:.05em;text-transform:uppercase;color:#6b7280;margin-bottom:.75rem;font-size:.75rem;font-weight:600;line-height:1rem}.c-blog-detail__toc-list{border-left:1px solid #e5e7eb}.c-blog-detail__toc-list>li+li{margin-top:.125rem}.c-blog-detail__toc-link{color:#6b7280;border-left:2px solid #0000;margin-left:-1px;padding:.375rem 0 .375rem 1rem;font-size:.875rem;line-height:1.25rem;text-decoration:none;transition:all .2s ease-in-out;display:block}.c-blog-detail__toc-link:hover{color:#111827}.c-blog-detail__toc-link--sub{padding-left:1.5rem}.c-blog-detail__toc-link.is-active{border-left-color:var(--c-blog-accent);color:#111827;font-weight:500}