/* User-authorized 2026-09-08 refinement. Original styles.css stays intact. */
.chain-context { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 0 18px; border-bottom:1px solid var(--rule); }
.chain-context-copy { min-width:0; }
.chain-context-copy .eyebrow { margin:0 0 3px; }
.chain-context-copy h2 { margin:0; font-size:1.25rem; line-height:1.3; }
.chain-context-copy > p:last-child { margin:5px 0 0; color:var(--ink-muted); font-size:.78rem; }
#chain-filters:not([hidden]) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; flex-shrink:0; }
.chain-option { display:grid; gap:4px; min-width:146px; padding:10px 16px; border:1px solid var(--rule); border-radius:var(--radius-control); background:var(--canvas); color:var(--ink); text-align:left; cursor:pointer; }
.chain-option strong { font-size:.9rem; }
.chain-option small { font-size:.72rem; color:var(--ink-muted); }
.chain-option:hover { background:var(--wash); }
.chain-option[aria-pressed="true"] { background:var(--ink); color:var(--canvas); border-color:var(--ink); }
.chain-option[aria-pressed="true"] small { color:inherit; }
.chain-badge { display:inline-flex; align-items:center; flex-shrink:0; gap:5px; font-size:.72rem; font-weight:650; line-height:1.4; padding:3px 7px; border:1px solid var(--rule); border-radius:4px; color:var(--ink); background:var(--wash); white-space:nowrap; }
.chain-badge::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--ink-muted); }
.chain-badge[data-chain="4663"]::before { background:oklch(55% .10 153); }
.chain-badge[data-chain="56"]::before { background:oklch(65% .12 80); }
.identity-meta { align-items:center; flex-wrap:wrap; }
.identity-copy { min-width:0; }
.identity-copy strong { display:flex; gap:6px; flex-wrap:wrap; overflow-wrap:anywhere; white-space:normal; overflow:visible; }
.external-hint { flex-shrink:0; }
.briefing { padding-top:16px; }
.briefing h2 { font-size:1.125rem; line-height:1.4; }
.research-list { display:grid; gap:0; }
.research-item { min-width:0; padding:22px 0 26px; border-top:1px solid var(--rule); }
.research-item:first-child { border-top:0; padding-top:6px; }
.research-item-header { display:flex; flex-wrap:wrap; gap:12px 20px; justify-content:space-between; align-items:flex-start; }
.research-item-title { min-width:0; flex:1 1 260px; }
.research-token-title { margin:6px 0 4px; font-size:1.125rem; line-height:1.4; overflow-wrap:anywhere; }
.research-token-title a { color:var(--ink); text-decoration:none; }
.research-token-title a:hover { text-decoration:underline; text-underline-offset:3px; }
.research-token-title small { color:var(--ink-muted); font-size:.85rem; font-weight:500; }
.research-identity-meta,.research-actions,.research-evidence-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; }
.research-identity-meta { color:var(--ink-muted); font-size:.75rem; overflow-wrap:anywhere; }
.research-actions { justify-content:flex-end; }
.research-actions button,.research-actions a { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:8px 10px; white-space:normal; line-height:1.4; }
.research-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 20px; margin:16px 0; }
.research-metrics > div { min-width:0; }
.research-metrics dt { font-size:.75rem; color:var(--ink-muted); margin-bottom:3px; }
.research-metrics dd { margin:0; font-size:1rem; font-weight:620; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.research-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px 32px; }
.research-copy,.research-community { min-width:0; }
.research-copy h3,.research-community h3 { font-size:.9rem; margin:0 0 8px; line-height:1.4; }
.research-copy p,.research-community p { margin:8px 0; font-size:.875rem; line-height:1.65; max-width:72ch; overflow-wrap:anywhere; }
.research-evidence-meta { font-size:.75rem; color:var(--ink-muted); margin-bottom:8px; }
.research-pending { padding:10px 12px; background:var(--wash); border-radius:var(--radius-control); color:var(--ink-muted); }
.research-pending p { margin:0; }
.research-posts { list-style:none; padding:0; margin:0; }
.research-post { padding:10px 0; border-top:1px solid var(--rule); }
.research-post:first-child { padding-top:0; border-top:0; }
.research-post-meta { font-size:.75rem; color:var(--ink-muted); line-height:1.5; overflow-wrap:anywhere; }
.research-post-meta a { color:var(--info); }
.research-post p { margin:5px 0; }
.research-post .research-significance { color:var(--ink-muted); font-size:.8rem; }
.research-freshness { font-size:.75rem !important; color:var(--ink-muted); }
.research-historical { color:var(--caution); font-weight:620; }
.research-full { margin-top:14px; }
.research-full > summary { display:list-item; width:fit-content; max-width:100%; padding:10px 0; font-size:.8rem; font-weight:620; cursor:pointer; overflow-wrap:anywhere; }
.research-full-content { padding:6px 0; min-width:0; }
.research-full-content .inspector-section { padding:12px 0; }
.research-full-content .post-item > summary { flex-wrap:wrap; gap:8px; }
.research-full-content .post-body { padding:10px 0; }
.research-full-content .post-meta { font-size:.75rem !important; }
.inspector-header > div { min-width:0; }
.inspector-header h2 { overflow-wrap:anywhere; }
.inspector-header > button { flex-shrink:0; }
.post-item summary { gap:8px; flex-wrap:wrap; }
.post-item summary > span { overflow-wrap:anywhere; min-width:0; }

