/* Use the same AI identity and productivity message for every published tool. */
.ai-tool-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body :is(.ai-card, .portal-tool) .ai-card-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  margin-left: 0;
  padding: 4px 8px;
  border: 1px solid #c1e3d9;
  border-radius: 5px;
  background: #eaf7f2;
  color: #176b57;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
}
body .ai-product-boost {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
  min-width: 0;
  min-height: 46px;
  margin-top: 14px;
  padding: 10px 13px;
  border: 1px solid #c5e5d9;
  border-radius: 8px;
  background: linear-gradient(110deg, #eaf8f0, #f5faf6);
  box-sizing: border-box;
}
.ai-boost-copy {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 2px 6px;
  min-width: 0;
  color: #34584c;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}
.ai-boost-copy b {
  color: #12684e;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}
body .ai-product-boost > strong {
  flex-shrink: 0;
  color: #c6531a;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.5px;
  white-space: nowrap;
}
.ai-product-boost > strong > span {
  margin-left: 0;
  font-size: 15px;
  letter-spacing: 0;
}
html[data-theme="dark"] :is(.ai-card, .portal-tool) .ai-card-badge {
  border-color: #3c6658;
  background: #243e34;
  color: #a2e5c5;
}
html[data-theme="dark"] .ai-product-boost {
  border-color: #3b6354;
  background: linear-gradient(110deg, #233c31, #263c35);
}
html[data-theme="dark"] .ai-boost-copy { color: #bbd7cb; }
html[data-theme="dark"] .ai-boost-copy b { color: #a0e5c2; }
html[data-theme="dark"] .ai-product-boost > strong { color: #ffb07c; }