:root{
  --midnight:#141c2b; --midnight-2:#1c2739; --panel:#222f45; --line:#33415c;
  --brass:#c9a86a; --brass-bright:#e6c98a; --ivory:#f2eee6; --muted:#8b97ad; --warn:#e0a06a;
}
*{box-sizing:border-box;}
body{
  background:var(--midnight); color:var(--ivory);
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
  line-height:1.85; max-width:760px; margin:0 auto; padding:32px 20px 80px; font-size:15px;
}
h1{font-size:20px; color:var(--brass-bright); margin-bottom:4px;}
.updated{font-size:12px; color:var(--muted); margin-bottom:28px;}
h2{font-size:16px; color:var(--brass); margin:32px 0 10px; border-left:3px solid var(--brass); padding-left:10px;}
p{margin:0 0 14px;}
a{color:var(--brass-bright);}
table{width:100%; border-collapse:collapse; margin:14px 0 24px;}
th,td{text-align:left; padding:10px 12px; border:1px solid var(--line); vertical-align:top; font-size:13.5px;}
th{background:var(--midnight-2); color:var(--brass); width:34%; white-space:nowrap;}
.todo{
  background:rgba(224,160,106,.10); border:1px solid var(--warn); border-radius:8px;
  padding:10px 14px; font-size:12.5px; color:var(--warn); margin-bottom:24px;
}
.back-link{display:inline-block; margin-top:30px; font-size:13px; color:var(--muted); text-decoration:none;}
.back-link:hover{color:var(--brass-bright);}
ul,ol{margin:0 0 14px; padding-left:22px;}
li{margin-bottom:6px;}