@media (max-width:1050px) {
  .research-columns { grid-template-columns:minmax(0,1fr); gap:18px; }
}
@media (max-width:760px) {
  .brand { min-width:0; }
  .brand > div { min-width:0; }
  .brand h1 { white-space:normal; overflow-wrap:anywhere; line-height:1.4; }
  .app-actions .icon-button { width:44px; height:44px; flex-shrink:0; }
  .clock small { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.45; }
  .clock > span:last-child { min-width:0; }
  .chain-context { display:grid; gap:12px; padding-bottom:14px; }
  .chain-context-copy h2 { font-size:1.125rem; }
  #chain-filters:not([hidden]) { width:100%; }
  .chain-option { min-width:0; padding:10px 12px; min-height:60px; }
  .chain-option small { font-size:.75rem; }
  .briefing { gap:10px; padding:14px 0; }
  .briefing h2 { font-size:1rem; }
  .briefing-note { font-size:.78rem; }
  .metric-rail { grid-template-columns:repeat(5,minmax(0,1fr)); border:0; border-radius:0; gap:8px; }
  .metric-rail div,.metric-rail div:first-child,.metric-rail div:last-child { grid-column:auto; padding:0; border:0; min-width:0; }
  .metric-rail dt { font-size:.68rem; line-height:1.4; }
  .metric-rail dd { font-size:.94rem; line-height:1.5; overflow-wrap:anywhere; }
  .filter-bar { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; overflow:visible; }
  .filter-group { flex-wrap:wrap; gap:6px; }
  .filter-group + .filter-group { border-left:0; padding-left:0; margin-left:0; }
  .filter-chip { min-height:40px; white-space:normal; }
  .result-count { display:block; margin:2px 0 0; font-size:.75rem; }
  .view-tabs { flex-wrap:wrap; overflow:visible; gap:0 12px; }
  .view-tab { min-height:44px; white-space:normal; padding:10px 0; }
  .search-wrap input { min-width:0; font-size:16px; min-height:44px; padding-right:12px; }
  .search-wrap kbd { display:none; }
  .section-heading { flex-wrap:wrap; gap:8px; align-items:flex-start; }
  .section-heading > div { min-width:0; }
  .section-meta { white-space:normal; }
  .research-item { padding:18px 0 22px; }
  .research-item-header { display:block; }
  .research-actions { justify-content:flex-start; gap:6px; margin-top:12px; }
  .research-actions button,.research-actions a { min-height:44px; }
  .research-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; }
  .research-token-title { font-size:1.0625rem; }
  .research-full > summary { min-height:44px; }
  .data-table td:first-child { padding-right:0; }
  .data-table td:last-child { position:static; grid-column:1 / -1; justify-self:start; padding-top:8px; }
  .data-table .row-action { min-height:44px; }
  .data-table td { min-width:0; overflow-wrap:anywhere; }
}
@media (max-width:380px) {
  .brand-mark { display:none; }
  .topbar { column-gap:6px; }
  .app-actions { gap:3px; }
  .metric-rail { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .metric-rail dt { font-size:.75rem; }
}
