:root{--navy:#2A2542;--ink:#FFF5E8;--sub:#B9AFC9;--line:#4C4478;--apricot:#F08B73;
--paper:#FFF3DC;--pink:#4A392F;--psub:#92806E;--pline:#EEDDB9}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:var(--paper);color:var(--pink);line-height:2}
header{background:var(--navy);padding:16px 0}
header .wrap{display:flex;align-items:center;gap:10px}
header a{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px}
header img{width:28px;height:28px;border-radius:7px}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
main{padding:48px 0 80px}
h1{font-size:26px;margin:0 0 6px}
.date{color:var(--psub);font-size:13px;margin-bottom:36px}
h2{font-size:17px;margin:38px 0 10px;padding-top:8px}
p,li{font-size:15px;color:var(--pink)}
ol,ul{padding-left:22px}
li{margin-bottom:6px}
.note{background:#FFF;border:1px solid var(--pline);border-radius:12px;padding:16px 18px;font-size:14px;color:var(--psub)}
footer{border-top:1px solid var(--pline);padding:28px 0 48px;color:var(--psub);font-size:13px}
footer a{color:var(--psub);margin-right:16px}
.todo{background:#FFF3E4;border-radius:4px;padding:0 4px}