/* Case collection: facts from each original record, followed by optional full text. */
#mj-cl .mj-cl-head { padding: 44px 0 30px; background: #fff; }
#mj-cl .mj-cl-head .mj-h2 { font-size: clamp(30px, 3vw, 42px); line-height: 1.3; max-width: none; }
#mj-cl .mj-cl-head .mj-lead { max-width: 52em; font-size: 17px; line-height: 1.8; margin-top: 16px; }
#mj-cl .mj-cl-stats { margin-top: 24px; padding-top: 20px; gap: 16px 32px; }
#mj-cl .mj-cl-stats div { flex-direction: row; gap: 7px; margin: 0; padding: 0; border: 0; align-items: baseline; }
#mj-cl .mj-cl-stats b, #mj-cl .mj-cl-stats div:first-child b { font-size: 21px; }
#mj-cl .mj-cl-stats span { letter-spacing: 0; font-size: 15px; }
#mj-cl .mj-cl-bar { position: relative; top: auto; background: #fff; backdrop-filter: none; }
#mj-cl .mj-cl-bar__inner { gap: 10px 24px; padding-top: 16px; padding-bottom: 20px; }
#mj-cl .mj-cl-chips { flex-wrap: wrap; gap: 4px 20px; max-width: 100%; }
#mj-cl .mj-cl-chips--field, #mj-cl .mj-cl-chips--scene { flex-basis: 100%; }
#mj-cl .mj-cl-chips button { min-height: 38px; font-size: 16px; letter-spacing: 0; white-space: normal; text-align: left; }
#mj-cl .mj-cl-search { min-width: 0; flex-basis: 320px; border-radius: 6px; }
#mj-cl .mj-cl-search input { height: 42px; font-size: 16px; }
#mj-cl .mj-cl-year-sel select { min-height: 40px; border-radius: 6px; }
#mj-cl .mj-cl-search:focus-within { outline: 2px solid var(--mj-navy); outline-offset: 2px; }
#mj-cl .mj-cl-reset { appearance: none; background: transparent; border: 0; color: var(--mj-navy); font: 500 16px/1.5 var(--mj-font-sans); padding: 8px 0; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
#mj-cl .mj-cl-reset[hidden] { display: none; }
#mj-cl .mj-cl-count { font-weight: 400; font-size: 15px; }
#mj-cl .mj-cl-reading-note { margin: 0 0 28px; padding: 0 0 18px; border-bottom: 1px solid var(--mj-line); color: var(--mj-ink-2); }
#mj-cl .mj-cl-reading-note summary { cursor: pointer; font-size: 16px; color: var(--mj-navy); }
#mj-cl .mj-cl-reading-note .mj-cl-intro { margin: 16px 0 0; font-size: 16px; line-height: 1.8; }
#mj-cl .mj-cl-card { padding: 28px 0; gap: 10px; }
#mj-cl .mj-cl-card.is-open { grid-row: auto; }
#mj-cl .mj-cl-card__top { flex-wrap: wrap; gap: 8px 14px; font-size: 15px; }
#mj-cl .mj-cl-card h3 { font-size: 20px; line-height: 1.5; }
#mj-cl .mj-cl-card h3 small { font-size: 16px; color: #475569; font-weight: 400; line-height: 1.7; margin-top: 5px; }
#mj-cl .mj-cl-card__overview { display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 8px 20px; margin: 8px 0 4px; max-width: 68em; font-size: 17px; line-height: 1.8; }
#mj-cl .mj-cl-card__overview dt { font-size: 16px; color: #475569; font-weight: 400; margin: 0; }
#mj-cl .mj-cl-card__overview dd { color: #334155; margin: 0; min-width: 0; overflow-wrap: anywhere; }
#mj-cl .mj-cl-card.has-overview > .mj-cl-card__proc,
#mj-cl .mj-cl-card.has-overview > .mj-cl-card__story,
#mj-cl .mj-cl-card.has-overview > .mj-cl-card__focus,
#mj-cl .mj-cl-card.has-overview > .mj-cl-card__flags { display: none; }
#mj-cl .mj-cl-card__full { max-width: 68em; border-top: 1px solid var(--mj-line); padding-top: 20px; margin-top: 10px; }
#mj-cl .mj-cl-card__full p { font-size: 17px; color: #334155; line-height: 1.9; margin-bottom: 14px; }
#mj-cl .mj-cl-card__full h4 { font-size: 20px; line-height: 1.5; margin: 20px 0 8px; letter-spacing: 0; }
#mj-cl .mj-cl-card__more { min-height: 44px; font-size: 16px; margin: 2px 0; }
#mj-cl .mj-cl-card__share { gap: 20px; margin: 0; }
#mj-cl .mj-cl-card__share button { min-height: 44px; font-size: 16px; }
#mj-cl .mj-cl-card.is-hl { box-shadow: none; border-left: 3px solid var(--mj-navy); padding-left: 20px; }
#mj-cl .mj-cl-year__h small { font-size: 15px; font-weight: 400; }
@media (max-width: 600px) {
  #mj-cl .mj-cl-head { padding-top: 30px; }
  #mj-cl .mj-cl-stats { gap: 12px 22px; }
  #mj-cl .mj-cl-bar__inner { gap: 12px; }
  #mj-cl .mj-cl-chips { gap: 4px 16px; }
  #mj-cl .mj-cl-chips--flags { flex-basis: 100%; }
  #mj-cl .mj-cl-search { flex-basis: 100%; }
  #mj-cl .mj-cl-card h3 { font-size: 18px; }
  #mj-cl .mj-cl-card__overview { grid-template-columns: 1fr; gap: 3px; }
  #mj-cl .mj-cl-card__overview dd { margin-bottom: 10px; }
  #mj-cl .mj-cl-count { margin-left: 0; }
}

/* Filters and case labels are content, rather than faint metadata. */
#mj-cl .mj-cl-chips button { color:#475569; }
#mj-cl .mj-cl-chips button.is-on { color:var(--mj-navy); }
#mj-cl .mj-cl-chips button small { font-size:14px; color:#475569; opacity:1; }
#mj-cl :is(.mj-cl-count,.mj-cl-stats span,.mj-cl-year__h small,.mj-cl-year-sel) { color:#475569; font-size:15px; }
#mj-cl .mj-cl-year-sel select { font-size:16px; color:#334155; }
#mj-cl :is(.mj-cl-card__field,.mj-cl-card__top .mj-tag) { font-size:16px; line-height:1.7; color:#334155; letter-spacing:0; }
#mj-cl .mj-cl-card__top { color:#475569; }
#mj-cl .mj-cl-reading-note .mj-cl-intro { font-size:17px; color:#334155; }
#mj-cl :is(.mj-aao-more__hint,.mj-cl-note),
#mj-cl :is(.mj-aao-more__hint,.mj-cl-note) :is(.nav-zh,.nav-en) { font-size:15px; color:#475569; line-height:1.8; }
@media(max-width:600px) {
  #mj-cl .mj-cl-card__overview,
  #mj-cl .mj-cl-card__full p,
  #mj-cl .mj-cl-reading-note .mj-cl-intro,
  #mj-cl .mj-cl-head .mj-lead { font-size:16px; }
}