@import url("https://jsypctdhynsdqrfifvdh.supabase.co/storage/v1/object/public/cp-blog-css/toc-functionality.css");

*,
:after,
:before {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

:root {
  /* fonts */
  --blog-font-1: 'proxima-nova', Verdana, Arial, sans-serif;
  /* colors */
  --blog-color-white: #fff;
  --blog-color-black: #000;
  --blog-color-transparent: transparent;
  --blog-color-1: #e0601e;
  --blog-color-2: #003f72;
  --blog-color-4: #333333;
  /* lead section */
  --lead-section-bg: #f2f5f7;
  --lead-section-title: var(--blog-color-black);
  /* summary */
  --summary-bg-color: var(--blog-color-1);
  --summary-heading-color: var(--blog-color-white);
  --summary-text-color: var(--blog-color-white);
  /* callout left */
  --callout-left-bg-color: #fdb51399;
  --callout-left-after-color: '';
  --callout-left-text-color: var(--blog-color-1);
  --callout-left-cta-bg-color: var(--blog-color-1);
  --callout-left-cta-text-color: var(--blog-color-white);
  --callout-left-cta-hover-bg-color: var(--blog-color-transparent);
  --callout-left-cta-hover-text-color: var(--blog-color-1);
  /* callout right */
  --callout-right-bg-color: #fdb51399;
  --callout-right-after-color: '';
  --callout-right-text-color: var(--blog-color-1);
  --callout-right-cta-bg-color: var(--blog-color-1);
  --callout-right-cta-text-color: var(--blog-color-white);
  --callout-right-cta-hover-bg-color: var(--blog-color-transparent);
  --callout-right-cta-hover-text-color: var(--blog-color-1);
  /* quote */
  --quote-bg-color: var(--blog-color-transparent);
  --quote-text-color: var(--blog-color-2);
  --quote-border-color: #e5e6ea;
  /* key takeaways */
  --key-takeaways-bg-color: #f2f5f7;
  --key-takeaways-border-color: #e7e8f0;
  --key-takeaways-text-color: #0b0b0b;
  --key-takeaways-heading-color: var(--blog-color-2);
  --key-takeaways-cta-bg-color: var(--blog-color-1);
  --key-takeaways-cta-text-color: var(--blog-color-white);
  --key-takeaways-cta-hover-bg-color: var(--blog-color-transparent);
  --key-takeaways-cta-hover-text-color: var(--blog-color-1);
  /* references */
  --references-bg-color: #f2f5f7;
  --references-border-color: #e7e8f0;
  --references-text-color: var(--blog-color-2);
  --references-heading-color: var(--blog-color-2);
  --references-divider-color: #c1defb;
  /* about company */
  --about-company-bg-color: var(--blog-color-transparent);
  --about-company-heading-color: var(--blog-color-1);
  --about-company-text-color: #383838;
  --about-company-border-color: var(--blog-color-1);
  --about-company-icon-color: var(--blog-color-1);
  /* toc */
  --toc-bg-color: var(--blog-color-transparent);
  --toc-heading-color: var(--blog-color-1);
  --toc-text-color: #383838;
  --toc-border-color: var(--blog-color-1);
  --toc-active-bg-color: #f2f5f7;
  --toc-active-text-color: var(--blog-color-1);
  --toc-active-divider-color: #1c1c1c33;
}

.single-post-content.centering-wrap.max,
.post-content-wrap {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.post-image,
.post-title {
  display: none !important;
}

.post-content-wrap .post-content {
  padding-top: 0 !important;
}

.blog-wrapper {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;
  column-gap: 20px;
  font-family: var(--blog-font-1);
  font-weight: 400;
  color: var(--blog-color-4);
}

.lead-section {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
}

.blog-wrapper h2,
.blog-wrapper h3,
.blog-wrapper h4,
.blog-wrapper h5,
.blog-wrapper h6 {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
}

.blog-wrapper h2 {
  font-size: 20px !important;
  line-height: 30px !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

.blog-wrapper h3 {
  font-size: 20px !important;
  line-height: 30px !important;
  margin-bottom: 16px !important;
}

.blog-wrapper h4,
.blog-wrapper h5,
.blog-wrapper h6 {
  font-size: 16px !important;
}

.blog-content {
  font-family: var(--blog-font-1) !important;
}

.blog-wrapper p,
.blog-content ul,
.blog-content ol {
  font-size: 16px !important;
  line-height: 24px !important;
}

.blog-wrapper p a {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--blog-color-4);
}

.blog-content>p {
  margin-bottom: 16px !important;
}

.blog-content>ul li,
.blog-content>ol li {
  margin-top: 2px;
  margin-bottom: 2px;
}

.blog-content>ul li {
  list-style-type: disc;
  list-style-position: inside;
}

.blog-content>ol li {
  list-style-type: decimal;
  list-style-position: inside;
}

.lead-section .title-container,
.lead-section .lead-image-container,
.blog-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}

.title-container h1 {
  font-size: 30px !important;
  line-height: 36px !important;
  color: var(--lead-section-title) !important;
  text-align: left;
  margin-top: 20px !important;
  margin-bottom: 0;
  font-weight: 500 !important;
}

.lead-section {
  background-color: var(--lead-section-bg);
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 390 430" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M276.796 164.582C292.593 180.38 327.834 199.58 342.417 150C347.277 171.874 366.478 205.413 404.392 164.582C391.025 181.595 372.311 230.203 404.392 288.533C392.24 275.166 362.832 259.368 342.417 303.115C335.125 284.887 311.793 256.452 276.796 288.533C292.593 269.09 314.71 217.079 276.796 164.582ZM342.161 250.033C354.241 250.033 364.035 240.24 364.035 228.159C364.035 216.079 354.241 206.285 342.161 206.285C330.081 206.285 320.287 216.079 320.287 228.159C320.287 240.24 330.081 250.033 342.161 250.033Z" fill="white" fill-opacity="0.8"/><path d="M353.51 228.391C353.51 234.431 348.613 239.328 342.573 239.328C336.533 239.328 331.636 234.431 331.636 228.391C331.636 222.351 336.533 217.454 342.573 217.454C348.613 217.454 353.51 222.351 353.51 228.391Z" fill="white" fill-opacity="0.8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M276.796 335.57C292.593 351.367 327.834 370.568 342.417 320.987C347.277 342.861 366.478 376.401 404.392 335.57C391.025 352.583 372.311 401.191 404.392 459.52C392.24 446.153 362.832 430.355 342.417 474.103C335.125 455.875 311.793 427.439 276.796 459.52C292.593 440.077 314.71 388.066 276.796 335.57ZM342.161 421.02C354.241 421.02 364.035 411.227 364.035 399.146C364.035 387.066 354.241 377.273 342.161 377.273C330.081 377.273 320.287 387.066 320.287 399.146C320.287 411.227 330.081 421.02 342.161 421.02Z" fill="white" fill-opacity="0.8"/><path d="M353.51 399.377C353.51 405.417 348.613 410.314 342.573 410.314C336.533 410.314 331.636 405.417 331.636 399.377C331.636 393.337 336.533 388.44 342.573 388.44C348.613 388.44 353.51 393.337 353.51 399.377Z" fill="white" fill-opacity="0.8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M143.001 249.593C158.799 265.391 194.04 284.591 208.622 235.011C213.483 256.884 232.683 290.424 270.597 249.593C257.23 266.606 238.516 315.214 270.597 373.544C258.445 360.177 229.038 344.379 208.622 388.126C201.331 369.898 177.999 341.462 143.001 373.544C158.799 354.101 180.916 302.09 143.001 249.593ZM208.367 335.043C220.447 335.043 230.24 325.25 230.24 313.17C230.24 301.089 220.447 291.296 208.367 291.296C196.286 291.296 186.493 301.089 186.493 313.17C186.493 325.25 196.286 335.043 208.367 335.043Z" fill="white" fill-opacity="0.8"/><path d="M219.715 313.402C219.715 319.442 214.818 324.338 208.778 324.338C202.738 324.338 197.841 319.442 197.841 313.402C197.841 307.361 202.738 302.465 208.778 302.465C214.818 302.465 219.715 307.361 219.715 313.402Z" fill="white" fill-opacity="0.8"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 96px;
}

.lead-image {
  height: 210px;
}

.lead-image-container {
  margin-bottom: -32px;
  margin-top: 16px;
}

.lead-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  margin: 0 !important;
}

