:root{--cream:#FFF6EA;--ink:#3B2418;--soft:#7A5B4A;--coral:#F2735A;--line:#F1E2D3}
*{box-sizing:border-box;margin:0}
body{font-family:Nunito,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65;font-size:17px}
html[lang=ja] body,html[lang=ko] body{word-break:keep-all;overflow-wrap:anywhere}
.top{max-width:820px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{display:flex;gap:10px;align-items:center;font:800 20px Unbounded,Nunito,sans-serif;color:var(--ink);text-decoration:none}
.brand img{width:36px;height:36px;border-radius:10px}
.langs a{color:var(--soft);font-weight:800;text-decoration:none;margin-left:12px;font-size:15px}
.langs a[aria-current=true]{color:var(--coral)}
main{max-width:820px;margin:0 auto 40px;padding:36px clamp(20px,5vw,56px);background:#fff;border-radius:32px}
h1{font:800 clamp(26px,4vw,36px)/1.2 Unbounded,Nunito,sans-serif;margin-bottom:6px}
html[lang=ja] h1,html[lang=ko] h1{font-family:Nunito,system-ui,sans-serif;font-weight:900}
.date{color:var(--soft);font-weight:700;margin-bottom:24px}
.note{background:var(--cream);border-radius:16px;padding:12px 16px;font-weight:700;margin-bottom:24px}
h2{font-size:20px;font-weight:900;margin:28px 0 8px}
p,li{color:#4A362B}
p+p{margin-top:10px}
ul{padding-left:22px;margin:8px 0}
li{margin:4px 0}
a{color:#D9573F}
article{display:none}
article.on{display:block}
footer{text-align:center;color:var(--soft);font-weight:700;font-size:14px;padding:0 20px 40px}
footer a{color:var(--soft);margin:0 8px}