.diff-wrap{max-width:820px;margin:24px auto;padding:18px;border:1px solid #ececec;border-radius:14px;background:#fff}
.diff-header{margin-bottom:14px}
.diff-title{margin:0 0 6px 0;font-size:24px;line-height:1.2}
.diff-sub{margin:0;color:#555}
.diff-form{margin-top:10px}
.diff-label{display:block;font-weight:700;margin:10px 0 6px}
.diff-row{display:flex;gap:10px;align-items:center}
.diff-input{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:12px;font-size:16px;outline:none}
.diff-input:focus{border-color:#b8b8b8}
.diff-btn{padding:12px 16px;border:none;border-radius:12px;font-weight:700;cursor:pointer;background:#111;color:#fff}
.diff-btn:disabled{opacity:.7;cursor:not-allowed}
.diff-help{margin-top:8px;color:#666;font-size:13px}
.diff-examples{margin-top:14px}
.diff-examples-title{font-weight:700;margin-bottom:8px}
.diff-chips,.diff-related-chips{display:flex;gap:8px;flex-wrap:wrap}
.diff-chip{padding:8px 10px;border-radius:999px;border:1px solid #ddd;background:#fafafa;cursor:pointer;font-size:13pxcolor:#111;font-weight:700;opacity:1;}
.diff-chip:hover{background:#f3f3f3color:#111;}
.diff-result{margin-top:18px}
.diff-result-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.diff-badge{display:inline-block;font-size:12px;padding:3px 8px;border-radius:999px;background:#f1f1f1;margin-right:6px}
.diff-result-q{font-weight:700}
.diff-result-m{color:#666;font-size:13px}
.diff-cards{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:820px){.diff-cards{grid-template-columns:1fr 1fr 1fr}}
.diff-card{border:1px solid #eee;border-radius:14px;padding:12px;background:#fcfcfc}
.diff-card h3{margin:0 0 6px 0;font-size:16px}
.diff-card-body{color:#222;font-size:14px;line-height:1.55}
.diff-related{margin-top:12px}
.diff-related-title{font-weight:700;margin-bottom:8px}
.diff-disclaimer{margin-top:12px;color:#777;font-size:12px}
.diff-error{margin-top:14px;padding:10px 12px;border:1px solid #ffd2d2;background:#fff5f5;border-radius:12px;color:#b00020}
.diff-footer{margin-top:16px;color:#777}
.diff-list{margin-top:14px;border:1px solid #eee;border-radius:14px;padding:10px 12px;background:#fafafa}
.diff-list summary{cursor:pointer;font-weight:700}
.diff-list ul{margin:10px 0 0 0;padding-left:18px}
.diff-list-item{background:none;border:none;color:#111;cursor:pointer;text-decoration:underline;padding:0}


/* --- Visibility fix: popular/related keyword chips (override theme) --- */
.diff-wrap .diff-chip,
.diff-wrap .diff-chip:visited{
  color:#111 !important;
  opacity:1 !important;
  font-weight:700 !important;
  background:#f3f4f6 !important;
  border-color:#d1d5db !important;
}

.diff-wrap .diff-chip span{
  color:#111 !important;
  opacity:1 !important;
}

.diff-wrap .diff-chip:hover{
  background:#e5e7eb !important;
  color:#111 !important;
}

.diff-wrap .diff-chip.is-active,
.diff-wrap .diff-chip[aria-pressed="true"],
.diff-wrap .diff-chip.active{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}

.diff-wrap .diff-chip.is-active span,
.diff-wrap .diff-chip[aria-pressed="true"] span,
.diff-wrap .diff-chip.active span{
  color:#fff !important;
}