.insight-card-dialog{
  width:min(1320px,calc(100vw - 36px));
  max-width:none;
  height:min(880px,calc(100vh - 36px));
  max-height:none;
  padding:0;
  border:0;
  border-radius:22px;
  background:#f5f5f7;
  box-shadow:0 30px 90px rgba(0,0,0,.22);
  overflow:hidden;
}
.insight-card-dialog::backdrop{background:rgba(15,23,42,.46)}
.insight-dialog-shell{height:100%;display:grid;grid-template-rows:48px minmax(0,1fr)}
.insight-dialog-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 14px 0 18px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(60,60,67,.16);
  font-size:12px;
}
.insight-dialog-bar>div{display:flex;align-items:center;gap:10px;min-width:0}
.insight-dialog-bar strong{font-size:13px}
.insight-dialog-bar span{color:#6e6e73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.insight-dialog-bar button{
  width:32px;height:32px;border:0;border-radius:50%;
  background:rgba(120,120,128,.12);font-size:20px;line-height:1;cursor:pointer;color:#3a3a3c;
}
.insight-card-stage{min-height:0;overflow:auto;padding:14px;background:#eef1f5}
.insight-card-loading,.insight-card-error{
  min-height:100%;display:grid;place-items:center;color:#6e6e73;font-size:14px;
}
.insight-card-error{align-content:center;gap:8px;color:#7f1d1d}
.insight-resource-card{
  width:100%;
  min-height:100%;
  background:#fff;
  border:1px solid rgba(0,0,0,.055);
  border-radius:28px;
  box-shadow:0 18px 54px rgba(0,0,0,.10);
  overflow:hidden;
  color:#1d1d1f;
}
.insight-card-head{
  min-height:142px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:20px 30px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,249,251,.9));
  border-bottom:1px solid rgba(60,60,67,.16);
}
.insight-card-identity{display:flex;align-items:center;gap:20px;min-width:0}
.insight-portrait{
  position:relative;flex:none;width:100px;height:100px;border-radius:20px;overflow:hidden;
  display:grid;place-items:center;background:#eef2f6;border:1px solid #d9e0e8;
  color:#596574;font-size:20px;font-weight:800;
  box-shadow:0 7px 22px rgba(31,41,55,.09);
}
.insight-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%;z-index:1}
.insight-portrait span{display:none}
.insight-portrait.failed img{display:none}
.insight-portrait.failed span{display:block}
.insight-card-eyebrow{font-size:12px;color:#6e6e73;font-weight:600;letter-spacing:.01em;margin-bottom:5px}
.insight-card-head h2{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin:0 0 7px;font-weight:650}
.insight-card-head p{margin:0;color:#6e6e73;font-size:15px;line-height:1.3}
.insight-card-count{display:grid;justify-items:end;align-content:center;flex:none}
.insight-card-count b{font-size:30px;line-height:1;font-weight:650}
.insight-card-count span{font-size:11px;color:#86868b;margin-top:5px}
.insight-language-head{
  position:sticky;top:0;z-index:3;
  display:grid;grid-template-columns:1fr 1fr;
  margin-left:54px;
  background:rgba(248,248,250,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(60,60,67,.12);
}
.insight-language-head span{padding:9px 18px;font-size:12px;font-weight:650;color:#6e6e73}
.insight-language-head span+span{border-left:1px solid rgba(60,60,67,.12)}
.insight-card-works{padding:0 28px}
.insight-work-row{
  position:relative;
  display:grid;
  grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);
  gap:0 14px;
  padding:18px 0;
  border-bottom:1px solid rgba(60,60,67,.13);
}
.insight-work-row:last-child{border-bottom:0}
.insight-work-number{font-size:11px;color:#9a9aa0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:3px}
.insight-language-column{min-width:0;padding:0 16px}
.insight-language-column+.insight-language-column{border-left:1px solid rgba(60,60,67,.12)}
.insight-language-column.missing{color:#8e8e93}
.insight-work-title{
  display:block;
  color:#1d1d1f;
  font-size:15px;
  line-height:1.35;
  font-weight:650;
  text-decoration:none;
  margin-bottom:4px;
}
a.insight-work-title:hover{color:#0066cc;text-decoration:underline}
.insight-work-title span{font-size:11px;color:#0071e3}
.insight-work-meta{margin-bottom:12px;color:#8e8e93;font-size:11px;line-height:1.35}
.insight-field{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;margin-top:7px;align-items:start}
.insight-field>span{font-size:11px;line-height:1.45;color:#7a7a80;font-weight:650}
.insight-field p{margin:0;font-size:13.5px;line-height:1.45;color:#2c2c2e;overflow-wrap:anywhere}
.insight-card-empty{padding:60px;text-align:center;color:#86868b}
.insight-card-foot{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:42px;padding:0 30px;border-top:1px solid rgba(60,60,67,.14);
  color:#86868b;font-size:10.5px;
}
.insight-card-foot span:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.resource-card-button{border:0;background:transparent;padding:0;cursor:pointer;font:inherit}
@media(max-width:900px){
  .insight-card-dialog{width:100vw;height:100dvh;border-radius:0}
  .insight-card-stage{padding:0}
  .insight-resource-card{border-radius:0;border:0}
  .insight-card-head{padding:16px 18px;min-height:120px}
  .insight-portrait{width:82px;height:82px;border-radius:16px}
  .insight-card-head h2{font-size:27px}
  .insight-card-count{display:none}
  .insight-language-head{margin-left:0}
  .insight-card-works{padding:0 14px}
  .insight-work-row{grid-template-columns:24px minmax(0,1fr);padding:14px 0}
  .insight-language-column{padding:0 10px}
  .insight-language-column+.insight-language-column{grid-column:2;border-left:0;border-top:1px dashed rgba(60,60,67,.16);margin-top:12px;padding-top:12px}
  .insight-language-head{display:none}
  .insight-field{grid-template-columns:96px minmax(0,1fr)}
}