/* Basketball Ideas Trade Tracker v98 — flagship hierarchy and contract-aligned asset states. */

.tt94-answer-strip{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:14px;
  padding:15px 16px;
  border:1px solid color-mix(in srgb,var(--tt-team),#4b5260 58%);
  border-radius:14px;
  background:
    linear-gradient(115deg,color-mix(in srgb,var(--tt-team),#111720 82%),#111720 48%,#151b21),
    #111720;
  box-shadow:inset 0 1px #ffffff0a,0 10px 26px #0000001c;
}
.tt94-answer-copy{display:grid;align-content:center;min-width:0}
.tt94-answer-copy>span{
  color:color-mix(in srgb,var(--tt-team),#f0d793 42%);
  font-size:7.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase
}
.tt94-answer-copy>strong{
  margin-top:5px;color:#fff5df;
  font:700 clamp(20px,2.8vw,34px)/1.02 Georgia,serif;
  letter-spacing:-.025em
}
.tt94-answer-copy>p{margin:7px 0 0;color:#d0d4d3;font-size:9px;font-weight:800;line-height:1.35}
.tt94-answer-copy>small{margin-top:4px;color:#929ca2;font-size:7.5px;line-height:1.45}
.tt94-answer-metrics{display:grid;grid-template-columns:repeat(3,minmax(78px,1fr));gap:6px;align-self:stretch}
.tt94-answer-metrics span{
  display:grid;align-content:center;gap:3px;min-width:78px;padding:9px 10px;
  border:1px solid #323b45;border-radius:10px;background:#10151bd9;
  color:#8f9aa2;font-size:6.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase
}
.tt94-answer-metrics b{color:#fff1cf;font:700 22px/1 Georgia,serif;letter-spacing:-.025em}

.tt-tracker-screen{
  --tt94-future:#d0b869;
  --tt94-future-bg:#292617;
  --tt94-staff:#8d9ca8;
  --tt94-staff-bg:#1e252b;
}
.tt93-asset-legend .is-future i{background:var(--tt94-future)}
.tt93-asset-legend .is-staff i{background:var(--tt94-staff)}

.tt93-flow-card.asset-kind-future-consideration,
.tt-asset-card.asset-kind-future-consideration{
  border-color:color-mix(in srgb,var(--tt94-future),#323943 55%)!important;
  background:var(--tt94-future-bg)!important;
}
.tt93-flow-card.asset-kind-staff-rights,
.tt-asset-card.asset-kind-staff-rights{
  border-color:color-mix(in srgb,var(--tt94-staff),#323943 52%)!important;
  background:var(--tt94-staff-bg)!important;
}
.tt93-flow-card.asset-kind-future-consideration .tt-flow-symbol,
.tt-asset-card.asset-kind-future-consideration .tt-asset-symbol{color:var(--tt94-future)!important}
.tt93-flow-card.asset-kind-staff-rights .tt-flow-symbol,
.tt-asset-card.asset-kind-staff-rights .tt-asset-symbol{color:var(--tt94-staff)!important}

/* Level 1 answer stays dominant; the legend is supporting information. */
.tt94-answer-strip + .tt93-asset-legend{opacity:.84}
.tt94-answer-strip + .tt93-asset-legend:hover,
.tt94-answer-strip + .tt93-asset-legend:focus-within{opacity:1}

/* Level 2 return story receives stronger hierarchy than the provenance ledger below. */
.tt-flow-side.tt93-total-return{border-color:color-mix(in srgb,var(--tt-team),#39434b 55%)}
.tt92-later-exits{border-top-style:dashed}

@media(max-width:900px){
  .tt94-answer-strip{grid-template-columns:1fr}
  .tt94-answer-metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .tt94-answer-strip{padding:13px;border-radius:12px}
  .tt94-answer-copy>strong{font-size:23px}
  .tt94-answer-copy>p{font-size:8.5px}
  .tt94-answer-copy>small{font-size:7.5px}
  .tt94-answer-metrics{gap:4px}
  .tt94-answer-metrics span{min-width:0;padding:8px 7px;font-size:6px}
  .tt94-answer-metrics b{font-size:19px}
  .tt93-asset-legend-title{min-width:100%;margin-bottom:2px}

  /* Four-team trades must remain inside the mobile viewport rather than widening the page. */
  .tt-perspective-row{min-width:0}
  #perspectiveSwitch.tt-perspective-switch{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:100%;
    min-width:0;
    gap:6px;
  }
  #perspectiveSwitch.tt-perspective-switch button{
    width:100%;
    min-width:0!important;
    max-width:100%;
  }
  #perspectiveSwitch.tt-perspective-switch button span{
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}
@media(max-width:420px){
  .tt94-answer-metrics{grid-template-columns:1fr}
  .tt94-answer-metrics span{grid-template-columns:48px 1fr;align-items:center;gap:7px}
  .tt94-answer-metrics b{font-size:18px}
}

/* v99 — shared Basketball Ideas shell, typography, touch targets, and flagship hierarchy. */
:root{
  --bi-shell-max:1380px;
  --bi-gutter-desktop:42px;
  --bi-gutter-tablet:28px;
  --bi-gutter-mobile:18px;
  --bi-touch-min:44px;
  --bi-text-tertiary:10.5px;
  --bi-text-small:12px;
  --bi-text-body:14px;
}

body>main{
  width:min(var(--bi-shell-max),calc(100% - var(--bi-gutter-desktop)));
  margin-inline:auto;
  padding-left:0;
  padding-right:0;
}
.tt-topbar{
  padding-left:max(calc(var(--bi-gutter-desktop)/2),calc((100vw - var(--bi-shell-max))/2));
  padding-right:max(calc(var(--bi-gutter-desktop)/2),calc((100vw - var(--bi-shell-max))/2));
}
.tt-brand small{font-size:var(--bi-text-tertiary)}
.tt-primary-nav a{display:flex;align-items:center;min-height:var(--bi-touch-min);font-size:12px}
.tt-back,.tt-tracker-actions button,.tt-trade-row button{min-height:var(--bi-touch-min);font-size:11.5px}
.tt-team-search span,.tt-trade-search span{font-size:11px;line-height:1.25}
.tt-team-search input,.tt-trade-search input{min-height:48px}
.tt-team-card small{font-size:10.5px;line-height:1.35}
.tt-proof-note strong,.tt-proof-note span{font-size:12.5px;line-height:1.45}
.tt-trade-participants{font-size:10.5px!important;line-height:1.4}
.tt-wheel-heading span{font-size:10.5px;line-height:1.25}
.tt-wheel-heading strong{font-size:13.5px}
.tt-wheel-item{font-size:12px}
.tt-section-heading>div>span{font-size:10.5px;line-height:1.25}
.tt-section-heading p{font-size:12.5px;line-height:1.5}

/* Selected-trade context stays available on desktop without pinning the full wheel. */
@media(min-width:781px){
  .tt-tracker-screen .tt-tracker-header{
    position:sticky;
    z-index:62;
    top:70px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:'title actions' 'perspective perspective';
    gap:8px 18px;
    margin:0 0 14px;
    padding:10px 12px;
    border:1px solid #343c43;
    border-top:2px solid color-mix(in srgb,var(--tt-team),#d7bf7b 40%);
    background:#0d1216f2;
    box-shadow:0 10px 28px rgba(0,0,0,.24);
    backdrop-filter:blur(14px);
  }
  .tt-tracker-screen .tt-tracker-header-row{grid-area:actions;align-self:start}
  .tt-tracker-screen .tt-tracker-header-row .tt-back{margin-right:10px}
  .tt-tracker-screen .tt-anchor-title{grid-area:title;padding:0;min-width:0}
  .tt-tracker-screen .tt-anchor-title .tt-kicker{font-size:10px}
  .tt-tracker-screen .tt-anchor-title h1{
    max-width:900px;
    margin:2px 0 3px;
    font-size:clamp(24px,2.6vw,34px);
    line-height:1.08;
    letter-spacing:-.035em;
  }
  .tt-tracker-screen .tt-anchor-title p{font-size:11.5px!important;line-height:1.35!important}
  .tt-tracker-screen .tt-perspective-row{grid-area:perspective;margin-top:1px}
  .tt-tracker-screen .tt-checkpoint-wheel-shell{position:relative;top:auto}
}

.tt-tracker-screen .tt-tracker-actions button{min-height:var(--bi-touch-min);padding:0 12px;font-size:11.5px}
.tt-tracker-screen .tt-perspective-row>span{font-size:11px!important;line-height:1.25}
.tt-tracker-screen .tt-perspective-switch button{min-height:var(--bi-touch-min);font-size:12px!important;padding-top:6px;padding-bottom:6px}
.tt-tracker-screen #latestCheckpoint{min-height:var(--bi-touch-min);font-size:10.5px;padding:0 11px}

/* Level 1: answer first. Meaningful answer text no longer relies on microtype. */
.tt-tracker-screen .tt94-answer-strip{gap:12px;padding:16px 17px}
.tt-tracker-screen .tt94-answer-copy>span{font-size:11px;line-height:1.25}
.tt-tracker-screen .tt94-answer-copy>strong{font-size:clamp(24px,3vw,36px);line-height:1.04}
.tt-tracker-screen .tt94-answer-copy>p{font-size:12.5px;line-height:1.45;font-weight:750}
.tt-tracker-screen .tt94-answer-copy>small{font-size:11px;line-height:1.5}
.tt-tracker-screen .tt94-answer-metrics span{min-width:92px;padding:10px 11px;font-size:10.5px;line-height:1.2}
.tt-tracker-screen .tt94-answer-metrics b{font-size:23px}

/* Supporting legend: readable but quieter than the answer and return story. */
.tt-tracker-screen .tt93-asset-legend{gap:7px;padding:8px 10px;opacity:.76}
.tt-tracker-screen .tt93-asset-legend-title{min-width:190px}
.tt-tracker-screen .tt93-asset-legend-title strong{font-size:10.5px;line-height:1.2}
.tt-tracker-screen .tt93-asset-legend-title small{font-size:10px;line-height:1.35}
.tt-tracker-screen .tt93-asset-legend>span:not(.tt93-asset-legend-title){font-size:9.5px;line-height:1.2;padding:5px 7px}
.tt-tracker-screen .tt93-integrity-banner strong{font-size:11.5px;line-height:1.25}
.tt-tracker-screen .tt93-integrity-banner p{font-size:10.5px;line-height:1.5}

/* Level 2: return cards and downstream outcome story. */
.tt-tracker-screen .tt-flow-side-head span{font-size:12.5px!important;line-height:1.25}
.tt-tracker-screen .tt-flow-side-head small{font-size:10.5px!important;line-height:1.35}
.tt-tracker-screen .tt93-flow-card .tt-flow-chip{min-height:76px!important}
.tt-tracker-screen .tt93-flow-card .tt-flow-avatar,
.tt-tracker-screen .tt93-flow-card .tt-flow-symbol{min-height:76px!important}
.tt-tracker-screen .tt93-flow-card .tt-flow-copy{padding:9px 46px 9px 9px!important}
.tt-tracker-screen .tt93-flow-card .tt-flow-copy strong{font-size:12.5px!important;line-height:1.25!important}
.tt-tracker-screen .tt93-flow-card .tt-flow-copy small{font-size:10.5px!important;line-height:1.35!important}
.tt-tracker-screen .tt93-conversion-line{font-size:10px!important;line-height:1.35!important}
.tt-tracker-screen .tt93-kind-badge{top:6px;right:6px;font-size:9px;line-height:1.1;padding:3px 5px}
.tt-tracker-screen .tt93-view-path{min-height:36px;padding:0 9px;font-size:10px;line-height:1.2;text-align:right}
.tt-tracker-screen .tt93-status-badge{font-size:9px!important;line-height:1.1!important;padding:3px 5px}
.tt-tracker-screen .tt-flow-active-badge{font-size:9px!important;line-height:1.1!important;padding:3px 5px}
.tt-tracker-screen .tt-flow-draft-copy>strong{font-size:12px!important;line-height:1.25!important}
.tt-tracker-screen .tt-flow-draft-copy small,
.tt-tracker-screen .tt-flow-draft-row b,
.tt-tracker-screen .tt-flow-draft-row em{font-size:10px!important;line-height:1.35!important}
.tt-tracker-screen .tt92-later-exits-head strong{font-size:10.5px;line-height:1.25}
.tt-tracker-screen .tt92-later-exits-head small{font-size:10px;line-height:1.35}
.tt-tracker-screen .tt92-never-played-head strong{font-size:10.5px;line-height:1.25}
.tt-tracker-screen .tt92-never-played-head span{font-size:9.5px;line-height:1.2}
.tt-tracker-screen .tt92-never-played-list button{min-height:var(--bi-touch-min)}
.tt-tracker-screen .tt92-never-played-list button strong{font-size:11px;line-height:1.25}
.tt-tracker-screen .tt92-never-played-list button small{font-size:10px;line-height:1.3}

/* Branch customization stays supporting rather than competing with the snapshot. */
.tt-tracker-screen .tt-lineage-controls{margin-bottom:14px;padding:10px 12px 11px;box-shadow:none}
.tt-tracker-screen .tt-lineage-controls-head span{font-size:10.5px;line-height:1.2}
.tt-tracker-screen .tt-lineage-controls-head strong{font-size:18px;line-height:1.15}
.tt-tracker-screen .tt-lineage-controls-head small{font-size:10.5px;line-height:1.3}
.tt-tracker-screen .tt-lineage-controls-head button{min-height:var(--bi-touch-min);padding:0 10px;font-size:10.5px}
.tt-tracker-screen .tt-lineage-controls>p{font-size:11.5px;line-height:1.5}
.tt-tracker-screen .tt-lineage-toggle{min-height:52px;grid-template-columns:20px minmax(160px,250px);padding:7px 9px}
.tt-tracker-screen .tt-lineage-toggle input{width:20px;height:20px}
.tt-tracker-screen .tt-lineage-toggle strong{font-size:11.5px;line-height:1.3}
.tt-tracker-screen .tt-lineage-toggle small{font-size:10px;line-height:1.3}
.tt-tracker-screen .tt-custom-snapshot-notice{font-size:10.5px!important;line-height:1.4}

/* Level 3: complete provenance remains comprehensive, with readable secondary text. */
.tt-tracker-screen .tt-ledger-key{font-size:10.5px!important;line-height:1.35}
.tt-tracker-screen .tt-ledger-labels{font-size:10.5px!important;line-height:1.2}
.tt-tracker-screen .tt-band-eyebrow time,
.tt-tracker-screen .tt-band-eyebrow span,
.tt-tracker-screen .tt-band-kind{font-size:10px!important;line-height:1.35!important}
.tt-tracker-screen .tt-band-header strong{font-size:16px!important;line-height:1.22!important}
.tt-tracker-screen .tt-band-header-main p{font-size:11px!important;line-height:1.45!important}
.tt-tracker-screen .tt-band-header-side small{font-size:10.5px!important;line-height:1.35!important}
.tt-tracker-screen .tt-band-header-side small b{font-size:12px!important}
.tt-tracker-screen .tt-band-team-chip,
.tt-tracker-screen .tt-band-team-more{font-size:10px!important;line-height:1.25}
.tt-tracker-screen .tt-band-team-chip:not(.is-direct) span:last-child:after{font-size:9.5px!important}
.tt-tracker-screen .tt-band-column-title strong{font-size:12.5px!important;line-height:1.25!important}
.tt-tracker-screen .tt-band-column-title em,
.tt-tracker-screen .tt-band-column-title>span{font-size:10px!important;line-height:1.3!important}
.tt-tracker-screen .tt-band-include-row label{font-size:10.5px;line-height:1.3}
.tt-tracker-screen .tt-band-include-row input{width:20px;height:20px}
.tt-tracker-screen .tt-band-include-row em{font-size:10px;line-height:1.35}
.tt-tracker-screen .tt-asset-card,
.tt-tracker-screen .tt-ledger-draft-group{min-height:76px!important}
.tt-tracker-screen .tt-asset-copy{padding:9px!important}
.tt-tracker-screen .tt-asset-copy small,
.tt-tracker-screen .tt-ledger-draft-copy>small{font-size:10px!important;line-height:1.35!important}
.tt-tracker-screen .tt-asset-copy strong,
.tt-tracker-screen .tt-ledger-draft-copy>strong{font-size:12.5px!important;line-height:1.25!important}
.tt-tracker-screen .tt-asset-copy p,
.tt-tracker-screen .tt-asset-copy em,
.tt-tracker-screen .tt-ledger-draft-rows em,
.tt-tracker-screen .tt-ledger-draft-more{font-size:10.5px!important;line-height:1.4!important}
.tt-tracker-screen .tt-ledger-draft-rows b{font-size:10.5px!important;line-height:1.35!important}
.tt-tracker-screen .tt-asset-tag,
.tt-tracker-screen .tt-ledger-draft-copy>i,
.tt-tracker-screen .tt93-ledger-kind{font-size:9.5px!important;line-height:1.2!important;padding:3px 5px}

/* Detail views use the same readability floor. */
.tt-detail-dialog header button{min-width:var(--bi-touch-min);min-height:var(--bi-touch-min)}
.tt-detail-dialog .tt91-detail-identity small{font-size:10.5px;line-height:1.3}
.tt-detail-dialog .tt91-detail-identity span{font-size:11px;line-height:1.25}
.tt-detail-dialog .tt91-stat-strip span{font-size:10.5px;line-height:1.25}
.tt-detail-dialog .tt91-breakdown summary{min-height:var(--bi-touch-min);display:flex;align-items:center;font-size:11.5px;line-height:1.3}
.tt-detail-dialog .tt91-season-row{font-size:11.5px;line-height:1.4}
.tt-detail-dialog .tt91-season-row strong{font-size:12px!important}
.tt-detail-dialog .tt91-season-row a{font-size:10.5px}
.tt-detail-dialog .tt91-evolution-asset,
.tt-detail-dialog .tt91-evolution-event{font-size:11px;line-height:1.45}
.tt-detail-dialog .tt91-evolution-asset b,
.tt-detail-dialog .tt91-evolution-event b{font-size:10px;line-height:1.25}
.tt-detail-dialog .tt-detail-block small{font-size:10.5px!important;line-height:1.35}
.tt-detail-dialog .tt-source-list a{min-height:var(--bi-touch-min);display:flex;align-items:center;font-size:11.5px!important}

@media(max-width:1080px){
  body>main{width:min(var(--bi-shell-max),calc(100% - var(--bi-gutter-tablet)))}
  .tt-topbar{padding-left:calc(var(--bi-gutter-tablet)/2);padding-right:calc(var(--bi-gutter-tablet)/2)}
}

@media(max-width:780px){
  body>main{width:min(var(--bi-shell-max),calc(100% - var(--bi-gutter-mobile)));padding-top:18px}
  .tt-topbar{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    min-height:0;
    padding:9px calc(var(--bi-gutter-mobile)/2);
  }
  .tt-brand{min-height:var(--bi-touch-min);min-width:0}
  .tt-brand strong{font-size:14px}
  .tt-brand small{font-size:10.5px}
  .tt-primary-nav{
    width:100%;gap:6px!important;overflow-x:auto;overscroll-behavior-x:contain;
    scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:1px
  }
  .tt-primary-nav::-webkit-scrollbar{display:none}
  .tt-primary-nav a{
    flex:0 0 auto;min-height:var(--bi-touch-min);padding:0 12px!important;
    font-size:11.5px!important;line-height:1.2;white-space:nowrap;scroll-snap-align:start
  }
  .tt-primary-nav a:after{content:none!important;display:none!important}
  .tt-tracker-screen .tt-tracker-header{position:relative;top:auto;padding-bottom:12px}
  .tt-tracker-screen .tt-anchor-title{padding:16px 0 14px}
  .tt-tracker-screen .tt-anchor-title h1{font-size:clamp(30px,9vw,40px);line-height:1.02}
  .tt-tracker-screen .tt-anchor-title p{font-size:12.5px!important;line-height:1.45!important}
  .tt-tracker-screen .tt-tracker-header-row{align-items:stretch;flex-direction:column}
  .tt-tracker-screen .tt-tracker-actions{width:100%}
  .tt-tracker-screen .tt-tracker-actions button{flex:1}
  .tt-tracker-screen .tt-perspective-row{align-items:flex-start;flex-direction:column}
  #perspectiveSwitch.tt-perspective-switch{
    display:flex;width:100%;max-width:100%;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;
    scrollbar-width:none;padding-bottom:2px
  }
  #perspectiveSwitch.tt-perspective-switch::-webkit-scrollbar{display:none}
  #perspectiveSwitch.tt-perspective-switch button{
    flex:0 0 auto;width:auto;min-width:max-content!important;max-width:none;min-height:var(--bi-touch-min)
  }
  #perspectiveSwitch.tt-perspective-switch button span{white-space:nowrap;overflow-wrap:normal}
  .tt-tracker-screen .tt-checkpoint-wheel-shell{top:106px;margin-bottom:14px;padding:8px 9px 9px}
  .tt-tracker-screen .tt-wheel{height:56px}
  .tt-tracker-screen .tt-wheel-item{height:38px}
  .tt-tracker-screen .tt-wheel-actions>span{display:none}
  .tt-tracker-screen .tt94-answer-strip{padding:14px}
  .tt-tracker-screen .tt94-answer-copy>strong{font-size:26px}
  .tt-tracker-screen .tt94-answer-copy>p{font-size:12px}
  .tt-tracker-screen .tt94-answer-copy>small{font-size:10.5px}
  .tt-tracker-screen .tt94-answer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .tt-tracker-screen .tt94-answer-metrics span{min-width:0;padding:8px;font-size:9.5px}
  .tt-tracker-screen .tt94-answer-metrics b{font-size:20px}
  .tt-tracker-screen .tt93-asset-legend{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .tt-tracker-screen .tt93-asset-legend::-webkit-scrollbar{display:none}
  .tt-tracker-screen .tt93-asset-legend-title{flex:0 0 165px;min-width:165px!important;width:auto!important;margin-right:0}
  .tt-tracker-screen .tt93-asset-legend>span:not(.tt93-asset-legend-title){flex:0 0 auto}
  .tt-tracker-screen .tt-lineage-controls-head{align-items:flex-start;flex-direction:column}
  .tt-tracker-screen .tt-lineage-controls-head button{align-self:stretch}
  .tt-tracker-screen .tt-lineage-toggle{grid-template-columns:20px minmax(165px,230px)}
  .tt-tracker-screen .tt-ledger-key{justify-content:flex-start;flex-wrap:wrap}
  .tt-tracker-screen .tt-asset-copy strong,
  .tt-tracker-screen .tt-ledger-draft-copy>strong{font-size:12.5px!important}
  .tt-tracker-screen .tt-band-header-main p{font-size:11px!important}
}

@media(max-width:420px){
  .tt-tracker-screen .tt94-answer-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tt-tracker-screen .tt94-answer-metrics span{display:grid;grid-template-columns:1fr;gap:4px;text-align:left}
  .tt-tracker-screen .tt94-answer-metrics b{font-size:19px}
}

/* v99 mobile acceptance correction: restore every full product label over legacy mobile hiding/abbreviation rules. */
@media(max-width:780px){
  body .tt-primary-nav a,
  body .tt-primary-nav a.we-nav-link{
    display:flex!important;
    height:45px!important;
    min-height:45px!important;
    font-size:11.5px!important;
  }
  body .tt-primary-nav a:after,
  body .tt-primary-nav a.we-nav-link:after{
    content:none!important;
    display:none!important;
  }
}
