.blog-searchbar{background:var(--white);border:1px solid #26244a24;border-radius:999px;align-items:center;gap:.75rem;max-width:82rem;margin:0 auto 1.5rem;padding:.4375rem .4375rem .4375rem 1.375rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #26244a0a,0 10px 28px #26244a0f}.blog-searchbar:focus-within{border-color:var(--dark-purple);box-shadow:0 0 0 3px #4a4e691f,0 10px 28px #26244a14}.blog-searchbar__icon{color:var(--dark-purple);flex:none}.blog-searchbar input{min-width:0;color:var(--dark);font-size:1.0625rem;font-family:var(--body-font);appearance:none;background:0 0;border:none;flex:1;padding:.75rem 0}.blog-searchbar input:focus{outline:none}.blog-searchbar input::placeholder{color:var(--muted-foreground)}.blog-searchbar input::-webkit-search-cancel-button{display:none}.blog-searchbar__clear{width:2rem;height:2rem;color:var(--dark-purple);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:flex}.blog-searchbar__clear:hover{background:var(--gray)}.blog-searchbar__clear[hidden]{display:none}.blog-searchbar__submit{color:var(--white);font-size:1rem;font-family:var(--body-font);cursor:pointer;background:#2b2c42;border:none;border-radius:999px;flex:none;padding:.8125rem 1.875rem;line-height:1;transition:background-color .3s}.blog-searchbar__submit:hover{background:#1f2032}.blog-index-layout{align-items:flex-start;gap:2rem;max-width:82rem;margin:0 auto;display:flex}.blog-sidebar{background:var(--white);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border:1px solid #26244a24;border-radius:1.25rem;flex-flow:column;flex:0 0 18.5rem;gap:1.25rem;max-height:calc(100vh - 9rem);padding:1.5rem 1.25rem;display:flex;position:sticky;top:8rem;overflow-y:auto}.blog-sidebar::-webkit-scrollbar{width:6px}.blog-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.blog-filter-group{border-top:1px solid var(--border);flex-flow:column;gap:.375rem;padding-top:1rem;display:flex}.blog-sidebar>.blog-filter-group:first-child{border-top:none;padding-top:0}.blog-filter-group__label{font-family:var(--heading-font);color:var(--deep-purple);margin-bottom:.125rem;font-size:1.25rem;font-weight:700}.blog-filter-group__chips{flex-flow:column;gap:.125rem;display:flex}.blog-chip{width:100%;color:var(--dark);font-size:.9375rem;font-family:var(--body-font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .6rem;transition:background-color .15s,color .15s;display:flex}.blog-chip__box{border:1.5px solid var(--border);background:var(--white);border-radius:.25rem;flex:none;width:1rem;height:1rem;transition:border-color .15s,background-color .15s}.blog-chip__name{flex:1;min-width:0}.blog-chip__count{color:var(--muted-foreground,#6b7280);font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.blog-chip:hover:not(:disabled){background:var(--gray);color:var(--deep-purple)}.blog-chip:disabled{opacity:.4;cursor:default}.blog-chip.is-active{background:var(--dark-purple);color:var(--white)}.blog-chip.is-active .blog-chip__count{color:#ffffffbf}.blog-chip.is-active .blog-chip__box{border-color:var(--white);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23262448' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / .75rem no-repeat var(--white)}.blog-filter-reset{border-top:1px solid var(--border);padding-top:1rem}.blog-filter-reset[hidden]{display:none}.blog-clear{font-size:.875rem;font-family:var(--body-font);color:var(--deep-purple);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.blog-main{flex:1;min-width:0}.blog-count{color:var(--muted-foreground,#6b7280);margin:0 0 1rem;font-size:.9375rem}.blog-list{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.blog-card{border:1px solid var(--border);color:var(--dark);border-radius:1rem;padding:1.5rem 1.75rem;text-decoration:none;transition:all .3s;display:block}.blog-card:hover{background:var(--gray)}.blog-card__img{aspect-ratio:3/2;object-fit:cover;border-radius:.625rem;width:100%;max-height:11rem;margin-bottom:1rem}.blog-card__title{margin-bottom:.375rem;font-size:1.375rem}.blog-card__date{margin-bottom:.5rem;font-size:1rem;font-style:italic;font-weight:500}.blog-card__text{margin:0}.blog-empty{text-align:center;margin:2rem 0 0}.blog-list__more{justify-content:center;min-height:3rem;padding:2rem 0 .5rem;display:flex}@media (width<=991px){.blog-index-layout{flex-flow:column;gap:1.5rem}.blog-sidebar{flex:none;gap:1rem;width:100%;max-height:none;padding:1.25rem;position:static;overflow:visible}.blog-searchbar{gap:.5rem;padding:.375rem .375rem .375rem 1rem}.blog-searchbar input{padding:.625rem 0;font-size:1rem}.blog-searchbar__submit{padding:.75rem 1.125rem;font-size:.9375rem}.blog-filter-group{grid-template-columns:7rem 1fr;align-items:start;gap:.75rem;padding-top:.875rem;display:grid}.blog-sidebar>.blog-filter-group:first-child{padding-top:0}.blog-filter-group__label{margin-bottom:0;font-size:1.125rem}.blog-filter-group__chips{flex-flow:wrap;gap:.5rem}.blog-chip{border:1px solid var(--border);background:var(--white);border-radius:999px;width:auto;padding:.375rem .75rem}.blog-chip:hover:not(:disabled){border-color:var(--dark-purple)}.blog-chip.is-active{background:var(--dark-purple);border-color:var(--dark-purple)}}@media (width<=700px){.blog-list{grid-template-columns:1fr}}body{background:var(--white)}