*{box-sizing:border-box}body{margin:0;font:16px/1.7 system-ui,"Noto Sans JP",sans-serif;color:#1f2933;background:#f7f8f6}
header.top{background:#25523f;color:#fff;padding:.5rem 1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}header.top nav a{color:#fff;margin-right:.8rem;display:inline-block;padding:.25rem 0}
main{max-width:980px;margin:0 auto;padding:1rem}h1{font-size:1.4rem}h2{font-size:1.1rem;margin-top:1.6rem}
.card{background:#fff;border:1px solid #d9e2dd;border-radius:8px;padding:.7rem 1rem;margin:.7rem 0}.card.warn,.warn{background:#fff8e6;border-color:#e6c46a}
.demo{background:#e8f1ff;border-bottom:1px solid #b6cff5;padding:.5rem 1rem;font-size:.95rem}.demo form{display:inline;margin-left:.6rem}
input,select,textarea{font:inherit;padding:.4rem;max-width:100%;border:1px solid #9aa9a2;border-radius:4px}textarea{width:100%}
button,.btn{font:inherit;background:#25523f;color:#fff;border:0;border-radius:6px;padding:.45rem 1rem;cursor:pointer;text-decoration:none;display:inline-block}button.sub,.btn.alt{background:#6b7a73}
table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e1e8e4;padding:.3rem .5rem;text-align:left;vertical-align:top}th{white-space:nowrap}.scroll{overflow-x:auto}
.err{color:#a02020;white-space:pre-wrap}.ok{color:#1d6b3a;white-space:pre-wrap}.note{color:#52605a;font-size:.9rem}form.inl{display:inline}label{display:inline-block;margin:.1rem .4rem .1rem 0}
footer{max-width:980px;margin:0 auto;padding:0 1rem 2rem}code{background:#eef2ef;padding:.05rem .3rem;border-radius:3px}details summary{cursor:pointer;color:#25523f}
@media (max-width:600px){body{font-size:15px}}