:root { color-scheme: light; font-family: "Yu Gothic UI", "Meiryo", sans-serif; background:#f3f6f9; color:#17212b; }
body { margin:0; min-height:100vh; display:grid; place-items:center; }
.card { width:min(680px,calc(100% - 48px)); background:#fff; padding:36px; border-radius:14px; box-shadow:0 12px 32px #18324d1f; }
h1 { margin-top:0; color:#174e78; }
button { border:0; border-radius:7px; padding:11px 18px; background:#1769aa; color:#fff; font-weight:700; cursor:pointer; margin:8px 8px 0 0; }
button.secondary { background:#596673; }
dl { display:grid; grid-template-columns:7rem 1fr; gap:10px 16px; padding:18px; background:#f7f9fb; border-radius:8px; }
dt { font-weight:700; color:#425466; } dd { margin:0; overflow-wrap:anywhere; }
pre { white-space:pre-wrap; padding:12px; color:#8b1a1a; background:#fff0f0; border-radius:7px; }