/* Shared "claim strength" component (see claim-strength.js). Parchment/gold
   panel with a colour-coded rating badge + meter, an honest caveat, and a
   sources list. Used by archaeology, witnesses, the Bible timeline, and
   coincidences so the whole site rates evidence the same way. */

.cs-panel {
  margin: 18px 0 4px;
  padding: 14px 16px;
  border: 1px solid #e0d2a8;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(247, 241, 224, 0.9), rgba(240, 231, 204, 0.65));
}
.cs-strength { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cs-label { font-family: 'Cinzel', serif; font-size: 10.5px; letter-spacing: 0.07em; text-transform: uppercase; color: #7d7358; }
.cs-badge {
  font-family: 'Cinzel', serif; font-weight: 700; font-size: 12.5px; letter-spacing: 0.02em;
  color: #fff; padding: 3px 11px; border-radius: 999px; background: var(--sc, #a8823f);
}
.cs-badge--inline { font-size: 11px; padding: 2px 9px; vertical-align: middle; }
.cs-meter { flex: 1 1 90px; min-width: 70px; height: 6px; border-radius: 999px; background: rgba(74, 67, 53, 0.12); overflow: hidden; }
.cs-meter > span { display: block; height: 100%; border-radius: 999px; background: var(--sc, #a8823f); }

/* Tier colours — set --sc, consumed by the badge + meter above. */
.cs-very-strong { --sc: #4a7a3c; }
.cs-strong { --sc: #a8823f; }
.cs-moderate { --sc: #c0792e; }
.cs-debated { --sc: #8a7c5a; }

.cs-how { font-size: 11px; color: #7a5e26; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.cs-how:hover { color: #5f4a1e; }

.cs-caveat { margin-top: 12px; }
.cs-sources { margin-top: 12px; }
.cs-sub-label { display: block; font-family: 'Cinzel', serif; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: #a06a2e; margin-bottom: 4px; }
.cs-caveat p { margin: 0; font-size: 15px; line-height: 1.5; color: #4a4335; }
.cs-sources ul { margin: 0; padding-left: 18px; list-style: disc; }
.cs-sources li { font-size: 13.5px; line-height: 1.45; margin: 3px 0; color: #5f5647; }
.cs-sources a { color: #6b4f1e; text-decoration: underline; text-underline-offset: 2px; }