.hexbridg-latest-mag,
.hexbridg-carousel{--hb-primary:#fcd535;--hb-bg:var(--rk-surface,#121212);--hb-bg-2:var(--rk-surface-2,#1b1b1b);--hb-bg-3:var(--rk-surface-3,#242424);--hb-text:var(--rk-text,#f8f8f8);--hb-heading:var(--rk-heading,var(--hb-text));--hb-muted:var(--rk-muted,#a3a3a3);--hb-border:var(--rk-border,rgba(255,255,255,.12));box-sizing:border-box}.hexbridg-latest-mag *,.hexbridg-carousel *{box-sizing:border-box}.widget.hexbridg_latest_magazine_widget,.hexbridg_latest_magazine_widget{background:transparent;border:0;padding:0;box-shadow:none}.hexbridg-widget-title{margin:0 0 18px;color:var(--hb-heading);font-size:1.18rem;font-weight:900;line-height:1.5}.hexbridg-latest-mag-list{position:relative;display:grid;gap:0;margin:0;padding:0 18px 0 0;list-style:none}.hexbridg-latest-mag-list:before{content:"";position:absolute;top:8px;bottom:8px;right:5px;left:auto;width:1px;background:var(--hb-border)}.hexbridg-latest-mag-item{position:relative;margin:0;padding:0 0 15px;border-bottom:1px solid var(--hb-border)}.hexbridg-latest-mag-item+li{padding-top:15px}.hexbridg-latest-mag-dot{position:absolute;right:-18px;left:auto;top:26px;width:12px;height:12px;border-radius:999px;background:var(--hb-bg);border:2px solid var(--hb-muted);z-index:2}.hexbridg-latest-mag-link{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;direction:ltr;text-decoration:none;color:var(--hb-text)}.hexbridg-latest-mag-media{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--hb-bg-2)}.hexbridg-latest-mag-media img{width:100%;height:100%;display:block;object-fit:cover}.hexbridg-latest-mag-body{display:grid;gap:5px;min-width:0;direction:rtl;text-align:right}.hexbridg-latest-mag-time{color:var(--hb-muted);font-size:.7rem;font-weight:400;line-height:1.5}.hexbridg-latest-mag-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--hb-heading);font-size:.84rem;font-weight:400;line-height:1.72}.hexbridg-latest-mag-link:hover .hexbridg-latest-mag-title{color:var(--hb-primary)}
.hexbridg-carousel{margin:32px 0;color:var(--hb-text);direction:rtl}.hexbridg-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.hexbridg-carousel-head h2{margin:0;color:var(--hb-heading);font-size:1.35rem;font-weight:900}.hexbridg-carousel-head a{color:var(--hb-muted);font-size:.9rem;text-decoration:none;font-weight:800}.hexbridg-carousel-head a:hover{color:var(--hb-primary)}.hexbridg-carousel-viewport{position:relative}.hexbridg-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,240px);gap:16px;margin:0;padding:0;list-style:none;overflow:auto;scroll-snap-type:inline mandatory;scrollbar-width:none}.hexbridg-carousel-track::-webkit-scrollbar{display:none}.hexbridg-carousel-item{scroll-snap-align:start}.hexbridg-mag-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:16px;background:var(--hb-bg-2);text-decoration:none;color:#fff;border:1px solid var(--hb-border)}.hexbridg-mag-card img,.hexbridg-mag-card-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hexbridg-mag-card-fallback{background:linear-gradient(135deg,var(--hb-bg-2),var(--hb-bg))}.hexbridg-mag-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 32%,rgba(0,0,0,.82) 100%)}.hexbridg-mag-card-content{position:absolute;inset-inline:0;inset-block-end:0;display:grid;gap:8px;padding:16px}.hexbridg-mag-card-cat{justify-self:start;display:inline-flex;max-width:100%;padding:4px 10px;border-radius:999px;background:var(--hb-primary);color:#111;font-size:.75rem;font-weight:800}.hexbridg-mag-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:1rem;font-weight:900;line-height:1.55;text-shadow:0 2px 12px rgba(0,0,0,.45)}.hexbridg-carousel-nav{position:absolute;z-index:3;top:50%;width:38px;height:38px;border-radius:999px;border:1px solid var(--hb-border);background:color-mix(in srgb,var(--hb-bg) 86%,transparent);color:var(--hb-text);display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);font-size:1.6rem;line-height:1}.hexbridg-carousel-prev{inset-inline-start:8px}.hexbridg-carousel-next{inset-inline-end:8px}.hexbridg-carousel-nav:hover{background:var(--hb-primary);color:#111;border-color:var(--hb-primary)}@media (max-width:720px){.hexbridg-latest-mag-link{grid-template-columns:92px minmax(0,1fr)}.hexbridg-latest-mag-title{font-size:.82rem}.hexbridg-carousel-track{grid-auto-columns:minmax(160px,72vw)}.hexbridg-carousel-nav{display:none}}

/* Phase 0.3.0 — automatic theme placements */
.hexbridg-auto-main-home-mag{margin:28px 0 34px}.hexbridg-auto-main-single-related{margin:34px 0}.hexbridg-auto-main-home-mag .hexbridg-carousel-head,.hexbridg-auto-main-single-related .hexbridg-carousel-head{padding-inline:2px}

