/* Base */
body{font-family:sans-serif;margin:0;padding:0;}
.site-header{padding:1rem;}

/* Grid + Cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem;}
.card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;}
.card a{color:inherit;text-decoration:none;}
.card-title{margin:0;font-size:1rem;padding:0 1rem;}
.card-submeta{font-size:.85rem;color:#555;margin:2px 0 4px;padding:0 1rem;}
.card-submeta .label{font-weight:bold;}
.card-excerpt{font-size:.9rem;color:#333;padding:0 1rem 1rem;}

/* Post */
.post-submeta{font-size:.9rem;color:#555;padding:0 1rem;}
.post-footer{border-top:1px solid #ddd;padding:1rem;margin-top:2rem;}

/* Swiper */
.swiper{--swiper-theme-color:#444;}
.swiper-pagination-bullet{opacity:.4;}
.swiper-pagination-bullet-active{opacity:1;}
.swiper-button-prev,.swiper-button-next{color:#444;}

/* Comments wrapper (for giscus or commentbox) */
.comments{margin:3rem 0;padding:1.5rem 1rem;border-top:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.02);border-radius:6px;}
.comments h2{font-size:1.2rem;margin-bottom:1rem;color:#333;font-weight:600;letter-spacing:.3px;text-transform:uppercase;}
.comments iframe{width:100%!important;min-height:400px;border:none;}