/* PayerLenz blog components — Brand Guidelines v1.3.
   Manrope (headings, eyebrows, labels) and Inter (body, big figures).
   Geist, IBM Plex Mono and Georgia removed 2026-08-07 per v1.3.
   Button hover is a real colour swap to Interactive Teal, not a filter.
   .pl-cta a.pl-cta-button carries the label colour. It must stay at that
   specificity (0,2,1): this file is enqueued BEFORE post-22.css, so a rule
   that merely ties with .elementor-kit-22 a (0,1,1) loses on source order
   and the label renders Jewel Teal on a Jewel Teal fill. */


.pl-eyebrow{
  display:block;
  font-family:'Manrope','Arial',sans-serif;
  font-size:13px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase;
  color:#8A8D9B; margin:0 0 10px;
}
.pl-block-title{
  display:block;
  font-family:'Manrope','Arial',sans-serif;
  font-size:20px; font-weight:700; line-height:1.3;
  color:#2D3042; margin:0 0 14px;
}
.pl-icon{ flex:0 0 auto; width:20px; height:20px; margin-top:2px; }

/* ---------- Key Takeaways ---------- */
.pl-takeaways{
  background:#EEF1F4; border:1px solid #E2E4E9;
  border-top:3px solid #0E7C86;
  border-radius:16px; padding:26px 28px; margin:32px 0;
}
.pl-takeaways ul{ margin:0; padding-left:0; list-style:none; }
.pl-takeaways li{
  position:relative; padding-left:30px; margin-bottom:10px;
  font-family:'Inter',Arial,sans-serif; font-size:16px; line-height:1.6; color:#383B4C;
}
.pl-takeaways li:last-child{ margin-bottom:0; }
.pl-takeaways li::before{
  content:""; position:absolute; left:0; top:7px; width:10px; height:10px;
  border-radius:50%; background:#0E7C86;
}

