:root { color-scheme: light; }
body { margin: 0; background: #fff; color: #222; font: 17px/1.8 -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 80px; }
h1 { font-size: 30px; line-height: 1.3; margin: 0 0 12px; }
h2 { font-size: 20px; margin: 36px 0 8px; border-bottom: 1px solid #ddd; padding-bottom: 4px; }
p, li { font-size: 17px; }
.lead { font-size: 19px; color: #444; }
.date, .small { color: #777; font-size: 15px; }
.ja { margin-top: 40px; color: #555; }
a { color: #6b3fa0; }
code { background: #f3f0f8; padding: 1px 5px; border-radius: 4px; }
textarea { width: 100%; font: 15px/1.5 monospace; padding: 10px; border: 1px solid #bbb; border-radius: 6px; box-sizing: border-box; }
button { font-size: 16px; padding: 8px 18px; border: 0; border-radius: 6px; background: #6b3fa0; color: #fff; cursor: pointer; }