.noread-title { background: #252a31; padding: 40px 0; }
.noread-panel { background: #212529; color: #d8dee4; border: 1px solid #49515b; border-radius: 6px; }
.noread-panel h2, .noread-panel h3, .noread-panel label { color: #fff; }
.noread-panel a { text-decoration: underline; text-underline-offset: 3px; }
.noread-panel a:not(.button):not(.btn) { color: #ffbc73; }
.noread-panel .button, .noread-panel .btn { text-decoration: none; }
.noread-panel .form-control { background: #15181b; color: #fff; border-color: #737d89; }
.noread-panel code { color: #ffbc73; }
.noread-panel .alert code { color: inherit; }
.noread-table { color: #d8dee4; --bs-table-color: #d8dee4; --bs-table-bg: transparent; --bs-table-border-color: #59616a; }
.noread-table caption { color: #bbc4ce; caption-side: bottom; }
.noread-table th { color: #fff; }
.noread-table td, .noread-table th { padding: 12px 8px; vertical-align: top; }
.noread-table summary { cursor: pointer; min-width: 180px; }
.noread-hash, .noread-context { overflow-wrap: anywhere; font: 13px/1.7 monospace; }
.noread-context { display: block; margin-top: 10px; }
.noread-downloads { display: flex; flex-wrap: wrap; gap: 12px; }
.noread-panel :focus-visible { outline: 3px solid #ffbc73; outline-offset: 4px; }
@media (max-width: 575px) { .noread-panel.p-4 { padding: 20px !important; } .noread-title h1 { font-size: 26px; } }