:root{
  --bg:#F3F5FA; --card:#FFF; --ink:#18244D; --body:#3E4868;
  --dim:#586285; --faint:#79829E; --line:#DCE2EE; --gr:#304FFE; --gr-bg:#E8EEFF;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#141517;--card:#1E1F22;--ink:#EDEEF0;--body:#C8CAD0;
        --dim:#9B9DA4;--faint:#74767D;--line:#3A3B40;--gr:#2F6FEB;--gr-bg:#1F2940}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.95 -apple-system,"Hiragino Sans","Noto Sans JP",sans-serif}
main{width:100%;max-width:680px;margin:0 auto;
  background:var(--card);border-left:1px solid var(--line);border-right:1px solid var(--line);
  padding:32px 26px 56px;min-height:100vh}
.back{font-size:13px;margin:0 0 26px}
.back a{color:var(--dim);text-decoration:none}
h1{font-size:22px;margin:0 0 10px;letter-spacing:.02em}
.lead{color:var(--dim);font-size:13.5px;margin:0 0 8px;
  padding-bottom:22px;border-bottom:1px solid var(--line)}
h2{font-size:15.5px;margin:32px 0 10px;letter-spacing:.02em}
p{margin:0 0 12px;color:var(--body);font-size:14px}
ul{margin:0 0 12px;padding-left:1.3em;color:var(--body);font-size:14px}
li{margin-bottom:6px}
b{color:var(--ink)}
dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:14px}
dt{color:var(--dim);white-space:nowrap}
dd{margin:0;color:var(--ink)}
a{color:var(--gr)}
.date{margin-top:34px;font-size:12.5px;color:var(--faint)}
footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--faint)}
footer a{color:var(--faint);margin-right:6px}
@media (max-width:520px){main{padding:26px 18px 48px;border:none}}