/* #honest (v7) · S8 "先讲清楚" · white ground (S7 above is paper, so the two never share a ground).
   Ledger: green ✓ 会给你看 first, grey ✕ 不会给你看 with every item struck through. Stacked on phones,
   side by side from 600. Under it the fit block: 不适合你 muted, 适合你 highlighted (paper panel).
   Calm: no motion, no button, no red. */

#honest .hn-h .l { display: block; }

/* ---------- ledger ---------- */
#honest .hn-ledger { display: grid; gap: var(--ds-s5); }
#honest .hn-ch { display: flex; align-items: center; gap: var(--ds-s2); margin: 0 0 var(--ds-s2);
  font: 700 var(--ds-fs-lead)/1.4 var(--ds-zh); color: var(--ds-text); }
#honest .hn-no .hn-ch { color: var(--ds-mute); }
#honest .hn-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ds-line-strong); }
#honest .hn-no .hn-list { border-top-color: var(--ds-line); }
/* fix loop (skim): every ✓ / ✕ item is a big-text row at h3 scale */
#honest .hn-list li { padding: var(--ds-s2) 0; border-bottom: 1px solid var(--ds-line);
  font: 900 var(--ds-fs-h3)/var(--ds-lh-h3) var(--ds-zh); color: var(--ds-text); }
#honest .hn-list li small { display: block; margin-top: 0; font: 400 var(--ds-fs-small)/1.5 var(--ds-zh); color: var(--ds-mute); }
#honest .hn-no .hn-list li { font-weight: 700; color: var(--ds-mute); }
#honest .hn-no .hn-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--ds-s4); }   /* 4 short items: 2 x 2 */
#honest .hn-no s { text-decoration: line-through; text-decoration-thickness: 1.5px; text-decoration-color: var(--ds-mute); }

/* ---------- fit block ---------- */
#honest .hn-fit { display: grid; gap: var(--ds-s2); margin-top: var(--ds-s6); }
#honest .hn-fit-row { padding: var(--ds-s4); border-radius: var(--ds-r); }
#honest .hn-fit-no { border: 1px dashed var(--ds-line); }
#honest .hn-fit-yes { background: var(--ds-paper); box-shadow: inset 3px 0 0 var(--ds-up); }
#honest .hn-fk { display: flex; align-items: center; gap: var(--ds-s2); margin: 0 0 var(--ds-s2);
  font: 700 var(--ds-fs-fine)/1.5 var(--ds-zh); color: var(--ds-mute); }
#honest .hn-fit-yes .hn-fk { color: var(--ds-up-t); }
#honest .hn-fk .ds-mark { width: 22px; height: 22px; }
#honest .hn-fk .ds-mark svg { width: 13px; height: 13px; }
#honest .hn-fv { margin: 0; font: 400 var(--ds-fs-body)/1.6 var(--ds-zh); color: var(--ds-mute); text-wrap: pretty; }
#honest .hn-l { display: inline-block; margin-right: var(--ds-s2); }
#honest .hn-fit-yes .hn-fv { font: 700 var(--ds-fs-lead)/1.55 var(--ds-zh); color: var(--ds-text); }

@media (min-width: 600px) {
  #honest .hn-ledger { grid-template-columns: 1fr 1fr; gap: var(--ds-s5); }
}

@media (min-width: 960px) {
  #honest .hn-ledger { gap: var(--ds-s6); }
  #honest .hn-ch { font-size: var(--ds-fs-h3); margin-bottom: var(--ds-s4); }
  #honest .hn-list li { padding: var(--ds-s2) 0; }
  /* two rows, key left / value right */
  #honest .hn-fit-row { display: grid; grid-template-columns: 13em minmax(0, 1fr); column-gap: var(--ds-s5); align-items: baseline; padding: var(--ds-s5) var(--ds-s6); }
  #honest .hn-fk { margin: 0; }
  #honest .hn-l { display: inline-block; margin-right: var(--ds-s4); white-space: nowrap; }
}

/* fix loop (page length): phones end the section on the s6 step (40) instead of 64; desktop keeps --ds-sec-y */
@media (max-width: 959px) { #honest.ds-sec { padding-bottom: var(--ds-s6); } }
/* v9 mobile polish: the 3 不适合 reasons read as a list, one per line, on phones */
@media (max-width: 959px) { #honest .hn-l { display: block; margin-right: 0; } }