/* Ready-made page components (templates of the admin content builder). Used by the editor and the public page. */
:is(.rich, .ed__body) .kt-hero{background:linear-gradient(135deg,#eef2ff 0%,#fdf2f8 100%);border:1px solid #e0e7ff;border-radius:18px;padding:1.4rem 1.6rem;margin:0 0 1.4rem}
:is(.rich, .ed__body) .kt-hero h2,.pgmain .rich .kt-hero h2{margin:0 0 .4rem;padding:0;border:0;font-size:1.55rem;color:#1e293b}
:is(.rich, .ed__body) .kt-hero p,.pgmain .rich .kt-hero p{margin:0;color:#475569;text-align:left}
:is(.rich, .ed__body) .kt-hero .kt-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4338ca;background:#e0e7ff;border-radius:999px;padding:.2rem .7rem;margin-bottom:.6rem}

:is(.rich, .ed__body) .kt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin:0 0 1.4rem}
:is(.rich, .ed__body) .kt-stat{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem .8rem;text-align:center;box-shadow:0 1px 2px rgba(15,23,42,.04)}
:is(.rich, .ed__body) .kt-num{display:block;font-size:2rem;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#4f46e5,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(.rich, .ed__body) .kt-lbl{display:block;margin-top:.3rem;font-size:.82rem;color:#64748b;font-weight:600}

:is(.rich, .ed__body) .kt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0 0 1.4rem}
:is(.rich, .ed__body) .kt-card{background:#fff;border:1px solid #e2e8f0;border-top:4px solid #6366f1;border-radius:14px;padding:1rem 1.1rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}
:is(.rich, .ed__body) .kt-card h4,.pgmain .rich .kt-card h4{margin:0 0 .15rem;padding:0;border:0;font-size:1.05rem;color:#1e293b}
:is(.rich, .ed__body) .kt-card .kt-role{display:block;font-size:.8rem;font-weight:700;color:#db2777;margin-bottom:.5rem}
:is(.rich, .ed__body) .kt-card p{margin:0 0 .3rem;font-size:.92rem;text-align:left}

:is(.rich, .ed__body) .kt-note{border-left:4px solid #6366f1;background:#f5f3ff;border-radius:0 12px 12px 0;padding:.8rem 1.1rem;margin:0 0 1.4rem}
:is(.rich, .ed__body) .kt-note p{margin:0;text-align:left}
:is(.rich, .ed__body) .kt-note.kt-warn{border-color:#f59e0b;background:#fffbeb}

:is(.rich, .ed__body) .kt-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.2rem}
:is(.rich, .ed__body) .kt-meta span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.35rem .9rem;font-size:.88rem;font-weight:600;color:#334155}

:is(.rich, .ed__body) table.kt-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin:0 0 1.4rem}
:is(.rich, .ed__body) table.kt-table th{background:#eef2ff;color:#312e81;text-align:left;font-size:.85rem;border:0;border-bottom:1px solid #e2e8f0;padding:.65rem .8rem}
:is(.rich, .ed__body) table.kt-table td{border:0;border-bottom:1px solid #f1f5f9;padding:.6rem .8rem}
:is(.rich, .ed__body) table.kt-table tr:nth-child(even) td{background:#f8fafc}

:is(.rich, .ed__body) ul.kt-list{list-style:none;padding:0;margin:0 0 1.4rem}
:is(.rich, .ed__body) ul.kt-list>li{position:relative;padding:.35rem 0 .35rem 1.9rem;margin:0}
:is(.rich, .ed__body) ul.kt-list>li::before{content:"\2713";position:absolute;left:0;top:.4rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#dcfce7;color:#15803d;font-size:.75rem;font-weight:800;line-height:1.3rem;text-align:center}
:is(.rich, .ed__body) ol.kt-steps{list-style:none;counter-reset:s;padding:0;margin:0 0 1.4rem}
:is(.rich, .ed__body) ol.kt-steps>li{counter-increment:s;position:relative;padding:.5rem 0 .5rem 2.8rem;margin:0}
:is(.rich, .ed__body) ol.kt-steps>li::before{content:counter(s);position:absolute;left:0;top:.35rem;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#db2777);color:#fff;font-weight:800;text-align:center;line-height:2rem}
:is(.rich, .ed__body) .kt-h{margin:1.6rem 0 .8rem;font-size:1.2rem;color:#1e293b}

/* content that lives outside this site */
.cframe{display:block;width:100%;min-height:420px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.cframe--ext{min-height:620px}
.extcard{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#eef2ff,#fdf2f8);border:1px solid #e0e7ff;border-radius:16px;padding:1.2rem 1.4rem}
.extcard__ico{width:3rem;height:3rem;border-radius:14px;background:#fff;display:grid;place-items:center;color:#4f46e5;font-size:1.3rem;box-shadow:0 1px 3px rgba(15,23,42,.1)}
.extcard__t{flex:1 1 220px;min-width:0}
.extcard__t b{display:block;font-size:1.05rem;color:#1e293b}
.extcard__t small{display:block;color:#64748b;overflow-wrap:anywhere}
.extbar{display:flex;gap:.6rem;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0 0 .6rem;font-size:.85rem;color:#64748b}
.extbar a{font-weight:700}

/* accordion / tabs as seen while writing (the website turns them into interactive panels) */
.ed__body .faq-items{display:grid;gap:.6rem;margin:0 0 1.4rem}
.ed__body .faq-item{border:1px solid #c7d2fe;border-radius:12px;overflow:hidden;background:#fff}
.ed__body .accordion-button{background:#eef2ff;color:#312e81;font-weight:700;padding:.6rem .9rem;position:relative}
.ed__body .accordion-button::after{content:"\25BE";position:absolute;right:.9rem;opacity:.6}
.ed__body .faq-body{padding:.7rem .9rem}
.ed__body ul.nav-tabs{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0 0 .6rem}
.ed__body ul.nav-tabs>li{padding:0;margin:0}
.ed__body ul.nav-tabs>li::before{display:none}
.ed__body ul.nav-tabs a{display:block;padding:.4rem .9rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700;text-decoration:none}
.ed__body ul.nav-tabs a.active{background:#4f46e5;color:#fff}
.ed__body .tab-pane{border-left:3px solid #c7d2fe;padding:.2rem 0 .2rem .9rem;margin:0 0 .8rem}
.ed__body .tab-pane::before{content:"Tab content";display:block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6366f1}

/* button link and columns (editor tools) */
:is(.rich, .ed__body) a.kt-btn{display:inline-block;padding:.6rem 1.3rem;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#db2777);color:#fff!important;font-weight:700;text-decoration:none!important;box-shadow:0 6px 16px rgba(79,70,229,.25)}
:is(.rich, .ed__body) a.kt-btn:hover{filter:brightness(1.08)}
:is(.rich, .ed__body) .kt-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin:0 0 1.4rem}
:is(.rich, .ed__body) .kt-col{min-width:0}
:is(.rich, .ed__body) .kt-col h4,.pgmain .rich .kt-col h4{margin:0 0 .4rem;padding:0;border:0}
:is(.rich, .ed__body) pre{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:.9rem 1.1rem;overflow:auto;white-space:pre-wrap;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0 0 1.2rem}
:is(.rich, .ed__body) blockquote{border-left:4px solid #c7d2fe;background:#f8faff;margin:0 0 1.2rem;padding:.6rem 1rem;border-radius:0 10px 10px 0}
