*{box-sizing:border-box}
body{margin:0;background:#426c55;color:#54243f;font-family:system-ui,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.9}
main{max-width:640px;margin:0 auto;padding:24px 16px 48px}
article{background:#fff4e7;border:4px solid #54243f;border-radius:24px;padding:24px 20px;box-shadow:0 8px #54243f55}
h1{font-size:24px;margin:0 0 16px}
h2{font-size:18px;margin:28px 0 8px;padding-left:10px;border-left:6px solid #ff92c2}
p,li{font-size:15px}
ul,ol{padding-left:1.4em;margin:8px 0}
a{color:#a02e6a}
.play{display:inline-block;margin:8px 0 0;background:#ff92c2;border:3px solid #54243f;border-radius:18px;padding:10px 28px;font-weight:900;color:#54243f;text-decoration:none}
nav{margin-top:20px;text-align:center;font-size:14px}
nav a{margin:0 10px;color:#fff4dc}
.date{font-size:13px;color:#54243f99}