/* WarBrief mini-slider + interleaved homepage breaks */
.wb-mini-section {
  padding: var(--wb-space-section-y, 44px) 0;
}

.wb-mini-section--muted {
  background: var(--wb-color-surface-muted, #f4f5f7);
}

.wb-mini-section--light {
  background: #fff;
}

.wb-mini-section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--wb-space-4, 16px);
  margin-bottom: var(--wb-space-5, 20px);
  padding-bottom: var(--wb-space-4, 16px);
  border-bottom: 2px solid var(--wb-color-border, #c4c7cc);
}

.wb-mini-section__kicker {
  margin: 0 0 6px;
  font: 700 10px/1 var(--wb-font-sans, Inter, sans-serif);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-color-secondary, #bb0112);
}

.wb-mini-section__head h2 {
  margin: 0;
  font: 800 clamp(1.2rem, 2.5vw, 1.55rem)/1.1 var(--wb-font-sans, Inter, sans-serif);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.wb-mini-section__desc {
  margin: 8px 0 0;
  max-width: 640px;
  color: var(--wb-color-text-muted, #5c5556);
  font: 400 0.95rem/1.55 Georgia, serif;
}

.wb-mini-section__link {
  flex-shrink: 0;
  font: 700 11px/1 var(--wb-font-sans);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-color-secondary);
  text-decoration: none;
  white-space: nowrap;
}

.wb-mini-section__link:hover { text-decoration: underline; }

.wb-mini-slider {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  grid-template-rows: auto auto;
  gap: 10px 8px;
  align-items: center;
}

.wb-mini-slider__viewport {
  grid-column: 2;
  overflow: hidden;
}

.wb-mini-slider__track {
  display: flex;
  align-items: stretch;
  transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform;
}

.wb-mini-slider__slide {
  display: flex;
  flex: 0 0 var(--wb-mini-slide-width, 25%);
  min-width: 0;
  padding: 0 6px;
  box-sizing: border-box;
}

.wb-mini-slider__slide .wb-slider-card,
.wb-mini-slider__slide .wb-landing-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.wb-mini-slider__slide .wb-landing-card-media { flex-shrink: 0; }

.wb-mini-slider__slide .wb-landing-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.wb-mini-slider__slide .wb-landing-card-title {
  margin: 0 0 10px;
  min-height: 2.6em;
}

.wb-mini-slider__slide .wb-landing-card-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wb-mini-slider__slide .wb-landing-card-excerpt {
  flex: 1 1 auto;
  margin: 0 0 14px;
  min-height: 4.65em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wb-mini-slider__slide .wb-landing-card-cta {
  margin-top: auto;
  flex-shrink: 0;
}

.wb-mini-slider__arrow {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 2px solid var(--wb-color-border);
  color: var(--wb-color-text);
  cursor: pointer;
  box-shadow: var(--wb-shadow-sm);
  transition: background 0.15s, color 0.15s, opacity 0.15s;
  padding: 0;
}

.wb-mini-slider__arrow:hover:not(:disabled) {
  background: var(--wb-color-secondary);
  border-color: var(--wb-color-secondary);
  color: #fff;
}

.wb-mini-slider__arrow:disabled { opacity: 0.35; cursor: not-allowed; }
.wb-mini-slider__arrow--prev { grid-column: 1; grid-row: 1; }
.wb-mini-slider__arrow--next { grid-column: 3; grid-row: 1; }

.wb-mini-slider__dots {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  min-height: 14px;
  margin-top: 4px;
}

.wb-mini-slider__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  padding: 0;
  background: var(--wb-color-border-muted, #e1e2e5);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}

.wb-mini-slider__dot:hover { background: rgba(187, 1, 18, 0.5); }
.wb-mini-slider__dot.is-active {
  background: var(--wb-color-secondary);
  transform: scale(1.2);
}

/* Interstitial data breaks */
.wb-landing-break {
  padding: var(--wb-space-section-y, 44px) 0;
  border-top: 3px solid var(--wb-color-secondary, #bb0112);
}

.wb-landing-break--wire {
  background: linear-gradient(135deg, #0f172a 0%, #1a1a1a 55%, #3d0009 100%);
  color: #fff;
}

.wb-landing-break--ops {
  background: #fff;
  border-bottom: 1px solid var(--wb-color-border-muted, #e1e2e5);
}

.wb-landing-break__head { margin-bottom: var(--wb-space-5, 20px); }

.wb-landing-break__kicker {
  margin: 0 0 8px;
  font: 700 10px/1 var(--wb-font-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-color-secondary);
  display: flex;
  align-items: center;
  gap: 8px;
}

.wb-landing-break__head h2 {
  margin: 0 0 8px;
  font: 800 clamp(1.25rem, 2.5vw, 1.6rem)/1.1 var(--wb-font-sans);
  text-transform: uppercase;
  color: #fff;
}

.wb-landing-break--ops .wb-landing-break__head h2 { color: var(--wb-color-text); }

.wb-landing-break__meta {
  margin: 0;
  font: 500 11px/1 var(--wb-font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}

.wb-wire-break__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--wb-space-4, 16px);
}

.wb-wire-break__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: var(--wb-space-4, 16px);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  text-decoration: none;
  color: #fff;
  transition: border-color 0.15s, background 0.15s;
  min-height: 110px;
}

.wb-wire-break__card:hover {
  border-color: var(--wb-color-secondary);
  background: rgba(187, 1, 18, 0.14);
}

.wb-wire-break__title {
  font: 700 0.92rem/1.35 var(--wb-font-sans);
  flex: 1;
}

.wb-wire-break__source {
  font: 600 10px/1 var(--wb-font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}

.wb-ops-break__layout {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--wb-space-6, 24px);
  align-items: stretch;
}

.wb-ops-break__pulse {
  padding: var(--wb-space-5, 20px);
  background: var(--wb-color-surface-dark, #191c1e);
  color: #fff;
  border: 2px solid var(--wb-color-border);
  box-shadow: var(--wb-shadow-sm);
}

.wb-ops-break__kicker {
  margin: 0 0 10px;
  font: 700 10px/1 var(--wb-font-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-color-secondary);
}

.wb-ops-break__count {
  margin: 0;
  font: 800 2.5rem/1 var(--wb-font-sans);
  color: #fff;
}

.wb-ops-break__label {
  margin: 8px 0 0;
  font: 600 11px/1 var(--wb-font-sans);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
}

.wb-ops-break__updated {
  margin: 10px 0 0;
  font: 500 10px/1 var(--wb-font-mono);
  color: rgba(255,255,255,0.4);
}

.wb-ops-break__panel {
  padding: var(--wb-space-5, 20px);
  background: var(--wb-color-surface-muted, #f4f5f7);
  border: 2px solid var(--wb-color-border);
  box-shadow: var(--wb-shadow-sm);
}

.wb-ops-break__panel h3 {
  margin: 0 0 var(--wb-space-4, 16px);
  padding-bottom: var(--wb-space-3, 12px);
  border-bottom: 2px solid var(--wb-color-border);
  font: 700 11px/1 var(--wb-font-sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wb-ops-break__list,
.wb-ops-break__clocks {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wb-ops-break__list li {
  padding: 8px 0;
  border-bottom: 1px solid var(--wb-color-border-muted);
}

.wb-ops-break__list a {
  color: var(--wb-color-text);
  text-decoration: none;
  font: 600 13px/1.35 var(--wb-font-sans);
}

.wb-ops-break__list a:hover { color: var(--wb-color-secondary); }

.wb-ops-break__clocks li {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--wb-color-border-muted);
  font: 500 12px/1 var(--wb-font-mono);
}

.wb-ops-break__clocks strong { color: var(--wb-color-secondary); }
.wb-ops-break__empty { color: var(--wb-color-text-subtle); font-size: 13px; }

@media (max-width: 1023px) {
  .wb-mini-slider__slide { flex-basis: 33.333%; }
  .wb-wire-break__grid { grid-template-columns: repeat(2, 1fr); }
  .wb-ops-break__layout { grid-template-columns: 1fr 1fr; }
  .wb-ops-break__pulse { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  .wb-mini-section__head { flex-wrap: wrap; align-items: flex-start; }
  .wb-mini-slider { grid-template-columns: 36px minmax(0, 1fr) 36px; }
  .wb-mini-slider__arrow { width: 36px; height: 36px; }
  .wb-mini-slider__slide { flex-basis: 88%; }
  .wb-wire-break__grid { grid-template-columns: 1fr; }
  .wb-ops-break__layout { grid-template-columns: 1fr; }
}
