*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#18212d;font:18px/1.65 system-ui,sans-serif}header{background:#252016;border-bottom:5px solid #bb9029;color:#fff;padding:24px max(20px,calc((100vw - 1120px)/2));display:flex;flex-wrap:wrap;gap:12px 28px}header a{color:#f1d47e}header span{width:100%}main{max-width:1120px;margin:auto;padding:28px 20px 60px}h1{font-size:clamp(30px,5vw,44px);line-height:1.2}h2{margin-top:36px;font-size:28px}h3{font-size:22px}a{color:#654900;text-underline-offset:4px}nav{display:flex;gap:24px;flex-wrap:wrap}article,details,form{background:#fff;border:1px solid #cbd1d9;border-radius:8px;padding:22px;margin:20px 0;min-width:0}form form{border:0}label{display:block;font-weight:650;margin:16px 0}input,textarea,select{display:block;width:100%;font:inherit;color:#18212d;background:#fff;border:1px solid #6b7280;padding:12px;border-radius:5px;margin-top:6px}textarea{resize:vertical}button{font:inherit;font-weight:700;background:#70510a;color:#fff;border:0;border-radius:5px;min-height:48px;padding:12px 20px;cursor:pointer}pre{font:18px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f3f6;padding:18px;border-radius:6px}.math-source{font-family:system-ui,sans-serif;background:#fff;border:1px solid #d7dbe2}.hint{border-left:4px solid #947016}.status-ok{color:#0b6333}.status-fail{color:#9b1c1c}.field-help{font-size:16px;font-weight:400;color:#4b5563}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#eee7d2;font-size:15px;font-weight:700}.warning{border:2px solid #9b1c1c;background:#fff5f5;padding:18px}p,code{overflow-wrap:anywhere}summary{cursor:pointer;font-size:20px;font-weight:700}footer{padding:26px 20px;text-align:center;background:#252016;color:#fff}.notice{border-left:4px solid #947016;padding:18px;background:#fff7dd}:focus-visible{outline:3px solid #126baf;outline-offset:3px}@media(max-width:700px){article,details,form{padding:15px}main{padding:20px 14px}pre{padding:12px}.grid2{grid-template-columns:1fr}}
/* v0.2 mathematical display */
.math-source{padding:18px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}
input[type="checkbox"]{display:inline-block;width:auto;margin-right:10px}