/* Section shell */
.jagoe-fb{background:var(--fb-bg,#f5f7fb); color:var(--fb-text,#111827);}
.jagoe-fb.py-sm{padding:24px 0} .jagoe-fb.py-lg{padding:48px 0}
.jagoe-fb.py-xl{padding:72px 0} .jagoe-fb.py-xxl{padding:96px 0}
.jagoe-fb .max-w-4xl{max-width:1024px;margin-inline:auto;padding:0 16px}
.jagoe-fb .max-w-6xl{max-width:1280px;margin-inline:auto;padding:0 16px}
.jagoe-fb .max-w-7xl{max-width:1440px;margin-inline:auto;padding:0 16px}
.jagoe-fb__container{max-width:clamp(320px, 92vw, 1440px); margin:0 auto;}
.jagoe-fb__title{font-size:clamp(26px,3vw,40px); line-height:1.2; margin:0 0 6px}
.jagoe-fb__intro{color:#4b5563; margin:0 0 28px}

/* Tiles grid: 1–4 across; “brick” feel with row-gap */
.jagoe-fb__tiles{
  display:grid;
  grid-template-columns:repeat(1,minmax(0,1fr));
  gap:18px;
}
@media (min-width:640px){ .jagoe-fb__tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:960px){ .jagoe-fb__tiles{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1200px){ .jagoe-fb__tiles{ grid-template-columns:repeat(4,minmax(0,1fr)); } }

.jagoe-fb__tile{
  background:var(--tile-bg,#fff);
  color:var(--tile-text,#111827);
  border-radius:14px;
  padding:22px 20px;
  box-shadow:0 1px 0 rgba(0,0,0,.04), 0 6px 20px rgba(0,0,0,.06);
}
.jagoe-fb__icon{font-size:28px; color:var(--icon-color,#111827); margin-bottom:8px}
.jagoe-fb__tile-title{font-size:20px; margin:0 0 6px}
.jagoe-fb__tile-body{margin:0; color:#4b5563}

/* Comparison table */
.jagoe-fb__table-wrap{background:#fff; border-radius:12px; overflow:hidden; margin:22px 0 12px; box-shadow:0 1px 0 rgba(0,0,0,.04), 0 6px 20px rgba(0,0,0,.06);}
.jagoe-fb__table-caption{font-weight:600; padding:14px 16px; background:#eef2ff; color:#1f2937}
.jagoe-fb__table{width:100%; border-collapse:collapse}
.jagoe-fb__table thead th{background:#e5edff; text-align:left; font-weight:600; padding:12px 16px; border-bottom:1px solid #e6e6e6}
.jagoe-fb__table tbody td{padding:12px 16px; border-bottom:1px solid #f0f0f0}
.jagoe-fb__table tbody tr:last-child td{border-bottom:none}

/* Buttons */
.jagoe-fb__actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}
.jagoe-fb__btn{display:inline-block; padding:12px 18px; border-radius:999px; text-decoration:none; font-weight:600; border:2px solid transparent}
.jagoe-fb__btn--primary{background:#03a66a; color:#fff;}
.jagoe-fb__btn--primary:hover{filter:brightness(0.95)}
.jagoe-fb__btn--secondary{background:transparent; color:#111827; border-color:#cbd5e1}
.jagoe-fb__btn--secondary:hover{background:#f8fafc}

/* Editor niceties */
.editor-preview .jagoe-fb__container{max-width:980px}
.jfb-color-field{margin-bottom:10px}
.jfb-color-label{font-weight:600;margin:8px 0 6px}