.lead-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 56px;
  padding-bottom: 0px;
  position: relative;
  z-index: 2;
}

.lead-section .title-container,
.lead-section .lead-image-container {
  z-index: 2;
}

.lead-section .lead-meta {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
  margin-top: 16px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  color: #005776;
  font-family: var(--blog-font-1) !important;
}

.lead-section .lead-meta * {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

.lead-section .lead-meta a {
  color: #005776 !important;
  text-decoration: none !important;
}

.lead-section .lead-meta a:hover {
  text-decoration: underline !important;
}

.lead-section .lead-meta>div {
  position: relative;
  padding-left: 16px;
}

.lead-section .lead-meta>div::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--blog-color-2);
  opacity: 0.25;
}

.lead-section .lead-meta>div:first-of-type {
  padding-left: 0;
}

.lead-section .lead-meta>div:first-of-type::before {
  display: none;
}

/* Summary */
.blog-content #summary {
  font-family: var(--blog-font-1) !important;
  background-color: var(--summary-bg-color) !important;
  color: var(--summary-text-color) !important;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  padding: 20px 16px 40px 16px;
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 30px;
}

.blog-content #summary strong,
.blog-content #summary b {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  font-size: 24px;
  line-height: 36px;
  display: block;
  color: var(--summary-heading-color) !important;
  margin-bottom: 16px;
}

