.pp-blog{background:var(--blog-bg);color:var(--blog-ink);padding:var(--blog-top) 0 var(--blog-bottom)}
.pp-blog *{box-sizing:border-box}
.pp-blog__container{width:100%;max-width:var(--page,1400px);margin-inline:auto;padding-inline:clamp(16px,3vw,48px)}
.pp-blog__container--wide{max-width:none}
.pp-blog__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.pp-blog h2{color:inherit;margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.2;letter-spacing:-.025em}
.pp-blog__intro{max-width:620px;margin:12px 0 0;line-height:1.6}
.pp-blog a{color:inherit;text-decoration:none}
.pp-blog a:hover{text-decoration:underline;text-underline-offset:5px}
.pp-blog a:focus-visible,.pp-blog__grid:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.pp-blog__all{display:inline-flex;align-items:center;gap:12px;min-height:44px;flex-shrink:0;font-size:14px;font-weight:650}
.pp-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pp-blog__card{min-width:0;display:flex;flex-direction:column;border:var(--blog-border) solid currentColor;border-color:color-mix(in srgb,var(--blog-ink) 20%,var(--blog-bg));border-radius:var(--blog-radius);background:var(--blog-bg)}
.pp-blog__media{aspect-ratio:var(--blog-ratio);overflow:hidden;border-radius:var(--blog-radius) var(--blog-radius) 0 0;background:color-mix(in srgb,var(--blog-ink) 6%,var(--blog-bg))}
.pp-blog__media img{display:block;width:100%;height:100%;object-fit:cover}
.pp-blog__placeholder{width:100%;height:100%;display:grid;place-items:center}
.pp-blog__placeholder svg{width:80px;height:80px;opacity:.5}
.pp-blog__content{display:flex;flex-direction:column;align-items:start;flex:1;padding:clamp(16px,2vw,26px);gap:12px;overflow-wrap:anywhere}
.pp-blog__category{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}
.pp-blog h3{color:inherit;font-size:clamp(19px,1.7vw,25px);line-height:1.3;letter-spacing:-.02em;margin:0}
.pp-blog__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;line-height:1.5}
.pp-blog__excerpt{margin:0;font-size:15px;line-height:1.65}
.pp-blog__read{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:auto;padding-top:8px;font-size:14px;font-weight:650}
.pp-blog__empty{padding:24px;border:1px dashed currentColor;line-height:1.6}
@media(max-width:989px){.pp-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:749px){
  .pp-blog{padding-top:var(--blog-mobile-top);padding-bottom:var(--blog-mobile-bottom)}
  .pp-blog__header{align-items:start;flex-direction:column;gap:12px;margin-bottom:20px}
  .pp-blog__grid{grid-template-columns:repeat(var(--blog-columns),minmax(0,1fr));gap:14px}
  .pp-blog__grid--carousel{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 14px * var(--blog-columns)) / var(--blog-columns));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:4px 4px 16px;overscroll-behavior-x:contain;scrollbar-width:thin}
  .pp-blog__grid--carousel .pp-blog__card{scroll-snap-align:start}
  .pp-blog__content{padding:16px;gap:10px}
  .pp-blog h3{font-size:19px}
  .pp-blog__excerpt{font-size:14px}
  .pp-blog__read{font-size:13px;gap:6px}
}