/* UX Blocks — restrained defaults that integrate with Thành Phát EV. */
.tpev-ux-block { display:block; width:100%; min-width:0; max-width:100%; margin:20px 0; overflow-wrap:anywhere; }
.tpev-ux-block *, .tpev-ux-block *::before, .tpev-ux-block *::after { box-sizing:border-box; }
.tpev-ux-block .wp-block-columns { display:flex; flex-wrap:nowrap; align-items:stretch; gap:clamp(12px,2.5vw,24px); }
.tpev-ux-block .wp-block-column { flex:1 1 0; min-width:0; }
.tpev-ux-block .tpev-ux-image-placeholder { min-height:180px; padding:32px 15px; border:1px dashed #b4d7e7; border-radius:14px; background:#f0f9ff; display:flex; align-items:center; justify-content:center; color:#49728a; text-align:center; font-size:14px; }
.tpev-ux-block .wp-block-image img { display:block; max-width:100%; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:14px; }
.tpev-ux-block .wp-block-buttons { display:flex; flex-wrap:wrap; gap:12px; margin:14px 0 0; }
.tpev-ux-block .wp-block-button__link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 22px; border-radius:10px; background:linear-gradient(115deg,#076fbd,#00adbe); color:#fff; text-decoration:none; font-weight:700; }
.tpev-ux-block .wp-block-button__link:hover { color:#fff; filter:brightness(1.06); }
.tpev-ux-block .tpev-ux-cta { padding:clamp(18px,3vw,30px); border:1px solid #c7e3ef; border-radius:16px; background:linear-gradient(125deg,#f0faff,#fff); }
.tpev-ux-block .tpev-ux-cta>:first-child { margin-top:0; }
.tpev-ux-editor-preview { padding:16px; border:1px solid #d0e0ed; border-radius:10px; }
.tpev-ux-editor-placeholder { padding:18px; background:#f1f9fc; border-radius:8px; }
@media(max-width:781px){ .tpev-ux-block .wp-block-columns:not(.is-not-stacked-on-mobile){flex-direction:column;} .tpev-ux-block .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important;} }