.blog-content #summary p {
  color: var(--summary-text-color) !important;
  margin-bottom: 0 !important;
  font-size: 20px !important;
  line-height: 30px !important;
}

.blog-content #summary p+p {
  margin-top: 16px;
}

/* Callout */
.blog-content .callout {
  position: relative;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
  border-radius: 8px;
  text-align: start;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 32px;
  padding: 24px 22px;
  letter-spacing: -0.02em;
}

.blog-content .callout .callout_text {
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  margin-bottom: 0 !important;
  letter-spacing: -0.02em;
}

.blog-content .callout_left {
  background-color: var(--callout-left-bg-color) !important;
  background-size: cover;
  background-image: url('data:image/svg+xml, <svg width="274" height="280" viewBox="0 0 274 280" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M207.098 -11.949C217.049 70.023 275.812 206.215 431.256 95.2069C395.537 169.926 374.945 311.273 578.326 278.905C500.655 297.931 335.407 396.693 295.782 639.526C290.898 572.935 241.349 459.939 82.2312 540.68C102.569 471.028 99.506 335.112 -75.4455 348.672C14.8366 328.115 197.74 227.21 207.098 -11.949ZM202.487 385.66C237.634 413.197 288.449 407.028 315.987 371.881C343.524 336.734 337.355 285.919 302.208 258.381C267.061 230.844 216.246 237.013 188.709 272.16C161.171 307.307 167.34 358.122 202.487 385.66Z" fill="%23FFE2A4"/><path d="M284.861 348.584C271.092 366.158 245.685 369.242 228.111 355.474C210.538 341.705 207.453 316.297 221.222 298.724C234.991 281.15 260.398 278.066 277.972 291.835C295.545 305.603 298.63 331.011 284.861 348.584Z" fill="%23FFEDC6" fill-opacity="0.6"/></svg>');
}

