/* v6.0-A RC2 — focused fixes: practice subject labels, representative media, review motion */
:root{
  --v60-motion-fast:150ms;
  --v60-motion-ease:cubic-bezier(.2,.82,.22,1);
}

/* 1) Practice subject cards: every subject uses identical geometry.
   Politics is normalized to `思想政治` in JS; titles never wrap on mobile. */
.ui2-task-subject-rail button{
  box-sizing:border-box;
}
.ui2-task-subject-rail button>b{
  display:block;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:430px){
  .ui2-task-subject-rail button{
    min-height:66px;
    padding:9px 6px;
  }
  .ui2-task-subject-rail button>b{font-size:13px}
  .ui2-task-subject-rail button>small{font-size:9.5px;line-height:1.2}
  .ui2-task-launch>div{min-width:0;flex:1 1 auto}
  .ui2-task-launch>div>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* 2) Representative original-question media. Reuse qbank imageData, not a copied content layer. */
.v60a-representative-media{
  display:grid;
  gap:8px;
  margin:14px 0 8px;
  padding:12px 0 0;
  border:0;
  border-top:1px solid var(--ui2-border,#dde3ea);
  border-radius:0;
  background:transparent;
}
.v60a-representative-media img{
  display:block;
  width:100%;
  max-width:100%;
  max-height:520px;
  object-fit:contain;
  border:1px solid var(--ui2-border,#dde3ea);
  border-radius:8px;
  background:#fff;
}
.v60a-representative-media-label{
  color:var(--ui2-text-3,#7a8495);
  font-size:11px;
  font-weight:760;
}
@media(max-width:620px){
  .v60a-representative-media{padding:10px 0 0;margin:12px 0 6px}
  .v60a-representative-media img{max-height:420px;border-radius:8px}
}