/* SPEC §22 satellite /record (web/pulsar/pages/record.html): model cards (發布中 / 已下架) with each model's full record and
   picks, then 「其他紀錄」 listed without totals. Loaded instead of /assets/css/pages/record.css on a satellite. */
@import url("../../css/inner.css");
@import url("../../css/ui-settled.css");

.rec-gate { min-height: 400px; margin-bottom: 20px; }
.rec-gate__points { justify-content: center; max-width: 560px; margin: 4px 0 6px; }

.pxm { display: grid; gap: 16px; margin-top: 34px; }
.pxm-head { display: grid; gap: 6px; }
.pxm-head__t { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: var(--fs-h4); }
.pxm-head__d { max-width: 72ch; font-size: var(--fs-sm); line-height: 1.7; color: var(--stone); }
.pxm-cards { display: grid; gap: 18px; }
.pxm-none { margin: 0; padding: 18px 0; font-size: var(--fs-sm); color: var(--text-3); }

.pxm-card { display: grid; gap: 18px; padding: clamp(18px, 2.4vw, 28px); }
.pxm-card.is-retired { background: var(--glass); }
.pxm-card__h { display: flex; align-items: center; gap: 14px; }
.pxm-card__ic { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 14px; color: var(--px-teal, #3EF3D6);
  background: rgba(62,243,214,.08); box-shadow: inset 0 0 0 1px rgba(62,243,214,.28); }
.pxm-card__id { flex: 1; min-width: 0; }
.pxm-card__t { font-size: var(--fs-h4); overflow-wrap: anywhere; }
.pxm-card__s { margin-top: 4px; font-size: var(--fs-sm); color: var(--stone); }

.pxm-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-radius: 16px; background: rgba(6,10,22,.5); border: 1px solid rgba(140,170,255,.14); }
.pxm-stat { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 16px 18px; }
.pxm-stat + .pxm-stat { border-left: 1px solid rgba(140,170,255,.12); }
.pxm-stat__l { font-size: var(--fs-xs); font-weight: 600; letter-spacing: .04em; color: var(--text-3); }
.pxm-stat__v { font: 700 clamp(1.4rem, 1.15rem + 1vw, 2rem)/1 var(--font-mono); font-variant-numeric: tabular-nums; color: #F4FBFF; }
.pxm-stat__v.pos { color: var(--jade); }
.pxm-stat__v.neg { color: #F58A98; }
.pxm-stat__m { font-size: var(--fs-xs); line-height: 1.5; color: var(--stone); }

.pxm-list > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; cursor: pointer; font-size: var(--fs-sm); font-weight: 600; color: var(--px-teal, #3EF3D6); list-style: none; }
.pxm-list > summary::-webkit-details-marker { display: none; }
.pxm-list > summary::before { content: ""; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform var(--dur-2) var(--ease); }
.pxm-list[open] > summary::before { transform: rotate(45deg); }
.pxm-list .settled__pick, .pxm-other .settled__pick { color: var(--px-gold-1, #FFE9A8); font-weight: 600; }
.pxm-list .settled__pl.pos, .pxm-other .settled__pl.pos { color: var(--jade); }
.pxm-list .settled__pl.neg, .pxm-other .settled__pl.neg { color: #F58A98; }
.pxr-more { display: flex; justify-content: center; margin-top: 14px; }

.rec-formula { margin-top: 40px; }
.rec-formula__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px 26px; margin-top: 20px; }
.rec-formula__grid div { padding-top: 14px; border-top: 1px solid var(--line-gold); }
.rec-formula__grid dt { font-weight: 600; font-size: var(--fs-sm); color: var(--gold-1); }
.rec-formula__grid dd { margin-top: 8px; font-size: var(--fs-sm); line-height: 1.75; color: var(--stone); }

@media (max-width: 1023px) {
  .pxm-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pxm-stat:nth-child(4) { border-left: 0; }
  .pxm-stat:nth-child(n+4) { border-top: 1px solid rgba(140,170,255,.12); }
  .rec-formula__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 599px) {
  .pxm-stats { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .pxm-stat:nth-child(n) { border-left: 0; border-top: 0; }
  .pxm-stat:nth-child(even) { border-left: 1px solid rgba(140,170,255,.12); }
  .pxm-stat:nth-child(n+3) { border-top: 1px solid rgba(140,170,255,.12); }
  .pxm-stat:last-child { grid-column: 1 / -1; border-left: 0; }
  .pxm-stat { padding: 14px; }
  .rec-formula__grid { grid-template-columns: minmax(0, 1fr); }
}