.blog-content .callout_right {
  background-color: var(--callout-right-bg-color) !important;
  background-size: cover;
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 274 278" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.49182 287.932C64.8827 294.709 172.381 275.726 119.249 145.579C166.7 183.831 264.43 222.551 275.745 71.4134C276.197 130.263 318.897 265.354 486.078 334.917C437.561 327.121 348.237 343.439 379.071 471.083C332.64 444.705 234.786 423.847 214.824 551.435C215.415 483.295 174.175 335.197 4.49182 287.932ZM288.451 358.672C314.133 338.173 318.334 300.736 297.834 275.054C277.335 249.373 239.898 245.172 214.216 265.671C188.535 286.17 184.334 323.608 204.833 349.289C225.332 374.971 262.769 379.172 288.451 358.672Z" fill="%23FFE9B8"/><path d="M275.872 283.39C286.122 296.23 284.021 314.949 271.181 325.199C258.34 335.448 239.621 333.348 229.371 320.507C219.122 307.666 221.222 288.948 234.063 278.698C246.904 268.448 265.622 270.549 275.872 283.39Z" fill="%23FFE9B8"/></svg>');
}

.blog-content .callout_left .callout_text {
  color: var(--callout-left-text-color) !important;
}

.blog-content .callout_right .callout_text {
  color: var(--callout-right-text-color) !important;
}

.blog-content .callout_left_cta_button,
.blog-content .callout_right_cta_button {
  display: block;
  margin-top: 16px;
}

.blog-content .callout_left_cta_dest_url,
.blog-content .callout_right_cta_dest_url {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  font-size: 16px !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  border-radius: 2px !important;
  border: 1px solid;
  padding: 7px 20px !important;
  letter-spacing: 0.02em;
}

.blog-content .callout_left_cta_anchor_text,
.blog-content .callout_right_cta_anchor_text {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.02em;
}

.blog-content .callout_left_cta_dest_url svg,
.blog-content .callout_right_cta_dest_url svg {
  stroke: currentColor;
}

.blog-content .callout_left_cta_dest_url {
  border-color: var(--callout-left-cta-bg-color) !important;
  background-color: var(--callout-left-cta-bg-color) !important;
  color: var(--callout-left-cta-text-color) !important;
}

.blog-content .callout_right_cta_dest_url {
  border-color: var(--callout-right-cta-bg-color) !important;
  background-color: var(--callout-right-cta-bg-color) !important;
  color: var(--callout-right-cta-text-color) !important;
}

.blog-content .callout_left_cta_dest_url:hover {
  cursor: pointer;
  background-color: var(--callout-left-cta-hover-bg-color) !important;
  color: var(--callout-left-cta-hover-text-color) !important;
}

.blog-content .callout_right_cta_dest_url:hover {
  cursor: pointer;
  background-color: var(--callout-right-cta-hover-bg-color) !important;
  color: var(--callout-right-cta-hover-text-color) !important;
}

.blog-content .callout_left_cta_dest_url:hover svg,
.blog-content .callout_right_cta_dest_url:hover svg {
  stroke: currentColor;
}

/* Quote */
.blog-content .quote {
  margin: 32px 0px;
  background-color: var(--quote-bg-color) !important;
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 190 191" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M46.3131 48.2056C58.3579 60.2504 85.227 74.8894 96.3452 37.0874C100.051 53.7648 114.69 79.3367 143.598 48.2056C133.406 61.1769 119.138 98.2377 143.598 142.711C134.333 132.519 111.911 120.474 96.3452 153.829C90.7861 139.931 72.9969 118.251 46.3131 142.711C58.3579 127.886 75.2206 88.2313 46.3131 48.2056ZM96.1508 113.357C105.361 113.357 112.828 105.89 112.828 96.6793C112.828 87.4687 105.361 80.002 96.1508 80.002C86.9401 80.002 79.4734 87.4687 79.4734 96.6793C79.4734 105.89 86.9401 113.357 96.1508 113.357Z" fill="%23F2F5F7"/><path d="M104.81 96.8553C104.81 101.461 101.076 105.194 96.4712 105.194C91.8658 105.194 88.1325 101.461 88.1325 96.8553C88.1325 92.25 91.8658 88.5166 96.4712 88.5166C101.076 88.5166 104.81 92.25 104.81 96.8553Z" fill="%23F2F5F7"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  border-top: 1px solid var(--quote-border-color);
  border-bottom: 1px solid var(--quote-border-color);
  padding: 16px 0 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: var(--quote-text-color) !important;
  text-align: center;
}

