/* 規約・方針・表記の頁（PLAN.md §09-204）。色と書体は LP（index.html）と同じ札を使う。 */
:root{
  --bg:#ffffff;
  --tint:#f4f9fc;
  --base:#bcd3dc;
  --ink:#0d1114;
  --muted:#56656d;
  --deep:#004da0;
  --line:rgba(0,77,160,.14);
  --display:'Lustria','Noto Serif JP',Georgia,serif;
  --serif:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;
  --sans:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0e1418; --tint:#131c22; --base:#3d5866;
  --ink:#eef3f6; --muted:#9db0ba; --deep:#8cc2ff; --line:rgba(140,194,255,.16);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0e1418; --tint:#131c22; --base:#3d5866;
  --ink:#eef3f6; --muted:#9db0ba; --deep:#8cc2ff; --line:rgba(140,194,255,.16);
  color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased}
a{color:var(--deep)}
.wrap{max-width:760px;margin-inline:auto;padding-inline:20px}

.top{border-bottom:1px solid var(--line)}
.top .wrap{padding-block:14px}
.logo{font-family:var(--display);font-size:20px;letter-spacing:.06em;text-decoration:none;color:var(--ink)}
.logo small{font-family:var(--sans);font-size:11px;color:var(--muted);margin-left:10px;letter-spacing:.08em}

main{padding-block:48px 72px}
h1{font-family:var(--serif);font-weight:700;font-size:clamp(26px,5vw,34px);line-height:1.4;margin:0}
.dates{margin:12px 0 0;color:var(--muted);font-size:13px}
.lead{margin:28px 0 0}
h2{font-family:var(--serif);font-weight:600;font-size:18px;line-height:1.5;margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line)}
p,ol,ul{margin:12px 0 0}
ol,ul{padding-left:1.6em}
li+li{margin-top:6px}
.note{color:var(--muted);font-size:13px}

/* 表記の表。狭い画面では見出しと中身を縦に積む。 */
dl.table{margin:28px 0 0;border-top:1px solid var(--line)}
dl.table div{display:grid;grid-template-columns:12em minmax(0,1fr);gap:4px 20px;padding-block:14px;border-bottom:1px solid var(--line)}
dl.table dt{font-weight:500}
dl.table dd{margin:0}
@media (max-width:600px){dl.table div{grid-template-columns:minmax(0,1fr)}dl.table dt{color:var(--muted);font-size:13px}}

footer{background:var(--base);color:#0d1114;padding-block:32px;font-size:12px}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:inherit;text-decoration:none}