:root{--cream:#FCF0E2;--cream-deep:#F4E3CC;--ink:#1A1614;--ink-soft:#6B5F55;--ink-muted:#A89B91;--orange:#FF7E55;--orange-soft:#FFAA66}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);line-height:1.85;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:44px 24px 88px}
header.site{display:flex;align-items:center;gap:10px;margin-bottom:36px}
header.site .mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--orange-soft),var(--orange));
  display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px;font-style:italic}
header.site b{font-size:20px;font-style:italic;letter-spacing:.01em}
h1{font-size:27px;margin:0 0 6px;line-height:1.35}
.updated{font-size:12px;color:var(--ink-muted);margin:0 0 30px}
h2{font-size:17px;margin:34px 0 6px;padding-top:14px;border-top:1px solid var(--cream-deep)}
h3{font-size:14.5px;margin:18px 0 4px;color:var(--ink-soft)}
p,li{font-size:14.5px;color:#3A322D}
ul{padding-left:20px}
a{color:#D8562F}
strong{color:var(--ink)}
.lead{font-size:16px}
.box{background:#fff;border:1px solid var(--cream-deep);border-radius:14px;padding:16px 20px;margin:18px 0}
.box p:last-child{margin-bottom:0}
.box p:first-child{margin-top:0}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--cream-deep);font-size:12.5px;color:var(--ink-muted)}
footer a{color:var(--ink-soft);text-decoration:none;margin-right:16px}
footer a:hover{color:var(--ink)}