/* Parent category landing — Regulation-style layout */

:root {
  --ci-cat-red: #8b1538;
  --ci-cat-red-dark: #6f112d;
  --ci-cat-text: #111111;
  --ci-cat-muted: #555555;
  --ci-cat-meta: #777777;
  --ci-cat-border: #e5e5e5;
  --ci-cat-serif: "Playfair Display", "Times New Roman", Times, serif;
  --ci-cat-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body.tax-news_category.ci-has-v2-header .coin-news-section,
body.tax-news_category .page-heading.secondary-background {
  display: none !important;
}

.ci-cat-landing {
  font-family: var(--ci-cat-sans);
  color: var(--ci-cat-text);
  background: #fff;
  padding-bottom: 0;
  max-width: 100%;
  overflow-x: clip;
}

/* Sharp corners on images/boxes; grid cards share borders (all category landings) */
.ci-cat-landing .ci-cat-briefing__featured,
.ci-cat-landing:not(.ci-cat-landing--split-mid) .ci-cat-watch,
.ci-cat-landing .ci-cat-trending,
.ci-cat-landing .ci-cat-limited,
.ci-cat-landing .ci-cat-coming-soon,
.ci-cat-landing .ci-cat-limited__cta {
  border-radius: 0;
}

.ci-cat-landing .ci-cat-hero__media,
.ci-cat-landing .ci-cat-hero__media img,
.ci-cat-landing .ci-cat-briefing__media,
.ci-cat-landing .ci-cat-briefing__media img,
.ci-cat-landing .ci-cat-briefing__thumb,
.ci-cat-landing .ci-cat-briefing__thumb img,
.ci-cat-landing .ci-cat-grid__thumb,
.ci-cat-landing .ci-cat-grid__thumb img,
.ci-cat-landing .ci-cat-trending__thumb img,
.ci-cat-landing .ci-cat-explore__thumb,
.ci-cat-landing .ci-cat-explore__thumb img,
.ci-cat-landing:not(.ci-cat-landing--split-mid) .ci-cat-watch__icon,
.ci-cat-landing:not(.ci-cat-landing--split-mid) .ci-cat-watch__icon--image,
.ci-cat-landing:not(.ci-cat-landing--split-mid) .ci-cat-watch__icon--image img {
  border-radius: 0;
}

.ci-cat-landing .ci-cat-grid__card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  border: 1px solid #e8e8e8;
  background: #fff;
  box-sizing: border-box;
}

.ci-cat-landing .ci-cat-grid__body {
  padding: 12px 14px 14px;
}

.ci-cat-landing .ci-cat-explore__card {
  padding: 14px;
  border: 1px solid #e8e8e8;
  background: #fff;
  box-sizing: border-box;
}

.ci-cat-landing__container {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
  padding: 28px 0 48px;
}

/* Hero */
.ci-cat-landing__eyebrow {
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ci-cat-red);
}

.ci-cat-landing__title {
  margin: 0 0 14px;
  font-family: var(--ci-cat-serif);
  font-size: clamp(2rem, 4.5vw, 2.75rem);
  font-weight: 800;
  line-height: 1.12;
}

.ci-cat-landing__desc {
  margin: 0 0 24px;
  max-width: 820px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--ci-cat-muted);
}

/* Filter pills */
.ci-cat-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--ci-cat-border);
}

.ci-cat-filters__btn {
  appearance: none;
  border: 1px solid var(--ci-cat-border);
  background: #fff;
  color: var(--ci-cat-text);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ci-cat-filters__btn:hover {
  border-color: var(--ci-cat-red);
  color: var(--ci-cat-red);
}

.ci-cat-filters__btn.is-active {
  background: var(--ci-cat-red);
  border-color: var(--ci-cat-red);
  color: #fff;
}

.ci-cat-landing.is-loading .ci-cat-landing__content {
  opacity: 0.5;
  pointer-events: none;
}

/* Labels & meta */
.ci-cat-label {
  display: block;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ci-cat-red);
}

.ci-cat-meta {
  font-size: 12px;
  color: var(--ci-cat-meta);
}

.ci-cat-meta span[aria-hidden] {
  margin: 0 4px;
}

.ci-cat-section-title {
  margin: 0 0 18px;
  font-family: var(--ci-cat-sans);
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ci-cat-red);
}

/* Top row: main column + sidebar */
.ci-cat-top {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr);
  gap: 28px;
  margin-bottom: 40px;
  align-items: start;
}

