/* Shared styling for the SSL, security headers and domain checkers.
   Builds on php-check.css (pc- classes, pc-good/pc-warn/pc-bad). */
.lc-facts { margin-top: 16px; border-top: 1px solid #2a3344; }
.lc-fact { display: flex; gap: 16px; justify-content: space-between; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #2a3344; font-size: 14px; }
.lc-fact-k { color: #AEBACB; flex: none; }
.lc-fact-v { color: #E7ECF3; text-align: right; word-break: break-word; }

.lc-checks { margin-top: 18px; display: grid; gap: 12px; }
.lc-check-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 6px; }
.lc-check-name { font-weight: 600; font-size: 15px; }
.lc-badge { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 9px; border-radius: 100px; flex: none; }
.lc-badge-good { background: #13351f; color: #7FD69A; }
.lc-badge-warn { background: #2a2110; color: #FFC278; }
.lc-badge-bad { background: #2a1316; color: #FF9BA8; }
.lc-fix { color: #C7D0DD; }

.lc-next { margin-top: 18px; }
.lc-honest { color: #8894a8; font-size: 13px; }
.lc-next .btn { margin-top: 14px; }

@media (max-width: 560px) {
  .lc-fact { flex-direction: column; gap: 2px; }
  .lc-fact-v { text-align: left; }
}