body { font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #111; background: white; max-width: 1100px; margin: 20px auto; padding: 0 14px; overflow-wrap: anywhere; }
h1 { font-size: 18pt; color: #a000a0; } h2 { font-size: 13pt; color: #a000a0; } h3 { font-size: 11pt; }
a { font-size: inherit; } nav { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
table { border-collapse: collapse; width: 100%; } th, td { text-align: left; border: 1px solid #bbb; padding: 7px; vertical-align: top; } th { background: #eee; }
th, td:first-child { white-space: nowrap; }
.table-scroll { overflow-x: auto; } .muted { color: #555; } .error { color: #900; } .success { color: #165c29; }
form { margin: 16px 0; } label { display: block; margin: 10px 0 4px; } input, select, textarea, button { font: inherit; max-width: 100%; box-sizing: border-box; }
input, select, textarea { padding: 6px; } textarea { width: 100%; min-height: 180px; font-family: monospace; } button { padding: 6px 12px; margin: 6px 6px 6px 0; cursor: pointer; }
.note-editor { border-top: 1px solid #bbb; padding-top: 12px; margin-top: 18px; } .note-editor input:not([type="checkbox"]) { width: 100%; } .preview { padding: 10px 0; } pre { overflow-x: auto; } img { max-width: 100%; height: auto; }
.issue-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); gap: 12px 16px; margin: 12px 0 24px; }
.issue-entry { min-width: 0; display: grid; grid-template-rows: minmax(24px, auto) 18px; align-content: start; }
.issue-entry a { font-size: 11pt; line-height: 24px; justify-self: start; }
.issue-date { color: #555; font-size: 9pt; line-height: 18px; font-variant-numeric: tabular-nums; }
.fields { display: flex; flex-wrap: wrap; gap: 14px; }
.published-covers { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px; margin: 16px 0; }
.published-covers img { max-height: 300px; max-width: min(220px, 100%); object-fit: contain; }