.ci-cat-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ci-cat-sidebar__watch {
  flex: 0 0 auto;
}

.ci-cat-top__main .ci-cat-briefing {
  margin-top: 28px;
}

/* Limited-news callout */
.ci-cat-limited {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin: 24px 0 20px;
  padding: 22px 24px;
  background: #fdf7f7;
  border: 1px solid #f5e8e8;
  border-radius: 8px;
}

.ci-cat-limited__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(139, 21, 56, 0.1);
  color: var(--ci-cat-red);
  line-height: 0;
}

.ci-cat-limited__title {
  margin: 0 0 8px;
  font-family: var(--ci-cat-serif);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
}

.ci-cat-limited__text {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ci-cat-muted);
}

.ci-cat-limited__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: var(--ci-cat-red);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.15s ease;
}

.ci-cat-limited__cta:hover {
  background: var(--ci-cat-red-dark);
  color: #fff;
}

/* Trending Now sidebar */
.ci-cat-trending {
  border: 1px solid var(--ci-cat-border);
  border-radius: 8px;
  padding: 20px;
  background: #fff;
}

.ci-cat-trending__heading {
  margin: 0 0 14px;
  font-family: var(--ci-cat-serif);
  font-size: 1.25rem;
  font-weight: 700;
}

.ci-cat-trending__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ci-cat-trending__item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--ci-cat-border);
}

.ci-cat-trending__item:last-child {
  border-bottom: 0;
}

.ci-cat-trending__thumb img {
  display: block;
  width: 56px;
  height: 42px;
  object-fit: cover;
  border-radius: 0;
}

.ci-cat-trending__title {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.ci-cat-trending__title a {
  color: inherit;
  text-decoration: none;
}

.ci-cat-trending__title a:hover {
  color: var(--ci-cat-red);
}

.ci-cat-trending__date {
  font-size: 11px;
  color: var(--ci-cat-meta);
}

.ci-cat-trending__more {
  display: inline-block;
  margin-top: 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ci-cat-red);
  text-decoration: none;
}

.ci-cat-trending__more:hover {
  text-decoration: underline;
}

.ci-cat-grid-wrap--full {
  grid-column: 1 / -1;
}

.ci-cat-layout--limited .ci-cat-mid {
  display: none;
}

/* Hero — image left (50%), copy right, bordered card, sharp corners */
.ci-cat-landing .ci-cat-top .ci-cat-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  padding: 0;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  min-height: 300px;
}

.ci-cat-hero__media {
  display: block;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 0;
  line-height: 0;
  align-self: stretch;
}

.ci-cat-hero__media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 220px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0;
}

.ci-cat-hero__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
  min-height: 0;
  padding: 22px 26px;
  box-sizing: border-box;
}

.ci-cat-hero__title {
  margin: 0 0 12px;
  font-family: var(--ci-cat-serif);
  font-size: clamp(1.2rem, 2.4vw, 1.65rem);
  font-weight: 700;
  line-height: 1.28;
}

.ci-cat-hero__title a,
.ci-cat-briefing__title a,
.ci-cat-briefing__row-title a,
.ci-cat-grid__title a,
.ci-cat-watch__title a {
  color: inherit;
  text-decoration: none;
}

.ci-cat-hero__title a:hover,
.ci-cat-briefing__title a:hover,
.ci-cat-briefing__row-title a:hover,
.ci-cat-grid__title a:hover,
.ci-cat-watch__title a:hover {
  color: var(--ci-cat-red);
}

.ci-cat-hero__excerpt {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ci-cat-muted);
}

.ci-cat-hero__body .ci-cat-meta {
  margin-top: auto;
}

/* Editor's Desk sidebar */
.ci-cat-watch {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ci-cat-border);
  border-radius: 8px;
  padding: 20px 20px 18px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ci-cat-watch__heading {
  margin: 0 0 14px;
  font-family: var(--ci-cat-serif);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.ci-cat-watch__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ci-cat-watch__item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px 14px;
  align-items: start;
  padding: 14px 0;
  border-bottom: 1px solid var(--ci-cat-border);
}

