/* cafedewaard compat layer — styles content classes not in waff.css,
   themed to match the WAFF blue/gold look (#0C436F / gold). */

/* comparison tables (.cmp) — match table.data + mobile cards */
.prose table.cmp,.article table.cmp{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.93rem;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(12,67,111,.08)}
table.cmp thead th{background:#0f3355;color:#fff;font-weight:600;text-align:left;padding:.6rem .7rem;font-size:.82rem}
table.cmp td{padding:.55rem .7rem;border-top:1px solid #e3e9f1;vertical-align:top}
table.cmp tbody tr:nth-child(even){background:#f6f9fc}
table.cmp .yes{color:#1a8f5a;font-weight:700}
table.cmp .no{color:#c0392b;font-weight:700}
table.cmp .muted{color:#5a7189;font-size:.86rem}
@media(max-width:640px){
  table.cmp thead{display:none}
  table.cmp,table.cmp tbody,table.cmp tr,table.cmp td{display:block;width:100%}
  table.cmp tr{border:1px solid #e3e9f1;border-radius:10px;margin:0 0 12px;padding:6px 10px 10px}
  table.cmp td{border:none;padding:5px 0}
  table.cmp td[data-l]:before{content:attr(data-l);display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:#5a7189;font-weight:700}
}

/* callout notes (.note.info / .note.warn) */
.note{border-radius:10px;padding:.9rem 1.1rem;margin:1.1rem 0;font-size:.94rem;line-height:1.55}
.note.info{background:#eef5fb;border:1px solid #cfe0f0}
.note.warn{background:#fff5ec;border:1px solid #f3d9bf}
.note b,.note strong{color:#0C436F}

/* deep-content pros/cons container (.pros-cons) */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.1rem 0}
.pros-cons .pros,.pros-cons .cons{background:#fff;border:1px solid #e3e9f1;border-radius:10px;padding:12px 14px}
.pros-cons ul{list-style:none;margin:0;padding:0}
.pros-cons li{position:relative;padding:4px 0 4px 22px;font-size:.92rem}
.pros-cons .pros li:before{content:"✓";position:absolute;left:0;color:#1a8f5a;font-weight:800}
.pros-cons .cons li:before{content:"✕";position:absolute;left:0;color:#c0392b;font-weight:800}
@media(max-width:560px){.pros-cons{grid-template-columns:1fr}}

/* key-facts grid (.facts) */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:1.1rem 0}
.facts .f{background:#fff;border:1px solid #e3e9f1;border-radius:10px;padding:12px 14px}
.facts .f .k{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#5a7189;font-weight:700}
.facts .f .v{font-size:1.02rem;font-weight:800;color:#0C436F;margin-top:2px}

/* mini review card (.revcard) */
.revcard{background:#fff;border:1px solid #e3e9f1;border-radius:12px;padding:18px 20px;margin:16px 0;box-shadow:0 1px 3px rgba(12,67,111,.08)}
.revcard-h{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.revcard-h h3{margin:0}
.revcard-h .ltile{width:46px;height:46px}
.revcard-score{margin-left:auto;background:#0C436F;color:#fff;font-weight:800;border-radius:8px;padding:5px 11px;font-size:.9rem}
.revcard-score i{opacity:.7;font-style:normal;font-weight:600}

/* toplist heading helper if used inside content */
.toplist-h2{margin:1.2rem 0 .4rem}
.toplist-h2 .sub{color:#5a7189;font-size:.9rem;margin:.2rem 0 0}