/* ===== CUAS Design System (v8) ===== */
:root{
  --cuas-ink:#0F2A35; --cuas-muted:#5E6B74;
  --indigo:#1F3A5F; --forest:#2F6B57; --gray:#2B2F36; --plum:#5B3E5E; --amber:#B36B00;
  --radius:16px; --shadow:0 12px 28px rgba(15,42,53,.08); --shadow-sm:0 8px 18px rgba(15,42,53,.06);
}

.cuas-align-left{text-align:left}
.cuas-align-center{text-align:center}
.cuas-align-right{text-align:right}

.cuas-btn-row{display:flex; gap:12px; flex-wrap:wrap}
.cuas-btn-row.left{justify-content:flex-start}
.cuas-btn-row.center{justify-content:center}
.cuas-btn-row.right{justify-content:flex-end}

.cuas-p-0{padding:0}.cuas-p-1{padding:8px}.cuas-p-2{padding:16px}.cuas-p-3{padding:24px}.cuas-p-4{padding:32px}

/* Buttons */
.cuas-btn{display:inline-block; padding:10px 16px; border-radius:999px; font-weight:600; text-decoration:none; transition:.2s;
  border:2px solid transparent; box-shadow:var(--shadow-sm)}
.cuas-btn:hover{transform:translateY(-1px)}
.cuas-btn.indigo{background:var(--indigo); color:#fff}
.cuas-btn.forest{background:var(--forest); color:#fff}
.cuas-btn.gray{background:var(--gray); color:#fff}
.cuas-btn.plum{background:var(--plum); color:#fff}
.cuas-btn.amber{background:var(--amber); color:#fff}
.cuas-btn.outline{background:#fff; color:var(--cuas-ink); border-color:#D7E2E7}

/* Cards */
.cuas-card{background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:22px}
.cuas-card:hover{transform:translateY(-2px); box-shadow:0 16px 36px rgba(0,0,0,.10)}
.cuas-card.indigo-soft{background:linear-gradient(180deg, rgba(31,58,95,.08), rgba(31,58,95,.03))}
.cuas-card.forest-soft{background:linear-gradient(180deg, rgba(47,107,87,.10), rgba(47,107,87,.04))}
.cuas-card.gray-soft{background:linear-gradient(180deg, rgba(43,47,54,.08), rgba(43,47,54,.02))}
.cuas-card .cuas-title{margin:0 0 .4rem; color:var(--indigo)}
.cuas-card .cuas-eyebrow{font-size:.8rem; letter-spacing:.04em; text-transform:uppercase; color:var(--cuas-muted)}
/* Ensure editor content stacks vertically */
.cuas-content{display:block}
.cuas-content>*{margin:0 0 .7em}
.cuas-content>*:last-child{margin-bottom:0}

/* CTA Box */
.cuas-cta{border-radius:var(--radius); padding:32px; color:#fff; box-shadow:var(--shadow)}
.cuas-cta h2,.cuas-cta h3,.cuas-cta p{color:#fff}
.cuas-cta.indigo{background:linear-gradient(135deg,var(--indigo),var(--forest))}
.cuas-cta.forest{background:linear-gradient(135deg,var(--forest),#3B8F78)}
.cuas-cta.gray{background:linear-gradient(135deg,var(--gray),var(--indigo))}
.cuas-cta.plum{background:linear-gradient(135deg,var(--plum),var(--indigo))}
.cuas-cta.amber{background:linear-gradient(135deg,var(--amber),#E09B2D)}

/* Outline Box */
.cuas-outline{border-radius:var(--radius); padding:22px; border:2px solid #E4EBEE; background:#fff; box-shadow:var(--shadow-sm)}

/* Persons */
.cuas-person{display:grid; grid-template-columns:72px 1fr; gap:16px; align-items:start; background:#fff; border-radius:var(--radius); padding:18px; box-shadow:var(--shadow-sm)}
.cuas-person img{width:72px; height:72px; object-fit:cover; border-radius:14px}
.cuas-person .cuas-person-meta{font-size:.9rem; color:var(--cuas-muted); margin-bottom:6px}

/* Timeline */
.cuas-timeline{position:relative; display:grid; gap:22px}
.cuas-timeline:before{content:''; position:absolute; left:22px; top:0; bottom:0; width:2px; background:#DFE8EC}
.cuas-timeline-item{position:relative; padding-left:64px}
.cuas-timeline-item:before{content:''; position:absolute; left:13px; top:.4em; width:18px; height:18px; background:#fff; border:4px solid var(--indigo); border-radius:50%; box-shadow:var(--shadow-sm)}
.cuas-timeline-item .cuas-timeline-meta{font-size:.85rem; color:var(--cuas-muted); margin-bottom:4px}
.cuas-timeline-item .cuas-title{margin:.2rem 0 .3rem; color:var(--indigo)}

/* WPBakery Tabs pill style (unchanged) */
.vc_tta.vc_tta-tabs .vc_tta-tabs-container{margin-bottom:18px}
.vc_tta.vc_tta-tabs .vc_tta-tab > a{
  background:#fff; border:2px solid #D7E2E7; color:var(--cuas-ink);
  border-radius:999px; padding:10px 18px; box-shadow:var(--shadow-sm);
  transition:.2s ease; font-weight:700
}
.vc_tta.vc_tta-tabs .vc_tta-tab.vc_active > a,
.vc_tta.vc_tta-tabs .vc_tta-tab > a:hover{
  background:var(--indigo); color:#fff; border-color:transparent; transform:translateY(-1px)
}
.vc_tta.vc_tta-tabs .vc_tta-panels{background:transparent; border:0; box-shadow:none}
.vc_tta.vc_tta-tabs .vc_tta-panel{background:#fff; border-radius:16px; box-shadow:var(--shadow); padding:20px}