/* ---------- Pros / Cons and Do's / Don'ts (shared 2-col shell) ---------- */
.pl-split{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:32px 0; }
@media(max-width:767px){ .pl-split{ grid-template-columns:1fr; } }
.pl-split-col{
  background:#EEF1F4; border:1px solid #E2E4E9;
  border-radius:16px; padding:26px 28px;
}
.pl-split-col.is-positive{ border-top:3px solid #0E7C86; }
.pl-split-col.is-negative{ border-top:3px solid #CDD0D8; }
.pl-split-col ul{ margin:0; padding:0; list-style:none; }
.pl-split-col li{
  display:flex; gap:10px; align-items:flex-start; margin-bottom:12px;
  font-family:'Inter',Arial,sans-serif; font-size:16px; line-height:1.6; color:#383B4C;
}
.pl-split-col li:last-child{ margin-bottom:0; }
.pl-split-col.is-positive .pl-icon{ color:#0E7C86; }
.pl-split-col.is-negative .pl-icon{ color:#8A8D9B; }

/* ---------- Definition ---------- */
.pl-definition{
  background:#FFFFFF; border:1px solid #E2E4E9; border-left:3px solid #0E7C86;
  border-radius:0 16px 16px 0; padding:26px 28px; margin:32px 0;
  box-shadow:0 2px 12px #EDEFF3;
}
.pl-definition .pl-term{
  display:block; font-family:'Manrope','Arial',sans-serif;
  font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:#0E7C86; margin:0 0 8px;
}
.pl-definition p{
  margin:0; font-family:'Inter',Arial,sans-serif; font-size:16px; line-height:1.6; color:#383B4C;
}
.pl-definition p + p{ margin-top:12px; }

/* ---------- Callout ---------- */
.pl-callout{
  display:flex; gap:14px; align-items:flex-start;
  background:#DCEEEF; border:1px solid #E2E4E9;
  border-radius:16px; padding:26px 28px; margin:32px 0;
}
.pl-callout .pl-icon{ color:#0E7C86; width:22px; height:22px; }
.pl-callout-body{ flex:1 1 auto; }
.pl-callout p{
  margin:0; font-family:'Inter',Arial,sans-serif; font-size:16px; line-height:1.6; color:#2D3042;
}
.pl-callout p + p{ margin-top:12px; }
.pl-callout--caution{ background:#EEF1F4; }
.pl-callout--caution .pl-icon{ color:#2D3042; }
.pl-callout--quiet{ background:#FFFFFF; box-shadow:0 2px 12px #EDEFF3; }
.pl-callout--quiet .pl-icon{ color:#8A8D9B; }

/* ---------- Pull quote ---------- */
.pl-quote{
  margin:32px 0; padding:26px 28px;
  background:#EEF1F4; border:1px solid #E2E4E9; border-radius:16px;
}
.pl-quote p{
  margin:0; font-family:'Manrope','Arial',sans-serif; font-size:20px; font-weight:700;
  line-height:1.4; color:#2D3042;
}
.pl-quote cite{
  display:block; margin-top:12px; font-style:normal;
  font-family:'Manrope','Arial',sans-serif;
  font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#8A8D9B;
}

/* ---------- Stat row ---------- */
.pl-stat-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:32px 0; }
@media(max-width:767px){ .pl-stat-row{ grid-template-columns:1fr; } }
.pl-stat{
  background:#EEF1F4; border:1px solid #E2E4E9; border-radius:16px;
  padding:26px 28px; text-align:center;
}
.pl-stat-figure{
  display:block; font-family:'Inter','Arial',sans-serif;
  font-size:40px; line-height:1.1; color:#0E7C86; margin:0 0 6px;font-weight:800;}
.pl-stat-label{
  display:block; font-family:'Inter',Arial,sans-serif; font-size:13px; line-height:1.4; color:#8A8D9B;
}

/* ---------- Rate box (PayerLenz-specific) ---------- */
.pl-ratebox{
  background:#FFFFFF; border:1px solid #E2E4E9; border-radius:16px;
  padding:26px 28px; margin:32px 0; box-shadow:0 2px 12px #EDEFF3;
}
.pl-ratebox-head{
  display:flex; flex-wrap:wrap; gap:10px; align-items:baseline;
  padding-bottom:16px; border-bottom:1px solid #E2E4E9; margin-bottom:16px;
}
.pl-ratebox-figure{
  font-family:'Inter','Arial',sans-serif; font-size:44px; line-height:1;
  color:#0E7C86;font-weight:800;}
.pl-ratebox-unit{
  font-family:'Inter',Arial,sans-serif; font-size:16px; color:#383B4C;
}
.pl-ratebox-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media(max-width:767px){ .pl-ratebox-grid{ grid-template-columns:repeat(2,1fr); } }
.pl-ratebox-cell .k{
  display:block; font-family:'Manrope','Arial',sans-serif;
  font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:#8A8D9B; margin-bottom:4px;
}
.pl-ratebox-cell .v{
  display:block; font-family:'Inter',Arial,sans-serif; font-size:16px; font-weight:600; color:#2D3042;
}
.pl-ratebox-foot{
  margin-top:16px; padding-top:14px; border-top:1px solid #E2E4E9;
  font-family:'Inter',Arial,sans-serif; font-size:13px; line-height:1.5; color:#8A8D9B;
}
.pl-pill{
  display:inline-block; border-radius:999px; padding:3px 10px;
  background:#D2EAEC; color:#0E7C86;
  font-family:'Manrope','Arial',sans-serif;
  font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}

/* ---------- FAQ ---------- */
.pl-faq{ margin:32px 0; }
.pl-faq-item{
  background:#EEF1F4; border:1px solid #E2E4E9; border-radius:14px;
  padding:0; margin-bottom:12px; overflow:hidden;
}
.pl-faq-item > summary{
  list-style:none; cursor:pointer;
  display:flex; gap:12px; align-items:flex-start; justify-content:space-between;
  padding:20px 24px;
  font-family:'Manrope','Arial',sans-serif; font-size:16px; font-weight:700; line-height:1.4; color:#2D3042;
}
.pl-faq-item > summary::-webkit-details-marker{ display:none; }
.pl-faq-item > summary .pl-icon{ color:#0E7C86; transition:transform .18s ease; }
.pl-faq-item[open] > summary .pl-icon{ transform:rotate(180deg); }
.pl-faq-answer{ padding:0 24px 20px; }
.pl-faq-answer p{
  margin:0; font-family:'Inter',Arial,sans-serif; font-size:16px; line-height:1.6; color:#383B4C;
}
.pl-faq-answer p + p{ margin-top:12px; }

/* ---------- CTA ---------- */
.pl-cta{
  background:#2D3042; border-radius:16px; padding:32px; margin:40px 0;
}
.pl-cta h3,.pl-cta .pl-cta-headline{
  display:block; font-family:'Manrope','Arial',sans-serif; font-size:20px; font-weight:700;
  line-height:1.3; color:#FFFFFF; margin:0 0 10px;
}
.pl-cta p{
  margin:0 0 20px; font-family:'Inter',Arial,sans-serif; font-size:16px; line-height:1.6; color:#E2E4E9;
}
.pl-cta a.pl-cta-button,.pl-cta .pl-cta-button{
  display:inline-block; background:#0E7C86; color:#FFFFFF;
  font-family:'Inter',Arial,sans-serif; font-size:16px; font-weight:700;
  padding:13px 26px; border-radius:8px; text-decoration:none;
  box-shadow:0 2px 8px #0B6A72;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.pl-cta a.pl-cta-button:hover,.pl-cta .pl-cta-button:hover{
  transform:translateY(-1px); filter:brightness(1.06);
  box-shadow:0 4px 14px #0B6A72; color:#FFFFFF; text-decoration:none;
}