*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#222;line-height:1.8;background:#fff}.site-header{border-bottom:1px solid #ddd;padding:18px 24px}.site-header a{color:inherit;text-decoration:none;font-weight:700}main{max-width:900px;margin:auto;padding:36px 22px 80px}h1{line-height:1.4}img{max-width:100%;height:auto}iframe{max-width:100%}.meta,time{color:#666}.post-list{list-style:none;padding:0}.post-list li{padding:16px 0;border-bottom:1px solid #e5e5e5;display:flex;gap:16px;justify-content:space-between}.post-list a{color:#135da5}.lead{color:#666}@media(max-width:640px){.post-list li{display:block}.post-list time{display:block;margin-top:4px}}

.hero-image{display:block;max-width:100%;height:auto;margin:24px auto 32px}
.post-list li{display:block}
.post-card{display:flex;gap:18px;align-items:center;text-decoration:none;color:inherit}
.post-card img{width:180px;max-width:32%;height:auto;object-fit:cover}
.post-card strong{display:block;color:#135da5}
.post-card time{display:block;margin-top:4px}
@media(max-width:640px){.post-card{align-items:flex-start}.post-card img{width:120px;max-width:36%}}

.video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:24px 0}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}