.pub-page { max-width: 1100px; margin: 40px auto; padding: 0 24px; color: #eef3f8; }
.pub-page a { color: #7cc9ff; }
.pub-page h1, .pub-page h2 { color: inherit; }
.pub-page p { line-height: 1.6; }
.pub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 28px 0; }
.pub-card { padding: 24px; border: 1px solid #344657; border-radius: 14px; background: #121922; overflow-wrap: anywhere; }
.pub-badge { color: #56dda1; }
.pub-error { color: #ffb0b0; white-space: pre-wrap; }
.pub-page button, .pub-page select { padding: 10px 14px; margin: 6px 4px 6px 0; color: #eef3f8; background: #1b2834; border: 1px solid #536b81; border-radius: 6px; }
.pub-page button { cursor: pointer; }
.pub-page button:disabled { opacity: .5; cursor: wait; }
.pub-page code { font-size: 1.1rem; }
.pub-copy-status { display: block; min-height: 1.5em; }