/* Polished mock editorial magazine */

body.wbl-brand-home .fusion-page-title-bar,
body.wbl-brand-home .post-content,
body.wbl-brand-home .fusion-content-widget-area,
body.wbl-brand-home #sidebar,
body.wbl-brand-home .sidebar,
body.wbl-brand-home .related-posts,
body.wbl-brand-home .fusion-sharing-box,
body.wbl-brand-home .wbl-blog-hero {
  display: none !important;
}

body.wbl-brand-home #content,
body.wbl-brand-home .content-wrapper,
body.wbl-brand-home #main,
body.wbl-brand-home #wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #eef2f8 !important;
}

/* Singles/archives: unlock Avada's fixed site width so content lines up with header/footer (1600). */
body.wbl-brand-content.single-post #wrapper,
body.wbl-brand-content.single-post #main,
body.wbl-brand-content.single-post #content,
body.wbl-brand-content.single-post .content-wrapper,
body.wbl-brand-content.single-post .fusion-row,
body.wbl-brand-content.single-post .fusion-wrapper,
body.wbl-brand-shell.single #wrapper,
body.wbl-brand-shell.single #main,
body.wbl-brand-shell.single .fusion-row,
body.single-post #wrapper,
body.single-post #main,
body.single-post #content,
body.single-post .fusion-row,
body.single-post .fusion-wrapper,
body.wbl-brand-archive #wrapper,
body.wbl-brand-archive #main,
body.wbl-brand-archive #content,
body.wbl-brand-archive .fusion-row,
body.wbl-brand-shell.archive #wrapper,
body.wbl-brand-shell.archive #main,
body.wbl-brand-shell.archive .fusion-row,
body.wbl-brand-shell.search #wrapper,
body.wbl-brand-shell.search #main,
body.wbl-brand-shell.search .fusion-row,
body.search #wrapper,
body.search #main,
body.search .fusion-row {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Avada #main side padding made article narrower than footer CTA/related blocks. */
body.single-post #main,
body.wbl-brand-content.single-post #main,
body.wbl-brand-shell.single #main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

.wbl-magazine--mock {
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --bg: #eef2f8;
  --card: #ffffff;
  --blue: #2f80ff;
  --violet: #7b3ff2;
  --shadow: 0 10px 30px rgba(15, 23, 42, 0.07);
  --shadow-hover: 0 18px 40px rgba(15, 23, 42, 0.12);
  font-family: var(--wbl-font);
  background: var(--bg);
  color: var(--ink);
  padding: 22px 0 80px;
  -webkit-font-smoothing: antialiased;
}

.wbl-magazine__inner {
  width: 100%;
  max-width: var(--wbl-max);
  margin: 0 auto;
  padding: 0 var(--wbl-container-pad-x);
  box-sizing: border-box;
}

.wbl-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
}

.wbl-section-head h2 {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--ink);
}

.wbl-section-head a {
  font-size: 13px;
  font-weight: 700;
  color: var(--blue) !important;
  text-decoration: none !important;
}

.wbl-section-head a:hover {
  text-decoration: underline !important;
}

.wbl-section-head--sm h2 {
  font-size: 1.05rem;
}

.wbl-section-ico {
  font-size: 0.95em;
}

/* Ticker */
.wbl-ticker {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  padding: 8px 10px 8px 8px;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 999px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}

.wbl-ticker__badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2f80ff, #7b3ff2);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 6px 16px rgba(47, 128, 255, 0.28);
}

.wbl-ticker__track {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
}

.wbl-ticker__track a {
  color: var(--ink) !important;
  text-decoration: none !important;
  white-space: nowrap;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wbl-ticker__track a:hover {
  color: var(--blue) !important;
}

.wbl-ticker__sep {
  color: #cbd5e1;
  flex-shrink: 0;
}

/* Hero */
.wbl-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.9fr);
  gap: 20px;
  margin-bottom: 28px;
  align-items: stretch;
}

