/* Category trajectories share the site's Agate tokens; exact values anchor the chart. */
.hrt { margin:18px 0 24px; border-top:3px solid var(--hi-blue); color:var(--hi-ink); scroll-margin-top:180px; }
.hrt > summary { display:list-item; cursor:pointer; padding:14px 18px; background:var(--hi-blue-soft); font-size:22px; font-weight:700; }
.hrt > summary span { display:inline-block; margin-left:16px; font:400 13px/1.5 var(--hi-font-sans, sans-serif); color:var(--hi-ink-2); }
#hrtBody { padding:18px; border:1px solid var(--hi-line); border-top:0; }
.hrt-controls, .hrt-refine { display:grid; grid-template-columns:1.35fr 1fr 1fr 1fr 1.45fr 1fr; gap:12px; align-items:end; }
.hrt-refine { grid-template-columns:1fr 1.4fr 1.5fr 1.3fr; margin:12px 0; }
.hr-scope .hrt label { display:flex; flex-direction:column; gap:5px; font:500 12px/1.4 var(--hi-font-sans,sans-serif); min-width:0; text-transform:none; letter-spacing:normal; }
.hrt-more { margin-top:12px; }
.hrt-mode { max-width:370px; margin-bottom:14px; }
.hrt label[hidden] { display:none; }
.hrt-controls.is-longest { grid-template-columns:1.2fr 1fr 1fr 1.4fr 1fr; }
.hrt-run b { color:var(--hi-blue); }
.hrt-outside { color:var(--hi-ink-2); }
.hrt-more > summary { cursor:pointer; font:500 12px/1.5 var(--hi-font-sans,sans-serif); color:var(--hi-blue); }
.hrt select,.hrt input,.hrt button { color:var(--hi-ink); background:var(--hi-surface-1); border:1px solid var(--hi-line); border-radius:4px; font:400 13px/1.4 var(--hi-font-sans,sans-serif); min-height:38px; padding:7px 9px; min-width:0; }
.hrt select,.hrt input { width:100%; box-sizing:border-box; }
.hrt button { cursor:pointer; }
.hrt button:disabled { opacity:.45; cursor:default; }
.hrt :is(button,input,select,summary,a,[tabindex]):focus-visible { outline:2px solid var(--hi-blue); outline-offset:3px; }
.hrt-context,.hrt-method p { font:400 12px/1.65 var(--hi-font-sans,sans-serif); color:var(--hi-ink-2); max-width:90ch; }
.hrt-status { margin:14px 0 0; padding:12px; background:var(--hi-blue-soft); font:600 13px/1.5 var(--hi-font-sans,sans-serif); }
.hrt-scroll { overflow:auto; max-height:620px; overscroll-behavior-x:contain; }
.hrt-table { border-collapse:separate; border-spacing:0; width:100%; font-variant-numeric:tabular-nums; --trend-color:var(--hi-mint); --trend-wash:var(--hi-mint-soft); }
.hrt-table.is-falling { --trend-color:var(--hi-coral); --trend-wash:var(--hi-coral-soft); }
.hrt-table th,.hrt-table td { padding:10px 12px; border-bottom:1px solid var(--hi-line); text-align:right; white-space:nowrap; background:var(--hi-surface-1); }
.hrt-table thead th { position:sticky; top:0; z-index:2; background:var(--hi-surface-2); font:600 12px/1.5 var(--hi-font-sans,sans-serif); }
.hrt-table tbody th { text-align:left; font:600 14px/1.3 var(--hi-font-sans,sans-serif); min-width:200px; }
.hrt-table th:first-child { position:sticky; left:0; z-index:1; box-shadow:1px 0 var(--hi-line); }
.hrt-table thead th:first-child { z-index:3; text-align:left; }
.hrt-table td b { font-size:20px; font-weight:600; }
.hrt-table small { display:block; font:400 10px/1.6 var(--hi-font-sans,sans-serif); color:var(--hi-ink-2); }
.hrt-table tbody tr:hover :is(th,td) { background:var(--hi-blue-soft); }
.hrt-player { display:flex; align-items:center; gap:10px; }
.hrt-player a { color:var(--hi-ink); text-decoration:none; }
.hrt-player a:hover { color:var(--hi-blue); text-decoration:underline; }
.hrt-logo { width:32px; height:32px; object-fit:contain; }
.hrt-spark { width:122px; height:44px; display:block; }
.hrt-mobile-spark { display:none; }
.hrt-spark polyline { fill:none; stroke:var(--trend-color); stroke-width:2; }
.hrt-spark circle { fill:var(--trend-color); }
.hrt-spark .hrt-area { fill:var(--trend-wash); }
.hrt-change b { color:var(--trend-color); }
.hrt-bottom,.hrt-bottom > div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hrt-bottom { justify-content:space-between; margin:14px 0; font-size:12px; }
.hrt-method summary { font:500 12px/1.5 var(--hi-font-sans,sans-serif); cursor:pointer; }
.hrt-empty { padding:24px 12px; font-size:14px; }
.hrt-empty b { display:block; margin-bottom:8px; }
.hrt-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:900px) { .hrt-controls {grid-template-columns:repeat(3,minmax(0,1fr));} .hrt-refine {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:550px) { .hrt-controls {grid-template-columns:repeat(2,minmax(0,1fr));} #hrtBody {padding:12px;} .hrt>summary span {display:block;margin-left:0;font-size:12px;} .hrt-table tbody th {min-width:130px;max-width:155px;white-space:normal;} .hrt-logo {width:24px;height:24px;} .hrt-player {gap:6px;} .hrt-table th,.hrt-table td {padding:8px;} .hrt-scroll {max-height:510px;} .hrt-table td b {font-size:18px;} }
@media(max-width:550px) {
  .hrt-controls.is-longest { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hrt-table tr > :nth-child(2) { display:none; }
  .hrt-mobile-spark { display:block; }
  .hrt-mobile-spark .hrt-spark { width:80px; height:25px; }
  .hrt-table tbody th {min-width:110px;max-width:125px;}
  .hrt-player {align-items:flex-start;}
}