.blog-content .quote_wide_text {
  font-size: 20px !important;
  line-height: 24px !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  font-style: italic;
}

.blog-content .quote_wide_source_name {
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 500 !important;
  margin-top: 16px !important;
  text-transform: uppercase;
  font-family: var(--blog-font-1) !important;
}

.blog-content .quote_wide_source_title {
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  margin-top: 8px;
  font-family: var(--blog-font-1) !important;
}

/* Key Takeaways */
.blog-content #key-takeaways {
  background-color: var(--key-takeaways-bg-color);
  border: 1px solid var(--key-takeaways-border-color);
  color: var(--key-takeaways-text-color) !important;
  padding: 24px 20px 30px 20px !important;
  position: relative;
  border-radius: 8px;
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.blog-content #key-takeaways strong,
.blog-content #key-takeaways b {
  position: relative;
  display: block;
  font-size: 24px !important;
  line-height: 34px !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  color: var(--key-takeaways-heading-color);
  margin-bottom: 16px !important;
  letter-spacing: -0.02em;
}

.blog-content #key-takeaways p {
  font-size: 18px !important;
  line-height: 28px !important;
  font-family: var(--blog-font-1) !important;
  margin-bottom: 24px !important;
}

.blog-content #key-takeaways ul,
.blog-content #key-takeaways ol {
  word-break: break-word !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.blog-content #key-takeaways ul:not(:first-child),
.blog-content #key-takeaways ol:not(:first-child) {
  margin-top: 24px !important;
}

.blog-content #key-takeaways ul:not(:last-child),
.blog-content #key-takeaways ol:not(:last-child) {
  margin-bottom: 24px !important;
}

.blog-content #key-takeaways ul li,
.blog-content #key-takeaways ol li {
  font-size: 16px !important;
  line-height: 24px !important;
  list-style: none !important;
  position: relative;
  padding-left: 32px !important;
  margin-bottom: 12px !important;
}

.blog-content #key-takeaways ul li:last-child,
.blog-content #key-takeaways ol li:last-child {
  margin-bottom: 0 !important;
}

.blog-content #key-takeaways ul li::before,
.blog-content #key-takeaways ol li::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="%23E0601E"/><path d="M7.5 12L10.5 15L16.5 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}

.blog-content .key_takeaways_cta_button {
  display: inline-block;
}

.blog-content .key_takeaways_cta_dest_url {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--key-takeaways-cta-bg-color);
  background-color: var(--key-takeaways-cta-bg-color);
  color: var(--key-takeaways-cta-text-color) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  text-transform: uppercase;
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  border-radius: 2px !important;
  padding: 7px 20px !important;
  text-decoration: none !important;
}

.blog-content .key_takeaways_cta_anchor_text {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.02em;
}

.blog-content .key_takeaways_cta_dest_url:hover {
  cursor: pointer;
  background-color: var(--key-takeaways-cta-hover-bg-color);
  color: var(--key-takeaways-cta-hover-text-color) !important;
}

.blog-content .key_takeaways_cta_dest_url svg {
  stroke: currentColor;
}

/* References */
.blog-content #references {
  background-color: var(--references-bg-color);
  color: var(--references-text-color) !important;
  border: 1px solid var(--references-border-color);
  padding: 24px !important;
  border-radius: 8px;
  font-size: 16px !important;
  line-height: 28px !important;
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.blog-content #references a {
  color: var(--references-text-color);
}

