/* THE PAYMENT editorial blocks - shared editor/front-end presentation */
.tp-editorial-block{
  --tp-blue:#1d63d8;
  --tp-blue-dark:#174fae;
  --tp-text:#1d2327;
  --tp-muted:#646970;
  --tp-rule:#dfe4e8;
  box-sizing:border-box;
  margin:1.75rem 0;
  padding:1.35rem 1.5rem;
  color:var(--tp-text);
  border:1px solid var(--tp-rule);
  border-left:4px solid var(--tp-blue);
  background:#fff;
}
.tp-editorial-block*,.tp-editorial-block*::before,.tp-editorial-block*::after{box-sizing:border-box}
.tp-editorial-block__label{
  margin:0 0 .65rem;
  font-size:.78rem;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.07em;
}
.tp-editorial-block__content{font-size:1rem;line-height:1.9}
.tp-editorial-block__content>:first-child{margin-top:0}
.tp-editorial-block__content>:last-child{margin-bottom:0}

/* Takeaways: a calm green "start here" treatment, distinct from KEY POINT. */
.tp-block-takeaways{border-color:#b9d8ce;border-left-color:#3f8a74;background:#f1f8f5}
.tp-block-takeaways .tp-editorial-block__label{color:#2f6f5e}
.tp-block-takeaways__list{margin:.08rem 0 0;padding:0;list-style:none}
.tp-block-takeaways__list li{position:relative;margin:.28rem 0;padding-left:1.35rem;line-height:1.65}
.tp-block-takeaways__list li:first-child{margin-top:.12rem}
.tp-block-takeaways__list li:last-child{margin-bottom:0}
.tp-block-takeaways__list li::before{content:'✓';position:absolute;left:0;top:0;color:#3f8a74;font-weight:700}

/* KEY POINT: warm orange emphasis so it is visually distinct from process steps. */
.tp-block-key-point{border-color:#e3a04a;border-left-color:#d78318;border-left-width:5px;background:#fff6e8}
.tp-block-key-point .tp-editorial-block__label{color:#a85e08}
.tp-block-key-point .tp-editorial-block__content{font-weight:600}

/* NOTE: neutral supplementary information. */
.tp-block-note{border-left-color:#9aa3aa;background:#f5f6f7}
.tp-block-note .tp-editorial-block__label{color:#59636b}

/* CAUTION: restrained red so caution reads immediately without feeling alarmist. */
.tp-block-caution{border-color:#e7c1bf;border-left-color:#b94d49;background:#fff3f2}
.tp-block-caution .tp-editorial-block__label{color:#8c3835}

/* STEP: blue process treatment. The repeated STEP label stays hidden; the numbered
   circles carry the visual sequence. */
.tp-block-step{border-color:#c4d8f6;border-left-color:#2d6bc1;background:#f4f8ff;padding-top:1.2rem;padding-bottom:1.2rem}
.tp-block-step > .tp-editorial-block__label{display:none}
.tp-step-list{list-style:none;margin:0;padding:0}
.tp-step-item{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:1rem;align-items:start;padding:1rem 0;border-top:1px solid var(--tp-rule)}
.tp-step-item:first-child{border-top:0;padding-top:0}
.tp-step-item:last-child{padding-bottom:0}
.tp-step-item__number{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#2d6bc1;color:#fff;border:1px solid #2d6bc1;font-size:.88rem;line-height:1;font-weight:800}
.tp-step-item__title{margin:.08rem 0 .35rem!important;font-size:1.04rem!important;line-height:1.55!important;font-weight:700}
.tp-step-item__content{line-height:1.85}
.tp-step-item__content>:first-child{margin-top:0}
.tp-step-item__content>:last-child{margin-bottom:0}

/* Editor-only controls generated by block edit functions. */
.tp-takeaways-editor{list-style:none;margin:.2rem 0 0;padding:0}
.tp-takeaways-editor__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:start;margin:.3rem 0;padding:.45rem .6rem;background:rgba(255,255,255,.72);border:1px solid rgba(63,138,116,.25)}
.tp-takeaways-editor__item:last-child{margin-bottom:0}
.tp-takeaways-editor__text{min-height:1.55em;line-height:1.55}
.tp-editorial-block__item-actions{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap}
.tp-editorial-block__item-actions .components-button{min-width:30px;min-height:30px;padding:0 6px}
.tp-editorial-block__add-button{margin-top:.75rem}
.tp-step-editor{margin-top:0}
.tp-step-editor__item{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-top:1px solid var(--tp-rule)}
.tp-step-editor__item:first-child{border-top:0;padding-top:0}
.tp-step-editor__item:last-child{padding-bottom:0}
.tp-step-editor__fields{min-width:0}
.tp-step-editor__title{min-height:1.6em;margin:0 0 .3rem;font-weight:700;line-height:1.55}
.tp-step-editor__content{min-height:1.7em;line-height:1.8}
.tp-step-editor .tp-editorial-block__item-actions{margin-top:.45rem}

/* Standard Table block: THE PAYMENT comparison-table style. */
.wp-block-table.is-style-tp-comparison{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-top:1.75rem;margin-bottom:1.75rem}
.wp-block-table.is-style-tp-comparison table{width:100%;min-width:640px;max-width:none;border-collapse:collapse;border-spacing:0;background:#fff}
.wp-block-table.is-style-tp-comparison th,.wp-block-table.is-style-tp-comparison td{padding:.8rem .9rem;border:1px solid #dfe4e8;text-align:left;vertical-align:top;line-height:1.65}
.wp-block-table.is-style-tp-comparison thead th,.wp-block-table.is-style-tp-comparison tr:first-child th{background:#eef5ff;font-weight:700}
.wp-block-table.is-style-tp-comparison figcaption{margin-top:.5rem;color:#646970;font-size:.85rem;line-height:1.6;text-align:left}

@media (max-width: 600px){
  .tp-editorial-block{margin:1.5rem 0;padding:1.1rem 1.05rem}
  .tp-step-item,.tp-step-editor__item{grid-template-columns:1.9rem minmax(0,1fr);gap:.75rem}
  .tp-step-item__number{width:1.9rem;height:1.9rem;font-size:.8rem}
  .tp-takeaways-editor__item{grid-template-columns:1fr}
  .tp-editorial-block__item-actions{justify-content:flex-start}
}
