:root{--bg:#F6F7F6;--sf:#FFFFFF;--tx:#1E2430;--mu:#5B6470;--ln:#D9DDD8;--wine:#1D5FD1;--serif:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;--sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#14171C;--sf:#1D2129;--tx:#E8EAEC;--mu:#9AA3AE;--ln:#2E343D;--wine:#7FB0FF}}
*{box-sizing:border-box}
body{margin:0;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);background:var(--bg);color:var(--tx);font:400 16px/1.9 var(--sans)}
.w{max-width:760px;margin:0 auto;padding:40px 22px 64px}
a{color:var(--wine)}
a:focus-visible{outline:3px solid var(--wine);outline-offset:3px}
h1,h2{font-family:var(--serif);line-height:1.5}
h1{font-size:clamp(26px,6vw,34px);margin:24px 0 8px}
h2{font-size:19px;margin:36px 0 8px}
p,ul{margin:0 0 1em}
.mu{color:var(--mu);font-size:14px}
dl{margin:24px 0;border-top:1px solid var(--ln)}
dl div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--ln)}
dt{font-weight:700}
dd{margin:0}
mark{background:#FFE58F;color:#1E2430;padding:0 4px}
@media (max-width:560px){dl div{grid-template-columns:1fr;gap:2px}}