.ci-cat-watch__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.ci-cat-watch__icon {
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  flex-shrink: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.ci-cat-watch__icon--image {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
}

.ci-cat-watch__icon--image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ci-cat-watch__icon--analysis {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M4 18V6m0 12h16M8 18V10m4 8V8m4 10v-6'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--interview {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Crect x='9' y='3' width='6' height='11' rx='3' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M6 11a6 6 0 0012 0M12 17v4'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--prediction {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--exclusive {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M12 3l2.4 5.8 6.3.5-4.8 4.1 1.5 6.1L12 16.8 6.6 19.5l1.5-6.1-4.8-4.1 6.3-.5L12 3z'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--explainers {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M8 3h8l1 2h4v16H4V5h4l1-2z'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8 11h8M8 15h5'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--chart,
.ci-cat-watch__icon--etf,
.ci-cat-watch__icon--liquidation,
.ci-cat-watch__icon--institutional {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M4 18V6m0 12h16M8 18V10m4 8V8m4 10v-6'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--calendar,
.ci-cat-watch__icon--macro,
.ci-cat-watch__icon--unlock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='15' rx='2' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8 3v4M16 3v4M4 10h16'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--exchange,
.ci-cat-watch__icon--deal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M7 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M9.6 10.8l4.8 2.4M14.4 10.8l-4.8 2.4'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--earnings {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M8 3h8l1 2h4v16H4V5h4l1-2z'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8 11h8M8 15h5'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--stablecoin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' d='M12 7v10M9 10h6M9 14h6'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--flame {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M12 3c-2 4-4 5-4 9a4 4 0 108 0c0-4-2-5-4-9z'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--doc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M8 3h8l1 2h4v16H4V5h4l1-2z'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8 11h8M8 15h5'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--deal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M7 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M9.6 10.8l4.8 2.4M14.4 10.8l-4.8 2.4'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='15' rx='2' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8 3v4M16 3v4M4 10h16'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--law {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M12 3v18M7 8h10M9 5h6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8 21h8'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--policy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M4 20V9l8-5 8 5v11'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M9 20v-5h6v5'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--enforcement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M12 3l8 4v6c0 4-3 7-8 8-5-1-8-4-8-8V7l8-4z'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--court {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8 4h8v3H8zM5 21h14M12 7v14'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M9 11h6'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--upgrade {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M12 4v12m0 0l-4-4m4 4l4-4M5 20h14'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--protocol {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='12' r='2.5' stroke='%23666' stroke-width='1.6'/%3E%3Ccircle cx='18' cy='6' r='2.5' stroke='%23666' stroke-width='1.6'/%3E%3Ccircle cx='18' cy='18' r='2.5' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M8.3 11.2l7.4-3.9M8.3 12.8l7.4 3.9'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--security {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M12 3l8 4v6c0 4-3 7-8 8-5-1-8-4-8-8V7l8-4z'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--wallet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='14' rx='2' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M3 10h18M16 14h3'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--mining {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M4 18h16M7 18V9m5 9V6m5 12V11'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--ai {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='3' stroke='%23666' stroke-width='1.6'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M9 9h2v2H9zm4 0h2v2h-2zM8 15h8'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--outage {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linecap='round' d='M12 9v4M12 17h.01'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M12 3l9 16H3L12 3z'/%3E%3C/svg%3E");
}

.ci-cat-watch__icon--layer2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M12 4l8 4.5v7L12 20l-8-4.5v-7L12 4z'/%3E%3Cpath stroke='%23666' stroke-width='1.6' stroke-linejoin='round' d='M12 11l8-2.5M12 11v9M12 11L4 8.5'/%3E%3C/svg%3E");
}

.ci-cat-watch__body {
  min-width: 0;
}

.ci-cat-watch__body .ci-cat-label {
  margin-bottom: 4px;
}

.ci-cat-watch__title {
  margin: 0 0 6px;
  font-family: var(--ci-cat-serif);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

.ci-cat-watch__desc {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--ci-cat-muted);
}

.ci-cat-watch__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin-top: 8px;
  font-size: 11px;
  color: var(--ci-cat-meta);
}

.ci-cat-watch__meta-primary {
  font-size: 11px;
  color: var(--ci-cat-meta);
}

.ci-cat-watch__byline {
  color: var(--ci-cat-muted);
}

.ci-cat-watch__meta .ci-cat-watch__byline:not(:first-child)::before {
  content: '·';
  margin-right: 6px;
  color: var(--ci-cat-meta);
}

.ci-cat-watch__more {
  display: inline-block;
  margin-top: 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ci-cat-red);
  text-decoration: none;
}

.ci-cat-watch__more:hover {
  text-decoration: underline;
}

/* Markets: briefing left, news grid right */
.ci-cat-mid--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 28px;
  align-items: start;
  margin-bottom: 8px;
}

.ci-cat-layout--split-mid .ci-cat-top__main .ci-cat-briefing {
  display: none;
}

.ci-cat-layout--split-mid .ci-cat-sidebar__trending {
  display: none;
}

.ci-cat-landing--split-mid .ci-cat-sidebar {
  gap: 0;
}

/* Split v2 landings (Markets, Business, Regulation, Technology) — hero + watch */
.ci-cat-layout--split-mid .ci-cat-top {
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, 360px);
  gap: 24px;
  align-items: stretch;
}

.ci-cat-layout--split-mid .ci-cat-top__main {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero {
  flex: 1;
  width: 100%;
  min-height: 360px;
  border: 1px solid #d8d8d8;
  box-shadow:
    0 4px 22px rgba(0, 0, 0, 0.09),
    0 2px 6px rgba(0, 0, 0, 0.05);
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
}

.ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__media {
  position: relative;
  min-height: 360px;
  height: 100%;
}

@media (min-width: 1025px) {
  .ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 360px;
    aspect-ratio: auto;
    object-fit: cover;
  }
}

.ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__body {
  padding: 26px 32px 24px 28px;
  justify-content: space-between;
}

.ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__title {
  font-size: clamp(1.3rem, 2.1vw, 1.8rem);
  line-height: 1.25;
  margin-bottom: 14px;
}

.ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__excerpt {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__body .ci-cat-meta {
  margin-top: auto;
  padding-top: 8px;
  font-size: 13px;
}

.ci-cat-layout--split-mid .ci-cat-sidebar {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.ci-cat-layout--split-mid .ci-cat-sidebar__watch {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* Category Watch sidebar — v2 layout */
.ci-cat-layout--split-mid .ci-cat-watch {
  flex: 1;
  width: 100%;
  min-height: 360px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  background: #fff;
  box-shadow:
    0 2px 14px rgba(0, 0, 0, 0.07),
    0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 18px 20px 16px;
}

.ci-cat-layout--split-mid .ci-cat-watch__heading {
  margin: 0 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--ci-cat-border);
  font-family: var(--ci-cat-serif);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.ci-cat-layout--split-mid .ci-cat-watch__item--date-right {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px 14px;
  align-items: start;
  padding: 14px 0;
}

.ci-cat-layout--split-mid .ci-cat-watch__item--date-right:first-child {
  padding-top: 0;
}

.ci-cat-layout--split-mid .ci-cat-watch__item--date-right .ci-cat-watch__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.ci-cat-layout--split-mid .ci-cat-watch__item--date-right .ci-cat-watch__title {
  margin: 0 0 4px;
  font-family: var(--ci-cat-sans);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--ci-cat-text);
}

.ci-cat-layout--split-mid .ci-cat-watch__item--date-right .ci-cat-watch__desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ci-cat-muted);
}

.ci-cat-layout--split-mid .ci-cat-watch__item--date-right:last-child {
  border-bottom: 1px solid var(--ci-cat-border);
  padding-bottom: 14px;
}

.ci-cat-layout--split-mid .ci-cat-watch__date {
  align-self: start;
  margin: 1px 0 0;
  padding-left: 8px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--ci-cat-meta);
  white-space: nowrap;
}

.ci-cat-layout--split-mid .ci-cat-watch__icon--chart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4 18l5-6 4 4 6-9 5 7'/%3E%3Cpath stroke='%23333' stroke-width='1.6' stroke-linecap='round' d='M17 6h3v3'/%3E%3C/svg%3E");
}