.wbl-hero-grid__side {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.wbl-side-list {
  display: grid;
  gap: 12px;
  flex: 1;
}

.wbl-hero-grid__side .wbl-side-list {
  grid-template-rows: 1fr 1fr;
}

/* Category icons */
.wbl-cat-icons {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 36px;
}

.wbl-cat-icons__item {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 18px 12px 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  text-decoration: none !important;
  text-align: center;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.wbl-cat-icons__item:hover {
  transform: translateY(-3px);
  border-color: rgba(47, 128, 255, 0.28);
  box-shadow: var(--shadow-hover);
}

.wbl-cat-icons__item strong {
  font-size: 13px;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.wbl-cat-icons__item > span:last-child {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
}

.wbl-cat-icons__icon {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);
}

.wbl-cat-icons__icon svg {
  width: 22px;
  height: 22px;
}

.wbl-cat-icons__icon--ps { background: linear-gradient(145deg, #16a34a, #22c55e); }
.wbl-cat-icons__icon--shop { background: linear-gradient(145deg, #84cc16, #65a30d); }
.wbl-cat-icons__icon--odoo { background: linear-gradient(145deg, #714b67, #9b6b8f); }
.wbl-cat-icons__icon--ai { background: linear-gradient(145deg, #7b3ff2, #a78bfa); }
.wbl-cat-icons__icon--dev { background: linear-gradient(145deg, #2563eb, #38bdf8); }
.wbl-cat-icons__icon--news { background: linear-gradient(145deg, #f59e0b, #fbbf24); color: #1f2937; }

/* Mid */
.wbl-mid-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.9fr);
  gap: 24px;
  margin-bottom: 40px;
}

.wbl-tile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.wbl-latest {
  margin-bottom: 36px;
}

.wbl-mini-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

/* Shared card bits */
.wbl-card {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.wbl-card__link {
  display: block;
  height: 100%;
  color: inherit !important;
  text-decoration: none !important;
  box-sizing: border-box;
}

.wbl-card__cat {
  display: inline-flex;
  align-self: flex-start;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.wbl-card__title {
  display: block;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.28;
}

.wbl-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  font-size: 12px;
  font-weight: 600;
}

.wbl-card__excerpt {
  display: block;
  font-size: 0.95rem;
  line-height: 1.55;
  opacity: 0.92;
}

/* Tones */
.tone-green { --tone: #0f766e; --tone-2: #14b8a6; }
.tone-violet { --tone: #5b21b6; --tone-2: #8b5cf6; }
.tone-rose { --tone: #9d174d; --tone-2: #ec4899; }
.tone-teal { --tone: #0e7490; --tone-2: #22d3ee; }
.tone-amber { --tone: #b45309; --tone-2: #f59e0b; }
.tone-indigo { --tone: #1d4ed8; --tone-2: #60a5fa; }
.tone-cyan { --tone: #155e75; --tone-2: #22d3ee; }
.tone-plum { --tone: #6b21a8; --tone-2: #c084fc; }

.wbl-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.wbl-card__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.wbl-card__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 18, 37, 0.28) 0%, rgba(7, 18, 37, 0.35) 35%, rgba(7, 18, 37, 0.88) 78%, rgba(7, 18, 37, 0.96) 100%);
  pointer-events: none;
}

.wbl-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: inherit;
  height: 100%;
  min-height: inherit;
}

/* Featured */
.wbl-card--featured {
  min-height: 100%;
  background: linear-gradient(145deg, var(--tone) 0%, var(--tone-2) 100%);
  color: #fff;
  box-shadow: 0 22px 50px rgba(91, 33, 182, 0.28);
}

.wbl-card--featured .wbl-card__link {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  min-height: 380px;
}

.wbl-card__glow {
  position: absolute;
  inset: auto -20% -30% auto;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.wbl-card--featured .wbl-card__badge {
  align-self: flex-start;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(6px);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wbl-card--featured .wbl-card__title {
  font-size: clamp(1.6rem, 1.3rem + 1.1vw, 2.25rem);
  max-width: 15ch;
}

.wbl-card--featured .wbl-card__excerpt {
  max-width: 40ch;
}

.wbl-card--featured .wbl-card__meta {
  opacity: 0.92;
}

.wbl-card__author-pill {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
}

.wbl-card--featured .wbl-card__cta {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 18px;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
  transition: transform 0.18s ease;
}

.wbl-card--featured:hover .wbl-card__cta {
  transform: translateX(3px);
}

/* Trend / pick */
.wbl-card--trend,
.wbl-card--pick {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wbl-card--trend:hover,
.wbl-card--pick:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}

.wbl-card--trend .wbl-card__link,
.wbl-card--pick .wbl-card__link {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  align-items: center;
  min-height: 108px;
}

.wbl-card__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  border-radius: 14px;
  overflow: hidden;
  flex-shrink: 0;
  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.28), transparent 45%),
    linear-gradient(145deg, var(--tone), var(--tone-2));
  color: #fff;
}

.wbl-card__thumb-mark {
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.wbl-card--trend .wbl-card__body,
.wbl-card--pick .wbl-card__body {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}

.wbl-card--trend .wbl-card__cat,
.wbl-card--pick .wbl-card__cat {
  background: #eff6ff;
  color: #2563eb;
}

.wbl-card--trend .wbl-card__title,
.wbl-card--pick .wbl-card__title {
  font-size: 0.95rem;
  color: var(--ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wbl-card--trend .wbl-card__meta,
.wbl-card--pick .wbl-card__meta {
  color: var(--muted);
}

/* Tiles */
.wbl-card--tile {
  min-height: 210px;
  background: linear-gradient(145deg, var(--tone), var(--tone-2));
  color: #fff;
  box-shadow: var(--shadow);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wbl-card--tile:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
}

.wbl-card--tile .wbl-card__link {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  min-height: 210px;
}

.wbl-card__noise {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.18), transparent 40%),
    radial-gradient(circle at 10% 90%, rgba(0, 0, 0, 0.12), transparent 42%);
  pointer-events: none;
  z-index: 0;
}

.wbl-card--tile .wbl-card__cat {
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.wbl-card--tile .wbl-card__title {
  font-size: 1.08rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wbl-card--tile .wbl-card__meta {
  opacity: 0.9;
}

.wbl-card--tile .wbl-card__arrow {
  margin-top: auto;
  align-self: flex-end;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.22);
  font-weight: 700;
}

/* Latest mini — white cards + colored top accent */
.wbl-card--mini {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wbl-card--mini:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}

.wbl-card--mini .wbl-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 168px;
}

.wbl-card__accent {
  display: block;
  height: 7px;
  background: linear-gradient(90deg, var(--tone), var(--tone-2));
}

.wbl-card--mini .wbl-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 16px 18px;
  flex: 1;
}

.wbl-card--mini .wbl-card__cat {
  background: #eff6ff;
  color: #2563eb;
}

.wbl-card--mini .wbl-card__title {
  font-size: 0.98rem;
  color: var(--ink);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wbl-card--mini .wbl-card__meta {
  margin-top: auto;
  color: var(--muted);
}

/* Subscribe */
.wbl-subscribe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 28px 30px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 20%, rgba(123, 63, 242, 0.35), transparent 40%),
    linear-gradient(135deg, #0b1733 0%, #1e1b4b 55%, #4c1d95 120%);
  color: #fff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

.wbl-subscribe__copy {
  display: grid;
  gap: 6px;
}

.wbl-subscribe__copy strong {
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.wbl-subscribe__copy span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.94rem;
  max-width: 46ch;
}

.wbl-subscribe__form {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  width: min(430px, 100%);
  padding: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.wbl-subscribe__form input {
  flex: 1;
  min-width: 0;
  height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 0 16px;
  font: inherit;
  background: #fff;
}

.wbl-subscribe__form button {
  height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 0 18px;
  font: inherit;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, #2f80ff, #7b3ff2);
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(47, 128, 255, 0.3);
}
.wbl-subscribe__form button:disabled {
  opacity: 0.7;
  cursor: wait;
}
.wbl-subscribe__hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.wbl-subscribe {
  position: relative;
}
.wbl-subscribe__msg {
  margin: 10px 0 0;
  font-size: 0.92rem;
  font-weight: 650;
}
.wbl-subscribe__msg.is-ok { color: #a7f3d0; }
.wbl-subscribe__msg.is-err { color: #fecaca; }
.wbl-magazine--archive .wbl-subscribe__msg.is-ok,
.wbl-magazine--mock .wbl-subscribe__msg.is-ok { color: #a7f3d0; }
.wbl-magazine--archive .wbl-subscribe__msg.is-err,
.wbl-magazine--mock .wbl-subscribe__msg.is-err { color: #fecaca; }

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Archives — pixel-matched category mock */
body.wbl-brand-archive #main,
body.wbl-brand-archive #content,
body.wbl-brand-archive .content-wrapper,
body.wbl-brand-archive #wrapper {
  background: #f8f9fb !important;
}
.wbl-magazine--archive {
  padding-top: 10px;
  background: #f8f9fb !important;
  font-family: var(--wbl-font) !important;
}
.wbl-magazine--archive .wbl-magazine__inner {
  max-width: 1600px;
}
.wbl-magazine--archive h1,
.wbl-magazine--archive h2,
.wbl-magazine--archive .wbl-card__title,
.wbl-magazine--archive .wbl-side-panel__title {
  font-family: var(--wbl-font) !important;
}

.wbl-archive-crumb {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 0 0 16px; font-size: 13px; font-weight: 500; color: #94a3b8;
}
.wbl-archive-crumb a { color: #94a3b8 !important; text-decoration: none !important; }
.wbl-archive-crumb a:hover { color: #7c3aed !important; }

.wbl-cat-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.9fr);
  gap: 8px; align-items: center;
  margin: 0 0 22px; padding: 28px 32px;
  border-radius: 22px; background: #fff;
  border: 0 !important;
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.06);
}
.wbl-cat-hero__title-row {
  display: flex; align-items: center; gap: 14px; margin-bottom: 10px;
}
.wbl-cat-hero__icon {
  display: grid; place-items: center; width: 54px; height: 54px; flex-shrink: 0;
  border-radius: 16px; color: #fff;
  background: linear-gradient(145deg, #7c3aed 0%, #5b21b6 100%);
  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.32);
}
.wbl-cat-hero__icon svg { width: 26px; height: 26px; }
.wbl-cat-hero h1 {
  margin: 0 !important; padding: 0 !important;
  font-size: clamp(2rem, 1.55rem + 1.6vw, 2.85rem) !important;
  font-weight: 800 !important; letter-spacing: -0.045em !important;
  color: #0f172a !important; line-height: 1.05 !important;
  border: 0 !important; background: none !important;
}
.wbl-cat-hero__desc {
  margin: 0; max-width: 52ch; font-size: 15px; line-height: 1.7; color: #64748b;
}
.wbl-cat-hero__stats {
  display: flex; flex-wrap: wrap; gap: 22px; margin-top: 16px;
}
.wbl-cat-hero__stats span {
  display: inline-flex; align-items: center; gap: 8px;
  color: #7c3aed; font-size: 13px; font-weight: 700;
}
.wbl-cat-hero__stats svg { width: 16px; height: 16px; flex-shrink: 0; }
.wbl-cat-hero__art {
  position: relative; min-height: 200px; display: grid; place-items: center;
  justify-self: end; width: 100%;
}
.wbl-cat-hero__scene {
  width: min(360px, 100%); height: auto; display: block;
  object-fit: contain;
  background: transparent;
}

.wbl-archive-layout {
  display: grid; grid-template-columns: minmax(0, 1fr) 300px;
  gap: 22px; align-items: start; margin-bottom: 28px;
}

.wbl-archive-toolbar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 14px;
}
.wbl-archive-toolbar__count {
  margin: 0; font-size: 13px; font-weight: 600; color: #64748b;
}
.wbl-archive-toolbar__sort select {
  height: 40px; padding: 0 38px 0 14px; border-radius: 12px;
  border: 1px solid #e5e7eb !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center !important;
  appearance: none; font: inherit; font-size: 13px; font-weight: 700; color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  cursor: pointer;
}

.wbl-archive-list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
}
.wbl-archive-empty {
  padding: 28px; border-radius: 16px; background: #fff; color: #64748b;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

/* Horizontal cards — mock exact */
.wbl-card--row {
  background: transparent;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.wbl-card--row .wbl-card__link {
  position: relative;
  display: grid; grid-template-columns: 108px minmax(0, 1fr);
  gap: 14px; align-items: center; min-height: 136px; padding: 14px 14px 14px 14px;
  border-radius: 18px; background: #fff; border: 0 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055);
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.wbl-card--row .wbl-card__link:hover {
  transform: translateY(-3px); box-shadow: 0 16px 32px rgba(15, 23, 42, 0.1);
}
.wbl-card--row .wbl-card__thumb {
  position: relative; display: grid; place-items: center;
  width: 108px; height: 108px; border-radius: 18px; overflow: hidden;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,0.38), transparent 46%),
    linear-gradient(145deg, var(--tone, #7c3aed), var(--tone-2, #6366f1));
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.14);
}
.wbl-card__thumb-glow { display: none; }
.wbl-card__thumb-icon {
  position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px;
}
.wbl-card__thumb-icon svg { width: 46px; height: 46px; filter: drop-shadow(0 4px 8px rgba(15,23,42,0.15)); }
.wbl-card--row .wbl-card__body {
  display: grid; gap: 7px; min-width: 0; align-content: center; padding-right: 40px; padding-bottom: 4px;
}
.wbl-card--row .wbl-card__cat {
  display: inline-flex; width: fit-content; align-items: center;
  padding: 4px 10px !important;
  background: #ede9fe !important;
  background: color-mix(in srgb, var(--tone, #7c3aed) 14%, #fff) !important;
  border: 0 !important; border-radius: 999px !important;
  color: var(--tone, #7c3aed) !important; font-size: 11px; font-weight: 800;
  letter-spacing: 0.1em; text-transform: uppercase;
}
.wbl-card--row .wbl-card__title {
  color: #0f172a !important; font-size: 1.02rem !important; font-weight: 800 !important;
  line-height: 1.32 !important; letter-spacing: -0.02em !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  margin: 0 !important;
}
.wbl-card--row .wbl-card__meta {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
  color: #94a3b8; font-size: 12px; font-weight: 600;
}
.wbl-card--row .wbl-card__arrow {
  position: absolute; right: 14px; bottom: 14px;
  display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50% !important;
  background: #7c3aed !important; color: #fff !important;
  box-shadow: 0 8px 16px rgba(124, 58, 237, 0.34);
  line-height: 0;
}
.wbl-card--row .wbl-card__arrow svg { display: block; }

/* Sidebar */
.wbl-archive-side { display: grid; gap: 14px; position: sticky; top: 88px; }
.wbl-side-panel {
  padding: 20px; border-radius: 18px; background: #fff; border: 0 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
.wbl-side-panel__title {
  margin: 0 0 12px !important; font-size: 1.05rem !important; font-weight: 800 !important; color: #0f172a !important;
}
.wbl-side-cats { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.wbl-side-cats a {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 12px; border-radius: 12px; color: #334155 !important;
  text-decoration: none !important; font-size: 14px; font-weight: 600;
}
.wbl-side-cats a:hover { background: #f8fafc; }
.wbl-side-cats li.is-active a {
  background: #f3e8ff !important; color: #6d28d9 !important; font-weight: 750;
}
.wbl-side-cats em {
  font-style: normal; min-width: 28px; height: 26px; padding: 0 9px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px !important; background: #7c3aed !important; color: #fff !important;
  font-size: 12px; font-weight: 800; line-height: 1;
}
.wbl-side-panel__more {
  display: flex; align-items: center; justify-content: center; margin-top: 12px;
  height: 42px; border-radius: 12px; background: #f3e8ff !important; color: #7c3aed !important;
  font-size: 13px; font-weight: 800; text-decoration: none !important;
  border: 0 !important; box-shadow: none !important;
}
.wbl-side-popular { display: grid; gap: 20px; }
.wbl-side-popular .wbl-card--pick {
  background: transparent; border: 0; box-shadow: none; margin: 0 !important;
}
.wbl-side-popular .wbl-card--pick .wbl-card__link {
  min-height: 52px; padding: 2px 0; gap: 14px; background: transparent; border: 0; box-shadow: none;
  grid-template-columns: 44px minmax(0, 1fr); align-items: center;
}
.wbl-side-popular .wbl-card--pick .wbl-card__thumb {
  width: 44px; height: 44px; border-radius: 50% !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}
.wbl-side-popular .wbl-card--pick .wbl-card__thumb-mark {
  font-size: 0.72rem; letter-spacing: 0.02em; color: #fff; font-weight: 800;
}
.wbl-side-popular .wbl-card--pick .wbl-card__body { gap: 4px; }
.wbl-side-popular .wbl-card--pick .wbl-card__title {
  font-size: 0.88rem !important; -webkit-line-clamp: 2; color: #0f172a !important; font-weight: 750 !important;
}
.wbl-side-popular .wbl-card--pick .wbl-card__cat { display: none; }
.wbl-side-popular .wbl-card--pick .wbl-card__meta {
  font-size: 11px; color: #94a3b8; gap: 4px;
}
.wbl-side-cta {
  display: grid; gap: 10px; padding: 24px 20px; border-radius: 18px; color: #fff;
  background:
    radial-gradient(circle at 85% 15%, rgba(255,255,255,0.2), transparent 40%),
    linear-gradient(145deg, #6d28d9 0%, #7c3aed 50%, #4f46e5 100%);
  box-shadow: 0 16px 32px rgba(109, 40, 217, 0.28);
}
.wbl-side-cta strong { font-size: 1.2rem; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.wbl-side-cta span { font-size: 13px; line-height: 1.5; color: rgba(255,255,255,0.9); }
.wbl-side-cta a {
  display: inline-flex; align-items: center; justify-content: center; margin-top: 6px; width: fit-content;
  padding: 11px 18px; border-radius: 999px !important; background: #fff !important; color: #0f172a !important;
  font-size: 13px; font-weight: 800; text-decoration: none !important; border: 0 !important;
  box-shadow: none !important;
}

.wbl-pagination { margin-top: 8px; }
.wbl-pagination .nav-links,
.wbl-pagination .navigation .nav-links {
  display: flex !important; flex-wrap: nowrap; align-items: center;
  gap: 8px; justify-content: flex-end; margin-top: 20px;
}
.wbl-pagination .page-numbers,
.wbl-pagination .nav-links > a,
.wbl-pagination .nav-links > span,
.wbl-pagination .navigation .page-numbers,
.wbl-pagination span.page-numbers.current {
  display: inline-flex !important; align-items: center; justify-content: center;
  box-sizing: border-box !important;
  width: auto !important; min-width: 42px !important; height: 42px !important;
  max-height: 42px !important; padding: 0 14px !important; margin: 0 !important;
  border-radius: 12px !important; background: #fff !important;
  border: 1.5px solid #ddd6fe !important; color: #6d28d9 !important;
  font-size: 13px !important; font-weight: 750 !important; text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  line-height: 1 !important; vertical-align: middle !important;
}
.wbl-pagination .page-numbers.current,
.wbl-pagination span.page-numbers.current,
.wbl-pagination .page-numbers:hover,
.wbl-pagination .nav-links a:hover {
  background: #7c3aed !important; border-color: #7c3aed !important; color: #fff !important;
  box-shadow: 0 8px 18px rgba(124, 58, 237, 0.3) !important;
  height: 42px !important; min-width: 42px !important; max-height: 42px !important;
  padding: 0 14px !important; line-height: 1 !important;
}

.wbl-magazine--archive .wbl-subscribe {
  border-radius: 22px;
  padding: 26px 28px;
  margin-top: 8px;
}
.wbl-magazine--archive .wbl-subscribe__form {
  background: #fff;
  border: 0;
  padding: 5px;
}
.wbl-magazine--archive .wbl-subscribe__form input {
  background: transparent;
}

@media (max-width: 1100px) {
  .wbl-archive-layout { grid-template-columns: 1fr; }
  .wbl-archive-side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wbl-side-cta { grid-column: 1 / -1; }
  .wbl-magazine--archive .wbl-magazine__inner { max-width: 1600px; }
}
@media (max-width: 900px) {
  .wbl-cat-hero { grid-template-columns: 1fr; padding: 22px; }
  .wbl-cat-hero__art { justify-self: center; min-height: 160px; }
}
@media (max-width: 720px) {
  .wbl-archive-list { grid-template-columns: 1fr; }
  .wbl-archive-side { grid-template-columns: 1fr; }
  .wbl-archive-toolbar { flex-direction: column; align-items: stretch; }
  .wbl-card--row .wbl-card__link { grid-template-columns: 88px minmax(0, 1fr); padding: 12px; }
  .wbl-card--row .wbl-card__thumb { width: 88px; height: 88px; }
  .wbl-card--row .wbl-card__body { padding-right: 0; }
  .wbl-card--row .wbl-card__arrow { display: none; }
  .wbl-pagination .nav-links,
  .wbl-pagination .navigation .nav-links { justify-content: center; }
}
.wbl-single {
  font-family: var(--wbl-font);
  background: #eef2f8;
  padding: 28px 0 80px;
  -webkit-font-smoothing: antialiased;
}
.wbl-single__shell {
  display: grid;
  gap: 20px;
}
.wbl-single__crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
}
.wbl-single__crumb a {
  color: var(--blue) !important;
  text-decoration: none !important;
}
.wbl-single__crumb a:hover {
  text-decoration: underline !important;
}
.wbl-single__article {
  background: #fff;
  border-radius: 24px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.wbl-single__hero {
  position: relative;
  padding: 28px 40px 26px;
  color: #fff;
  background: linear-gradient(145deg, var(--tone, #5b21b6) 0%, var(--tone-2, #8b5cf6) 100%);
  overflow: hidden;
}
.wbl-single__hero-glow {
  position: absolute;
  inset: auto -10% -40% auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 70%);
  pointer-events: none;
}
.wbl-single__cat {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-bottom: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
}
.wbl-single__title {
  position: relative;
  z-index: 1;
  margin: 0 0 18px;
  max-width: 28ch;
  font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.55rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #fff;
}
.wbl-single__meta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}
.wbl-single__hero-cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding: 16px 30px;
  border-radius: 999px;
  background: #fff;
  color: #0f172a !important;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.32);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
.wbl-single__hero-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.03);
  color: #0f172a !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.38);
}
.wbl-single__hero-cta svg {
  flex-shrink: 0;
}

/* Cloned Fusion layouts leave empty Stripe buy pills floating mid-article. */
.wbl-single .awb-stripe-button-form {
  display: none !important;
}
.wbl-single__author {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.wbl-single__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.28);
  font-size: 11px;
  font-weight: 800;
}
.wbl-single__body {
  padding: 24px clamp(20px, 3.5vw, 56px) 48px;
  max-width: none;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.wbl-single__content {
  font-size: 1.08rem;
  line-height: 1.8;
  color: rgba(15, 23, 42, 0.9);
}
.wbl-single__content > *:first-child {
  margin-top: 0;
}
/* Collapse Fusion leftovers that create a fake top gap above the intro. */
.wbl-single__content .fusion-text:empty,
.wbl-single__content .fusion-title:empty,
.wbl-single__content .fusion-image-element:empty,
.wbl-single__content .fusion-imageframe:empty,
.wbl-single__content .fusion-column-wrapper:empty,
.wbl-single__content .fusion-builder-row-inner:empty,
.wbl-single__content .fusion-layout-column:empty,
.wbl-single__content p:empty,
.wbl-single__content blockquote:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  --awb-margin-top: 0px !important;
  --awb-margin-bottom: 0px !important;
}
/* Whitespace-only Fusion text still isn't :empty — kill those spacers. */
.wbl-single__content .fusion-text:not(:has(p, ul, ol, h1, h2, h3, h4, h5, h6, img, blockquote, table, pre, a, strong, em, span, li, div)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  --awb-margin-top: 0px !important;
  --awb-margin-bottom: 0px !important;
}
.wbl-single__content .fusion-builder-column-0.awb-sticky,
.wbl-single__content .awb-toc-el {
  display: none !important;
  margin: 0 !important;
  --awb-margin-bottom-large: 0px !important;
  --awb-margin-bottom-medium: 0px !important;
  --awb-margin-bottom-small: 0px !important;
}
/* Empty leftover columns (search/TOC shells) still reserve margin-bottom. */
.wbl-single__content .fusion-layout-column:not(:has(p, ul, ol, h1, h2, h3, h4, h5, h6, img, blockquote, li, .fusion-button, .fusion-text:not(:empty), .fusion-title:not(:empty), .fusion-image-element img)) {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  --awb-margin-top-large: 0px !important;
  --awb-margin-bottom-large: 0px !important;
  --awb-margin-top-medium: 0px !important;
  --awb-margin-bottom-medium: 0px !important;
  --awb-margin-top-small: 0px !important;
  --awb-margin-bottom-small: 0px !important;
}
.wbl-single__content .fusion-text.fusion-text-no-margin:first-of-type,
.wbl-single__content .fusion-column-wrapper > .fusion-text:first-child,
.wbl-single__content .fusion-column-wrapper > .fusion-builder-row-inner:first-child,
.wbl-single__content .fusion-column-wrapper > .fusion-title:first-child {
  margin-top: 0 !important;
  --awb-margin-top: 0px !important;
}
.wbl-single__content .fusion-builder-row-inner:not(:has(img, p, h1, h2, h3, h4, h5, h6, li, blockquote, .fusion-text:not(:empty), .fusion-title:not(:empty), .fusion-button)) {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.wbl-single__content h1,
.wbl-single__content h2,
.wbl-single__content h3,
.wbl-single__content h4 {
  color: var(--ink);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 1.35em 0 0.45em;
  word-spacing: normal;
}
.wbl-single__content h1:empty,
.wbl-single__content h2:empty,
.wbl-single__content h3:empty,
.wbl-single__content h4:empty,
.wbl-single__content h5:empty,
.wbl-single__content h6:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* Beat Avada/Fusion global title sizes (demo defaults are 48–64px). */
.wbl-single__content h1,
.wbl-single__content .fusion-title h1,
.wbl-single__content h1.fusion-title-heading,
.wbl-single__content h1.fusion-responsive-typography-calculated {
  font-size: 1.7rem !important;
}
.wbl-single__content h2,
.wbl-single__content .fusion-title h2,
.wbl-single__content h2.fusion-title-heading,
.wbl-single__content h2.fusion-responsive-typography-calculated,
.wbl-single__content .title-heading-tag {
  font-size: 1.45rem !important;
}
.wbl-single__content h3,
.wbl-single__content .fusion-title h3,
.wbl-single__content h3.fusion-title-heading,
.wbl-single__content h3.fusion-responsive-typography-calculated {
  font-size: 1.22rem !important;
}
.wbl-single__content h4,
.wbl-single__content h5,
.wbl-single__content h6,
.wbl-single__content .fusion-title h4,
.wbl-single__content .fusion-title h5,
.wbl-single__content .fusion-title h6 {
  font-size: 1.08rem !important;
  margin: 1.15em 0 0.4em;
}
.wbl-single__content .fusion-title {
  margin-top: 1.1em;
  margin-bottom: 0.35em;
}
.wbl-single__content .fusion-title .fusion-title-heading {
  margin: 0 !important;
}
.wbl-single__content p {
  margin: 0 0 0.9em;
  max-width: 78ch;
}
.wbl-single__content ul,
.wbl-single__content ol {
  margin: 0 0 0.95em;
  padding-left: 1.25em;
  max-width: 78ch;
}
.wbl-single__content li {
  margin: 0.28em 0;
}
.wbl-single__content .fusion-title {
  margin: 1em 0 0.3em !important;
}
.wbl-single__content .fusion-text {
  margin-bottom: 0.3em !important;
}
.wbl-single__content a {
  color: var(--blue) !important;
  font-weight: 600;
}
.wbl-single__content blockquote {
  margin: 1.5em 0;
  padding: 16px 20px;
  border-left: 4px solid var(--blue);
  background: #f8fafc;
  border-radius: 0 14px 14px 0;
  color: rgba(15, 23, 42, 0.86);
  max-width: 78ch;
}
.wbl-single__content .fusion-image-element,
.wbl-single__content .fusion-imageframe,
.wbl-single__content figure {
  display: block !important;
  width: 100% !important;
  max-width: min(100%, 680px) !important;
  margin: 1em auto !important;
  text-align: center;
}
.wbl-single__content img,
.wbl-single__content .fusion-imageframe img,
.wbl-single__content .fusion-image-element img {
  display: block !important;
  width: 100% !important;
  max-width: min(100%, 680px) !important;
  height: auto !important;
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid var(--line);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07);
  background: #fff;
  cursor: zoom-in;
}
/* WP emoji / icon SVGs — keep inline, never stretch like screenshots */
.wbl-single__content img.emoji,
.wbl-single__content img[src*="s.w.org/images/core/emoji"],
.wbl-single__content img[src$=".svg"] {
  display: inline !important;
  width: 1.25em !important;
  max-width: 1.25em !important;
  height: 1.25em !important;
  margin: 0 0.28em 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  vertical-align: -0.2em;
  cursor: default !important;
}
.wbl-single__content figcaption {
  margin-top: 8px;
  font-size: 13px;
  color: var(--muted);
  text-align: center;
}
.wbl-single__content pre,
.wbl-single__content code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.wbl-single__content pre {
  overflow: auto;
  padding: 16px;
  border-radius: 12px;
  background: #0f172a;
  color: #e2e8f0;
}
.wbl-single__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font-size: 0.95rem;
}
.wbl-single__content th,
.wbl-single__content td {
  border: 1px solid var(--line);
  padding: 10px 12px;
  text-align: left;
}
.wbl-single__content th {
  background: #f8fafc;
}
/* Soften loud Avada/Fusion chrome inside legacy post bodies */
.wbl-single__content .fusion-search-element,
.wbl-single__content .fusion-search-form,
.wbl-single__content form.searchform,
.wbl-single__content .fusion-search-button,
.wbl-single__content .search-button,
.wbl-single__content .fusion-table-of-contents,
.wbl-single__content .awb-toc-list,
.wbl-single__content .fusion-builder-column-0.awb-sticky {
  display: none !important;
}
.wbl-single__content .fusion-fullwidth,
.wbl-single__content .fusion-builder-row,
.wbl-single__content .fusion-layout-column,
.wbl-single__content .fusion-builder-row-inner,
.wbl-single__content .fusion-builder-column-inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  flex: 0 0 100% !important;
}
.wbl-single__content .fusion-builder-row,
.wbl-single__content .fusion-builder-row-inner {
  display: block !important;
}
.wbl-single__content .fusion-button-wrapper,
.wbl-single__content .fusion-button {
  margin: 0.4em 0 1.2em;
}
.wbl-single__content .fusion-button {
  border-radius: 999px !important;
  padding: 12px 20px !important;
  font-weight: 800 !important;
}
.wbl-single__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}
.wbl-single__tags a {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 700;
}
.wbl-single-bottom {
  background: #eef2f8;
  width: 100%;
  box-sizing: border-box;
  /* Real gap before dark footer — padding does not collapse like margin. */
  padding: 20px 0 24px !important;
}
.wbl-single-bottom .wbl-single-bottom__inner {
  display: flex !important;
  flex-direction: column;
  gap: 20px;
  width: 100% !important;
  max-width: var(--wbl-max, 1600px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--wbl-container-pad-x, clamp(16px, 2.5vw, 40px)) !important;
  padding-right: var(--wbl-container-pad-x, clamp(16px, 2.5vw, 40px)) !important;
  box-sizing: border-box !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
.wbl-single-bottom .wbl-single__cta {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 !important;
  padding: 22px 24px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 90% 20%, rgba(123, 63, 242, 0.28), transparent 42%),
    linear-gradient(135deg, #0b1733 0%, #1e1b4b 60%, #4c1d95 120%);
  color: #fff;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
.wbl-single__cta strong {
  display: block;
  font-size: 1.05rem;
  font-weight: 800;
  margin-bottom: 4px;
  color: #fff;
}
.wbl-single__cta > div > span {
  display: block;
  font-size: 13px;
  opacity: 0.88;
  line-height: 1.45;
  color: #fff;
}
.wbl-single__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}
.wbl-single-bottom .wbl-single__cta-primary,
.wbl-single-bottom a.wbl-single__cta-primary,
a.wbl-single__cta-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 11px 16px;
  border-radius: 999px;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  white-space: nowrap;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 0 !important;
  box-shadow: none !important;
}
.wbl-single-bottom .wbl-single__cta-primary:hover,
.wbl-single-bottom .wbl-single__cta-primary:focus,
.wbl-single-bottom .wbl-single__cta-primary:visited,
a.wbl-single__cta-primary:hover,
a.wbl-single__cta-primary:focus,
a.wbl-single__cta-primary:visited {
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
}
.wbl-single-bottom .wbl-single__cta-secondary,
.wbl-single-bottom a.wbl-single__cta-secondary,
a.wbl-single__cta-secondary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 11px 16px;
  border-radius: 999px;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}
.wbl-single-bottom .wbl-single__cta-secondary:hover,
.wbl-single-bottom .wbl-single__cta-secondary:focus,
.wbl-single-bottom .wbl-single__cta-secondary:visited,
a.wbl-single__cta-secondary:hover,
a.wbl-single__cta-secondary:focus,
a.wbl-single__cta-secondary:visited {
  color: #ffffff !important;
}
.wbl-single__pager {
  display: none !important;
}
.wbl-single__related {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.wbl-single__related .wbl-section-head {
  margin-bottom: 14px;
}
.wbl-single__related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}
.wbl-single__related .wbl-card--pick .wbl-card__link {
  min-height: 120px;
}

@media (max-width: 900px) {
  .wbl-single__hero,
  .wbl-single__body {
    padding-left: 22px;
    padding-right: 22px;
  }
  .wbl-single__cta {
    flex-direction: column;
    align-items: stretch;
  }
  .wbl-single__related-grid {
    grid-template-columns: 1fr;
  }
}

body.wbl-brand-shell.archive #main,
body.wbl-brand-shell.search #main,
body.wbl-brand-content.archive #wrapper,
body.wbl-brand-content.search #wrapper,
body.wbl-brand-content.single-post #wrapper,
body.single-post #main,
body.single-post #wrapper {
  background: #eef2f8 !important;
}

.wbl-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(7, 18, 37, 0.86);
  backdrop-filter: blur(6px);
  box-sizing: border-box;
}
.wbl-lightbox[hidden] {
  display: none !important;
}
.wbl-lightbox__img {
  max-width: min(96vw, 1600px);
  max-height: 92vh;
  width: auto;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  background: #fff;
}
.wbl-lightbox__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #0f172a;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
body.wbl-lightbox-open {
  overflow: hidden;
}

body.wbl-brand-shell #sidebar,
body.wbl-brand-shell .sidebar,
body.wbl-brand-shell .fusion-content-widget-area {
  display: none !important;
}

@media (max-width: 1200px) {
  .wbl-hero-grid,
  .wbl-mid-grid {
    grid-template-columns: 1fr;
  }
  .wbl-cat-icons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .wbl-mini-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wbl-hero-grid__side .wbl-side-list {
    grid-template-rows: none;
  }
}

@media (max-width: 1100px) {
  .wbl-archive-layout {
    grid-template-columns: 1fr;
  }
  .wbl-archive-side {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wbl-side-cta {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .wbl-tile-grid {
    grid-template-columns: 1fr 1fr;
  }
  .wbl-archive-hero {
    grid-template-columns: 1fr;
  }
  .wbl-archive-hero__art {
    min-height: 140px;
    justify-self: start;
  }
  .wbl-archive-cover-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .wbl-magazine--mock {
    padding: 16px 0 56px;
  }
  .wbl-cat-icons,
  .wbl-tile-grid,
  .wbl-mini-row,
  .wbl-archive-list,
  .wbl-archive-cover-grid {
    grid-template-columns: 1fr;
  }
  .wbl-archive-side {
    grid-template-columns: 1fr;
  }
  .wbl-archive-lead .wbl-card--featured .wbl-card__link {
    min-height: 240px;
    padding: 24px;
  }
  .wbl-card--row .wbl-card__link {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .wbl-card--row .wbl-card__arrow {
    display: none;
  }
  .wbl-subscribe {
    border-radius: 18px;
    flex-direction: column;
    align-items: stretch;
  }
  .wbl-subscribe__form {
    width: 100%;
  }
  .wbl-ticker {
    flex-wrap: wrap;
  }
  .wbl-card--featured .wbl-card__link {
    min-height: 320px;
    padding: 24px;
  }
}