/* Shared EN / BM / Chinese case finder. Keep each result visually independent. */
body.knowledge-index-page .knowledge-search-results {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; background:transparent;
}
body.knowledge-index-page .knowledge-result-card {
  display:flex; flex-direction:column; gap:0; min-width:0; padding:24px;
  background:#fff; border:1px solid #c7dce9; border-radius:18px;
  box-shadow:0 4px 16px rgb(16 55 80 / 5%); overflow:hidden;
  transition:border-color .18s,box-shadow .18s;
}
body.knowledge-index-page .knowledge-result-card:hover {
  border-color:#0077df; background:#fff; box-shadow:0 8px 24px rgb(16 55 80 / 10%);
}
body.knowledge-index-page .knowledge-result-card :where(span) {
  margin:0; font-size:16px; font-weight:500; letter-spacing:0; text-transform:none; color:inherit;
}
body.knowledge-index-page .knowledge-result-heading {
  display:grid; grid-template-columns:96px minmax(0,1fr); gap:20px; align-items:start; margin-bottom:22px;
}
body.knowledge-index-page img.knowledge-result-cover {
  width:96px; height:128px; object-fit:cover; border-radius:10px; background:#edf4f8;
}
body.knowledge-index-page .knowledge-result-brand {
  display:flex; align-items:center; gap:10px; margin-bottom:12px; color:#32607b;
}
body.knowledge-index-page a.knowledge-result-brand {
  display:inline-flex; flex-wrap:wrap; max-width:100%; min-height:44px; padding:6px 12px;
  border:1px solid #80b9e4; border-radius:999px; background:#edf6ff; color:#0868be; text-decoration:none;
}
body.knowledge-index-page a.knowledge-result-brand:hover { background:#dceeff; border-color:#0077df; }
body.knowledge-index-page .knowledge-result-brand > span:not(.knowledge-brand-mark) {font-size:17px;font-weight:650;line-height:1.4}
body.knowledge-index-page .knowledge-result-brand > svg {width:16px;height:16px;flex:0 0 16px}
body.knowledge-index-page .knowledge-result-title a {color:inherit;text-decoration:none}
body.knowledge-index-page .knowledge-result-title a:hover {color:#0068bd;text-decoration:underline}
body.knowledge-index-page .knowledge-result-action {text-decoration:none}
body.knowledge-index-page .knowledge-result-cover-link {display:block;border-radius:10px;overflow:hidden}
body.knowledge-index-page h3.knowledge-result-title {
  margin:0; color:#122e43; font-size:21px; font-weight:750; line-height:1.5; letter-spacing:-.02em;
}
body.knowledge-index-page .knowledge-result-facts {
  display:grid; grid-template-columns:1fr 1.3fr; gap:20px; margin:0 0 20px;
  padding:18px; background:#f3f8fc; border:1px solid #dfebf3; border-radius:12px;
}
body.knowledge-index-page .knowledge-result-facts > div + div {border-left:1px solid #cbdde9;padding-left:20px}
body.knowledge-index-page .knowledge-result-facts dt {color:#536a7a;font-size:16px;line-height:1.5;margin:0 0 6px}
body.knowledge-index-page .knowledge-result-facts dd {color:#183e56;font-weight:600;margin:0;line-height:1.55!important;overflow-wrap:anywhere}
body.knowledge-index-page .knowledge-result-footer {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px;
  border-top:1px solid #dce8ef; padding-top:18px; margin-top:auto;
}
body.knowledge-index-page .knowledge-result-meta {display:flex;flex-wrap:wrap;gap:10px 18px;color:#526779;font-size:16px;line-height:1.5}
body.knowledge-index-page .knowledge-result-meta > * {display:flex;align-items:center;gap:8px}
.knowledge-result-card svg {width:20px;height:20px;flex-shrink:0}
body.knowledge-index-page .knowledge-result-action {
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  min-height:46px; padding:10px 18px; border:1.5px solid #0077df; border-radius:999px;
  color:#0868be; font-size:17px; font-weight:650; line-height:1.4;
}
body.knowledge-index-page .knowledge-result-card:hover .knowledge-result-action {background:#eaf5ff}
body.knowledge-index-page .knowledge-brand-mark,.knowledge-brand-mark {
  display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 40px; color:#2672a5;
}
body.knowledge-index-page .knowledge-brand-mark img,.knowledge-brand-mark img {
  width:40px; height:40px; object-fit:contain; background:transparent; border-radius:0;
}
.knowledge-brand-mark svg {width:28px;height:28px}
body.knowledge-index-page .knowledge-result-brand .knowledge-brand-mark,
body.knowledge-index-page .knowledge-result-brand .knowledge-brand-mark img {width:28px;height:28px;flex-basis:28px}
.knowledge-search select[hidden] {display:none!important}
.knowledge-brand-trigger {
  display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:9px 14px;
  color:#15354b; background:#fff; border:1px solid #cbdde6; border-radius:12px;
  font:600 18px/1.45 Inter,sans-serif; text-align:left; cursor:pointer;
}
.knowledge-brand-trigger > span:nth-child(2) {flex:1;min-width:0}
.knowledge-brand-trigger > svg {width:22px;height:22px;flex-shrink:0}
.knowledge-brand-trigger:hover {border-color:#0077df;background:#f5faff}
body.knowledge-brand-open {overflow:hidden}
dialog.knowledge-brand-dialog {
  width:min(620px,calc(100% - 32px)); max-width:none; max-height:min(760px,calc(100dvh - 40px));
  padding:0; margin:auto; border:1px solid #d3e2ec; border-radius:22px;
  color:#15354b; background:#fff; box-shadow:0 22px 80px rgb(5 32 52 / 24%);
  font:400 18px/1.5 Inter,sans-serif; overflow:hidden;
}
.knowledge-brand-dialog::backdrop {background:rgb(8 28 44 / 48%)}
.knowledge-brand-panel {display:flex;flex-direction:column;max-height:inherit;padding:24px;box-sizing:border-box}
.knowledge-brand-header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.knowledge-brand-header h2 {font:800 26px/1.3 Manrope,sans-serif;letter-spacing:-.02em;margin:0}
.knowledge-brand-close {display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #c5dbe9;border-radius:50%;background:#f4f9fd;color:#235574;cursor:pointer}
.knowledge-brand-close svg {width:24px;height:24px}
.knowledge-brand-search {width:100%;min-height:54px;flex-shrink:0;padding:12px 16px;border:1px solid #abc8db;border-radius:12px;background:#fff;color:#15354b;font:400 18px/1.5 Inter,sans-serif;box-sizing:border-box}
.knowledge-brand-choices {min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:20px -6px -6px;padding:6px;scrollbar-gutter:stable}
.knowledge-brand-group {margin:24px 0 0;padding:0}
.knowledge-brand-group h3 {font:700 18px/1.5 Inter,sans-serif;margin:0 0 12px;color:#526779}
.knowledge-brand-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.knowledge-brand-option {
  display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px;
  border:1px solid #d5e3ec;border-radius:12px;background:#fff;color:#17394e;
  font:600 18px/1.4 Inter,sans-serif;text-align:left;cursor:pointer;box-sizing:border-box;
}
.knowledge-brand-option > span:last-child {min-width:0;overflow-wrap:anywhere}
.knowledge-brand-option:hover {background:#f2f8fe;border-color:#0077df}
.knowledge-brand-option[aria-pressed=true] {border:2px solid #0077df;padding:11px;background:#ebf5ff;color:#0868be}
.knowledge-brand-option[aria-pressed=true]::after {content:'✓';margin-left:auto;color:#0077df;font-size:20px}
.knowledge-brand-empty {font-size:18px;line-height:1.6;margin:20px 0;color:#526779}
@media(max-width:1100px) {
  body.knowledge-index-page .knowledge-search-results {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px) {
  body.knowledge-index-page .knowledge-search {padding:22px 14px}
  body.knowledge-index-page .knowledge-result-card {padding:18px}
  body.knowledge-index-page .knowledge-result-heading {grid-template-columns:72px minmax(0,1fr);gap:14px}
  body.knowledge-index-page img.knowledge-result-cover {width:72px;height:96px}
  body.knowledge-index-page h3.knowledge-result-title {font-size:20px}
  body.knowledge-index-page .knowledge-result-facts {grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}
  body.knowledge-index-page .knowledge-result-facts > div + div {border-left:0;border-top:1px solid #cbdde9;padding:14px 0 0}
  .knowledge-brand-panel {padding:18px}
  .knowledge-brand-header h2 {font-size:24px}
  .knowledge-brand-option {gap:8px;padding:10px;font-size:17px}
  .knowledge-brand-option[aria-pressed=true] {padding:9px}
  .knowledge-brand-option .knowledge-brand-mark,.knowledge-brand-option .knowledge-brand-mark img {width:32px;height:32px;flex-basis:32px}
}
@media(max-width:360px) {
  .knowledge-brand-options {grid-template-columns:minmax(0,1fr)}
}