:root{
  --bg:#f7fafb; --panel:#ffffff; --line:#dbe6e8;
  --text:#1f2d3a; --dim:#6b7d8c; --amber:#14b8a6; --indigo:#3a8fbf;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
  line-height:1.85; font-size:15px; -webkit-text-size-adjust:100%;
}
.wrap{max-width:760px; margin:0 auto; padding:28px 18px 64px}
header.top{border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:24px}
.brand{font-size:12px; letter-spacing:.25em; color:var(--amber); font-weight:700}
h1{font-size:24px; margin:6px 0 4px; font-weight:800}
.updated{color:var(--dim); font-size:13px; margin:0}
h2{font-size:17px; margin:30px 0 8px; padding-left:10px; border-left:3px solid var(--amber)}
p,li{color:var(--text)}
ul{padding-left:22px}
li{margin:4px 0}
a{color:var(--indigo)}
.note{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin:16px 0; color:var(--dim); font-size:13.5px; box-shadow:0 1px 3px rgba(31,45,58,0.06)}
.fill{color:var(--amber); font-weight:700}
footer.nav{margin-top:40px; padding-top:20px; border-top:1px solid var(--line); display:flex; gap:16px; flex-wrap:wrap; font-size:14px}
footer.nav a{text-decoration:none}
.back{display:inline-block; margin-bottom:18px; color:var(--dim); text-decoration:none; font-size:14px}