.kc-transparency{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:10px 0 2px;
  font-size:.72rem;
  line-height:1.35
}
.kc-transparency>span,
.kc-transparency-source{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  max-width:100%;
  padding:5px 9px;
  border:1px solid rgba(20,34,79,.13);
  border-radius:999px;
  background:#fff;
  color:#33405f;
  font-weight:750;
  overflow-wrap:anywhere
}
.kc-transparency .kc-confidence-badge{
  color:#0b6f62;
  border-color:rgba(15,157,140,.28);
  background:rgba(15,157,140,.08)
}
.kc-transparency[data-band="exploratory"] .kc-confidence-badge,
.kc-transparency[data-band="insufficient"] .kc-confidence-badge{
  color:#8a5a06;
  border-color:rgba(217,149,33,.34);
  background:rgba(217,149,33,.10)
}
.kc-transparency .kc-model-version{
  color:#14224F;
  background:#F3F5FA
}
.kc-transparency .kc-evidence-level{
  color:#76500c;
  border-color:rgba(217,149,33,.24);
  background:rgba(217,149,33,.09)
}
.kc-transparency .kc-verification-date,
.kc-transparency .kc-review-date{
  color:#3d4960;
  background:#fff
}
.kc-transparency-source{
  color:#0B6F62;
  border-color:rgba(15,157,140,.24);
  text-decoration:none
}
.kc-transparency-source:hover,
.kc-transparency-source:focus-visible{
  border-color:#0F9D8C;
  text-decoration:underline
}
.kc-transparency-compact{
  margin:7px 0 0;
  gap:5px
}
.kc-transparency-compact>span,
.kc-transparency-compact>.kc-transparency-source{
  min-height:24px;
  padding:4px 7px;
  font-size:.65rem
}
.kc-recommendation-caution{
  margin:8px 0 0;
  padding:9px 11px;
  border-left:3px solid #d99521;
  border-radius:8px;
  background:#fff9ec;
  color:#5d4a24;
  font-size:.78rem;
  line-height:1.4
}
@media(max-width:520px){
  .kc-transparency{gap:5px;font-size:.65rem}
  .kc-transparency>span,
  .kc-transparency-source{min-height:25px;padding:4px 7px}
  .kc-transparency-compact .kc-review-date,
  .kc-transparency-compact .kc-verification-date{display:none}
  .kc-recommendation-caution{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .kc-transparency *{scroll-behavior:auto}
}
@media(forced-colors:active){
  .kc-transparency>span,
  .kc-transparency-source{
    border:1px solid ButtonText;
    background:Canvas;
    color:CanvasText
  }
}