/* Latest / Previous / Popular tabs above the mini card strip (review + compare pages).
   A segmented control: equal-width segments, centred labels, the open one filled gold. */
.new-card-strip-panel .new-cards-title-row:has(.latest-tabs){display:block;width:100%}
.new-card-strip-panel .mini-section-head .latest-tabs-heading{display:block;margin:0;font-size:inherit;line-height:1}
.new-card-strip-panel .latest-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;width:min(100%,560px);margin:0 auto;padding:3px;border:1px solid rgba(242,193,78,.28);border-radius:999px;background:rgba(5,12,8,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.new-card-strip-panel .latest-tab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:30px;margin:0;padding:4px 16px;border:1px solid transparent;border-radius:999px;background:none;font:700 .84rem/1.15 'Anuphan','Chakra Petch',sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.new-card-strip-panel .latest-tab[hidden]{display:none}
.new-card-strip-panel .latest-tab.is-active,.new-card-strip-panel #latestCardsTitle.is-active,.new-card-strip-panel #newCardsTitle.is-active{border-color:rgba(242,193,78,.6);background:linear-gradient(180deg,rgba(242,193,78,.22),rgba(242,193,78,.1));color:var(--stadium-gold,#f2c14e)}
.new-card-strip-panel .latest-tab:not(.is-active),.new-card-strip-panel #latestCardsTitle:not(.is-active),.new-card-strip-panel #newCardsTitle:not(.is-active){color:var(--muted)}
.new-card-strip-panel .latest-tab:not(.is-active):hover,.new-card-strip-panel #latestCardsTitle:not(.is-active):hover,.new-card-strip-panel #newCardsTitle:not(.is-active):hover{color:var(--text);background:rgba(255,255,255,.04)}
.new-card-strip-panel .latest-tab:focus-visible{outline:2px solid var(--stadium-gold,#f2c14e);outline-offset:1px}
/* Only one tab available (no popular/previous data): show it as the plain section title. */
.new-card-strip-panel .latest-tabs:not(:has(.latest-tab:not([hidden]):not(.is-active))){display:block;width:auto;padding:0;border:0;background:none;box-shadow:none}
.new-card-strip-panel .latest-tabs:not(:has(.latest-tab:not([hidden]):not(.is-active))) .latest-tab{display:inline;min-height:0;padding:0;border:0;background:none;font:inherit;font-size:1.3rem;cursor:default}
.new-card-strip-panel .new-cards-meta{margin-top:6px}
.new-card-strip-panel.popular-active .new-cards-meta span:first-child{white-space:normal;min-width:0}
@media (max-width:420px){
  .new-card-strip-panel .latest-tab{min-height:30px;padding:4px 10px;font-size:.78rem}
}

/* Popular rank: chip on the strip card, inline in the expanded list. */
.mini-card-choice{position:relative}
.popular-rank{display:inline-block;margin-right:4px;color:var(--stadium-gold,#f2c14e);font:800 .82em 'Chakra Petch',sans-serif;font-style:normal}
.popular-rank-chip{position:absolute;top:6px;right:6px;z-index:3;margin:0;padding:2px 7px;border:1px solid rgba(242,193,78,.55);border-radius:999px;background:rgba(10,14,10,.82);font-size:.72rem;line-height:1.2;pointer-events:none}

/* "View all" under the card strip: compact centred capsule whose label names the open tab. */
.new-card-strip-panel .latest-expand-trigger.latest-expand-wide{display:flex;align-items:center;justify-content:center;width:auto;min-width:200px;max-width:100%;min-height:32px;margin:8px auto 0;padding:5px 18px;border:1px solid rgba(140,219,104,.5);border-radius:999px;background:rgba(140,219,104,.06);color:var(--green);font:700 .74rem/1.2 'Anuphan','Chakra Petch',sans-serif;white-space:nowrap}
.new-card-strip-panel .latest-expand-trigger.latest-expand-wide:hover,.new-card-strip-panel .latest-expand-trigger.latest-expand-wide:focus-visible{border-color:var(--green);background:rgba(140,219,104,.12)}
/* Tighter vertical rhythm around the tabbed strip (TeeO: too much space above the tabs and before View all). */
html body .new-card-strip-panel:has(.latest-tabs){margin-top:4px}
.new-card-strip-panel:has(.latest-tabs) .mini-card-strip{padding-bottom:4px}
.new-card-strip-panel .latest-expand-trigger.latest-expand-wide{margin-top:6px}