/* Number History (/tools/number-history/) – tt- classes on top of tools.css. B6 tokens only. */
.tt-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tt-history{max-width:920px}
.tt-history>*,.tt-history .tt-result{min-width:0}
.tt-history [hidden]{display:none!important}
.tt-out:empty{display:none}
.tt-out[aria-busy=true]{opacity:.55}
.tt-result:focus{outline:none}
.tt-result:focus-visible{outline:3px solid var(--amber,#ffbf3c);outline-offset:3px}
.tt-result h3{font-size:20px;margin:26px 0 8px}
.tt-summary{color:var(--soft,#c7cfdc)}
.tt-error ul{margin:6px 0 0;padding-left:20px}
.tt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0 14px}
.tt-stats div{padding:14px 16px;background:var(--ink,#070a10);border:1px solid var(--line,rgba(190,205,230,.14))}
.tt-stats dt{font:700 12px/1.3 var(--display,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#a2acbe)}
.tt-stats dd{margin:6px 0 0;color:var(--text,#ebeff6)}
.tt-stats .tt-big{font-size:clamp(28px,4vw,38px)}
.tt-tag{font:700 12px/1.3 var(--display,sans-serif);font-stretch:85%;letter-spacing:.12em;text-transform:uppercase;color:var(--amber,#ffbf3c)}
.tt-tag-an{color:var(--eve,#8fb0ff)}
.tt-hrows td,.tt-hrows th{vertical-align:middle}
.tt-hrows tbody th,.tt-bydraw tbody th{font:600 15px/1.3 var(--body,sans-serif);letter-spacing:0;text-transform:none;color:var(--text,#ebeff6)}
.tt-hrows th a{color:inherit}
.tt-more-links{margin-top:18px;font-size:15px}
/* small balls (B6 .balls/.ball at tool size) */
.tt-balls{--b:28px;display:inline-flex;align-items:center;gap:5px;margin:0;flex-wrap:nowrap}
:where(.tt-balls) .ball{display:inline-grid;place-items:center;width:var(--b);height:var(--b);border-radius:50%;flex:none;background:var(--ivory,#f7f2e6);color:var(--paper-ink,#121722);font:800 15px/1 var(--display,sans-serif)}
:where(.tt-balls) .ball.fire{background:var(--flame,#d21d2a);color:var(--text,#ebeff6)}
.tt-balls .ball{font-size:calc(var(--b)*.52);box-shadow:none}
.tt-addon{display:inline-flex;align-items:center;gap:6px;margin-left:6px}
.tt-addon-name{display:none}
@media (max-width:560px){
  .tt-stats{grid-template-columns:1fr 1fr}
  .tt-stats div{padding:12px}
  .tt-bydraw th,.tt-bydraw td{padding:8px 5px;white-space:normal;font-size:14px}
  .tt-bydraw thead th{font-size:10.5px;letter-spacing:.06em}
  /* every-date table: one stacked row per draw */
  .tt-hrows,.tt-hrows tbody{display:block}
  .tt-hrows thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .tt-hrows tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px 2px;border-bottom:1px solid var(--line,rgba(190,205,230,.14))}
  .tt-hrows th,.tt-hrows td{display:block;padding:0;border:0;white-space:normal}
  .tt-hrows td:nth-child(2){text-align:right;color:var(--muted,#a2acbe);font-size:14px}
  .tt-hrows td:nth-child(4){text-align:right}
  .tt-balls{--b:26px;gap:4px}
}