.vp-blog__intro{padding-block:var(--vp-space-8) var(--vp-space-6)}
.vp-blog__intro .vp-container{display:grid;gap:var(--vp-space-4)}
.vp-blog__intro-text{display:grid;gap:var(--vp-space-3);max-width:var(--vp-head-measure);color:var(--vp-ink-soft);font-size:var(--vp-text-lead)}
.vp-blog__intro-text p,.vp-section-head__copy p,.vp-cta p{margin:0}
.vp-blog__diary{background:var(--vp-bg-soft)}
.vp-blog__diary-grid,.vp-post-grid,.vp-topic-grid{display:grid;gap:var(--vp-space-4)}
.vp-blog__diary .vp-button{margin-top:var(--vp-space-5)}
.vp-blog__filter{position:sticky;top:var(--vp-header-h);z-index:5;padding-block:var(--vp-space-2);background:var(--vp-bg);border-block:var(--vp-border)}
.vp-category-nav{overflow:auto;scrollbar-width:none}
.vp-category-nav::-webkit-scrollbar{display:none}
.vp-category-nav ul{display:flex;gap:var(--vp-space-2);margin:0;padding:0;list-style:none}
.vp-category-nav li{flex:0 0 auto}
.vp-category-nav__link{display:inline-flex;align-items:center;min-height:52px;border:1.5px solid var(--vp-line);border-radius:var(--vp-radius-pill);padding-inline:var(--vp-space-4);background:transparent;color:var(--vp-ink-soft);font-size:var(--vp-text-small);font-weight:700;line-height:var(--vp-leading-heading)}
.vp-category-nav__link:hover{text-decoration:none;border-color:var(--vp-accent);color:var(--vp-accent-strong)}
.vp-category-nav__link.is-active{border-color:var(--vp-accent);background:var(--vp-accent);color:var(--vp-on-accent)}
.vp-post-card{display:grid;overflow:hidden;border:var(--vp-border);border-radius:var(--vp-radius-lg);background:var(--vp-card);box-shadow:var(--vp-shadow-sm);transition:box-shadow var(--vp-dur-base) var(--vp-ease),transform var(--vp-dur-base) var(--vp-ease)}
.vp-post-card:hover{box-shadow:var(--vp-shadow-md);transform:translateY(-2px)}
.vp-post-card__media{display:block;aspect-ratio:4/3;background:var(--vp-bg-soft);overflow:hidden}
.vp-post-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--vp-dur-base) var(--vp-ease)}
.vp-post-card:hover .vp-post-card__image{transform:scale(1.03)}
.vp-post-card__body{display:grid;gap:var(--vp-space-3);padding:var(--vp-space-4)}
.vp-post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vp-space-2);color:var(--vp-ink-soft);font-size:var(--vp-text-small)}
.vp-post-card__category{display:inline-flex;align-items:center;min-height:var(--vp-space-5);border-radius:var(--vp-radius-pill);padding-inline:var(--vp-space-3);background:var(--vp-green-100);color:var(--vp-green-900);font-weight:700}
.vp-post-card__category:hover{text-decoration:none}
.vp-post-card__title{margin:0;color:var(--vp-heading);font-family:var(--vp-font-display);font-size:var(--vp-text-h3);font-weight:500;letter-spacing:var(--vp-tracking-heading);line-height:var(--vp-leading-heading);text-wrap:balance}
.vp-post-card__title a:hover{text-decoration:none;color:var(--vp-accent)}
.vp-post-card__excerpt{margin:0;color:var(--vp-ink-soft)}
.vp-post-card--compact .vp-post-card__body{gap:var(--vp-space-2)}
.vp-blog__empty{margin:0;color:var(--vp-ink-soft)}
.vp-blog__status{position:absolute;width:var(--vp-space-1);height:var(--vp-space-1);overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vp-blog__list-actions{display:grid;justify-items:center;gap:var(--vp-space-4);margin-top:var(--vp-space-6)}
.vp-load-more{display:none}
.vp-js .vp-load-more{display:inline-flex}
.vp-js .vp-pagination{display:none}
.vp-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--vp-space-2);margin:0;padding:0;list-style:none}
.vp-pagination a,.vp-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vp-space-6);min-height:var(--vp-space-6);border:var(--vp-border);border-radius:var(--vp-radius-pill);background:var(--vp-card);padding-inline:var(--vp-space-3)}
.vp-pagination .current{border-color:var(--vp-accent);background:var(--vp-accent);color:var(--vp-on-accent)}
.vp-blog__cta{padding-top:0}
.vp-topic-card a{display:grid;gap:var(--vp-space-3);height:100%;border:var(--vp-border);border-radius:var(--vp-radius-lg);padding:var(--vp-space-5);background:var(--vp-card);box-shadow:var(--vp-shadow-sm);transition:box-shadow var(--vp-dur-base) var(--vp-ease),transform var(--vp-dur-base) var(--vp-ease)}
.vp-topic-card a:hover{text-decoration:none;box-shadow:var(--vp-shadow-md);transform:translateY(-2px)}
.vp-topic-card__icon{display:inline-flex;width:var(--vp-space-7);color:var(--vp-accent)}
.vp-topic-card__icon svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vp-topic-card__title{color:var(--vp-heading);font-family:var(--vp-font-display);font-size:var(--vp-text-h3);font-weight:500;letter-spacing:var(--vp-tracking-heading);line-height:var(--vp-leading-heading);text-wrap:balance}
.vp-topic-card__text{color:var(--vp-ink-soft)}
.vp-wa{position:fixed;right:var(--vp-space-4);bottom:calc(var(--vp-space-4) + var(--vp-safe-bottom));z-index:20;display:none;width:var(--vp-space-7);height:var(--vp-space-7);align-items:center;justify-content:center;border-radius:var(--vp-radius-pill);background:var(--vp-green-700);color:var(--vp-card);font-size:0;box-shadow:var(--vp-shadow-lg)}
.vp-wa::before{content:"";width:var(--vp-space-4);height:var(--vp-space-4);border:2px solid currentColor;border-radius:var(--vp-radius-pill)}
.vp-wa::after{content:"";position:absolute;width:var(--vp-space-2);height:var(--vp-space-2);border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(var(--vp-space-2),var(--vp-space-2)) rotate(-20deg)}
.vp-wa.is-visible{display:inline-flex}
@media (min-width:48em){
  .vp-blog__diary-grid,.vp-post-grid,.vp-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64em){
  .vp-blog__diary-grid,.vp-post-grid,.vp-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vp-blog__filter{position:relative;top:auto}
}
@media (prefers-reduced-motion:reduce){
  .vp-post-card,.vp-post-card__image,.vp-topic-card a{transform:none}
}