@import "https://unpkg.com/ress@5.0.2/dist/ress.min.css";
@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";
.blog-list{text-align:center;max-width:860px;margin-top:30px;margin-left:auto;margin-right:auto;padding:40px 20px}.blog-list h1{letter-spacing:.7rem;margin-bottom:30px;font-family:Kosugi Maru,cursive;font-size:2.2rem;font-weight:700}.blog-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px;display:grid}.blog-card{color:#333;background:#fff;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 4px 12px #0000001a}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.blog-card img{object-fit:cover;width:100%;height:180px;display:block}.blog-card-body{padding:12px 14px 16px}.blog-category{color:#333;background-color:#fff6cc;border:1px solid #fdd835;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-family:Kosugi Maru,sans-serif;font-size:.75rem;display:inline-block}.blog-title{margin-bottom:8px;font-family:Kosugi Maru,sans-serif;font-size:1rem;font-weight:700;line-height:1.5}.blog-date{color:#999;font-family:Kosugi Maru,sans-serif;font-size:.8rem}.blog-detail{max-width:720px;margin:0 auto 80px;padding:80px 20px 0}.blog-eyecatch{object-fit:cover;border-radius:12px;width:100%;max-height:400px;margin-bottom:24px}.blog-detail-body h1{margin:12px 0 8px;font-family:Kosugi Maru,cursive;font-size:1.6rem;font-weight:700;line-height:1.6}.blog-content{color:#333;margin-top:24px;font-family:Kosugi Maru,sans-serif;font-size:1rem;line-height:1.9}.blog-content img{border-radius:8px;max-width:100%;margin:16px 0}.blog-content a{color:#e6a817;text-decoration:underline}.blog-back-link{color:#333;background-color:#ffecb3;border-radius:24px;margin-top:40px;padding:10px 20px;font-family:Kosugi Maru,sans-serif;text-decoration:none;transition:background-color .3s;display:inline-block;box-shadow:2px 2px 6px #0000001a}.blog-back-link:hover{background-color:#ffd966}@media (max-width:600px){.blog-list{padding:24px 12px}.blog-list h1{margin-top:30px;margin-bottom:20px;font-size:1.8rem}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card img{height:200px}.blog-detail{margin-top:40px;padding:50px 14px 0}.blog-detail-body h1{font-size:1.3rem}.blog-content{font-size:.95rem}}