/* Keyword transcript evidence, using the approved Search/Home and Stock Results visual system. */
.keyword-heading h1 { max-width: 24ch; overflow-wrap: anywhere; }
.keyword-heading .results-company { color: #7debe4; }
.keyword-scope { grid-template-columns: minmax(190px, .9fr) minmax(210px, 1.35fr) minmax(110px, .45fr) minmax(110px, .45fr); }
.keyword-scope .keyword-scope-status { grid-column: span 2; }
.keyword-limit { margin: 0 0 .8rem; padding: .6rem .8rem; border: 1px solid #477e89; border-left: 3px solid #74ded8; border-radius: 8px; color: #dceef2; background: var(--mc-surface-inner); font-size: .79rem; line-height: 1.45; }
.keyword-layout { grid-template-rows: min-content min-content 1fr; }
.keyword-layout .results-feed { grid-row: 1 / span 3; }
.keyword-layout .video-card .evidence-details { margin-bottom: .65rem; }
.keyword-hits { gap: 0; border-top: 1px solid #2b5363; }
.keyword-hit { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .65rem; padding: .8rem 0; border-bottom: 1px solid #254454; }
.keyword-hit:last-child { border-bottom: 0; padding-bottom: .15rem; }
.hit-index { color: #8caeba; font-size: .7rem; padding-top: .42rem; }
.hit-evidence { min-width: 0; display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: .65rem; align-items: start; }
.keyword-hit .chip-ts { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
.keyword-hit .snippet { min-width: 0; padding: .08rem 0 .1rem .75rem; border-left-color: #3c98a1; color: #e8f3f5; font-size: .91rem; line-height: 1.58; overflow-wrap: anywhere; }
.keyword-hit .snippet mark { background: rgba(84, 222, 212, .21); color: #b5fff7; border-radius: 3px; padding: .04em .09em; }
.keyword-hit .snippet cite { margin-top: .5rem; color: #a9c1cd; font-size: .71rem; line-height: 1.45; overflow-wrap: anywhere; }
.transcript-status { display: inline-block; margin-left: .25rem; padding: .08rem .35rem; border: 1px solid #3a6570; border-radius: 4px; color: #c5e4e9; font-size: .66rem; white-space: nowrap; }
.keyword-explainer dl { margin: .5rem 0 0; }
.keyword-explainer dl > div { border-top: 1px solid #2a4b5c; padding: .45rem 0; }
.keyword-explainer dt { color: #dceff2; font-size: .73rem; font-weight: 700; }
.keyword-explainer dd { margin: .13rem 0 0; color: #afc4cf; font-size: .72rem; line-height: 1.42; }
@media (max-width: 850px) {
  .keyword-layout.has-evidence .results-feed { order: 1; }
  .keyword-layout.has-evidence .results-trust { order: 4; }
  .keyword-layout .results-volume { order: 2; }
  .keyword-layout .keyword-explainer { order: 3; }
}
@media (max-width: 600px) {
  .keyword-heading h1 { font-size: clamp(1.65rem, 7vw, 1.9rem); }
  .keyword-heading .results-back { align-self: start; }
  .keyword-scope { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .keyword-scope > div:nth-child(3) { grid-column: auto; border-left: 0; border-top: 1px solid #2a4b5c; }
  .keyword-scope > div:nth-child(4) { border-top: 1px solid #2a4b5c; }
  .keyword-scope .keyword-scope-status { grid-column: 1 / -1; }
  .keyword-hit { grid-template-columns: 1.4rem minmax(0, 1fr); gap: .35rem; }
  .hit-evidence { grid-template-columns: 1fr; gap: .5rem; }
  .keyword-hit .chip-ts { justify-self: start; min-height: 40px; }
  .keyword-hit .snippet { padding-left: .65rem; font-size: .88rem; }
  .keyword-layout .results-feed-heading { flex-wrap: wrap; }
  .keyword-layout .results-order { text-align: left; }
}