:root{--ink:#22313A;--paper:#FFFDF7;--kraft:#EDE6D3;--moss:#3F5C42;--grid:#D7DEE2;--pencil:#5A6B76}
*{box-sizing:border-box}
body{margin:0;background:var(--kraft);color:var(--ink);font-family:"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.8}
header{background:var(--moss);color:#fff;padding:28px 16px}
header .in,main{max-width:720px;margin:0 auto}
header h1{margin:0;font-family:"Hiragino Maru Gothic ProN",sans-serif;font-weight:400;font-size:28px}
header p{margin:4px 0 0;opacity:.92}
main{padding:24px 16px 48px}
section{background:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;border-radius:16px;padding:20px;margin-bottom:16px}
section>*{background:var(--paper)}
h2{font-size:20px;margin:0 0 8px}
h3{font-size:16px;margin:16px 0 4px}
a{color:var(--moss)}
.small{color:var(--pencil);font-size:14px}