.uray-blog-active,.uray-post-videos-active { --ub-purple: #643066; --ub-ink: #26232a; --ub-muted: #68636d; --ub-line: #e6e1e8; }
.uray-blog-active .wd-page-content { padding-top: 0; }
.uray-blog-active .wd-content-layout { display: block; }
.uray-blog { width: 100%; min-width: 0; padding-block: 44px 52px; color: var(--ub-ink); letter-spacing: 0; }
.uray-blog *, .uray-blog *::before, .uray-blog *::after { box-sizing: border-box; }
.ub-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; padding-bottom: 30px; }
.ub-heading-copy { max-width: 680px; min-width: 0; }
.uray-blog .ub-eyebrow { color: var(--ub-purple); font-size: 11px; font-weight: 700; margin: 0 0 8px; }
.uray-blog h1 { font-size: 38px; line-height: 1.2; letter-spacing: 0; margin: 0 0 14px; color: var(--ub-ink); }
.uray-blog .ub-intro { font-size: 15px; line-height: 1.75; color: var(--ub-muted); margin: 0; }
.ub-search { display: flex; flex: 0 1 320px; min-width: 240px; max-width: 100%; align-items: center; border: 1px solid var(--ub-line); border-radius: 6px; background: #fff; overflow: hidden; }
.uray-blog .ub-search input { min-width: 0; width: 100%; height: 46px; border: 0; border-radius: 0; background: transparent; padding: 0 14px; color: var(--ub-ink); font-size: 16px; box-shadow: none; }
.uray-blog .ub-search button { flex: 0 0 46px; width: 46px; height: 46px; min-height: 0; padding: 0; border: 0; border-radius: 0; color: var(--ub-purple); background: transparent; box-shadow: none; }
.uray-blog .ub-search button:hover { background: #f5eff6; }
.ub-search:focus-within { outline: 2px solid var(--ub-purple); outline-offset: 2px; }
.uray-blog a:focus-visible, .uray-blog button:focus-visible { outline: 2px solid var(--ub-purple); outline-offset: 4px; }
.ub-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border-block: 1px solid var(--ub-line); padding: 12px 0; margin-bottom: 26px; }
.ub-topics { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.ub-topics a { font-size: 13px; font-weight: 600; padding-block: 6px; color: var(--ub-muted); }
.ub-topics a[aria-current], .ub-topics a:hover { color: var(--ub-purple); text-decoration: underline; text-underline-offset: 7px; }
.ub-count { color: var(--ub-muted); font-size: 12px; }
.ub-count span { margin: 0 6px; }
.ub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.ub-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--ub-line); border-radius: 8px; background: #fff; transition: border-color 160ms ease, box-shadow 160ms ease; }
.ub-card:hover { border-color: #bba6be; box-shadow: 0 6px 20px #3620390d; }
.ub-card-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #f5f3f6; border-bottom: 1px solid var(--ub-line); }
.ub-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.ub-card:hover .ub-card-image img { transform: scale(1.025); }
.ub-card-image-contain img { object-fit: contain; padding: 40px; background: #f8f6fa; }
.ub-card-content { display: flex; flex: 1; flex-direction: column; padding: 22px; min-width: 0; }
.ub-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; font-size: 11px; color: var(--ub-muted); margin-bottom: 12px; }
.ub-meta > :first-child { color: var(--ub-purple); font-weight: 700; }
.uray-blog .ub-card h2 { margin: 0 0 12px; font-size: 20px; line-height: 1.4; letter-spacing: 0; overflow-wrap: break-word; }
.ub-card h2 a { color: var(--ub-ink); }
.ub-card h2 a:hover { color: var(--ub-purple); }
.uray-blog .ub-excerpt { margin: 0 0 22px; color: var(--ub-muted); font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
.ub-card-bottom { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--ub-line); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 12px; }
.ub-card-bottom time { color: var(--ub-muted); }
.ub-card-bottom a { color: var(--ub-purple); font-weight: 700; display: inline-flex; align-items: center; gap: 5px; }
.ub-card-bottom .dashicons { width: 16px; height: 16px; font-size: 16px; }
.ub-pagination { margin-top: 36px; }
.uray-blog .ub-pagination ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0; margin: 0; }
.uray-blog .ub-pagination li { margin: 0; padding: 0; }
.ub-pagination a, .ub-pagination span.page-numbers { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 10px; border: 1px solid var(--ub-line); border-radius: 4px; color: var(--ub-purple); }
.ub-pagination .page-numbers.current { background: var(--ub-purple); color: #fff; border-color: var(--ub-purple); }
.ub-pagination a:hover { background: #f5eff6; }
.ub-search-summary { color: var(--ub-muted); font-size: 14px; overflow-wrap: anywhere; }
.ub-search-summary a { margin-inline-start: 16px; color: var(--ub-purple); text-decoration: underline; }
.ub-empty { text-align: center; padding: 64px 16px; }
.ub-empty > .dashicons { width: 36px; height: 36px; font-size: 36px; color: var(--ub-purple); margin-bottom: 16px; }
.ub-empty h2 { font-size: 24px; }
.ub-empty a { color: var(--ub-purple); text-decoration: underline; }
@media (max-width: 1000px) {
    .ub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .ub-heading { align-items: stretch; flex-direction: column; gap: 20px; }
    .ub-search { flex-basis: auto; width: 360px; }
}
@media (max-width: 600px) {
    .uray-blog { padding-block: 28px 36px; }
    .uray-blog h1 { font-size: 30px; }
    .uray-blog .ub-intro { font-size: 14px; }
    .ub-search { width: 100%; min-width: 0; }
    .ub-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .ub-card-content { padding: 20px; }
    .uray-blog .ub-card h2 { font-size: 20px; }
    .ub-heading { padding-bottom: 24px; }
    .ub-toolbar { margin-bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    .ub-card, .ub-card-image img { transition: none; }
    .ub-card:hover .ub-card-image img { transform: none; }
}

/* The reading feed and the short-video player remain separate scroll regions. */
.ub-discover { min-width:0; }
.ub-discover.ub-has-videos { display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px;align-items:start; }
.ub-has-videos .ub-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
#ub-articles,.ub-videos { min-width:0; }
.ub-has-videos .ub-card-content { padding:18px; }
.ub-has-videos .ub-card h2 { font-size:19px; }
.ub-video-sticky { position:sticky;top:22px; }
.ub-videos { align-self:stretch; }
.admin-bar .ub-video-sticky { top:54px; }
.ub-video-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:26px;border-block:1px solid var(--ub-line); }
.uray-blog .ub-video-heading h2 { display:flex;align-items:center;gap:8px;font-size:17px;line-height:1.3;margin:0;letter-spacing:0; }
.ub-video-heading h2 .dashicons { color:var(--ub-purple); }
.ub-reel-nav { display:flex;gap:4px; }
.ub-reel-nav[hidden] { display:none; }
.uray-blog .ub-reel-nav button { width:36px;height:36px;min-height:0;padding:0;border:1px solid var(--ub-line);border-radius:6px;background:#fff;color:var(--ub-purple);box-shadow:none; }
.uray-blog .ub-reel-nav button:disabled { opacity:.3;cursor:default; }
.uray-blog .ub-reel-nav button:not(:disabled):hover { background:#f1eaf3; }
.ub-reels-feed { height:620px;height:min(680px,calc(100dvh - 170px));min-height:470px;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#ae8eb4 #f1ebf3;border:1px solid var(--ub-line);border-radius:8px;position:relative;background:#fff;overflow-anchor:none; }
.ub-reels-feed:focus-visible { outline:2px solid var(--ub-purple);outline-offset:3px; }
.ub-reel { height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-rows:minmax(220px,1fr) auto auto;background:#fff;overflow:hidden; }
.ub-reel-stage { min-height:0;position:relative;background:#161218;overflow:hidden; }
.ub-player-mount,.ub-reel-poster { position:absolute;inset:0;display:flex;align-items:center;justify-content:center; }
.ub-player-mount iframe,.ub-player-mount video { width:100%;height:100%;border:0;object-fit:contain; }
.ub-reel-poster img { width:100%;height:100%;object-fit:contain; }
.ub-reel-poster img.ub-reel-logo { width:70%;height:auto;padding:20px;background:#fff;border-radius:4px; }
.ub-reel-play { position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--ub-purple);box-shadow:0 3px 24px #0005;transition:transform .15s ease; }
.ub-reel-play .dashicons { font-size:30px;width:30px;height:30px; }
.ub-reel-poster:hover .ub-reel-play { transform:scale(1.06); }
.ub-reel.is-playing .ub-reel-poster { display:none; }
.ub-reel.is-loading .ub-reel-play::after { content:'';position:absolute;inset:-6px;border:3px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:ub-reel-spin .8s linear infinite; }
.uray-blog .ub-reel-error { position:absolute;inset:auto 12px 12px;margin:0;padding:12px;background:#fff;color:var(--ub-ink);font-size:13px;border-radius:6px;z-index:2; }
.ub-reel-error[hidden] { display:none; }
.ub-reel-error a { display:block;color:var(--ub-purple);margin-top:8px;text-decoration:underline; }
.ub-reel-copy { padding:15px 18px 10px; }
.ub-reel-topic { color:#347665;font-size:11px;font-weight:700;margin-bottom:6px; }
.uray-blog .ub-reel h3 { font-size:17px;line-height:1.35;letter-spacing:0;margin:0 0 7px;overflow-wrap:anywhere; }
.uray-blog .ub-reel-copy p { color:var(--ub-muted);font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere;max-height:96px;overflow-y:auto; }
.ub-reel-footer { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px 15px;font-size:12px;font-weight:600; }
.ub-reel-footer a { color:var(--ub-purple);display:inline-flex;align-items:center;gap:4px; }
.ub-reel-footer .dashicons { font-size:15px;width:15px;height:15px; }
.ub-reel-footer .ub-video-source { color:var(--ub-muted);margin-left:auto; }
.ub-video-bottom { display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--ub-muted);padding-top:12px; }
.ub-video-bottom a { display:inline-flex;align-items:center;gap:5px;color:var(--ub-muted); }
.ub-video-bottom .dashicons { font-size:17px;width:17px;height:17px; }
.ub-reel-position { margin-right:auto; }
.ub-mobile-switch { display:none; }
.uray-blog-active.ub-video-playing .uray-whatsapp-floating,.uray-blog-active.ub-video-playing .scrollToTop { visibility:hidden;pointer-events:none; }
.uray-post-videos-active.ub-video-playing .uray-whatsapp-floating,.uray-post-videos-active.ub-video-playing .scrollToTop { visibility:hidden;pointer-events:none; }
.uray-post-videos-active .wd-content-layout { grid-template-columns:minmax(0,1fr) 350px; }
.uray-post-videos-active .wd-content-layout>.wd-content-area,.uray-post-videos-active .wd-content-layout>.wd-sidebar { grid-column:auto;min-width:0;width:auto;max-width:none; }
.uray-post-videos-active .wd-content-layout>.wd-sidebar { display:block!important;align-self:stretch; }
.uray-post-videos-active .wd-sidebar>.widget-area { height:100%; }
.uray-post-videos-active .wd-sidebar-opener,.uray-post-videos-active .wd-sidebar>.wd-heading { display:none!important; }
.ub-single-feed { padding:0;height:100%; }
.ub-single-feed .ub-videos { height:100%; }
.ub-post-jump,.ub-post-return { display:none; }
.ub-post-reading,#ub-videos { scroll-margin-top:150px; }
@media(max-width:1024px){
 .uray-post-videos-active .wd-content-layout{grid-template-columns:minmax(0,1fr);}
 .uray-post-videos-active .wd-content-layout>.wd-sidebar{position:static;transform:none;visibility:visible;opacity:1;height:auto;max-height:none;overflow:visible;}
 .ub-single-feed{margin-top:28px;}
 .ub-post-jump{display:flex;margin:0 0 22px;}
 .ub-post-jump a,.ub-post-return{align-items:center;gap:8px;color:var(--ub-purple);font-size:14px;font-weight:600;padding:10px 0;}
 .ub-post-jump a{display:inline-flex;}
 .ub-post-return{display:flex;margin-bottom:10px;}
 .ub-single-feed .ub-videos{max-width:420px;margin-inline:auto;}
 .ub-single-feed .ub-video-sticky{position:static;}
}
@keyframes ub-reel-spin { to { transform:rotate(360deg); } }
@media(min-width:851px) and (max-width:1100px) {
 .ub-discover.ub-has-videos{grid-template-columns:minmax(0,1fr) 310px;gap:24px;}
 .ub-has-videos .ub-grid{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:850px) {
 .ub-discover.ub-has-videos{display:block;}
 .ub-mobile-switch:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:22px;border-radius:8px;background:#f3eff4;border:1px solid var(--ub-line);}
 .uray-blog .ub-mobile-switch button{height:44px;min-height:0;border:0;border-radius:5px;background:transparent;color:var(--ub-muted);box-shadow:none;font-size:13px;text-transform:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;}
 .uray-blog .ub-mobile-switch button[aria-pressed=true]{color:var(--ub-purple);background:#fff;box-shadow:0 1px 4px #34203612;font-weight:700;}
 .ub-interactive[data-view=articles] .ub-videos,.ub-interactive[data-view=videos] #ub-articles{display:none;}
 .ub-video-sticky,.admin-bar .ub-video-sticky{position:static;}
 .ub-video-heading{margin-bottom:14px;}
 .ub-videos{max-width:420px;margin:28px auto 0;}
 .ub-interactive .ub-videos{margin-top:0;}
 .ub-reels-feed{height:min(620px,calc(100svh - 300px));min-height:420px;}
 .uray-blog-active.ub-video-view .uray-whatsapp-floating,.uray-blog-active.ub-video-view .scrollToTop{visibility:hidden;pointer-events:none;}
}
.ub-feed-more{text-align:center;padding:26px 0 8px;color:var(--ub-muted);font-size:13px;}
.ub-load-more{display:inline-flex;align-items:center;gap:8px;color:var(--ub-purple);font-weight:600;min-height:44px;}
.ub-load-more[hidden],.ub-pagination[hidden]{display:none;}
.ub-feed-more.is-loading .ub-load-more::before{content:'';width:16px;height:16px;border:2px solid #d8c7dc;border-top-color:var(--ub-purple);border-radius:50%;animation:ub-reel-spin .8s linear infinite;}
@media(max-width:600px){
 .ub-has-videos .ub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .uray-blog .ub-card-content{padding:12px;}
 .uray-blog .ub-card h2{font-size:15px;line-height:1.4;}
 .uray-blog .ub-excerpt{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px;}
 .ub-card-bottom{font-size:11px;padding-top:10px;gap:8px;}
 .ub-meta{font-size:10px;margin-bottom:8px;}
 .ub-card-image-contain img{padding:15px;}
}
@media(prefers-reduced-motion:reduce){.ub-reel-play{transition:none}.ub-reel.is-loading .ub-reel-play::after{animation:none}.ub-reels-feed{scroll-behavior:auto}}