body { font-family: system-ui, sans-serif; margin: 1.5rem; max-width: 72rem; color: #1b1b1b; }
h1 { font-size: 1.4rem; }
h2 { font-size: 1.1rem; margin-top: 1.5rem; }
section { border-top: 1px solid #ddd; }
.note { color: #555; font-size: 0.9rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: 0.6rem; margin: 0.6rem 0; }
.grid label { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.2rem; }
.grid .wide { grid-column: span 2; }
.buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.6rem 0; }
button { padding: 0.4rem 0.8rem; cursor: pointer; }
table { border-collapse: collapse; width: 100%; font-size: 0.8rem; }
th, td { border: 1px solid #ddd; padding: 0.25rem 0.4rem; text-align: left; vertical-align: top; }
td.ok { color: #0a6b2d; font-weight: 600; }
td.blocked, td.error, td.rejected { color: #a11; font-weight: 600; }
pre { background: #f6f6f6; padding: 0.6rem; max-height: 16rem; overflow: auto; font-size: 0.75rem; }
code { word-break: break-all; }