:root { color-scheme:dark; font-family:system-ui,"Noto Sans JP",sans-serif; color:#eee6f4; background:#0b080f; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse at 50% 0,#281731,#0b080f 65%); }
main { max-width:900px; margin:auto; padding:28px 24px 70px; }
nav { display:flex; flex-wrap:wrap; gap:18px; padding:8px 0 28px; }
a { color:#dcc3ee; text-underline-offset:4px; }
h1 { font-size:clamp(26px,5vw,40px); line-height:1.4; }
h2 { margin:36px 0 12px; font-size:20px; }
p,li,td,th { line-height:1.9; font-size:15px; overflow-wrap:anywhere; }
p,li,td { color:#cfc5d7; }
.eyebrow { color:#b39bc6; font-size:12px; letter-spacing:.12em; }
.draft,.summary { padding:20px 24px; border:1px solid #b89ac944; border-radius:16px; background:#1d1426; }
.draft { border-color:#b99b5b77; }
.draft p { margin-bottom:0; }
.summary { margin:28px 0; }
.summary h2 { margin-top:0; }
.pending { padding:12px 16px; border-left:3px solid #c0a368; background:#282012; color:#e7d2ac; }
table { width:100%; border-collapse:collapse; }
th,td { padding:12px; border:1px solid #b89ac92b; text-align:left; vertical-align:top; }
footer { margin-top:45px; padding-top:20px; border-top:1px solid #b89ac933; }
@media(max-width:600px) { main { padding:20px 16px 45px; }.draft,.summary { padding:16px; } th,td { padding:8px; font-size:13px; } }