/* Phase 0.3.1 — HexPro native carousel for magazine articles */
.hexbridg-mag-article-carousel{--hb-primary:#fcd535;--hb-text:#e6e6e6;--hb-muted:#a8a8a8;--hb-border:rgba(255,255,255,.15);margin-bottom:45px}
.hexbridg-mag-article-carousel .hex-carousel__item{width:calc((100% - 48px)/4)}
.hexbridg-mag-article-card{display:block;text-decoration:none;color:var(--hb-text)}
.hexbridg-mag-article-media{position:relative;display:block;overflow:hidden;border-radius:14px;background:#1f1f1f;border:1px solid var(--hb-border);aspect-ratio:4/3}
.hexbridg-mag-article-media img,.hexbridg-mag-article-fallback{display:block;width:100%;height:100%;object-fit:cover}
.hexbridg-mag-article-fallback{background:linear-gradient(135deg,#2a2a2a,#101010)}
.hexbridg-mag-article-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 45%,rgba(0,0,0,.42) 100%);pointer-events:none}
.hexbridg-mag-article-cat{position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:10px;display:inline-flex;align-items:center;max-width:calc(100% - 20px);min-height:26px;padding:3px 10px;border-radius:8px;background:var(--hb-primary);color:#111;font-size:.7rem;font-weight:400;line-height:1.4;white-space:nowrap}
.hexbridg-mag-article-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;color:var(--hb-text);font-size:.77rem;font-weight:400;line-height:1.55;text-align:right}
.hexbridg-mag-article-card:hover .hexbridg-mag-article-title{color:var(--hb-primary)}
.hexbridg-mag-article-carousel .hex-carousel__btn{top:42%}
@media (min-width:1440px){.hexbridg-mag-article-carousel .hex-carousel__item{width:calc((100% - 60px)/5)}}
@media (max-width:1024px){.hexbridg-mag-article-carousel .hex-carousel__item{width:calc((100% - 24px)/3)}}
@media (max-width:720px){.hexbridg-mag-article-carousel .hex-carousel__item{width:78vw}.hexbridg-auto-main-home-mag.hexbridg-mag-article-carousel .hex-carousel__item,.hexbridg-auto-main-single-related.hexbridg-mag-article-carousel .hex-carousel__item{width:calc((100% - 14px)/2.2)}.hexbridg-mag-article-title{font-size:.77rem}}


/* Phase 0.4.7 — HexPro single related magazine image size and mobile density */
.hexbridg-auto-main-single-related .hexbridg-mag-article-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:720px){
  .hexbridg-auto-main-single-related.hexbridg-mag-article-carousel .hex-carousel__item{width:calc((100% - 14px)/2.2)}
  .hexbridg-auto-main-single-related .hexbridg-mag-article-media{border-radius:12px}
  .hexbridg-auto-main-single-related .hexbridg-mag-article-title{font-size:.74rem;line-height:1.5;text-align:center}
  .hexbridg-auto-main-single-related .hexbridg-mag-article-cat{min-height:23px;padding:2px 8px;font-size:.66rem;border-radius:7px}
}

/* Phase 0.5.1 — AJAX hydrated main home magazine carousel without layout shift */
.hexbridg-ajax-widget.hexbridg-mag-article-carousel{min-height:clamp(210px,24vw,330px)}
.hexbridg-ajax-widget .hex-carousel__wrapper{min-height:inherit}
.hexbridg-mag-article-skeleton-card{display:block;color:transparent;pointer-events:none}
.hexbridg-skeleton-box,.hexbridg-skeleton-line{position:relative;display:block;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.1),rgba(255,255,255,.06));background-size:220% 100%;animation:hexbridg-skeleton-pulse 1.35s ease-in-out infinite}
.hexbridg-skeleton-box{aspect-ratio:4/3;border-radius:14px;border:1px solid var(--hb-border)}
.hexbridg-skeleton-line{width:92%;height:13px;margin-top:10px;border-radius:999px}
.hexbridg-skeleton-line.is-short{width:58%;margin-top:7px}
.hexbridg-ajax-widget.is-hydrated{animation:hexbridg-widget-fade-in .18s ease-out both}
.hexbridg-ajax-widget.has-load-error{display:none}
@keyframes hexbridg-skeleton-pulse{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes hexbridg-widget-fade-in{from{opacity:.96}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.hexbridg-skeleton-box,.hexbridg-skeleton-line,.hexbridg-ajax-widget.is-hydrated{animation:none}}
@media (max-width:720px){.hexbridg-ajax-widget.hexbridg-mag-article-carousel{min-height:190px}}
.hexbridg-mag-article-carousel.is-ajax-rendered.is-hydrated{animation:hexbridg-widget-fade-in .18s ease-out both}

/* Phase 0.5.2 — AJAX hydration for HexPro single related magazine and WP latest-mag widget */
.hexbridg-auto-main-single-related.hexbridg-ajax-widget.hexbridg-mag-article-carousel{min-height:clamp(190px,22vw,310px)}
.hexbridg-latest-mag.hexbridg-ajax-widget{min-height:180px}
.hexbridg-latest-mag.hexbridg-ajax-widget .hexbridg-latest-mag-list{min-height:inherit}
.hexbridg-latest-mag-skeleton-item .hexbridg-latest-mag-link{pointer-events:none}
.hexbridg-latest-mag-skeleton-item .hexbridg-skeleton-line{margin-top:0}
.hexbridg-latest-mag-skeleton-item .hexbridg-skeleton-line + .hexbridg-skeleton-line{margin-top:7px}
@media (max-width:720px){.hexbridg-auto-main-single-related.hexbridg-ajax-widget.hexbridg-mag-article-carousel{min-height:180px}.hexbridg-latest-mag.hexbridg-ajax-widget{min-height:170px}}

/* Single related AJAX: keep empty/miss state invisible. The real carousel replaces this shell only when related posts exist. */
.hexbridg-auto-main-single-related.hexbridg-ajax-probe.is-loading{display:none}