body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.7;max-width:1100px;margin:0 auto;padding:24px;color:#181818;background:#fafafa}
header{border-bottom:1px solid #ddd;margin-bottom:24px;padding-bottom:12px}
nav a{margin-right:14px}
a{color:#0645ad;text-decoration:none} a:hover{text-decoration:underline}
.card{background:white;border:1px solid #ddd;border-radius:10px;padding:16px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
table{border-collapse:collapse;width:100%;background:white}td,th{border:1px solid #ddd;padding:8px;vertical-align:top}th{background:#f0f0f0;text-align:left}
.badge{display:inline-block;border:1px solid #ccc;border-radius:999px;padding:1px 8px;margin-right:6px;background:#f6f6f6;font-size:.9em}
small,.muted{color:#666}
pre{white-space:pre-wrap;background:#f4f4f4;padding:12px;border-radius:8px}
input{width:100%;font-size:16px;padding:10px;border:1px solid #bbb;border-radius:8px}
.result{border-bottom:1px solid #ddd;padding:10px 0}