.kr-blog-tools{padding-block:var(--kr-pt) var(--kr-pb);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}
.kr-blog-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:end;gap:40px}
.kr-blog-intro h1{margin:0 0 12px;font-size:clamp(34px,3.2vw,48px);line-height:1.08}
.kr-blog-description{max-width:590px;margin:0;font-size:16px;line-height:1.65}
.kr-blog-search label{display:block;margin:0 0 9px;font-size:14px;font-weight:600}
.kr-blog-search-row{display:flex;gap:8px}
.kr-blog-search input[type=search]{min-width:0;flex:1;width:100%;min-height:50px;border:1px solid rgba(var(--color-foreground),.5);border-radius:var(--corner-button,4px);padding:12px 14px;font:inherit;font-size:16px;line-height:1.4;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}
.kr-blog-search input::placeholder{color:rgba(var(--color-foreground),.68);opacity:1;font-size:13px}
.kr-blog-search button{min-height:50px;min-width:90px;padding:12px 18px;font-family:var(--font-body-family);font-size:14px;font-weight:600;line-height:1}
.kr-blog-tools :is(a,button,input):focus-visible,.kr-blog-grid a:focus-visible,.sugar-blog-navigation a:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:4px}
.kr-blog-back{display:inline-block;padding:8px 0;margin-bottom:20px;color:inherit;font-size:14px;text-underline-offset:4px}
.kr-blog-category-status{margin:22px 0 0;font-size:14px;font-weight:500}
.kr-blog-grid .sugar-card__title,.kr-blog-result h2{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:600;line-height:1.45;letter-spacing:0}
.kr-blog-grid .sugar-card__title a,.kr-blog-result h2 a{color:inherit;text-decoration:none}
.kr-blog-grid .sugar-card__title a:hover,.kr-blog-result h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.kr-blog-grid .sugar-blog-list__card-tag-badge--content{margin-top:18px;margin-bottom:10px;border-radius:var(--corner-badge,2px);font-family:var(--font-body-family);font-size:12px;font-weight:500;line-height:1.3}
.kr-blog-grid .sugar-blog-list__card-reading-time{font-size:13px;opacity:1;color:rgba(var(--color-foreground),.75);margin-top:12px}
.kr-blog-grid .sugar-blog-list__card-excerpt{opacity:1;color:rgba(var(--color-foreground),.85);line-height:1.65}
.kr-blog-grid .sugar-blog-list__grid{row-gap:44px}
.kr-blog-grid .sugar-card__content{padding-inline:0}
.kr-blog-result-count{margin:36px 0 24px;font-size:16px;font-weight:500}
.kr-blog-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.kr-blog-result{min-width:0}
.kr-blog-result-image{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--corner-media,4px)}
.kr-blog-result-image img{width:100%;height:100%;object-fit:cover;display:block}
.kr-blog-result-category{display:inline-block;margin:18px 0 10px;padding:5px 10px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--corner-badge,2px);font-size:12px;font-weight:500;line-height:1.3}
.kr-blog-result h2{font-size:21px;margin:0 0 10px}
.kr-blog-result p{font-size:15px;line-height:1.65;margin:0 0 12px}
.kr-blog-result-time{font-size:13px;color:rgba(var(--color-foreground),.75)}
.kr-blog-empty{padding:32px 0;max-width:650px;line-height:1.7}
.kr-blog-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:40px 0 0}
.kr-blog-pagination :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit;font-size:15px;text-decoration:none;border-radius:var(--corner-button,4px)}
.kr-blog-pagination [aria-current=page]{border:1px solid currentColor;font-weight:600}
@media(min-width:750px) and (max-width:1199px){.kr-blog-results{grid-template-columns:repeat(2,minmax(0,1fr))}.kr-blog-intro{gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,360px)}}
@media(max-width:749px){.kr-blog-tools{padding-block:var(--kr-pt-m) var(--kr-pb-m)}.kr-blog-intro{grid-template-columns:1fr;gap:24px}.kr-blog-intro h1{font-size:36px}.kr-blog-description{font-size:15px}.kr-blog-search button{min-width:80px;padding-inline:14px}.kr-blog-results{grid-template-columns:1fr;gap:32px}.kr-blog-result h2{font-size:20px}.kr-blog-result-count{margin-top:28px}.kr-blog-grid .sugar-blog-list__grid{row-gap:32px}.kr-blog-grid .sugar-blog-list__card-tag-badge--content{margin-top:14px}}