.blog-content #references a:hover {
  text-decoration: underline;
}

.blog-content #references strong,
.blog-content #references b {
  display: block;
  font-size: 24px !important;
  line-height: 34px !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  color: var(--references-heading-color) !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.02em;
}

.blog-content #references ul,
.blog-content #references ol {
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  margin-bottom: 0 !important;
  word-break: break-word !important;
  color: var(--references-text-color) !important;
}

.blog-content #references ul li,
.blog-content #references ol li {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  list-style-type: decimal;
  list-style-position: inside;
  border-bottom: 1px solid var(--references-divider-color);
}

.blog-content #references ul li:first-child,
.blog-content #references ol li:first-child {
  padding-top: 0px;
}

.blog-content #references ul li:last-child,
.blog-content #references ol li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.blog-content #references ul li a,
.blog-content #references ol li a {
  list-style-type: none;
  position: relative;
}

/* About */
.about_company {
  border: 1px solid var(--about-company-border-color);
  background-color: var(--about-company-bg-color);
  padding: 24px 16px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
}

.about_company_title {
  color: var(--about-company-heading-color);
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
}

.about_company_text {
  color: var(--about-company-text-color);
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.about_company_social {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow-x: auto;
  /* Allow horizontal scroll if needed */
}

.about_company_social a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-width: 24px;
  /* Ensure minimum width */
}

.about_company_social br,
.about_company_social p {
  display: none !important;
  /* Hide any line breaks or paragraphs */
}

.about_company_social svg {
  fill: var(--about-company-icon-color);
}

/* Table of Content */
.flex-container.show {
  top: auto;
  bottom: 30px;
  overflow-y: scroll;
}

.toc-overlay.show {
  position: fixed;
  inset: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

#toc {
  border: 1px solid var(--toc-border-color);
  background-color: var(--blog-color-white);
  border-radius: 8px;
}

#toc strong,
#toc b {
  font-size: 18px !important;
  line-height: 28px !important;
}



#toc a {
  color: var(--toc-text-color);
  text-decoration: none;
}

#toc li::marker {
  display: none;
}

#toc ul {
  padding: 0px;
  margin-left: 0 !important;
}

#toc ul li ul {
  padding-left: 20px;
}

#toc ul li {
  margin-bottom: 0 !important;
}

#toc ul {
  list-style-type: none;
}

#toc>ul {
  margin-bottom: 0;
  margin-top: 12px;
}

#toc>ul>li {
  padding: 8px;
  transition: height 0.3s ease-in-out;
}

#toc>ul>li>ul {
  overflow: hidden;
  height: 0px;
  margin-bottom: 0;
}

#toc>ul>li.active,
#toc>ul>li:has(.active) {
  border-radius: 6px;
  background: var(--toc-active-bg-color);
}

#toc ul li ul li {
  margin: 10px 0;
}

#toc summary {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  list-style: none;
  cursor: pointer;
  font-size: 14px !important;
  line-height: 22px !important;
}

#toc>ul>li>a,
#toc summary>a {
  font-size: 14px !important;
  line-height: 22px !important;
}

#toc summary::-webkit-details-marker {
  display: none;
}

#toc summary::before {
  display: inline-block;
  width: 14px;
  text-align: center;
  margin-right: 2px;
  content: '+';
}

#toc details[open]>summary::before {
  transform: rotate(180deg);
  content: '-';
}

#toc details ul,
#toc details ul a {
  font-size: 12px !important;
  line-height: 18px !important;
}

#toc details ul li {
  position: relative;
}

#toc details ul li::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -12px;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: transparent;
}

#toc details ul li.active::before {
  background-color: var(--toc-active-text-color);
}

#toc ul li.active>a,
#toc details>summary.active>a {
  background: var(--toc-active-bg-color);
  color: var(--toc-active-text-color);
}

