/* ==========================================================================
   Baseline Template Styles (Isolated)
   ========================================================================== */

.w-full {
  width: 100%;
}

.flex {
  display: flex;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}

.items-start {
  align-items: flex-start;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

/* Theme Variables & Reset */
.baseline-body {
  background-color: #000 !important;
  color: #ffffff !important;
  font-family: "Trigonix", Arial, sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  line-height: 1.5;
}

/* Background Glow Effect */
.baseline-page-wrapper {
  position: relative;

  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Vertical Gridlines Background */
.baseline-gridlines {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1440px;
  height: 100%;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  padding: 0 40px;
  box-sizing: border-box;
}

.baseline-gridlines span {
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}

/* Header Styling */
.baseline-header {
  border-bottom: 1px solid #f7f7f5;
  /* background-color: hsla(0, 0%, 100%, .9); */
  background-color: #fff;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  position: sticky;
  top: 0;
  z-index: 2000;
  font-family: "Trigonix", sans-serif;
}

.baseline-header-inner-container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 1388px;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  justify-content: space-between;
}

.baseline-header .site-identity {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.baseline-header .header-menu-wrapper {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #475569;
}

.header-cta {
  gap: 0.75rem;
  align-items: center;
  display: flex;
}

.baseline-header .sign-in-link-cta {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 40px;
  display: flex;
  align-items: center;
}

.baseline-header menu,
.baseline-header ol,
.baseline-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.baseline-header a {
  text-decoration: none;
}

.baseline-header [role="button"],
.baseline-header button {
  cursor: pointer;
}

.mobile-menu__header,
.header-mobile-cta {
  padding-left: 16px;
  padding-right: 16px;
}

.header-mobile-cta .sign-in-link-cta {
  text-align: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .baseline-header .md\:block {
    display: block;
  }
}

.theme-button-primary {
  transition: all 0.4s;
  background: var(--base-scale-primary-bg, #ddff33);
  color: var(--Text-Strong, #131312);
  border-radius: var(--radius-pill, 999px);
  padding: 1px var(--padding-ml, 20px) 0px;
  height: var(--height-md, 40px);
  font-size: var(--font-sm, 14px);
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 140%;
  font-family: "Trigonix", sans-serif;
}

.theme-button-primary:hover {
  transition: all 0.4s;
  background: var(--base-scale-primary-bg-dark, #b1cc29);
}

.theme-button-primary:disabled {
  transition: all 0.4s;
  background-color: var(--base-scale-primary-bg, #ddff33);
  color: var(--base-scale-primary-bg-dark, #b1cc29);
}

.theme-button-secondary {
  transition: all 0.4s;
  background: var(--base-scale-secondary-bg, #242423);
  color: var(--base-scale-white, #fff);
  font-size: var(--font-sm, 14px);
  line-height: 140%;
  border-radius: var(--radius-pill, 999px);
  padding: 1px var(--padding-ml, 20px) 0px;
  height: var(--height-md, 40px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Trigonix", sans-serif;
}

.theme-button-secondary:hover {
  transition: all 0.4s;
  background-color: var(--base-scale-secondary-bg-dark, #51514c);
}

.theme-button-secondary:disabled {
  transition: all 0.4s;
  background-color: var(--base-scale-secondary-bg, #242423);
  color: var(--base-scale-color-light, #676760);
}

.theme-button-secondary-sm {
  transition: all 0.4s;
  background: var(--base-scale-secondary-bg, #242423);
  color: var(--base-scale-white, #fff);
  font-size: var(--font-sm, 14px);
  line-height: 140%;
  border-radius: var(--radius-pill, 999px);
  padding: 1px var(--padding-md, 16px) 0px;
  height: var(--height-sm, 32px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.theme-button-secondary-sm:hover {
  transition: all 0.4s;
  background-color: var(--base-scale-secondary-bg-dark, #51514c);
}

.theme-button-secondary-sm:disabled {
  transition: all 0.4s;
  background-color: var(--base-scale-secondary-bg, #242423);
  color: var(--base-scale-color-light, #676760);
}

.theme-button-ghost {
  transition: all 0.4s;
  background: var(--base-scale-ghost-bg, #e1e1db);
  color: var(--Text-Strong, #131312);
  font-size: var(--font-sm, 14px);
  line-height: 140%;
  border-radius: var(--radius-pill, 999px);
  padding: 1px var(--padding-ml, 20px) 0px;
  height: var(--height-md, 40px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Trigonix", sans-serif;
}

.theme-button-ghost:hover {
  transition: all 0.4s;
  background-color: var(--base-scale-ghost-bg-dark, #c4c4bc);
}

.theme-button-ghost:disabled {
  transition: all 0.4s;
  background-color: var(--base-scale-ghost-bg, #e1e1db);
  color: var(--Text-Subtle, #9a9a91);
}

.theme-button-ghost-sm {
  transition: all 0.4s;
  background: var(--base-scale-ghost-bg, #e1e1db);
  color: var(--Text-Strong, #131312);
  border-radius: var(--radius-pill, 999px);
  font-size: var(--font-sm, 14px);
  line-height: 140%;
  padding: 1px var(--padding-md, 16px) 0px;
  height: var(--height-sm, 32px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Trigonix", sans-serif;
}

.theme-button-ghost-sm:hover {
  transition: all 0.4s;
  background-color: var(--base-scale-ghost-bg-dark, #c4c4bc);
}

.theme-button-ghost-sm:disabled {
  transition: all 0.4s;
  background-color: var(--base-scale-ghost-bg, #e1e1db);
  color: var(--Text-Subtle, #9a9a91);
}

.menu-open.baseline-header {
  background-color: #0b0c0a;
  backdrop-filter: none;
}

.menu-open .baseline-subbrand {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
}

.baseline-header-container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 27px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.baseline-brand {
  display: flex;
  flex-direction: column;
}

.baseline-subbrand {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
}

.baseline-subbrand-dot {
  color: #8a8b88;
  font-size: 10px;
}

.baseline-brand a {
  text-decoration: none;
}

/* Header Right Elements Layout */
.baseline-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 102;
}

.baseline-header-cta {
  display: inline-flex;
  height: 40px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  background-color: var(--base-scale-primary-bg);
}

.baseline-btn-subscribe {
  transition:
    transform 0.2s ease,
    background-color 0.2s ease;
  display: inline-block;
  border: none;
  color: var(--text-strong);
  text-decoration: none;
}

.baseline-btn-subscribe:hover {
  transform: translateY(-1px);
  opacity: 0.9;
}

.baseline-subbrand .back-btn-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.baseline-subbrand .baseline-subbrand-link {
  text-decoration: none;
}

.back-btn-arrow .back-to {
  width: 20px;
  height: 20px;
  aspect-ratio: 1 / 1;
  border: 1px solid #242423;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.back-to img {
  width: 18px;
}

/* Mobile Toggle Hamburger styling */
.baseline-mobile-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 102;
}

.baseline-mobile-toggle .hamburger-line {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

/* Hamburger animations when menu is open */
.menu-open .baseline-mobile-toggle .line-top {
  transform: translateY(8px) rotate(45deg);
}

.menu-open .baseline-mobile-toggle .line-mid {
  opacity: 0;
}

.menu-open .baseline-mobile-toggle .line-bot {
  transform: translateY(-8px) rotate(-45deg);
}

.baseline-subnav-wrapper {
  padding: 24px 0;
  display: flex;
  width: 100%;
  position: relative;
  z-index: 999;
}

.baseline-nav-sub-menu-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  position: relative;
  z-index: 999;
}

.baseline-nav-sub-menu {
  position: relative;
  z-index: 999;
}

.baseline-nav-list {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 32px;
  margin: 0;
  padding: 0;
}

.baseline-nav-list>li {
  position: relative;
  list-style: none;
}

.baseline-nav-list a {
  color: #8a8b88;
  text-decoration: none;
  font-size: 14px;
  font-family: "Trigonix", sans-serif;
  font-weight: 400;
  line-height: 140%;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.baseline-nav-list a:hover {
  color: #ffffff;
}

/* Chevron arrow styling for menu items with sub-menu */
.baseline-nav-list li.menu-item-has-children>a::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-top: -3px;
  margin-left: 2px;
  transition: transform 0.2s ease;
}

.baseline-nav-list li.menu-item-has-children:hover>a::after {
  transform: rotate(225deg);
  margin-top: 3px;
}

/* Desktop Dropdown for sub-menu */
.baseline-nav-list .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  min-width: 180px;
  background-color: #131312;
  border: 1px solid #242423;
  border-radius: 8px;
  padding: 8px 0;
  list-style: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  z-index: 105;
  margin: 0;
}

.baseline-nav-list li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(8px);
}

.baseline-nav-list .sub-menu li {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.baseline-nav-list .sub-menu a {
  display: block;
  padding: 8px 16px;
  color: var(--text-subtle);
  font-family: "Trigonix", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.baseline-nav-list .sub-menu a::after {
  display: none !important;
}

.baseline-nav-list .sub-menu a:hover {
  background-color: #1a1a19;
  color: #ffffff;
}

/* Main Content Wrapper */
.baseline-main {
  flex-grow: 1;
  z-index: 2;
  position: relative;
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* Hero Section */
.baseline-hero-main {
  position: relative;
  overflow: hidden;
  /* background: radial-gradient(circle at 40% 30%, rgba(221, 255, 51, 0.08) 0%, rgba(11, 12, 10, 0) 70%); */
  background:
    linear-gradient(180deg,
      rgba(19, 19, 18, 0.2) 0%,
      rgba(241, 255, 173, 0.2) 100%),
    #000;
}

.baseline-hero-bg-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.baseline-hero-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.85;
}

.baseline-hero {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 80px;
  padding: 46px 0 84px 0;
  align-items: center;
}

.baseline-hero-content {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1201px) {
  .baseline-hero-content {
    padding-left: 10%;
  }
}

.baseline-hero-title {
  font-family: "Trigonix", sans-serif;
  font-style: normal;
  font-size: 100px;
  font-weight: 400;
  letter-spacing: -2px;
  margin: 0 0 26px 0;
  color: #ffffff;
  line-height: 120%;
}

.baseline-hero-subtitle {
  font-family: "Trigonix", sans-serif;
  font-style: normal;
  font-size: var(--font-md-lg);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.09px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.baseline-breadcrumbs-wrapper {
  padding: 0px 5px;
  align-items: center;
  gap: 8px;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #1A1A19;
  background: transparent;
  position: relative;
}

.baseline-breadcrumbs-wrapper .breadcrumbs-list .breadcrumbs-ul {
  padding: 0;
  display: flex;
  gap: 10px;
  list-style: none;
}

.breadcrumbs-divide {
  color: #9a9a91;
}

.breadcrumbs-li a,
.breadcrumbs-li span {
  font-size: 14px;
  color: #7C7C74;
  text-decoration: none;
  line-height: 140%;
  font-weight: 400;
}

.breadcrumbs-li.active a,
.breadcrumbs-li.active span {
  color: #fff;
}


/* Metric Card */
.baseline-metric-card {
  background: #000;
  border: 1px solid #1a1a19;
  border-radius: 8px;
  padding: 126px 24px 0px;
  max-width: 432px;
  margin-left: auto;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  z-index: 1;
}

.baseline-metric-progress {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  margin-bottom: 24px;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.baseline-metric-progress-fill {
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}

.baseline-metric-progress-segments {
  display: flex;
  gap: 8px;
  margin-bottom: 48px;
}

.baseline-metric-segment {
  height: 2px;
  background-color: #3d3d39;
  flex-grow: 1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.baseline-metric-segment::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background-color: #ffffff;
}

.baseline-metric-segment.active::after {
  animation: metricProgress 5s linear forwards;
}

@keyframes metricProgress {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.baseline-metric-slides {
  position: relative;
  padding-bottom: 126px;
}

.baseline-metric-slide {
  display: none;
}

.baseline-metric-slide.active {
  display: block;
  animation: baselineFadeIn 0.4s ease-out;
}

@keyframes baselineFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.baseline-inner-container {
  max-width: 1230px;
  z-index: 2;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* Intro Text Section */
.baseline-intro {
  padding: 160px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.baseline-intro-text p {
  font-family: "Trigonix", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  color: #ffff;
  max-width: 660px;
  margin: 0;
  letter-spacing: -0.48px;
}

/* Industry Performance Section */
.baseline-performance {
  padding: 160px 0px;
  border-top: 1px solid #1a1a19;
  background-color: transparent;
}

.baseline-section-header {
  margin-bottom: 48px;
}

.baseline-section-subtitle {
  font-family: "Trigonix", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #8a8b88;
  margin: 0;
}

/* Industries Grid */
.baseline-industries-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.baseline-industry-card {
  background: rgba(18, 19, 16, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 24px;
  transition:
    border-color 0.3s ease,
    background-color 0.3s ease;
}

.baseline-industry-card:hover {
  border-color: rgba(221, 255, 51, 0.2);
  background: rgba(18, 19, 16, 0.6);
}

.baseline-ind-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.baseline-ind-name {
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}

.baseline-ind-badge {
  font-size: 13px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 4px;
}

.baseline-ind-badge.positive {
  background-color: rgba(221, 255, 51, 0.1);
  color: #df3;
}

.baseline-ind-badge.negative {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

.baseline-ind-bar {
  height: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
  overflow: hidden;
}

.baseline-ind-bar-fill {
  height: 100%;
}

.baseline-ind-bar-fill.positive {
  background-color: #df3;
}

.baseline-ind-bar-fill.negative {
  background-color: #ef4444;
}

/***** Footer Styling *******/
.baseline-footer {
  /* border-top: 1px solid rgba(255, 255, 255, 0.05);*/
  background-color: #000;
  margin-top: auto;
  z-index: 2;
  padding: 180px 20px 20px 20px;
}

.baseline-footer .footer-group-wrap.is-open .footer-group {
  background: #131312;
}

.baseline-footer .baseline-gridlines span {
  background: linear-gradient(360deg,
      #242523 35.97%,
      rgba(36, 36, 35, 0.2) 52.61%);
}

.baseline-footer-inner-container {
  max-width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.baseline-footer-inner-container .footer-title {
  color: #fff;
}

.baseline-footer-inner-container .footer-subtitle a.footer-a-link.no-link {
  color: #fff;
}

.baseline-footer h3 a {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  color: inherit;
}

.baseline-footer a {
  text-decoration: none;
}

.baseline-footer .footer-links a,
.baseline-footer-inner-container .footer-subtitle a.footer-a-link {
  color: var(--text-subtle);
}

.baseline-footer-logo {
  font-family: "Trigonix", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-right: 20px;
}

.baseline-footer-copyright {
  font-size: 13px;
  color: #6b7280;
}

.baseline-footer-menu {
  display: flex;
  list-style: none;
  gap: 24px;
  margin: 0;
  padding: 0;
}

.baseline-footer-menu a {
  color: #6b7280;
  text-decoration: none;
  font-size: 13px;
  transition: color 0.2s ease;
}

.baseline-footer-menu a:hover {}

.baseline-footer .address-info-wrapper {
  background-color: var(--text-strong);
}

.baseline-footer .address-heading.text-strong {
  color: var(--text-white);
}

.baseline-footer .address-detail.text-neutral {
  color: var(--text-subtle);
}

.baseline-footer .address-detail.text-neutral p {
  color: var(--text-subtle);
  margin: 0px;
}

.baseline-footer .footer-text-wrapper.text-subtle {
  color: var(--text-subtle-dark);
}

@media (min-width: 768px) {}

@media (min-width: 1024px) {}

/********* End Footer Styling ****/

/* Methodology Section */
.baseline-methodology-sec {
  padding: 160px 0 160px 0;
  border-top: 1px solid #1a1a19;
  overflow: hidden;
  background-color: transparent;
}

.baseline-methodology-sec .baseline-gridlines {
  top: 250px;
}

.baseline-methodology-sec .baseline-gridlines span {
  background: linear-gradient(5deg,
      #242423 31.97%,
      rgba(36, 36, 35, 0.2) 91.61%);
}

/* Methodology Layout */
.baseline-methodology-layout {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  gap: 143px;
  width: 100%;
}

.baseline-methodology-layout .baseline-faq-wrapper {
  margin: 0px;
}

.baseline-methodology-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 312px;
  width: 100%;
}

.baseline-methodology-eyebrow {
  font-family: "Trigonix", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: var(--text-white, #ffffff);
  margin-bottom: 16px;
}

.baseline-methodology-title {
  font-family: "Trigonix", sans-serif;
  font-size: var(--font-lg);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: var(--text-white);
  letter-spacing: -0.48px;
  margin-bottom: var(--space-24);
}

.baseline-methodology-sec .baseline-methodology-left {
  max-width: 432px;
}

.baseline-methodology-sec .baseline-methodology-title {
  font-size: 32px;
  letter-spacing: -0.64px;
}

.baseline-methodology-left .read-link-container {
  display: inline-flex;
  height: 40px;
  padding: 0 24px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  background: rgba(44, 51, 10, 0.5);
  transition: background 0.3s ease;
}

.baseline-methodology-left .read-link-container:hover {
  background: rgba(223, 255, 51, 0.25);
  transform: translateY(-1px);
  opacity: 0.9;
}

.baseline-methodology-left .read-link-btn {
  font-family: "Trigonix", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #df3;
  text-align: center;
  text-decoration: none;
}

.baseline-methodology-right {
  flex: 0 0 546px;
  max-width: 546px;
}

.baseline-methodology-right .baseline-inner-container {
  padding: 0;
}

/* Industries Frame Container on Right */
.baseline-industries-frame {
  width: 661px;
  height: 555px;
  border-radius: 8px;
  background: #131312;
  padding: 98px 90px 97px 91px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* Dashed horizontal lines with vertical ticks */
.baseline-frame-line {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
  position: relative;
}

.baseline-frame-line .dashed-line {
  flex-grow: 1;
  border-bottom: 1px dashed rgba(110, 115, 80, 0.4);
  height: 1px;
  margin: 0 2px;
}

.baseline-frame-line .tick {
  width: 1.5px;
  height: 24px;
  background-color: rgba(110, 115, 80, 0.4);
}

/* Tags Container */
.baseline-frame-tags-wrap {
  width: 480px;
  height: 360px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 35px 0;
}

.baseline-frame-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.baseline-tag-item {
  font-family: "Trigonix", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #a1a19d;
  background: #1e1e1d;
  padding: 8px 16px;
  border-radius: 99px;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.02);
}

.baseline-tag-item:hover {
  color: #131312;
  background: #df3;
  border-color: #df3;
  transform: translateY(-1px);
  opacity: 0.9;
}

.baseline-tag-item.empty {
  opacity: 0.5;
  cursor: default;
}

/* Subscribe Section */
.baseline-subscribe-sec {
  padding: 80px 20px 120px 20px;
  /* border-top: 1px solid rgba(255, 255, 255, 0.05); */
  text-align: center;
  position: relative;
}

.baseline-subscribe-container {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

.baseline-subscribe-title {
  font-family: "Trigonix", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.64px;
  margin-bottom: 32px;
  color: #ffffff;
}

.baseline-subscribe-form {
  display: flex;
  gap: 8px;
  justify-content: center;
  max-width: 264px;
  margin: 0 auto;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.baseline-subscribe-input {
  background-color: #131312;
  border: 1px solid #1a1a19;
  border-radius: 999px;
  padding: 14px 24px;
  color: #ffffff;
  font-size: 14px;
  flex-grow: 1;
  outline: none;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
  box-sizing: border-box;
}

.baseline-subscribe-input:focus {
  border-color: #df3;
  background-color: rgba(255, 255, 255, 0.08);
}

.baseline-subscribe-btn {
  /* background-color: #DF3; */
  background-color: #fff;
  color: #131312;
  border: none;
  border-radius: 999px;
  padding: 15px 32px 14px;
  font-size: 14px;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    background-color 0.2s ease;
  font-weight: 400;
  line-height: 140%;
}

.baseline-subscribe-btn:hover {
  transform: translateY(-1px);
  background-color: #d1f52a;
}

/* Hero Repeater Content */
.baseline-hero-repeater-content {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.baseline-hero-repeater-item {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 18px 24px;
  text-align: left;
}

.baseline-hero-rep-heading {
  font-family: "Trigonix", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #df3;
}

.baseline-hero-rep-text {
  font-size: 14px;
  color: #a0a19e;
  margin: 0;
  line-height: 1.5;
}

/* Single Industry Profile Styles */
.baseline-single-back-wrap {
  padding: 40px 0 20px 0;
}

.baseline-single-back-btn {
  color: #df3;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: opacity 0.2s ease;
  display: inline-block;
}

.baseline-single-back-btn:hover {
  opacity: 0.8;
}

.baseline-back-button {
  color: #df3;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: opacity 0.2s ease;
  display: inline-block;
}

.baseline-back-button:hover {
  opacity: 0.8;
}

/* Report Author Box styling */
.baseline-report-author-box {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.baseline-report-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.baseline-report-author-meta {
  display: flex;
  flex-direction: column;
}

.single-report-page-wrapper .baseline-report-author-name a {
  text-decoration: none;
}

.single-report-page-wrapper .baseline-report-author-name a:hover {
  text-decoration: none;
}

.baseline-report-author-designation {
  color: var(--text-neutral-dark);
}

/* Content After Table repeater styling */
.baseline-content-after-table {
  margin: 60px auto;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 40px;
  max-width: 660px;
}

.baseline-after-table-row {
  margin-bottom: 40px;
}

.baseline-after-table-row:last-child {
  margin-bottom: 0;
}

.baseline-content-after-table.repeater .baseline-after-table-heading {
  color: var(--text-white);
  font-family: "Trigonix", sans-serif;
  font-size: clamp(28px, 2.3vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.64px;
  margin-bottom: var(--space-16);
}

.baseline-content-after-table.repeater .baseline-after-table-body {
  font-family: "Trigonix", sans-serif;
  font-size: clamp(16px, 1.25vw, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.09px;
  color: var(--text-white);
}

.baseline-after-table-body p {
  margin: 0 0 16px 0;
}

.baseline-after-table-body p:last-child {
  margin-bottom: 0;
}

.baseline-single-header {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 80px;
}

.baseline-single-eyebrow {
  font-size: 13px;
  color: #8a8b88;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

.baseline-single-title {
  font-family: "Trigonix", sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.02em;
}

.baseline-single-sec {
  margin-bottom: 80px;
}

.baseline-single-sec-title {
  font-family: "Trigonix", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 24px 0;
  letter-spacing: -0.01em;
}

.baseline-single-sec-content {
  font-size: 16px;
  line-height: 1.6;
  color: #c5c6c2;
}

.baseline-single-sec-content p {
  margin: 0 0 16px 0;
}

.baseline-single-sec-content p:last-child {
  margin-bottom: 0;
}

.baseline-highlights-list {
  display: flex;
  flex-direction: column;
  /* gap: 20px; */
}

.baseline-highlight-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px 15px;
}

.baseline-highlight-dot {
  width: 8px;
  height: 8px;
  background-color: #df3;
  border-radius: 999px;
  margin-top: 8px;
  flex-shrink: 0;
}

.baseline-highlight-body {
  font-size: 16px;
  line-height: 1.6;
  color: #c5c6c2;
  flex-grow: 1;
  letter-spacing: -0.08px;
}

.baseline-highlight-body p {
  margin: 0 0 12px 0;
}

.baseline-highlight-body p:last-child {
  margin-bottom: 0;
}

.baseline-spending-pay-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}

.baseline-spending-pay-grid .desc-box {
  background: rgba(18, 19, 16, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 32px;
  box-sizing: border-box;
}

.baseline-about-data-card {
  /* background: rgba(20, 21, 18, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 40px; */
}

.baseline-about-data-title {
  font-family: "Trigonix", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: var(--text-white);
  margin: 0 0 24px 0;
}

.baseline-about-data-body {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-white);
  letter-spacing: -0.08px;
}

.baseline-about-data-body p {
  margin: 0 0 12px 0;
}

.baseline-about-data-body p:last-child {
  margin-bottom: 0;
}

/* Same-Store Performance Chart Section */
.baseline-single-chart-section {
  margin-bottom: 80px;
}

.baseline-section-header {
  margin-bottom: 32px;
}

.baseline-section-title {
  font-family: "Trigonix", sans-serif;
  font-size: 48px;
  font-weight: 400;
  color: var(--text-white);
  margin: 0 0 8px 0;
  letter-spacing: -0.96px;
  line-height: 120%;
}

.baseline-section-subtitle {
  font-size: 48px;
  color: #8a8b88;
  margin: 0;
  line-height: 120%;
  letter-spacing: -0.96px;
}

.baseline-chart-layout {
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 32px;
  align-items: start;
}

.baseline-chart-card {
  background: #11120f;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 32px;
  box-sizing: border-box;
}

.baseline-chart-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}

.baseline-chart-card-info {
  display: flex;
  flex-direction: column;
}

.baseline-chart-card-name {
  font-size: 14px;
  color: #8a8b88;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 8px;
}

.baseline-chart-card-metric-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.baseline-chart-card-value {
  font-family: "Trigonix", sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.baseline-chart-card-value.positive {
  color: #df3;
}

.baseline-chart-card-value.negative {
  color: #ff5c5c;
}

.baseline-chart-card-arrow {
  font-size: 20px;
}

.baseline-chart-card-arrow.up {
  color: #df3;
}

.baseline-chart-card-arrow.down {
  color: #ff5c5c;
}

.baseline-chart-card-date {
  font-size: 13px;
  color: #8a8b88;
}

.baseline-chart-select-wrap {
  position: relative;
}

.baseline-chart-select {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  padding: 8px 16px;
  color: #ffffff;
  font-size: 13px;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.baseline-chart-select:focus {
  border-color: #df3;
}

.baseline-chart-canvas-wrap {
  height: 300px;
  width: 100%;
  position: relative;
}

.baseline-chart-sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.baseline-sidebar-title {
  font-size: 12px;
  color: #8a8b88;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 4px;
}

.baseline-sidebar-btn {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  padding: 12px 16px;
  color: #8a8b88;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}

.baseline-sidebar-btn:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
}

.baseline-sidebar-btn.active {
  color: #0b0c0a;
  background: #df3;
  border-color: #df3;
  font-weight: 600;
}

/* Table under Single & Report charts */
.baseline-chart-table-container {
  margin: 60px auto;
  max-width: 660px;
  padding: 0px;
  box-sizing: border-box;
}

.baseline-chart-table-wrap {
  margin-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
  overflow-x: auto;
}

.baseline-chart-table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0 0 0;
  text-align: left;
}

.baseline-chart-table th,
.baseline-chart-table td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 13.5px;
}

.baseline-chart-table th {
  font-family: "Trigonix", sans-serif;
  color: var(--text-neutral-dark);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 160%;
  letter-spacing: -0.06px;
}

.baseline-chart-table tr {
  display: flex;
  padding: 24px 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.baseline-chart-table td {
  color: #ffffff;
  font-family: "Trigonix", sans-serif;
  font-weight: 400;
  font-size: var(--font-md);
  font-style: normal;
  line-height: 160%;
  letter-spacing: -0.08px;
}

.baseline-chart-table tr:hover td {
  background-color: rgba(255, 255, 255, 0.02);
}

.baseline-chart-table td.positive {
  /* color: #DF3; */
}

.baseline-chart-table td.negative {
  /* color: #ff5252; */
}

/* Bottom Block Detail Metrics (Customer Spending & Pay) */
.baseline-spending-metrics-table {
  margin-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.baseline-metric-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.baseline-metric-label {
  font-size: 16px;
  color: #8a8b88;
  font-weight: 400;
  font-family: "Trigonix", sans-serif;
  line-height: 140%;
  letter-spacing: -0.08px;
  text-align: center;
}

.baseline-metric-value {
  font-size: 16px;
  text-align: center;
  color: var(--text-white);
  font-weight: 400;
  font-family: "Trigonix", sans-serif;
  line-height: 160%;
  margin-bottom: 8px;
  letter-spacing: -0.08px;
}

.baseline-payment-mix-bars {
  margin-top: 32px;
}

.baseline-progress-row {
  margin-bottom: 20px;
}

.baseline-progress-row:last-child {
  margin-bottom: 0;
}

.baseline-progress-labels {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.baseline-progress-name {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
}

.baseline-progress-percent {
  font-size: 14px;
  color: #8a8b88;
  font-weight: 600;
  font-family: "Trigonix", sans-serif;
}

.baseline-progress-bar-track {
  height: 6px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
}

.baseline-progress-bar-fill {
  height: 100%;
  background-color: #df3;
  border-radius: 3px;
  transition: width 0.8s ease-in-out;
}

.report-data-main-container {
  max-width: 1200px;
  margin: 0 auto 38px;
  display: flex;
  gap: 60px;
  align-items: flex-start;
  position: relative;
}

/* Left Section: Sticky TOC Sidebar */
.report-toc-sidebar {
  width: 240px;
  flex-shrink: 0;
  position: sticky;
  top: 120px;
  align-self: flex-start;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  padding-right: 15px;
  font-family: "Trigonix", sans-serif;
}

.report-toc-sidebar::-webkit-scrollbar {
  width: 4px;
}

.report-toc-sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}

.report-toc-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.report-toc-item {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.report-toc-item:hover .report-toc-text {
  color: #9a9a91;
}

.report-toc-item:hover .report-toc-indicator {
  background-color: #9a9a91;
}

.report-toc-indicator {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #3d3d39;
  flex-shrink: 0;
  transition: all 0.3s ease;
  border-radius: 1px;
}

.report-toc-text {
  font-size: 12px;
  line-height: 140%;
  color: #3d3d39;
  font-weight: 400;
  transition: all 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Active Heading Highlight State */
.report-toc-item.active .report-toc-indicator {
  width: 32px;
  background-color: #fff;
  height: 3px;
}

.report-toc-item.active .report-toc-text {
  color: #ffffff;
  font-weight: 400;
}

/* Heading Indentation in TOC based on tags */
.report-toc-item.h2 {
  padding-left: 0px;
}

.report-toc-item.h3 {
  padding-left: 12px;
}

.report-toc-item.h4 {
  padding-left: 20px;
}

/* Right Section: Main Content Column */
.report-data-content-column {
  flex: 1;
  min-width: 0;
  max-width: 720px;
}

@media (max-width: 1024px) {
  .report-toc-sidebar {
    display: none !important;
  }

  .report-data-main-container {
    flex-direction: column;
    gap: 0;
  }

  .report-data-content-column {
    max-width: 100%;
  }
}

/* Responsive Adjustments */

/* Reports Scroll Loading Spinner */
@keyframes reports-rotate-spinner {
  to {
    transform: rotate(360deg);
  }
}

.reports-spinner svg {
  animation: reports-rotate-spinner 0.8s linear infinite;
  display: block;
}

/* Reports Archive Flex Grid Container */
.baseline-reports-archive-section {
  padding-bottom: 128px;
  width: 100%;
}

.baseline-reports-container-wrap {
  width: 100%;
}

.baseline-reports-flex-grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 1116.333px;
  width: 100%;
  margin: 0 auto;
  align-items: flex-start;
  gap: 80px 24px;
  /* Gap between rows is 80px, gap between items is 24px */
  padding: 0;
  box-sizing: border-box;
  padding-bottom: 140px;
}

/* For each item in group */
.baseline-report-card {
  display: flex;
  height: 490.543px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 0 0 356.11px;
  /* Exact width match */
  width: 356.11px;
  box-sizing: border-box;
}

/* Image default css & Placeholder container */
.baseline-report-card-img,
.baseline-report-card-placeholder {
  background: var(--Surfaces-Surface-2, #131312) !important;
  max-height: 356.11px !important;
  max-width: 356.11px !important;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease;
}

.baseline-report-card-link {
  text-decoration: none;
  display: block;
  overflow: hidden;
  height: 356.11px;
  width: 356.11px;
  flex-shrink: 0;
}

.baseline-report-card-link:hover .baseline-report-card-img,
.baseline-report-card-link:hover .baseline-report-card-placeholder {
  transform: scale(1.02);
  border-color: rgba(221, 255, 51, 0.3);
}

/* Content below image */
.baseline-report-card-text {
  display: flex;
  width: 210px;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  margin-top: 16px;
}

.baseline-report-card-title {
  margin-top: 8px;
}

.baseline-report-card-text .baseline-report-card-date {
  color: var(--text-neutral-dark);
}

.baseline-report-card-title a {
  text-decoration: none;
  transition: color 0.2s ease;
  color: var(--text-white);
}

/* Media Queries for responsiveness */

/* Reports Detail Main Intro Section */
.baseline-reports-intro-section {
  max-width: 800px;
  margin: 0 auto 60px auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.baseline-reports-intro-heading {
  color: var(--text-white);
  font-weight: 500;
}

.baseline-reports-intro-content {
  margin-top: 50px;
  font-family: "Trigonix", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 160%;
  letter-spacing: 0.09px;
  color: var(--text-white);
}

.baseline-reports-intro-content p {
  margin-bottom: 20px;
}

.baseline-reports-intro-content p:last-child {
  margin-bottom: 0;
}

/* Industry Performance Tabs and Widget */
.baseline-industry-tabs button {
  background-color: transparent;
  border: none;
  color: #676760;
  cursor: pointer;
  font-size: 14px;
  line-height: 140%;
  padding: 12px 12px 10px;
  text-align: left;
  border-radius: 8px;
  transition: all 0.2s ease;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
}

.baseline-industry-tabs button:hover {
  background-color: rgba(255, 255, 255, 0.02);
  color: var(--text-white, #ffffff);
}

.baseline-industry-tabs button.active {
  background-color: #1a1a19;
  color: var(--text-white, #ffffff);
  font-weight: 500;
}

.baseline-industry-chart-card {
  background: #0b0c0a;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
}

.baseline-industry-chart-card-btn-container {
  display: flex;
  max-width: 279px;
  width: 100%;
  padding: var(--space-12);
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: #131312;
}

.baseline-performance-right-column {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.baseline-performance-right-column-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
}

.baseline-graph-content-text {
  font-family: "Trigonix", sans-serif;
  font-size: var(--font-xs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: var(--text-subtle, #9a9a91);
  flex: 1;
  max-width: 204px;
  width: 100%;
}

.baseline-industry-chart-card-btn-container .industry-chart-card-btn-link {
  color: var(--text-white);
  font-family: "Trigonix", sans-serif;
  font-size: var(--font-xs);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.12px;
  text-decoration: none;
}

/* SVG Line Curve and Dots */
.chart-reveal-path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: baselineChartReveal 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes baselineChartReveal {
  to {
    stroke-dashoffset: 0;
  }
}

.chart-dot-marker {
  transition:
    r 0.15s ease,
    fill 0.15s ease;
}

.chart-dot-marker.active {
  r: 6px;
  fill: #df3;
  filter: drop-shadow(0 0 4px rgba(221, 255, 51, 0.6));
}

/* Tab & Flex Layout spacing */
.baseline-industry-performance-widget {
  margin-top: 48px;
}

/* Performance Grid Widget Layout */
.baseline-performance-widget {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 48px;
  margin-top: 105px;
}

.baseline-performance-tabs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.baseline-performance-chart-card {
  /* background: #0b0c0a; */
  background: #000;
  /* border: 1px solid rgba(255, 255, 255, 0.05); */
  /* padding: 32px 48px 80px 32px; */
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
  /* border-top: 1px solid #1a1a19;
  border-right: 1px solid #1a1a19;
  border-left: 1px solid #1a1a19; */
  border: 1px solid #1a1a19;
}

.baseline-performance-chart-card .baseline-chart-svg-container {
  margin-bottom: 0px;
  padding: 0px 32px 80px 32px;
}

.baseline-performance-chart-card .baseline-chart-header {
  padding: 32px 32px 0px;
}

.baseline-performance-chart-card .baseline-chart-ticker {
  padding: 16px 32px 8px;
  align-items: flex-start;
}

.baseline-performance-chart-card .baseline-chart-subtext {
  margin: 0px;
  padding: 0px 32px;
  color: #fff;
  font-size: 12px;
}

.baseline-performance-chart-card .baseline-chart-area-wrapper {
  padding-top: 50px;
}

.baseline-performance-chart-card .baseline-chart-x-axis {
  border-top: 1px solid #1a1a19;
  padding: 16px 0px;
  margin: 0px;
}

.baseline-performance-chart-card .baseline-chart-x-axis span {
  color: #3d3d39;
  font-size: 12px;
}

.baseline-performance-chart-card .baseline-chart-x-axis span.active {
  font-weight: 400 !important;
}

.baseline-latest-report-sec .baseline-latest-report-container {
  padding: 0px;
}

/* Card Header styles */
.baseline-chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.baseline-chart-title {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
}

.baseline-chart-badge {
  display: inline-flex;
  align-items: center;
  background: #131312;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 9999px;
  padding: 6px 16px;
  color: #ffffff;
  font-size: 13px;
}

/* Card Value Ticker */
.baseline-chart-ticker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
}

.baseline-chart-percentage {
  font-size: 56px;
  color: #ffffff;
  font-weight: 400;
  /* Tabular nums */
  line-height: 1;
  letter-spacing: -0.96px;
}

.baseline-chart-arrow-indicator {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.baseline-chart-arrow-indicator.positive {
  background: #2c330a;
  color: #df3;
}

.baseline-chart-arrow-indicator.negative {
  background: #3f1616;
  color: #ff5252;
}

.baseline-chart-arrow-indicator svg {
  width: 16px !important;
  height: 16px !important;
  display: block;
}

.baseline-chart-subtext {
  margin-top: 12px;
  color: #8a8b88;
  font-size: 15px;
}

/* Graph & Tooltip styling */
.baseline-chart-area-wrapper {
  position: relative;
  padding-top: 108px;
  margin-top: 48px;
}

.baseline-chart-tooltip {
  pointer-events: none;
  position: absolute;
  z-index: 20;
  transform: translate(-50%, -100%);
  transition: all 0.15s ease;
}

.baseline-chart-tooltip-box {
  white-space: nowrap;
  background: #11120f;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
}

.baseline-chart-tooltip-percentage {
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
}

.baseline-chart-tooltip-details {
  display: flex;
  gap: 20px;
  margin-top: 12px;
}

.baseline-chart-tooltip-col {
  display: flex;
  flex-direction: column;
}

.baseline-chart-tooltip-val {
  color: #ffffff;
  font-size: 14px;
  font-family: monospace;
  /* Tabular nums */
}

.baseline-chart-tooltip-label {
  color: #8a8b88;
  font-size: 12px;
  margin-top: 2px;
}

.baseline-chart-vertical-pin {
  position: absolute;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  top: 108px;
  pointer-events: none;
}

.baseline-chart-x-axis {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  color: #8a8b88;
  font-size: 13px;
  padding: 0 4px;
}

.baseline-chart-x-axis span {
  flex: 1;
  text-align: center;
  color: #8a8b88;
  font-size: 13px;
  font-family: "Trigonix", sans-serif;
  font-weight: 400;
  transition:
    color 0.2s ease,
    font-weight 0.2s ease;
  cursor: pointer;
}

.baseline-chart-x-axis span.active {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.baseline-chart-x-axis span.disabled {
  color: #444444 !important;
  cursor: default;
}

/* Responsiveness overrides */

.baseline-chart-svg-container {
  position: relative;
  width: 100%;
}

.baseline-chart-overlay-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.baseline-chart-hover-col {
  height: 100%;
  flex: 1;
  border-radius: 4px;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.baseline-chart-hover-col.disabled {
  cursor: default;
}

.baseline-chart-badge-wrap {
  position: relative;
  display: inline-block;
}

.baseline-chart-year-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #131312;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 9999px;
  padding: 8px 36px 8px 16px;
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  font-family: inherit;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.baseline-chart-year-select:hover {
  border-color: rgba(255, 255, 255, 0.15);
  background-color: #1a1a19;
}

.baseline-chart-year-select option {
  background-color: #131312;
  color: #ffffff;
}

/* Latest Report Section styling */
.baseline-latest-report-sec {
  padding: 160px 0;
  border-top: 1px solid #1a1a19;
  /* background-color: #0b0c0a; */
  background-color: transparent;
}

.baseline-latest-report-container {
  max-width: 1394px;
  margin: 0 auto;
  padding: 0 24px;
}

.baseline-latest-report-meta-title {
  font-family: "Trigonix", sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.96px;
  color: var(--text-white);
  margin-bottom: 0px;
}

.baseline-latest-report-grid {
  display: grid;
  grid-template-columns: 1fr 546px;
  gap: 135px;
  /* align-items: center; */
  margin-top: 110px;
}

.baseline-latest-report-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.baseline-latest-report-right .baseline-latest-report-heading {
  color: var(--text-white);
  margin: 0px 0px 24px;
}

.baseline-latest-report-right .report-permalink-wrapper {
  display: flex;
  height: 40px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  background: rgba(44, 51, 10, 0.5);
}

.baseline-latest-report-right .baseline-latest-report-link {
  color: var(--base-scale-primary-bg);
  text-decoration: none;
}

.baseline-latest-report-link svg {
  transition: transform 0.2s ease;
}

.baseline-latest-report-link:hover svg {
  transform: translateX(4px);
}

.baseline-latest-report-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.baseline-latest-report-image-wrap {
  max-width: 546px;
  width: 100%;
  height: 546px;
  /* border-radius: 16px; */
  overflow: hidden;
  /* border: 1px solid rgba(255, 255, 255, 0.05); */
  background: #131312;
  aspect-ratio: 1 / 1;
}

.baseline-latest-report-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.baseline-latest-report-image-wrap:hover .baseline-latest-report-img {
  transform: scale(1.05);
}

.footer-links {
  /* padding-block: 120px; */
}

.footer-link-inner {
  display: flex;
  max-width: 240px;
  margin: auto;
  flex-direction: column;
}

.footer-links .baseline-footer-menu {
  flex-direction: column;
}

.once-motnh {
  padding-top: 32px;
  color: #676760;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}

.footer-links .baseline-footer-menu a {
  color: #9a9a91;
  font-size: 14px;
  letter-spacing: -0.07px;
  line-height: 160%;
}

/*** end ******/
/* Responsiveness for Latest Report */
/****** Industry cpt single page css start *******/

.baseline-industry-graph-block-wrap {
  max-width: 888px;
  margin: auto;
  width: 100%;
}

/****** Industry cpt single page css End *******/

/*********** single report page css start ****/

/* Single CPT Header (Featured Image + Title) Layout 
Report section
*/
.baseline-single-cpt-header {
  padding-top: 40px;
  padding-bottom: 120px;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */
  margin-bottom: 60px;
  max-width: 1116.333px;
  width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
  position: relative;
}

.single-report-page-wrapper .baseline-single-cpt-header-image {
  max-width: 660px;
  max-height: 660px;
}

.reportlisting-page-wrapper .baseline-single-cpt-header {
  padding-top: 80px;
  margin-bottom: 0px;
}

.baseline-single-cpt-header-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
}

.baseline-cpt-featured-img {
  width: 100%;
  height: 100%;
  /* max-height: 400px; */
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.baseline-cpt-image-placeholder {
  width: 100%;
  height: auto;
  aspect-ratio: 1.5;
  max-height: 400px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 8px;
}

.baseline-single-cpt-header-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.baseline-single-cpt-kicker {
  color: var(--text-neutral-dark);
  text-transform: uppercase;
  margin-bottom: var(--space-16);
  display: block;
}

.baseline-single-cpt-title {
  margin: 0;
  color: var(--text-white, #ffffff);
}

.single-report-page-wrapper .baseline-cpt-image-placeholder {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  border: none;
}

.single-report-page-wrapper .baseline-single-cpt-header-grid {
  gap: 24px;
}

.single-report-page-wrapper .baseline-single-cpt-header {
  max-width: 100%;
  padding-bottom: 48px;
  margin-bottom: 0px;
}

.single-report-page-wrapper .baseline-subnav-wrapper {
  position: relative;
  z-index: 999;
  margin-bottom: 98px;
}

.single-report-page-wrapper .baseline-subnav-wrapper:before {
  content: "";
  position: absolute;
  width: calc(100vw + 30px);
  background: #1a1a19;
  height: 1px;
  left: -70px;
  bottom: 0px;
  border-bottom: 1px solid #1a1a19;
}

.single-report-page-wrapper .baseline-reports-intro-section {
  max-width: 660px;
  padding: 0px;
  gap: 0px;
  margin: 0 auto 60px 0;
  margin-top: 58px;
}

.single-report-page-wrapper .baseline-key-numbers-wrapper,
.single-report-page-wrapper .baseline-reports-section-above-graph-wrapper {
  max-width: 740px;
}

.single-report-page-wrapper .baseline-reports-section-below-graph-wrapper {
  max-width: 740px;
}

.single-report-page-wrapper .baseline-reports-intro-section .baseline-reports-intro-heading {
  margin-bottom: 0px;
  font-weight: 400;
}

.single-report-page-wrapper .baseline-reports-intro-content p {
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.09px;
  font-family: "Trigonix", sans-serif;
  font-size: 18px;
}

.single-report-page-wrapper .entry-content .baseline-chart-layout {
  max-width: 920px;
  margin: auto;
  width: 100%;
}

.single-report-page-wrapper .baseline-chart-card-metric-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-top: 8px;
  margin-bottom: 4px;
}

.single-report-page-wrapper .baseline-chart-metric-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #1A1A19;
  border-radius: 8px;
  padding: 4px 8px;
}

.single-report-page-wrapper .baseline-chart-dot {
  display: inline-block;
  width: 9px;
  height: 2px;
  flex-shrink: 0;
}

.single-report-page-wrapper .baseline-chart-metric-label {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  font-family: "Trigonix", sans-serif;
}

.single-report-page-wrapper .baseline-chart-card-date {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  color: #8a8b88;
  font-family: "Trigonix", sans-serif;
}

.single-report-page-wrapper .entry-content .baseline-chart-table tr {
  border-bottom: 1px solid #1a1a19;
}

.single-report-page-wrapper .entry-content .baseline-chart-table td,
.single-report-page-wrapper .entry-content .baseline-chart-table th {
  padding: 0;
  border: none;
}

.single-report-page-wrapper .baseline-chart-table-wrap {
  border: none;
}

.single-report-page-wrapper .baseline-chart-table th:first-child {
  min-width: 100px;
}

.single-report-page-wrapper .baseline-content-after-table {
  border: none;
}

.report-data-main-container .baseline-report-author-box {
  border: none;
  margin: 0;
  padding: 0;
}

.single-report-page-wrapper .baseline-single-cpt-header:before {
  content: "";
  position: absolute;
  width: calc(100vw + 30px);
  background: #1a1a19;
  height: 1px;
  left: -70px;
  bottom: 0px;
}

.baseline-subscription-section-wrapper {
  display: flex;
  width: 100%;
}

.baseline-subscription-section-wrapper .baseline-subscribe-container {
  max-width: 550px;
  text-align: center;
}

.baseline-subscription-section-wrapper .baseline-subscribe-container .baseline-subscribe-title {
  padding-left: 10px;
  padding-right: 10px;
}

.baseline-latest-report-sec .baseline-latest-report-right .baseline-latest-report-heading {
  margin-bottom: 0px;
}

.baseline-footer .footer-bottom-wrapper {
  margin: 0px;
}

.single-report-page-wrapper .baseline-key-numbers-wrapper {
  padding: 0px;
}

.single-report-page-wrapper .baseline-key-numbers-wrapper .baseline-key-numbers-list {
  border-top: 1px solid #1a1a19;
}

div.baseline-reports-section-above-graph-additional-wrapper {
  letter-spacing: 0.08px;
}

/* Media Queries for responsiveness (max-width: 1156px) */
@media screen and (max-width: 1156px) {
  .baseline-reports-flex-grid {
    width: 100%;
    max-width: 736.22px;
    /* 356.11 * 2 + 24 = 736.22px */
    justify-content: center;
  }
}

.reportlisting-page-wrapper .baseline-subscribe-container {
  margin-top: 60px;
}

/* Responsive Adjustments (max-width: 1024px) */
@media (max-width: 1024px) {
  .baseline-hero {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    padding: 40px 0 80px 0;
  }

  .baseline-hero-title {
    font-size: 80px;
    line-height: 120%;
    letter-spacing: -1.6px;
  }

  .baseline-hero-subtitle {
    font-size: var(--font-md-lg);
    letter-spacing: 0.09px;
    line-height: 140%;
  }

  .baseline-industries-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .baseline-chart-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  div.baseline-chart-sidebar {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }

  .baseline-intro {
    padding: 80px 0px;
  }

  .baseline-performance {
    padding: 80px 0px;
  }

  .baseline-section-title {
    font-size: 32px;
  }

  .baseline-section-subtitle {
    font-size: 32px;
  }

  .baseline-inner-container {
    padding-inline: 20px;
  }

  .baseline-latest-report-sec {
    padding: 80px 0px;
  }

  .baseline-latest-report-meta-title {
    margin-top: 0px;
  }
}

@media screen and (min-width: 1024px) {
  .for-mobile-view {
    display: none;
  }

  .baseline-latest-report-sec .baseline-latest-report-grid {
    grid-template-columns: 1fr 38%;
    gap: 65px;
  }

  .baseline-latest-report-sec .baseline-latest-report-right {
    max-width: 423px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .baseline-methodology-sec .baseline-methodology-right {
    margin-top: 40px;
  }
}

@media screen and (min-width: 1201px) {
  .baseline-latest-report-sec .baseline-latest-report-grid {
    gap: 135px;
  }
}

/* Mobile responsive styling (max-width: 1023px) */
@media screen and (max-width: 1023px) {
  .for-desk-view {
    display: none;
  }

  .baseline-header-container {
    padding: 16px 20px;
  }

  .baseline-mobile-toggle {
    display: flex;
  }


  .menu-open .baseline-nav-sub-menu-wrap {
    opacity: 1;
    visibility: visible;
  }

  .menu-item-has-children.submenu-open .sub-menu {
    display: block;
  }

  .baseline-single-cpt-header-grid {
    gap: var(--space-40);
  }

  .baseline-industry-performance-widget {
    grid-template-columns: 1fr;
    gap: var(--space-32);
  }

  .baseline-industry-tabs {
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: var(--space-8);
  }

  .baseline-industry-tabs button {
    padding: 8px 12px;
    width: auto;
  }

  .baseline-performance-widget {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 40px;
  }

  .baseline-chart-percentage {
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.64px;
  }

  .baseline-latest-report-grid {
    grid-template-columns: 1fr;
    gap: 48px;
    margin-top: 32px;
  }

  .baseline-latest-report-right {
    justify-content: center;
  }

  .baseline-latest-report-image-wrap {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }

  .baseline-latest-report-heading {
    font-size: var(--font-xl);
  }

  .baseline-industry-top-wrapper {
    padding-top: 80px;
  }

  .baseline-industry-bottom-wrapper {
    padding-top: 80px;
  }

  .baseline-industry-bottom-wrapper .baseline-spending-pay-grid {
    gap: 80px;
  }

  .baseline-content-after-table {
    max-width: 100%;
  }

  div.footer-links {
    /* padding-block: 80px; */
  }

  .for-mobile-view .baseline-subbrand {
    justify-content: center;
    margin-bottom: 30px;
  }

  .reportlisting-page-wrapper .baseline-reports-flex-grid {
    max-width: 100%;
    flex-wrap: wrap;
  }

  .reportlisting-page-wrapper .baseline-reports-flex-grid .baseline-report-card {
    max-width: 47%;
  }

  .reportlisting-page-wrapper .baseline-reports-flex-grid .baseline-report-card .baseline-report-card-link {
    width: 100%;
  }

  .reportlisting-page-wrapper .baseline-report-card-placeholder {
    width: 100% !important;
    height: 100% !important;
  }

  .reportlisting-page-wrapper .baseline-report-card {
    width: 100% !important;
    height: 100% !important;
  }

  .single-report-page-wrapper .baseline-single-cpt-header {
    max-width: 100%;
  }

  .baseline-nav-list li:hover .sub-menu {
    transform: translateX(-28%) translateY(8px);
  }
}

@media screen and (min-width: 993px) and (max-width: 1024px) {
  footer.baseline-footer {
    padding: 120px 20px 20px 20px;
  }

  .footer-bottom-wrapper {
    margin-top: 10px;
  }

  footer .baseline-footer-inner-container .mx-auto {
    gap: 110px;
    max-width: 100%;
  }

  footer .baseline-footer-inner-container .mx-auto nav:first-child {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .baseline-methodology-sec .baseline-methodology-layout {
    gap: 40px;
    flex-direction: column;
  }

  .baseline-methodology-sec .baseline-methodology-right {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .baseline-methodology-sec .baseline-methodology-right .baseline-faq-wrapper {
    max-width: 100%;
    margin: 0px;
  }

  footer.baseline-footer {
    padding: 120px 20px 20px 20px;
  }

  .footer-bottom-wrapper {
    margin-top: 10px;
  }
}

/* Responsive Adjustments (max-width: 768px) */
@media (max-width: 768px) {
  .baseline-header-container {
    padding: 20px;
  }

  .baseline-main {
    padding: 0 20px;
  }

  .baseline-gridlines {
    padding: 0 20px;
  }

  .baseline-gridlines span:nth-child(even) {
    display: none;
    /* Show fewer gridlines on small screens */
  }

  .baseline-footer-container {
    padding: 0 20px;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .baseline-industries-grid {
    grid-template-columns: 1fr;
  }

  .baseline-spending-pay-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .baseline-single-title {
    font-size: 36px;
  }

  .baseline-metric-card {
    margin-left: 0px;
  }

  .baseline-hero {
    grid-template-columns: 1fr;
  }
}

/* Mobile responsive styling (max-width: 767px) */
@media screen and (max-width: 767px) {

  .baseline-chart-table-container,
  .baseline-content-after-table.repeater {
    margin: 40px auto;
    padding: 0 16px 0 16px;
  }

  .baseline-single-header {
    margin-bottom: 40px;
  }

  .baseline-single-cpt-header {
    padding-top: 20px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .baseline-single-cpt-header-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .baseline-cpt-featured-img,
  .baseline-cpt-image-placeholder {
    max-height: 280px;
  }

  .baseline-reports-flex-grid {
    width: 100%;
    max-width: 356.11px;
    justify-content: center;
  }

  .baseline-report-card {
    width: 100%;
    max-width: 356.11px;
    flex: 1 1 auto;
    height: auto;
  }

  .baseline-report-card-link {
    width: 100%;
    height: auto;
  }

  .baseline-report-card-img,
  .baseline-report-card-placeholder {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 1 / 1;
  }

  .baseline-reports-intro-section {
    margin-bottom: 40px;
    gap: 16px;
    padding: 0 16px 0 16px;
  }

  .baseline-footer {
    padding: 120px 0px 0px;
  }

  /* Methodology mobile adjustments */
  .baseline-methodology-sec {
    padding: 80px 0 80px 0;
  }

  .baseline-methodology-layout {
    gap: 80px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .baseline-methodology-left {
    align-items: start;
    max-width: 100%;
  }

  .baseline-methodology-title {
    text-align: left;
    max-width: 100%;
  }

  .baseline-methodology-sec .baseline-methodology-title {
    font-size: 24px;
    letter-spacing: -0.48px;
  }

  .baseline-methodology-right {
    flex: 0 0 auto;
    /* width: 370px; */
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
  }

  .baseline-faq-item {
    text-align: left;
  }

  .baseline-industries-frame {
    width: 370px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 69 / 58;
    padding: 30px 24px;
    box-sizing: border-box;
  }

  .baseline-frame-tags-wrap {
    width: 100%;
    height: 180px;
    margin: 15px 0;
  }

  section.baseline-author-section-wrapper {
    padding: 80px 0px;
  }

  div.baseline-author-bio {
    font-size: 16px;
  }

  .baseline-frame-tags {
    gap: 8px;
  }

  .reportlisting-page-wrapper .baseline-single-cpt-header {
    padding-top: 50px;
  }

  .single-report-page-wrapper .baseline-single-cpt-header:before {
    width: calc(100vw + 50px);
  }

  .single-report-page-wrapper .baseline-single-cpt-header-image {
    max-width: 370px;
    max-height: 370px;
  }

  .single-report-page-wrapper .baseline-single-cpt-header {
    padding-bottom: 80px;
  }

  .single-report-page-wrapper .baseline-subnav-wrapper {
    margin-bottom: 80px;
  }

  .baseline-nav-list li:hover .sub-menu {
    transform: translateX(-25%) translateY(8px);
  }

  .baseline-footer .footer-bottom-wrapper {
    margin: 0px;
    padding: 16px 16px 32px 16px;
    gap: 0px;
  }

  .baseline-metric-value {
    font-size: 16px;
  }

  .baseline-performance-right-column-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .baseline-industry-chart-card-btn-container {
    max-width: 100%;
  }
}

@media screen and (max-width: 560px) {
  .reportlisting-page-wrapper .baseline-reports-flex-grid .baseline-report-card {
    max-width: 100%;
  }

  .reportlisting-page-wrapper .baseline-reports-flex-grid .baseline-report-card .baseline-report-card-img,
  .reportlisting-page-wrapper .baseline-reports-flex-grid .baseline-report-card .baseline-report-card-placeholder {
    max-width: 100% !important;
    max-height: 100% !important;
  }
}

/* Taxonomy Report Industry Page Styling */
.baseline-term-posts-nav {
  padding: 32px 0;
  border-bottom: 1px solid #1a1a19;
  background-color: #000000;
}

.baseline-term-posts-pills {
  display: flex;
  justify-content: center;
  width: 100%;
}

.baseline-pills-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.baseline-pill-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.baseline-pill-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 999px;
  background: #191918;
  border: 1px solid #242423;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Trigonix", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  cursor: pointer;
  transition: all 0.25s ease;
  outline: none;
}

.baseline-pill-btn:hover {
  color: #ffffff;
  background: #242423;
  border-color: #3d3d39;
}

.baseline-pill-btn.active {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  font-weight: 600;
}

.baseline-taxonomy-content-sec {
  padding: 80px 0 160px;
}

.baseline-taxonomy-post-header {
  margin-bottom: 60px;
}

.baseline-taxonomy-post-date {
  font-family: "Trigonix", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 16px;
  display: block;
  line-height: 140%;
}

.baseline-taxonomy-post-title {
  font-family: "Trigonix", sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #ffffff;
  margin: 0;
}

/* --- Baseline Author Card Section --- */
.baseline-author-section-wrapper {
  padding: 160px 0;
  border-top: 1px solid #1a1a19;
  background-color: transparent;
}

.baseline-author-inner-container {
  max-width: 1394px;
  margin: 0 auto;
  padding: 0 24px;
}

.baseline-author-card {
  display: flex;
  background: #141413;
  /* border: 1px solid rgba(255, 255, 255, 0.08); */
  border-radius: 4px;
  padding: 32px;
  gap: 80px;
  align-items: center;
}

.baseline-author-card-left {
  width: 320px;
  height: 320px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 2px;
}

.baseline-author-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.baseline-author-card-placeholder {
  width: 100%;
  height: 100%;
  background:
    linear-gradient(180deg,
      rgba(19, 19, 18, 0.2) 0%,
      rgba(241, 255, 173, 0.2) 100%),
    #000;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid rgba(255, 255, 255, 0.05); */
}

.baseline-author-card-brand {
  font-family: "Trigonix", sans-serif;
  font-size: 48px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: -1px;
}

.baseline-author-card-right {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.baseline-author-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 40px;
}

.baseline-author-header-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: #2a2a28;
}

.baseline-author-header-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.baseline-author-header-avatar-circle {
  width: 100%;
  height: 100%;
  background: #3d3d39;
  display: block;
  border-radius: 50%;
}

.baseline-author-header-meta {
  display: flex;
  flex-direction: column;
}

.baseline-author-name {
  font-family: "Trigonix", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
  line-height: 140%;
}

.baseline-author-role {
  font-family: "Trigonix", sans-serif;
  font-size: 14px;
  color: #c4c4bc;
  margin-top: 2px;
  line-height: 140%;
}

.baseline-author-bio {
  font-family: "Trigonix", sans-serif;
  font-size: 18px;
  line-height: 160%;
  color: #fff;
  margin-bottom: 38px;
  max-width: 620px;
  font-weight: 400;
  letter-spacing: 0.09px;
}

.baseline-author-bio p {
  margin: 0;
}

.baseline-author-links {
  display: flex;
  align-items: center;
  gap: 28px;
}

.baseline-author-link {
  font-family: "Trigonix", sans-serif;
  font-size: 15px;
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 0.2s ease;
}

.baseline-author-link:hover {
  color: #df3;
}

@media (max-width: 991px) {
  .baseline-author-card {
    flex-direction: column;
    padding: 16px;
    gap: 28px;
    align-items: flex-start;
  }

  .baseline-author-card-left {
    width: 100%;
    height: 240px;
  }
}

.report-taxanomy-listing .baseline-industry-top-wrapper,
.type-industry_report .baseline-industry-top-wrapper {
  padding-top: 10px;
}

.report-taxanomy-listing .baseline-single-sec-content.desc-box {
  color: #9a9a91;
}

.report-taxanomy-listing .baseline-single-sec-title+.baseline-single-sec-content.desc-box {
  padding-top: 10px;
}

.baseline-industry-single-report-dates-container {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #1A1A19;
  margin-bottom: 105px;
  padding: 8px 0;
}

.baseline-industry-single-report-dates-container .baseline-single-report-dates-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.baseline-industry-single-report-dates-container .link-item-container {
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  background: #242423;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.baseline-industry-single-report-dates-container .baseline-single-report-date-item {
  font-size: 12px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: 'Trigonix', sans-serif;
  text-decoration: none;
  transition: color 0.2s ease;
}

.baseline-industry-single-report-dates-container .link-item-container:hover,
.baseline-industry-single-report-dates-container .link-item-container.is-active {
  background: #fff;
}

.baseline-industry-single-report-dates-container .link-item-container:hover .baseline-single-report-date-item,
.baseline-industry-single-report-dates-container .baseline-single-report-date-item:hover,
.baseline-industry-single-report-dates-container .link-item-container.is-active .baseline-single-report-date-item {
  color: #131312;
}

.report-taxanomy-listing header.baseline-single-header span.baseline-single-report-date {
  text-transform: capitalize;
  letter-spacing: 0.08px;
  font-weight: 400;
  color: #9a9a91;
}

.report-taxanomy-listing .baseline-single-title {
  font-weight: 400;
  font-size: clamp(48px, 4.5vw, 64px);
  letter-spacing: -1.28px;
  line-height: 120%;
  margin-top: 20px;
}

.report-taxanomy-listing .baseline-industry-top-wrapper .baseline-single-header {
  position: inherit;
}

.report-taxanomy-listing .baseline-industry-bottom-wrapper .baseline-spending-pay-grid .baseline-single-sec-title {
  margin: 0;
}

.baseline-chart-title-select-wrap {
  display: flex;
  gap: 10px;
  flex-direction: row;
  align-items: center;
}

.baseline-industry-graph-bottom-content {
  margin: 21px auto 0;
  width: 100%;
  max-width: 272px;
  color: #9A9A91;
  text-align: center;
  font-family: "Trigonix", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.12px;
}

.baseline-industry-graph-bottom-content p {
  margin: 0;
}

.baseline-report-graph-custom-desc-container {
  max-width: 361px;
  width: 100%;
  margin: 24px auto 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: "Trigonix", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.06px;
  color: #7C7C74;
}

.baseline-report-graph-custom-desc-container p {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .baseline-industry-graph-bottom-content {
    margin-top: 16px;
    text-align: left;
  }

  .baseline-report-graph-custom-desc-container {
    margin-left: 0px;
    margin-right: 0px;
  }

  .single-report-page-wrapper .baseline-chart-card {
    padding: 20px 16px;
  }

  .single-report-page-wrapper .baseline-chart-card-metric-wrap {
    gap: 12px;
  }

  .baseline-industry-single-report-dates-container {
    margin-bottom: 52px;
  }
}

/* AJAX Loading State for Dark Baseline Theme */
.report-taxanomy-listing {
  position: relative;
}

.report-taxanomy-listing.is-loading>* {
  opacity: 0.2;
  filter: blur(2px);
  transition: opacity 0.3s ease, filter 0.3s ease;
  pointer-events: none;
}

/* Crisp Solid White Spinner */
.report-taxanomy-listing.is-loading::after {
  content: "";
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 48px;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-radius: 50%;
  animation: baselineSpinner 0.7s linear infinite;
  z-index: 100;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.6);
  opacity: 1;
  filter: none;
}

@keyframes baselineSpinner {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }

  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}