/* Track record page (/track-record). Built on ui.css tokens; status colors carry an icon and a word, never color alone. */
.tr { max-width: 960px; }
.tr .eyebrow { margin: var(--s6) 0 0; }
.tr h1 { font-size: var(--t-2xl); font-weight: 600; line-height: 1.15; margin: var(--s2) 0 var(--s2); }
.tr .lede { color: var(--muted); font-size: 1.08rem; max-width: 640px; margin: 0 0 var(--s2); }
.tr-loading { color: var(--muted); }
.tr-toc { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: var(--s5) 0 0; font-size: var(--t-sm); font-weight: 500; }
.tr-toc a { text-decoration: none; padding: 8px 0; }
.tr-h2 { font-size: var(--t-xl); font-weight: 600; margin: var(--s8) 0 var(--s2); }
.tr-h3 { font-size: var(--t-md); margin: 0; }
.tr-h3.mt4 { margin: var(--s6) 0 var(--s2); }
.tr-n { color: var(--muted); font-weight: 400; font-size: .9em; }

.tr-pred .card-head { align-items: center; }
.tr-chip-warn { background: var(--amber-bg); color: var(--amber); }
.tr-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); margin-top: var(--s4); }
.tr-stats:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 680px) { .tr-stats, .tr-stats:has(> :nth-child(2):last-child) { grid-template-columns: minmax(0, 1fr); } }
.tr-stat { background: var(--panel); border-radius: var(--r); padding: var(--s4); }
.tr-stat-label { font-size: var(--t-sm); color: var(--muted); font-weight: 600; }
.tr-stat-val { font-weight: 600; font-size: 2.3rem; line-height: 1.1; margin: 4px 0; font-variant-numeric: tabular-nums; }
.tr-stat-sub, .tr-stat-note { font-size: var(--t-xs); color: var(--muted); }
.tr-line { margin: var(--s4) 0 0; font-size: .95rem; }

.tr-fig { margin: var(--s5) 0 0; }
.tr-fig figcaption { font-size: var(--t-sm); color: var(--muted); margin-bottom: var(--s2); }
.tr-svg { width: 100%; max-width: 560px; height: auto; display: block; overflow: visible; direction: ltr; }  /* a chart reads left to right in every language */
.tr-svg text { unicode-bidi: plaintext; }
.tr-grid { stroke: var(--line); stroke-width: 1; }
.tr-axis, .tr-n { fill: var(--muted); }
.tr-axis { font-size: 11px; }
.tr-label, .tr-value { fill: var(--fg); font-size: 13px; }
.tr-value .tr-n { font-size: 12px; }
.tr-bar { fill: var(--blue); }
.tr-ci { stroke: var(--ink); stroke-width: 1.5; }
.tr-bar-row:hover .tr-bar, .tr-bar-row:focus .tr-bar { fill: var(--blue-deep); }
.tr-bar-row:focus { outline: none; }
.tr-bar-row:focus-visible .tr-label { text-decoration: underline; }

.tr-cal { margin-top: var(--s5); border-top: 1px solid var(--line); padding-top: var(--s4); }
.tr-cal h4 { margin: 0 0 var(--s2); }
.tr-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tr-table { width: 100%; border-collapse: collapse; font-size: var(--t-sm); background: var(--surface); }
.tr-table th, .tr-table td { text-align: start; padding: 10px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.tr-table tr > th:first-child { font-weight: 600; }
.tr-cases { margin-top: var(--s2); border-radius: var(--r); box-shadow: var(--shadow); min-width: 720px; }
.tr-cases .linkish { text-align: start; font-size: var(--t-sm); min-height: 40px; }
.tr-what { color: var(--muted); max-width: 220px; }
.tr-cell { min-width: 92px; }
.tr-when { display: block; font-size: var(--t-xs); color: var(--muted); }
.tr-flag { display: inline-block; font-weight: 700; font-size: .8rem; border-radius: var(--r-pill); padding: 1px 8px; margin: 2px 0; }
.tr-p { display: block; font-size: var(--t-xs); color: var(--fg); font-variant-numeric: tabular-nums; }
.tr-cell.hit .tr-flag, .tr-key.hit, .tr-cell.ok .tr-flag, .tr-key.ok { background: var(--green-bg); color: var(--green); }
.tr-cell.miss .tr-flag, .tr-key.miss { background: var(--bad-bg); color: var(--bad); }
.tr-cell.fa .tr-flag, .tr-key.fa { background: var(--amber-bg); color: var(--amber); }
.tr-legend { font-size: var(--t-sm); color: var(--muted); display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.tr-key { font-weight: 700; font-size: .78rem; border-radius: var(--r-pill); padding: 1px 8px; }

.tr-detail > td { background: var(--blue-soft); padding: 0; }
.tr-detail-in { padding: var(--s4) var(--s5); max-width: 860px; }
.tr-detail-in h4 { margin: var(--s4) 0 var(--s1); }
.tr-src blockquote { margin: 4px 0 8px; padding-inline-start: 10px; border-inline-start: 3px solid var(--blue-line); color: var(--muted); font-size: var(--t-sm); }
.tr-rep { background: var(--surface); border-radius: var(--r); padding: var(--s4); margin-top: var(--s3); box-shadow: var(--shadow); }
.tr-rep h4 { margin-top: 0; }
.tr-sub { margin: 0; font-weight: 600; }
.tr-alerts { padding-inline-start: 18px; margin: 6px 0; }
.tr-sev { text-transform: uppercase; font-size: .68rem; font-weight: 800; letter-spacing: .05em; border-radius: 4px; padding: 1px 5px; }
.tr-sev.critical { background: var(--bad-bg); color: var(--bad); }
.tr-sev.high { background: var(--amber-bg); color: var(--amber); }
.tr-answer { border-top: 1px solid var(--line); margin-top: var(--s3); padding-top: var(--s3); }
.tr-q { font-size: var(--t-sm); color: var(--muted); }
.tr-a { font-size: .95rem; }
.tr-a h5 { font-size: 1rem; margin: var(--s3) 0 var(--s1); }
.tr-a p { margin: 0 0 var(--s2); }
.tr-a sup a { text-decoration: none; font-weight: 700; }
.tr-check { font-size: var(--t-sm); color: var(--green); font-weight: 600; }
.tr-cites { font-size: var(--t-sm); padding-inline-start: 20px; }
.tr-left { text-align: start; margin-inline-start: 0; }
.tr-method h3 { font-size: var(--t-base); margin: var(--s5) 0 var(--s1); }
.tr-method h3:first-child { margin-top: 0; }
.tr-method p, .tr-method li { font-size: .95rem; }
.tr-disclaimer { margin-top: var(--s7); }
@media (max-width: 560px) { .tr-detail-in { padding: var(--s3); } }
/* Arabic and Hindi: no uppercase, tracking or Latin-only sizes on status labels. */
html:lang(ar) .tr-sev, html:lang(hi) .tr-sev, html:lang(ja) .tr-sev, html:lang(zh) .tr-sev { text-transform: none; letter-spacing: 0; font-size: .74rem; }
/* Quoted filings, company names and model answers stay in English inside a translated page. */
.tr [lang="en"] { unicode-bidi: isolate; }