@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=M+PLUS+Rounded+1c:wght@500;700;800&display=swap");
:root{--ink:#1d1d1f;--bg:#ffd83a;--bg-dot:#f5c800;--surface:#fff;--muted:#5f5642;--accent:#ff5233;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background-color:var(--bg);background-image:radial-gradient(var(--bg-dot) 1.6px,transparent 1.6px);background-size:22px 22px;color:var(--ink);font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Yu Gothic","Meiryo",sans-serif;font-size:15px;font-weight:500;line-height:1.85}
main{max-width:760px;margin:24px auto 64px;padding:24px 20px 32px;background:var(--surface);border:3px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink)}
@media (max-width:800px){main{margin:16px}}
h1{font-family:"Dela Gothic One","Yu Gothic",sans-serif;font-weight:400;font-size:26px;margin:16px 0 4px}
h2{font-size:17px;font-weight:800;margin:30px 0 8px;padding-bottom:4px;border-bottom:3px solid var(--ink)}
.date{color:var(--muted);font-size:13px;font-weight:700;margin:0 0 24px}
a{color:#2f7cf6;font-weight:700}
.back{font-size:13px;text-decoration:none;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:3px 12px;display:inline-block;box-shadow:0 2px 0 var(--ink)}
ul{padding-left:1.4em}