/* English blog: readability layer on top of /style.css */
nav.lang{display:flex;gap:8px;flex-wrap:wrap}
.post{font-size:1.05rem;line-height:1.7;padding:24px 20px}
.post h1{font-family:"Baloo 2","Nunito",sans-serif;font-size:clamp(1.7rem,6vw,2.4rem);line-height:1.15;margin:4px 0 10px;color:var(--ink)}
.post h2{font-family:"Baloo 2","Nunito",sans-serif;font-size:1.45rem;line-height:1.25;margin:34px 0 8px;color:var(--ink);scroll-margin-top:16px}
.post h3{font-size:1.12rem;margin:22px 0 6px;color:var(--ink)}
.post p,.post li{color:var(--ink-soft)}
.post li{margin:6px 0}
.post .lede{font-size:1.15rem;color:var(--ink)}
.post .meta{margin:0 0 14px}
.toc{background:var(--ground);border-radius:16px;padding:14px 18px;margin:18px 0}
.toc strong{display:block;margin-bottom:4px;color:var(--ink)}
.toc ol{margin:0;padding-left:20px}
.toc a{text-decoration:none}
.tip{background:#E8F7F5;border-left:5px solid var(--accent);border-radius:12px;padding:12px 16px;margin:18px 0}
.tip p{margin:0;color:var(--ink)}
.piyoo-box{background:linear-gradient(#FFF4E6,#FFE9D6);border-radius:20px;padding:18px 18px 14px;margin:30px 0 10px;text-align:center}
.piyoo-box p{color:var(--ink)}
.piyoo-box img{height:48px;width:auto;margin:6px auto 4px;display:block}
.post .tablewrap{overflow-x:auto;margin:14px 0}
.post table{min-width:420px}
.post details p{margin:8px 0 2px}
.bloglist{list-style:none;padding:0;margin:0}
.bloglist li{background:var(--surface);border-radius:20px;padding:18px 20px;margin:0 0 14px;box-shadow:0 8px 20px rgba(43,27,61,.08)}
.bloglist h2{font-family:"Baloo 2","Nunito",sans-serif;font-size:1.3rem;margin:0 0 6px;line-height:1.25}
.bloglist h2 a{color:var(--ink);text-decoration:none}
.bloglist p{margin:0;color:var(--ink-soft)}
.bloghead{padding:18px 4px 8px}
.bloghead h1{font-family:"Baloo 2","Nunito",sans-serif;font-size:clamp(1.8rem,6vw,2.4rem);margin:0 0 6px}
.bloghead p{color:var(--ink-soft);margin:0 0 10px}
@media (min-width:700px){.post{padding:34px 40px}}