.ci-cat-layout--split-mid .ci-cat-watch__icon--flame {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23333' stroke-width='1.6' stroke-linejoin='round' d='M12 3c-2 4-4 5-4 9a4 4 0 108 0c0-4-2-5-4-9z'/%3E%3C/svg%3E");
}

.ci-cat-layout--split-mid .ci-cat-watch__icon--liquidation,
.ci-cat-layout--split-mid .ci-cat-watch__icon--institutional,
.ci-cat-layout--split-mid .ci-cat-watch__icon--etf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23333' stroke-width='1.6' stroke-linecap='round' d='M4 18V6m0 12h16M8 18V10m4 8V8m4 10v-6'/%3E%3C/svg%3E");
}

.ci-cat-layout--no-watch .ci-cat-top {
  grid-template-columns: 1fr;
}

/* Today's Top News sidebar (Region and other split-mid landings without Editor's Watch) */
.ci-cat-layout--top-stories .ci-cat-sidebar__topnews {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  height: 100%;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 360px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  box-shadow:
    0 2px 14px rgba(0, 0, 0, 0.07),
    0 1px 3px rgba(0, 0, 0, 0.04);
  padding: clamp(18px, 2vw, 24px);
  font-family: var(--ci-cat-sans);
}

.ci-cat-layout--top-stories .ci-topnews-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
  flex-shrink: 0;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-hero__side-title {
  margin: 0;
  font-family: var(--ci-cat-sans);
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ci-cat-text);
}

