.lower-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 14px; align-items: start; }
.table-wrap { overflow: auto; max-height: 520px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 11px; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left; white-space: nowrap; }
th { color: #9eb0a6; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; position: sticky; top: 0; background: rgba(11,17,16,.96); z-index: 2; }
tr.clickable { cursor: pointer; }
tr.clickable:hover, tr.selected-row { background: rgba(255,255,255,.06); }
.score-pill { display: inline-flex; min-width: 58px; justify-content: center; padding: 5px 9px; border-radius: 999px; border: 1px solid; font-weight: 800; }
.bar-row { display: grid; grid-template-columns: 54px 1fr 34px; gap: 10px; align-items: center; margin: 13px 0; font-size: 13px; }
.bar-row div { height: 12px; background: rgba(0,0,0,.28); border-radius: 999px; overflow: hidden; }
.bar-row i { display: block; height: 100%; border-radius: inherit; }
.bar-high { background: #7bd56f; }
.bar-mid { background: #e8b34f; }
.bar-watch { background: #7aa7ff; }
.bar-low { background: #ef6b6b; }
.signal-list { display: grid; gap: 10px; margin-top: 12px; }
.context-note { font-size: 12px; color: #b9c7bf; border-left: 3px solid rgba(232,179,79,.8); padding-left: 10px; margin-top: 12px; }
.compact-tab-note { margin: -5px 0 14px; }
.prose { max-width: 900px; }
.page-intro { max-width: 860px; margin-bottom: 0; }