#toc details.active ul {
  border-top: 1px solid var(--toc-active-divider-color);
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .blog-wrapper {
    flex-direction: row-reverse;
  }

  .blog-wrapper h2 {
    font-size: 32px !important;
    line-height: 38px !important;
    margin-bottom: 30px !important;
  }

  .blog-wrapper h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 24px !important;
  }

  .blog-wrapper p,
  .blog-content ul,
  .blog-content ol {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .blog-content>p {
    margin-bottom: 32px !important;
  }

  .lead-section {
    margin-bottom: 44px !important;
    background-image: url('data:image/svg+xml, <svg viewBox="0 0 1440 695" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1440" height="695" fill="%23F2F5F7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1289.32 82.3932C1315.74 108.819 1374.69 140.937 1399.09 58C1407.22 94.5898 1439.33 150.694 1502.76 82.3932C1480.4 110.852 1449.09 192.163 1502.76 289.735C1482.43 267.375 1433.24 240.949 1399.09 314.129C1386.89 283.637 1347.86 236.07 1289.32 289.735C1315.74 257.211 1352.74 170.209 1289.32 82.3932ZM1398.66 225.333C1418.87 225.333 1435.25 208.951 1435.25 188.743C1435.25 168.536 1418.87 152.154 1398.66 152.154C1378.45 152.154 1362.07 168.536 1362.07 188.743C1362.07 208.951 1378.45 225.333 1398.66 225.333Z" fill="white" fill-opacity="0.8"/><path d="M1417.64 189.131C1417.64 199.235 1409.45 207.426 1399.35 207.426C1389.24 207.426 1381.05 199.235 1381.05 189.131C1381.05 179.027 1389.24 170.836 1399.35 170.836C1409.45 170.836 1417.64 179.027 1417.64 189.131Z" fill="white" fill-opacity="0.8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1289.32 368.417C1315.74 394.843 1374.69 426.96 1399.09 344.023C1407.22 380.613 1439.33 436.718 1502.76 368.417C1480.4 396.875 1449.09 478.186 1502.76 575.759C1482.43 553.398 1433.24 526.972 1399.09 600.152C1386.89 569.66 1347.86 522.094 1289.32 575.759C1315.74 543.235 1352.74 456.232 1289.32 368.417ZM1398.66 511.357C1418.87 511.357 1435.25 494.975 1435.25 474.767C1435.25 454.559 1418.87 438.177 1398.66 438.177C1378.45 438.177 1362.07 454.559 1362.07 474.767C1362.07 494.975 1378.45 511.357 1398.66 511.357Z" fill="white" fill-opacity="0.8"/><path d="M1417.64 475.154C1417.64 485.258 1409.45 493.449 1399.35 493.449C1389.24 493.449 1381.05 485.258 1381.05 475.154C1381.05 465.05 1389.24 456.859 1399.35 456.859C1409.45 456.859 1417.64 465.05 1417.64 475.154Z" fill="white" fill-opacity="0.8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1065.51 224.597C1091.93 251.023 1150.88 283.141 1175.28 200.204C1183.41 236.794 1215.53 292.898 1278.95 224.597C1256.59 253.056 1225.28 334.367 1278.95 431.939C1258.62 409.579 1209.43 383.153 1175.28 456.333C1163.08 425.841 1124.05 378.274 1065.51 431.939C1091.93 399.415 1128.93 312.413 1065.51 224.597ZM1174.85 367.538C1195.06 367.538 1211.44 351.156 1211.44 330.948C1211.44 310.74 1195.06 294.358 1174.85 294.358C1154.64 294.358 1138.26 310.74 1138.26 330.948C1138.26 351.156 1154.64 367.538 1174.85 367.538Z" fill="white" fill-opacity="0.8"/><path d="M1193.83 331.335C1193.83 341.439 1185.64 349.63 1175.54 349.63C1165.43 349.63 1157.24 341.439 1157.24 331.335C1157.24 321.231 1165.43 313.04 1175.54 313.04C1185.64 313.04 1193.83 321.231 1193.83 331.335Z" fill="white" fill-opacity="0.8"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .lead-section .title-container,
  .lead-section .lead-image-container,
  .blog-wrapper {
    margin-left: 32px !important;
    margin-right: 32px !important;
    max-width: 100%;
  }

  .title-container h1 {
    font-size: 60px !important;
    line-height: 72px !important;
    margin-top: 40px !important;
  }

  .lead-section .lead-meta {
    margin-top: 24px !important;
  }

  .lead-image-container {
    margin-top: 40px !important;
    margin-bottom: -20px !important;
  }

  .lead-image {
    height: 430px;
  }

  .lead-image img {
    border-radius: 4px;
  }

  .flex-container {
    width: 30.5%;
    gap: 34px;
    margin-bottom: 20px;
    display: flex;
    position: sticky;
    top: 96px;
    flex-direction: column;
  }

  .blog-content {
    width: 69.5%;
  }

  .blog-content>div:first-child#key-takeaways {
    margin-top: 0;
  }

  /* Summary */
  .blog-content #summary {
    padding: 42px 32px 52px 32px;
    margin-bottom: 64px !important;
    border-radius: 8px;
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .blog-content #summary strong,
  .blog-content #summary b {
    font-size: 36px !important;
    line-height: 38px !important;
    margin-bottom: 24px !important;
  }

  .blog-content #summary p+p {
    margin-top: 24px !important;
  }

  /* Callout */
  .blog-content .callout {
    width: 340px;
    border-radius: 8px;
  }

  .blog-content .callout_left {
    float: left;
    margin: 0 30px 20px 0px;
  }

  .blog-content .callout_right {
    float: right;
    margin: 0 0 20px 30px;
  }

  /* Quote */
  .blog-content .quote {
    padding: 44px 16px !important;
  }

  .blog-content .quote_wide_text {
    font-size: 22px !important;
    line-height: 26px !important;
  }

  /* Key Takeaways */
  .blog-content #key-takeaways {
    padding: 32px !important;
    margin-top: 64px !important;
    margin-bottom: 64px !important;
    border-radius: 8px !important;
  }

  .blog-content #key-takeaways strong,
  .blog-content #key-takeaways b {
    font-size: 32px !important;
    line-height: 44px !important;
    margin-bottom: 24px !important;
  }

  .blog-content #key-takeaways strong::before,
  .blog-content #key-takeaways b::before {
    left: 270px;
  }

  /* References */
  .blog-content #references {
    border-radius: 4px;
    padding: 32px !important;
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .blog-content #references strong,
  .blog-content #references b {
    font-size: 32px !important;
    line-height: 44px !important;
    margin-bottom: 16px !important;
  }

  .about_company {
    border-radius: 8px;
  }

  .about_company_title {
    font-size: 20px !important;
  }

  /* Table of Content */
  #toc {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    inset: 0;
    background-color: var(--toc-bg-color);
    padding: 16px 12px;
    border-radius: 8px;
  }

  #toc strong,
  #toc b {
    font-size: 20px !important;
    padding-left: 4px;
    padding-right: 4px;
  }

  #toc strong::after,
  #toc b::after {
    transform: none;
  }

  #toc details ul,
  #toc details ul a {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #toc>ul>li>a,
  #toc summary>a,
  #toc summary {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  #toc details.active ul {
    margin-bottom: 6px;
  }

  #toc>ul {
    margin-top: 0;
  }
}

@media (min-width: 1280px) {

  .lead-section .title-container,
  .lead-section .lead-image-container,
  .blog-wrapper {
    margin-left: 90px !important;
    margin-right: 90px !important;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 480px) {
  .about_company_social {
    gap: 16px;
    /* Reduce gap on mobile */
  }

  .about_company_social a {
    width: 20px;
    height: 20px;
  }

  .about_company_social svg {
    width: 20px;
    height: 20px;
  }
}