.ci-cat-layout--top-stories .ci-topnews-panel__nav {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-hero__arrow {
  appearance: none;
  width: 32px;
  height: 32px;
  border: 1px solid var(--ci-cat-border);
  background: #fff;
  color: var(--ci-cat-text);
  font-size: 14px;
  cursor: pointer;
  border-radius: 2px;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-hero__arrow:hover:not(:disabled) {
  border-color: var(--ci-cat-red);
  color: var(--ci-cat-red);
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-hero__arrow:disabled {
  opacity: 0.4;
  cursor: default;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--ci-cat-border);
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__item:nth-child(3n) {
  border-bottom: 1px solid var(--ci-cat-border);
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__item:last-child {
  border-bottom: none;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__item.is-hidden {
  display: none;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__num {
  font-family: var(--ci-cat-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: #d4d4d4;
  line-height: 1;
  transition: color 0.15s ease;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__item:hover .ci-home-topnews__num {
  color: var(--ci-cat-red);
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__title {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__title a {
  color: inherit;
  text-decoration: none;
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-topnews__title a:hover {
  color: var(--ci-cat-red);
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-meta {
  font-size: 12px;
  color: var(--ci-cat-muted);
}

.ci-cat-layout--top-stories .ci-cat-topnews-panel .ci-home-meta span[aria-hidden="true"] {
  margin: 0 6px;
}

.ci-cat-layout--split-mid .ci-cat-watch__more {
  display: none;
}

/* Limited subcategory: sidebar watch fits content (no empty stretch below items) */
.ci-cat-layout--split-mid.ci-cat-layout--limited .ci-cat-top {
  align-items: start;
}

.ci-cat-layout--split-mid.ci-cat-layout--limited .ci-cat-top .ci-cat-hero {
  flex: 0 0 auto;
}

.ci-cat-layout--split-mid.ci-cat-layout--limited .ci-cat-sidebar {
  height: auto;
}

.ci-cat-layout--split-mid.ci-cat-layout--limited .ci-cat-sidebar__watch {
  flex: 0 0 auto;
}

.ci-cat-layout--split-mid.ci-cat-layout--limited .ci-cat-watch {
  flex: none;
  min-height: 0;
  height: auto;
}

.ci-cat-layout--split-mid.ci-cat-layout--limited .ci-cat-watch__item--date-right:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* Briefing column — featured card + boxed row items */
.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__featured {
  display: block;
  margin-bottom: 12px;
  padding: 0;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  background: #fff;
  overflow: hidden;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__media {
  margin-bottom: 0;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__media img {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 8.5;
  border-radius: 0;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__featured .ci-cat-briefing__body {
  padding: 14px 16px;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__title,
.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__row-title {
  font-family: var(--ci-cat-sans);
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__title {
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  line-height: 1.35;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__excerpt {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.55;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__featured .ci-cat-briefing__body .ci-cat-meta {
  margin-top: 0;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 0;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__row {
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  margin: 0;
  padding: 0;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  background: #fff;
  overflow: hidden;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__thumb {
  display: block;
  align-self: stretch;
  min-height: 100%;
  margin: 0;
  line-height: 0;
  overflow: hidden;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 88px;
  object-fit: cover;
  border-radius: 0;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__row-body {
  padding: 12px 14px;
  min-width: 0;
}

.ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__row-title {
  font-size: 0.9375rem;
  line-height: 1.35;
}

/* Grid row (full width below hero + sidebar) */
.ci-cat-mid {
  margin-bottom: 8px;
}

.ci-cat-briefing__featured {
  display: grid;
  grid-template-columns: minmax(180px, 38%) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 20px;
  padding: 16px;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  background: #fff;
}

.ci-cat-briefing__media {
  display: block;
  margin-bottom: 0;
  border-radius: 0;
  overflow: hidden;
  line-height: 0;
  min-height: 0;
}

.ci-cat-briefing__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 160px;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0;
}

.ci-cat-briefing__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
  padding-top: 2px;
}

.ci-cat-briefing__title {
  margin: 0 0 8px;
  font-family: var(--ci-cat-serif);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
}

.ci-cat-briefing__excerpt {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ci-cat-muted);
}

.ci-cat-briefing__body .ci-cat-meta {
  margin-top: auto;
}

.ci-cat-briefing__row {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 14px;
  padding: 16px 0;
  border-top: 1px solid var(--ci-cat-border);
}

.ci-cat-briefing__thumb img {
  display: block;
  width: 100px;
  height: 72px;
  object-fit: cover;
  border-radius: 0;
}

.ci-cat-briefing__row-title {
  margin: 0 0 6px;
  font-family: var(--ci-cat-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

/* Grid */
.ci-cat-grid-wrap__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.ci-cat-grid-wrap__link {
  font-size: 13px;
  font-weight: 600;
  color: var(--ci-cat-red);
  text-decoration: none;
  white-space: nowrap;
}

.ci-cat-grid-wrap__link:hover {
  text-decoration: underline;
}

.ci-cat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.ci-cat-grid__thumb {
  display: block;
  overflow: hidden;
  line-height: 0;
}

.ci-cat-grid__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ci-cat-grid__title {
  margin: 0 0 6px;
  font-family: var(--ci-cat-serif);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

/* Markets: slightly smaller grid thumbnails */
.ci-cat-layout--split-mid .ci-cat-mid__grid .ci-cat-grid__thumb img {
  aspect-ratio: 16 / 9;
  max-height: 132px;
}

.ci-cat-layout--split-mid .ci-cat-mid__grid .ci-cat-grid__body {
  padding: 10px 12px 12px;
}

/* Split-mid landings — faded third row above Load More */
.ci-cat-grid-wrap--peek .ci-cat-grid__peek-band {
  position: relative;
  margin-top: 4px;
  margin-bottom: 0;
}

.ci-cat-grid-wrap--peek .ci-cat-grid--peek {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.ci-cat-grid-wrap--peek .ci-cat-grid__peek-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 35%;
  height: auto;
  min-height: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.22) 45%,
    rgba(255, 255, 255, 0.55) 100%
  );
  pointer-events: none;
}

.ci-cat-grid-wrap--peek .ci-cat-grid__card--peek {
  opacity: 0.9;
}

.ci-cat-grid-wrap--peek .ci-cat-grid__card--peek:hover {
  opacity: 0.96;
}

.ci-cat-grid-wrap--peek .ci-cat-grid__load-more {
  position: relative;
  z-index: 2;
  margin-top: 28px;
}

.ci-cat-grid__load-more {
  display: block;
  width: auto;
  min-width: 220px;
  margin: 10px auto 0;
  padding: 10px 28px;
  border: 1px solid var(--ci-cat-red);
  border-radius: 4px;
  background: #fff;
  color: var(--ci-cat-red);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.ci-cat-grid__load-more:hover:not(:disabled) {
  background: var(--ci-cat-red);
  color: #fff;
}

.ci-cat-grid__load-more:disabled {
  opacity: 0.6;
  cursor: wait;
}

.ci-cat-empty {
  padding: 40px 0;
  text-align: center;
  color: var(--ci-cat-muted);
}

/* Insights coming-soon layout */
.ci-cat-layout--coming-soon .ci-cat-top {
  margin-bottom: 36px;
  align-items: stretch;
}

.ci-cat-layout--coming-soon .ci-cat-top__main {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.ci-cat-layout--coming-soon .ci-cat-sidebar__watch {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.ci-cat-layout--coming-soon .ci-cat-watch {
  flex: 1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.ci-cat-layout--coming-soon .ci-cat-watch__list {
  flex: 1;
}

.ci-cat-coming-soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 0;
  padding: clamp(32px, 5vw, 48px) clamp(20px, 4vw, 40px);
  border: 1px solid color-mix(in srgb, var(--ci-cat-red) 14%, var(--ci-cat-border));
  border-radius: 12px;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(139, 21, 56, 0.08) 0%, transparent 55%),
    linear-gradient(180deg, #fff9fa 0%, #ffffff 42%, #faf7f8 100%);
  box-shadow: 0 20px 48px rgba(17, 17, 17, 0.06);
  text-align: center;
  box-sizing: border-box;
}

.ci-cat-coming-soon__icon {
  margin-bottom: clamp(18px, 3vw, 24px);
  line-height: 0;
  background: none;
}

.ci-cat-coming-soon__icon--img {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
}

.ci-cat-coming-soon__search-image {
  display: block;
  width: auto;
  height: auto;
  max-width: min(420px, 88vw);
  margin: 0 auto;
  background: transparent;
}

.ci-cat-coming-soon__title {
  margin: 0 0 10px;
  max-width: min(28rem, 100%);
  font-family: var(--ci-cat-serif);
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--ci-cat-text);
}

.ci-cat-coming-soon__text {
  margin: 0;
  max-width: min(40ch, 100%);
  font-size: clamp(13px, 1.5vw, 14px);
  line-height: 1.65;
  color: var(--ci-cat-muted);
}

/* Insights coming-soon — keep bordered panels inside page gutters (mobile/tablet) */
@media (max-width: 1024px) {
  .ci-cat-layout--coming-soon .ci-cat-top,
  .ci-cat-layout--coming-soon #ciCatLandingMid,
  .ci-cat-layout--coming-soon .ci-cat-mid,
  .ci-cat-layout--coming-soon .ci-cat-explore,
  .ci-cat-layout--coming-soon .ci-cat-top__main,
  .ci-cat-layout--coming-soon .ci-cat-sidebar,
  .ci-cat-layout--coming-soon .ci-cat-sidebar__watch {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ci-cat-landing--coming-soon .ci-cat-coming-soon,
  .ci-cat-landing--coming-soon .ci-cat-watch,
  .ci-cat-landing--coming-soon .ci-cat-explore__card,
  .ci-cat-landing--coming-soon .ci-cat-trending {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  .ci-cat-coming-soon__icon--img,
  .ci-cat-coming-soon__search-image {
    max-width: 100%;
  }
}

/* Explore More News row */
.ci-cat-section-title--explore {
  margin: 0;
  font-family: var(--ci-cat-serif);
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ci-cat-text);
}

.ci-cat-explore {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.ci-cat-explore__card {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.ci-cat-explore__thumb {
  display: block;
  border-radius: 0;
  overflow: hidden;
}

.ci-cat-explore__thumb img {
  display: block;
  width: 112px;
  height: 76px;
  object-fit: cover;
}

.ci-cat-explore__title {
  margin: 0 0 6px;
  font-family: var(--ci-cat-serif);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

.ci-cat-explore__title a {
  color: inherit;
  text-decoration: none;
}

.ci-cat-explore__title a:hover {
  color: var(--ci-cat-red);
}

.ci-cat-landing--coming-soon .ci-cat-sidebar__trending {
  display: none;
}

/* Newsletter promo banner — full width of landing (scales with page zoom, not 100vw) */
.ci-cat-landing > .ci-newsletter-banner {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 48px;
}

.ci-cat-landing > .ci-newsletter-banner--footer-banner .ci-newsletter-banner__footer-wrap {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 768px) {
  .ci-cat-landing > .ci-newsletter-banner--mobile-stack {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .ci-cat-top,
  .ci-cat-layout--split-mid .ci-cat-top {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    align-items: start;
    gap: 24px;
  }

  .ci-cat-layout--coming-soon .ci-cat-top {
    align-items: start;
  }

  .ci-cat-layout--coming-soon .ci-cat-top__main,
  .ci-cat-layout--coming-soon .ci-cat-sidebar__watch,
  .ci-cat-layout--coming-soon .ci-cat-sidebar__watch .ci-cat-watch {
    flex: 0 1 auto;
    min-height: 0;
  }

  .ci-cat-layout--coming-soon .ci-cat-watch__list {
    flex: 0 1 auto;
  }

  .ci-cat-layout--coming-soon .ci-cat-coming-soon {
    flex: 0 1 auto;
  }

  .ci-cat-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  /* Split-mid: watch stacks under hero (single column, no height stretch) */
  .ci-cat-layout--split-mid .ci-cat-sidebar {
    display: flex;
    flex-direction: column;
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    height: auto;
    min-height: 0;
    gap: 20px;
  }

  .ci-cat-layout--split-mid .ci-cat-top__main {
    grid-column: 1;
    grid-row: 1;
  }

  .ci-cat-layout--split-mid .ci-cat-sidebar__watch {
    flex: none;
    height: auto;
    min-height: 0;
  }

  .ci-cat-layout--split-mid .ci-cat-sidebar__topnews,
  .ci-cat-layout--top-stories .ci-cat-sidebar__topnews {
    flex: none;
    height: auto;
    min-height: 0;
  }

  .ci-cat-layout--top-stories .ci-cat-topnews-panel {
    min-height: 0;
    height: auto;
  }

  .ci-cat-layout--split-mid .ci-cat-watch {
    flex: none;
    min-height: 0;
    height: auto;
  }

  .ci-cat-landing--coming-soon .ci-cat-sidebar {
    grid-template-columns: 1fr;
  }

  .ci-cat-mid,
  .ci-cat-mid--split {
    grid-template-columns: 1fr;
  }

  .ci-cat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Tablet/mobile: 2 full cards + 2 faded peek cards (hide extra slots). */
  .ci-cat-grid-wrap--peek #ciCatLandingGrid .ci-cat-grid__card:nth-child(n + 3) {
    display: none;
  }

  .ci-cat-grid-wrap--peek .ci-cat-grid--peek {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .ci-cat-grid-wrap--peek .ci-cat-grid--peek .ci-cat-grid__card--peek:nth-child(n + 3) {
    display: none;
  }

  .ci-cat-grid-wrap--peek .ci-cat-grid--peek .ci-cat-grid__card--peek {
    opacity: 0.88;
  }

  .ci-cat-grid-wrap--peek .ci-cat-grid--peek .ci-cat-grid__card--peek:hover {
    opacity: 0.94;
  }

  .ci-cat-grid-wrap--peek .ci-cat-grid__peek-fade {
    top: 50%;
    height: 50%;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.28) 40%,
      rgba(255, 255, 255, 0.65) 100%
    );
  }

  .ci-cat-grid-wrap--peek .ci-cat-grid__load-more {
    margin-top: 20px;
  }

  .ci-cat-explore {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ci-cat-limited {
    flex-direction: row;
  }

  /* Hero featured article — stack on tablet/phone (absolute img was collapsing main to 0px) */
  .ci-cat-top__main {
    order: 1;
    display: block;
    width: 100%;
    min-height: auto;
  }

  .ci-cat-sidebar {
    order: 2;
  }

  .ci-cat-layout--split-mid .ci-cat-top__main {
    display: block;
    width: 100%;
    min-height: auto;
    position: relative;
    z-index: 1;
  }

  .ci-cat-layout--split-mid .ci-cat-sidebar {
    position: relative;
    z-index: 0;
    margin-top: 0;
  }

  .ci-cat-landing .ci-cat-top .ci-cat-hero,
  .ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    min-height: 0;
    height: auto;
    flex: none;
    overflow: visible;
  }

  .ci-cat-landing .ci-cat-top .ci-cat-hero__media,
  .ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__media {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    height: auto;
    flex: none;
  }

  .ci-cat-landing .ci-cat-top .ci-cat-hero__media img,
  .ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__media img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .ci-cat-landing .ci-cat-top .ci-cat-hero__body,
  .ci-cat-layout--split-mid .ci-cat-top .ci-cat-hero__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: auto;
    flex: none;
    padding: 18px 20px;
  }

  .ci-cat-hero__body .ci-cat-meta,
  .ci-cat-briefing__body .ci-cat-meta {
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  .ci-cat-landing__container {
    width: 100%;
    max-width: 100%;
    padding: 16px 16px 48px;
    box-sizing: border-box;
  }

  .ci-cat-grid {
    grid-template-columns: 1fr;
  }

  /* Peek row stays 2 columns (do not inherit single-column stack). */
  .ci-cat-grid-wrap--peek .ci-cat-grid--peek {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .ci-cat-grid-wrap--peek .ci-cat-grid__peek-band {
    margin-bottom: 0;
  }

  .ci-cat-sidebar {
    grid-template-columns: 1fr;
  }

  .ci-cat-limited {
    flex-direction: column;
    padding: 18px;
  }

  .ci-cat-watch__item {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }

  .ci-cat-trending__item {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .ci-cat-explore {
    grid-template-columns: 1fr;
  }

  .ci-cat-briefing__featured {
    grid-template-columns: 1fr;
  }

  .ci-cat-layout--split-mid .ci-cat-top {
    align-items: start;
  }

  .ci-cat-layout--split-mid .ci-cat-mid__briefing .ci-cat-briefing__featured {
    padding: 0;
    gap: 0;
  }

  .ci-cat-briefing__media img {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .ci-cat-coming-soon {
    min-height: 0;
    padding: clamp(28px, 6vw, 40px) 20px;
    box-shadow: 0 10px 28px rgba(17, 17, 17, 0.05);
  }

  .ci-cat-coming-soon__search-image {
    max-width: 100%;
  }
}