/* 单卡浏览（deck）视图 */
#cards.deck{display:block}
#cards.deck .flow-card{
  max-width:1080px;margin:0 auto;
  /* 固定高度：卡片不随展开变长，内容在卡内上下滚动 */
  height:clamp(360px, calc(100vh - 300px), 860px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
}
#cards.deck .flow-card::-webkit-scrollbar{width:10px}
#cards.deck .flow-card::-webkit-scrollbar-thumb{background:#cdd8d3;border-radius:6px;border:2px solid #fff}
#cards.deck .flow-card::-webkit-scrollbar-thumb:hover{background:#b6c4be}
#cards.deck .flow-card::-webkit-scrollbar-track{background:transparent}
.deck-bar{display:flex;align-items:center;gap:12px;margin:0 0 16px;flex-wrap:wrap}
.deck-pos{font-size:13px;color:var(--muted);min-width:76px;text-align:center;font-variant-numeric:tabular-nums}
.deck-hint{font-size:11px;color:#9aa8a1;margin-left:auto}
.deck-bar button:disabled{opacity:.4;cursor:default}
.deck-bar button{min-width:96px}
@media(max-width:650px){
  .deck-hint{display:none}
  .deck-pos{min-width:60px}
  .deck-bar{gap:8px}
  .deck-bar button{min-width:0;flex:1}
  #cards.deck .flow-card{height:calc(100vh - 220px)}
}