.detail-header-meta__separator {
    margin: 0 0.0625rem;
}

.detail-header-meta__separator,
.detail-header-meta__text {
    display: none;
}

/* Video Transcript Template Styles - Overrides Main Theme CSS */

/*
 * FONT SYSTEM
 * ===========
 * Primary Font: Roboto, sans-serif
 * - Used for: all text throughout the site
 * - Weights: 400 (regular), 500 (medium), 700 (bold)
 * 
 * Font Loading: Managed in functions.php via aca_pre_load_fonts()
 * Source: Google Fonts CDN
 */

/*
 * ARCHITECTURE NOTES - Nov 2025
 * ==============================
 * Shared layout and metadata styles have been moved to main.css with semantic class names:
 * - .detail-page__* (layout grid system)
 * - .detail-meta__* (metadata display)
 * 
 * The video-first__* classes below still exist and have their original properties.
 * They work identically to the new semantic classes for backwards compatibility.
 * 
 * New templates (like single-article.php) use the semantic names from main.css.
 * This template (single-video-transcript.php) continues using video-first__* names.
 * 
 * Video-specific classes remain in this file:
 * - .video-inline__* (YouTube player)
 * - .video-first__transcript* (transcript display)
 * - .video-first__collapsible (video details/transcript collapsibles)
 */

/* Global Styles */

/* Box-sizing inherit for video transcript template only */
.video-post *, .video-post *:after, .video-post *:before {
    box-sizing: inherit;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

/* Page Container */
.detail-page-container {
    display: contents;
}

.page-section {
        padding-bottom: 2rem;
}

@media (min-width: 1024px) {
    .page-section {
        padding-bottom: 4rem;
        padding-top: 2rem;
    }
}

@media (min-width: 1024px) {
    .page-section:first-of-type {
        padding-top: 0px;
    }
}

/* Modal Styles */
.modal {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999;
    visibility: hidden;
    pointer-events: none;
}

/* Share modal specific - transparent background */
.modal--share {
    background: transparent !important;
}

/* Hidden state */
.modal--hidden { 
    display: none;
    opacity: 0;
    visibility: hidden;
}

/* Shown state */
.modal--show {
    display: block;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

/* Full-screen mask */
.modal__mask {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 61;
}

.modal--show.modal--share .modal__content-container {
    transform: translate(-50%, calc(-50% + 2rem));
}

.modal--show .modal__content-container {
    transform: translate(-50%);
}

.modal--share .modal__content-container {
    top: 50%;
    transform: translate(-50%, -50%) scale(1.1);
}

.modal__content-container {
    left: 50%;
    margin-bottom: 1rem;
    max-height: 100%;
    position: absolute;
    top: 1rem;
    transform: translate(-50%) scale(1.1);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1);
    width: calc(100% - 2rem);
}

@media (min-width: 600px) {
    .modal--show .modal__content-container {
        transform: translate(-50%, -50%);
    }
    
    .modal__content-container {
        top: 50%;
        transform: translate(-50%, -50%) scale(1.1);
        width: 35.5rem;
    }
}

@media (min-width: 1024px) {
    .modal--share .modal__content-container {
        width: 37.1875rem;
    }
    
    .modal__content-container {
        width: 48.75rem;
    }
}

.share-modal-content {
    background-color: #fff;
}

.modal__content {
    height: 100%;
    text-align: left;
}

/* Prevent background scroll when open */
.has-modal-open { 
    overflow: hidden; 
}


.share-modal-header {
    padding: 2rem 1.5rem 0;
}

.share-modal-content-header__title {
    margin: 0;
}

.heading-2, h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}


.share-modal-header__close-button {
    position: absolute;
    right: .75rem;
    top: .75rem;
    padding: .5rem;
    min-width: 3rem;
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

button, select {
    text-transform: none;
}

input, optgroup, select, textarea {
    font: inherit;
    margin: 0;
}

.share-modal-header__close-button:hover {
    background-color: #f5f5f5;
}

.share-modal-header__icon {
    fill: #bdbdbd;
    display: inline-block;
    height: 2rem;
    vertical-align: middle;
    width: 2rem;
}


.social-share__link {
    align-items: center;
    align-self: center;
    display: inline-flex;
    flex: 0 0 auto;
    height: 47px;
    width: 47px;
    justify-content: center;
    margin-right: 0.7rem;
    margin-top: .5rem;
    position: relative;
}

.social-share__link:hover {
    border-color: #1a73e8;
    background-color: #f8f9fa;
}

.social-share__icon {
    fill: #9e9e9e;
    display: inline-block;
    height: 1.25rem;
    vertical-align: middle;
    width: 1.375rem;
}

.glue-icon {
    display: inline-block;
    fill: currentColor;
}

.glue-icon--24px {
    height: 24px;
    width: 24px;
}

.glue-icon--color-twitter {
    fill: #1da1f2;
}

.social-share__link .glue-icon {
    margin: 0;
    vertical-align: middle;
}

/* Social sharing icon styles - 24x24 dimensions */
.social-share__icon {
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}

/* Social sharing link hover effects */
.social-share__link:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

/* Remove default link hover effects for social sharing icons */
.social-share__link {
    text-decoration: none !important;
    color: inherit !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* Email icon - grey */
.social-share__icon--email {
    fill: #5f6368;
}

/* Copy link icon - black */
.social-share__icon--copy {
    fill: #000000;
}

/* LinkedIn icon - LinkedIn blue */
.social-share__icon--linkedin {
    fill: #0077b5;
}

/* Facebook icon - Facebook blue */
.social-share__icon--facebook {
    fill: #1877f2;
}

/* WhatsApp icon - WhatsApp green */
.social-share__icon--whatsapp {
    fill: #25d366;
}

/* Pinterest icon - Pinterest red */
.social-share__icon--pinterest {
    fill: #e60023;
}

/* Reddit icon - Reddit orange */
.social-share__icon--reddit {
    fill: #ff4500;
}

/* Twitter/X icon - Twitter blue */
.social-share__icon--twitter {
    fill: #1da1f2;
}

/* Fix black circle issue for Twitter and WhatsApp icons */
.social-share__icon--twitter,
.social-share__icon--whatsapp {
    background: transparent !important;
}

.social-share__icon--twitter path,
.social-share__icon--whatsapp path {
    fill: inherit;
}

/* Adjust height for larger icons to match Twitter and Reddit */
.social-share__icon--linkedin,
.social-share__icon--facebook,
.social-share__icon--whatsapp,
.social-share__icon--pinterest {
    height: 21px;
    width: 21px;
}

.social-share {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.social-share.share-modal-content__social-share {
    padding: 1rem 3.4375rem 1.75rem 1.5rem;
    width: 100%;
}

@media (max-width: 599px) {
    .modal__content-container {
        width: calc(100% - 2rem);
    }
}

@media (min-width: 600px) {
    .modal__content-container {
        top: 50%;
        transform: translate(-50%, -50%) scale(1.1);
        width: 35.5rem;
    }
    
    .heading-2, h2 {
        font-size: 1.625rem;
        line-height: 2rem;
    }
    
    .social-share.share-modal-content__social-share {
        padding: 1.125rem 2rem 2.25rem !important;
    }
    
    .share-modal-header {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .share-modal-footer {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

.share-modal-footer__notification-icon {
    margin-right: .625rem;
}

.share-modal-footer {
    background: #eee;
    padding: 1.125rem 1.5rem 1.5rem;
    position: relative;
}

.share-modal-footer__title {
    margin: 0 0 .1875rem;
}

.market-selector-modal__title, .page-section__subtitle, .related-content-drawer__toggle-heading, h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.heading-2,
.market-selector-modal__title,
.page-section__subtitle,
.related-content-drawer__subheader,
.related-content-drawer__toggle-heading,
h2,
h3,
h4 {
    letter-spacing: 0px;
}


.share-modal-footer__body {
    color: #3c4043;
    margin: 0 0 .1875rem;
}

.card--aggregations .card__description, .card--data-point .data-point__tag, .card--tools .card__description, .cta-card .cta-card__action, .data-point--detail .data-point__tag, .detail-header-meta__separator, .detail-header-meta__text, .featured-quote-related-article__eyebrow, .inline-image-footer__logo, .share-modal-footer__body {
    font-size: .875rem;
    letter-spacing: .00563rem;
    line-height: 1.25rem;
}

.card--aggregations .card__description, .card--data-point .card__percentage-text, .card--data-point .card__title--featured, .card--data-point .data-point__tag, .card--data-point .rich-text, .card--highlight-default .card__title, .card--highlight-featured .card__title, .card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title, .card--tools .card__description, .card--video .card__title, .card-tool__title, .card__highlight--default .card__title, .card__highlight--featured .card__title, .content-callout__title, .cta-card .cta-card__action, .data-point--detail .card__percentage-text, .data-point--detail .card__title--featured, .data-point--detail .data-point__tag, .data-point--detail .data-point__title--graphic, .data-point--detail .rich-text, .data-point--detail .rich-text>p, .data-point--detail.inline-data-point .card__percentage-text, .detail-header-meta__separator, .detail-header-meta__text, .featured-content-callout-content-info__copy, .featured-content-callout-content__copy, .featured-quote-related-article__eyebrow, .inline-image-footer__logo, .inline-image__title, .multi-image-selector__select, .related-content-inline__title, .rich-text>h3, .share-modal-footer__body {
    color: #212121;
    font-family: Roboto, arial, sans-serif;
    font-weight: 400;
}

.share-modal-footer__meta-text {
    color: #666;
    font-size: 0.875rem;
}

.share-modal-footer__notification {
    align-items: center;
    background-color: #4caf50;
    color: #fff;
    display: flex;
    font-size: 1rem;
    left: 0;
    padding-left: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}

.share-modal-footer__notification.show {
    display: flex;
}

.social-share__tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.social-share__link:hover .social-share__tooltip {
    opacity: 1;
}

.collapsible__trigger-label button, 
.collapsible__trigger-label input, 
.collapsible__trigger-label optgroup, 
.collapsible__trigger-label select, 
.collapsible__trigger-label textarea {
    font: inherit;
    margin: 0;
}

/* removed duplicate hidden utility (now defined in main.css) */

.video-first__video-inline .video-inline__wrapper {
    grid-column-end: span 4;
    margin: 0.50rem 0 1rem;
}

@media (min-width: 600px) {
    .video-first__video-inline .video-inline__wrapper {
        grid-column-end: span 12;
        margin-bottom: 2rem;
        margin-top: 6rem;
    }
}

@media (min-width: 768px) {
    .video-first__video-inline .video-inline__wrapper {
        margin-bottom: 2.5rem;
    }
}

.video-inline__wrapper {
    background-color: #000;
    position: relative;
}

/* Video inline container styles */
.video-inline__container {
    padding-bottom: 56.25%;
    position: relative;
}

.video-inline__link {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.video-inline__embed, .video-inline__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.lazyload--background {
    background-position: 50%;
    background-size: cover;
}

/* Video play button and icon styles */
.video-inline__play-button {
    fill-opacity: .8;
    display: flex;
    height: 100%;
    justify-content: center;
    max-width: 5.25rem;
    min-width: 3.75rem;
    position: relative;
    width: 16%;
}

.video-inline__link:hover .video-inline__play-button {
    fill-opacity: .6;
}

@media (min-width: 600px) {
    .video-inline__play-button {
        fill-opacity: 1;
        width: 11%;
    }
}

svg:not(:root) {
    overflow: hidden;
}

.card__play-button-icon {
    fill: #212121;
    width: 100%;
    height: 100%;
    display: block;
}

button {
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}

button[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Override main.css button styles for video play button */
button.video-inline__link {
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    color: inherit !important;
    font-family: inherit !important;
    line-height: normal !important;
    padding: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
    font-size: inherit !important;
    font-style: normal !important;
}

button.video-inline__link:hover,
button.video-inline__link:focus,
button.video-inline__link:active {
    opacity: 1 !important;
}


/* Hide sidebar widget area on video pages */
#secondary.widget-area {
    display: none !important;
}

.video-inline__embed iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Show embed when video is playing */
.video-inline__container.video-playing .video-inline__link {
  display: none;
}

.video-inline__container.video-playing .video-inline__embed {
  display: block;
}

/* Override theme padding for video template wrapper */
.video-first .inner-wrap,
.video-first .site-content {
    padding: 0 !important;
}

.video-first__share-icon {
    fill: currentcolor;
    display: inline-block;
    height: 1rem;
    margin-right: 0.25rem;
    vertical-align: middle;
    width: 1rem;
}

.card--tools .card__footer,
.content-callout-action,
.detail-header-meta__info .tag-link,
.detail-header-meta__social-cta,
.detail-header-meta__text a,
.detail-header-meta__text a b,
.hero__link,
.related-content-inline__footer,
.video-first__meta-group-detail a,
.video-first__meta-group-detail a b,
.video-first__meta-group-link,
.video-first__social-cta {
    color: #1a73e8;
    font-family: Roboto, arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    }

.detail-header-meta__text a,
.detail-header-meta__text a b,
.video-first__meta-group-detail a,
.video-first__meta-group-detail a b {
    text-decoration: none;
}

.detail-header-meta__text a:focus,
.detail-header-meta__text a b:focus,
.detail-header-meta__text a:active,
.detail-header-meta__text a b:active {
    color: #174ea6;
}

.detail-header-meta__text a u,
.detail-header-meta__text a b u,
.video-first__meta-group-detail a u,
.video-first__meta-group-detail a b u {
    text-decoration: none;
}

.video-first__social-cta {
    color: #3c4043;
    padding: 0.25rem 0.3125rem 0.25rem 0;
}

.card--tools .card__footer:hover,
.content-callout-action:hover,
.detail-header-meta__info .tag-link:hover,
.detail-header-meta__social-cta:hover,
.detail-header-meta__text a:hover,
.detail-header-meta__text a b:hover,
.hero__link:hover,
.related-content-inline__footer:hover,
.video-first__meta-group-detail a:hover,
.video-first__meta-group-detail a b:hover,
.video-first__meta-group-link:hover,
.video-first__social-cta:hover {
    color: rgb(26, 115, 232);
    }

.detail-header-meta__text a:hover,
.detail-header-meta__text a:focus,
.detail-header-meta__text a b:hover,
.detail-header-meta__text a b:focus,
.detail-header-meta__text a:hover u,
.detail-header-meta__text a:focus u,
.video-first__meta-group-detail a:hover,
.video-first__meta-group-detail a:focus,
.video-first__meta-group-detail a b:hover,
.video-first__meta-group-detail a b:focus,
.video-first__meta-group-detail a:hover u,
.video-first__meta-group-detail a:focus u {
    text-decoration: underline;
}

.video-first__social-cta:hover {
    color: #1a73e8;
}

.video-first__social-cta[aria-expanded="true"] {
    color: rgb(23, 78, 166);
}

.video-first__social-cta[aria-expanded="true"]:hover {
    color: #1a73e8;
    }

.card--tools .card__footer:focus,
.card--tools .card__footer:active,
.content-callout-action:focus,
.content-callout-action:active,
.detail-header-meta__info .tag-link:focus,
.detail-header-meta__info .tag-link:active,
.detail-header-meta__social-cta:focus,
.detail-header-meta__social-cta:active,
.detail-header-meta__text a:focus,
.detail-header-meta__text a:active,
.detail-header-meta__text a b:focus,
.detail-header-meta__text a b:active,
.hero__link:focus,
.hero__link:active,
.related-content-inline__footer:focus,
.related-content-inline__footer:active,
.video-first__meta-group-detail a:focus,
.video-first__meta-group-detail a:active,
.video-first__meta-group-detail a b:focus,
.video-first__meta-group-detail a b:active,
.video-first__meta-group-link:focus,
.video-first__meta-group-link:active,
.video-first__social-cta:focus,
.video-first__social-cta:active {
    color: rgb(23, 78, 166);
}

.video-first__social-cta:focus:hover,
.video-first__social-cta:active:hover,
.video-first__social-cta[aria-expanded="true"]:focus:hover,
.video-first__social-cta[aria-expanded="true"]:active:hover {
    color: #1a73e8;
    }

.video-first__social-cta .video-first__share-icon-label {
    color: inherit;
}






/* Collapsible trigger icon — make width/height apply */
.video-first__collapsible .collapsible__trigger-icon  {
  height: .3125rem !important;
  margin: 0 0 0 .875rem !important;
  position: relative !important;
  width: .5rem !important;
}

/* Removed unscoped collapsible trigger icon sizing (handled in main/article styles) */

/* Base styles for collapsible trigger icon pseudo-elements */
.video-first__collapsible .collapsible__trigger-icon:after,
.video-first__collapsible .collapsible__trigger-icon:before {
    background: currentColor;
    content: "";
    height: .3125rem;
    position: absolute;
    transition: transform .2s cubic-bezier(.4, 0, 1, 1);
    width: .125rem;
}

/* Position the pseudo-elements */
.video-first__collapsible .collapsible__trigger-icon:before {
    right: 0;
}

.video-first__collapsible .collapsible__trigger-icon:after {
    right: .1875rem;
}

/* Collapsed state (default) - chevron pointing right */
.video-first__collapsible .collapsible__trigger-icon--collapsed:before,
.video-first__collapsible .collapsible__trigger-icon:before {
    transform: rotate(45deg);
}

.video-first__collapsible .collapsible__trigger-icon--collapsed:after,
.video-first__collapsible .collapsible__trigger-icon:after {
    transform: rotate(-45deg);
}

/* Expanded state - chevron pointing down */
.video-first__collapsible .collapsible__trigger-icon--expanded:before {
    transform: rotate(-45deg);
}

.video-first__collapsible .collapsible__trigger-icon--expanded:after {
    transform: rotate(45deg);
}

/* New clean transcript display styles */
.video-first__transcript-block {
  display: flex;
  font-size: 1.25rem;
  margin-bottom: 2.5rem;
}
.video-first__transcript-timestamp {
  display: none;
}

.card--video .card__meta-value, .card-tool__copy, .data-point--detail .data-point-legend__item, .inline-image-legend__item-value, .video-first__meta-group-detail, .video-first__transcript-detail, .video-first__transcript-timestamp {
  font-size: 1rem;
  letter-spacing: .00063rem;
  line-height: 1.5rem;
}

.video-first__transcript-speaker {
  font-weight: bold;
}
.video-first__transcript-detail {
  margin: 0;
}


/* Collapsible transcript styling */
.video-first__transcript {
    border-bottom: 0 !important;
}

.video-first__collapsible {
    border: 0;
    border-bottom: .0625rem solid #eee;
    border-top: .0625rem solid #eee;
    margin-bottom: .9375rem;
    padding: .9375rem 0;
}

.collapsible__trigger, .external-link, .gated-content-modal__cta, .market-selector-footer__button, .related-content__next-article-link, .video-badge {
    font-family: Roboto, arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
}
/* Override theme collapsible content - IMPORTANT: Hidden by default */

/* Show content when expanded */
.video-post .collapsible__content[aria-hidden="false"] {
    display: block !important;
    max-height: none !important;
}

/* Enhanced Transcript Display */
.video-post .transcript-container {
    margin-bottom: 24px !important;
}

.video-post .transcript-line {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 16px !important;
    padding: 12px 16px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #e8eaed !important;
    transition: all 0.2s ease !important;
}

.video-post .transcript-line:hover {
    background-color: #f8f9fa !important;
    border-color: #dadce0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.video-post .transcript-timestamp {
    display: inline-block !important;
    background-color: #1a73e8 !important;
    color: white !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-right: 16px !important;
    min-width: 50px !important;
    text-align: center !important;
    font-family: 'Roboto Mono', monospace !important;
    flex-shrink: 0 !important;
}

.video-post .transcript-content {
    flex: 1 !important;
    color: #202124 !important;
    line-height: 1.6 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
}

/* Transcript Actions */
.video-post .transcript-actions {
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid #e8eaed !important;
}

.video-post .btn {
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-family: Roboto, Arial, sans-serif !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.video-post .btn--secondary {
    background-color: #f8f9fa !important;
    color: #5f6368 !important;
    border: 1px solid #dadce0 !important;
}

.video-post .btn--secondary:hover {
    background-color: #f1f3f4 !important;
    color: #202124 !important;
    border-color: #bdc1c6 !important;
}

/* Footer Metadata Styles */
.video-post .entry-footer {
    margin-top: 32px !important;
    padding: 24px 0 !important;
    border-top: 1px solid #e8eaed !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: center !important;
}

.video-post .video-upload-date,
.video-post .video-duration,
.video-post .video-speaker {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 16px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e8eaed !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    color: #5f6368 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-weight: 500 !important;
}

.video-post .video-description {
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 16px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e8eaed !important;
    border-radius: 8px !important;
    color: #202124 !important;
    line-height: 1.6 !important;
    font-family: Roboto, Arial, sans-serif !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .video-post .transcript-line {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .video-post .transcript-timestamp {
        align-self: flex-start !important;
        margin-right: 0 !important;
    }
}

/* Collapsible trigger button styling */
.collapsible__trigger:not(:focus-visible) {
    outline: none;
}

.video-first__collapsible .collapsible__trigger {
    padding-right: .625rem !important;
    width: inherit !important;
}

.collapsible__trigger:focus, .collapsible__trigger:hover, .external-link:focus, .external-link:hover, .gated-content-modal__cta:focus, .gated-content-modal__cta:hover, .market-selector-footer__button:focus, .market-selector-footer__button:hover, .related-content__next-article-link:focus, .related-content__next-article-link:hover, .video-badge:focus, .video-badge:hover {
    color: #174ea6;
}

.collapsible__trigger, .external-link, .gated-content-modal__cta, .related-content__next-article-link, .video-badge {
    color: #1a73e8;
}

/* Video First Layout Styles */
.video-first__aside-push {
    display: none;
}

.video-first__aside {
    display: none;
}

@media (min-width: 600px) {
    .video-first__main-push {
        grid-column-end: span 1;
    }
}

.video-first__main {
    grid-column-end: span 4;
}

@media (min-width: 600px) {
    .video-first__main {
        grid-column-end: span 10;
    }
}

@media (min-width: 768px) {
    .video-first__main {
        grid-column-end: span 7;
    }
}

.video-first__collapsible .video-first__meta, .video-first__collapsible .video-first__transcript-content {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
}

.video-first__transcript-content {
    padding-top: 1.25rem;
}

@media (min-width: 1024px) {
    .video-first__collapsible .video-first__meta, .video-first__collapsible .video-first__transcript-content {
        margin-top: 2rem;
    }
}

.video-first__meta {
    margin-top: .3125rem;
}

@media (min-width: 1024px) {
    .video-first__meta {
        margin-top: .5rem;
    }
}

.video-first__meta-group, .video-first__meta-group_guests {
    margin-bottom: 1rem;
}

.video-first__meta-group_publish {
    margin-bottom: 2rem;
}

.video-first__meta-group-title {
    margin: 0;
}

.card--video .card__counter, .card--video .card__meta-label, .geographic-label, .video-first__meta-group-title {
    font-family: Roboto, arial, sans-serif;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .05rem;
    line-height: 1rem;
    text-transform: uppercase;
}

.video-first__meta-group-detail {
    font-size: 0.875rem;
    color: #202124;
    line-height: 1.4;
}

.video-first__meta-group-detail, .video-first__meta-group-link {
    margin-top: .50rem;
}

.rich-text .post-published-info {
    display: none;
}

/* Hide on-this-page sidebar when no headings exist */
.onthispage-sidebar {
    display: none;
}

.detail-header__title {
    margin-bottom: 1rem;
    margin-top: 0;
}

.detail-header__title .entry-header {
    margin: 0;
}

.detail-header__title,
h1.detail-header__title,
.hero--aggregation .hero__title {
    font-family: Roboto, arial, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.25rem;
}

@media (min-width: 600px) {
    .detail-header__title,
    h1.detail-header__title,
    .hero--aggregation .hero__title {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
}

@media (min-width: 600px) {
    h1 {
        font-size: 2.25rem;
        letter-spacing: -.02563rem;
        line-height: 2.75rem;
    }
}

@media (min-width: 1024px) {
    h1 {
        font-size: 2.75rem;
        letter-spacing: -.03125rem;
        line-height: 3.25rem;
    }
}

.detail-header__title {
    margin-bottom: 1rem;
    margin-top: 0;
}

@media (min-width: 600px) {
    .detail-header__title, .hero--aggregation .hero__title {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
}

h5 {
    font-size: .875rem;
    letter-spacing: .00563rem;
    line-height: 1.25rem;
}

.rich-text>p {
    margin: 0 0 1.875rem;
}

.detail__text .rich-text > h2 {
    margin-bottom: 2rem;
    margin-top: 0px;
}


.site-content {
    margin-top: 0 !important;
}

.video-first__share-icon {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

/* Collapsible Styles */

/* removed unscoped collapsible icon pseudo-element styles; defined in main.css */

.collapsible__trigger-icon--expanded::after {
    transform: rotate(45deg);
}

/* Video Details Collapsible Styles */

.collapsible__trigger {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-decoration: none;
    width: 100%;
}


.video-first__collapsible .collapsible__trigger-icon::after,
.video-first__collapsible .collapsible__trigger-icon::before {
    content: "";
    height: 0.3125rem;
    position: absolute;
    width: 0.125rem;
    background: currentcolor;
    transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.video-first__collapsible .collapsible__trigger-icon::before {
    right: 0;
    transform: rotate(45deg);
}

.video-first__collapsible .collapsible__trigger-icon::after {
    right: 0.1875rem;
    transform: rotate(-45deg);
}

.video-first__collapsible .collapsible__trigger-icon--expanded::before {
    transform: rotate(-45deg);
}

.video-first__collapsible .collapsible__trigger-icon--expanded::after {
    transform: rotate(45deg);
}

.video-first__detail .collapsible__content:not(.collapsible__content--hidden) {
    max-height: 1000px;
}

/* Responsive Design */
@media (max-width: 767px) {
    .video-first__aside,
    .video-first__main {
        width: 100%;
    }
    
    /* Hide the aside (desktop) version on mobile */
    .video-first__aside {
        display: none !important;
    }
    
    /* Show the mobile collapsible version */
    .video-first__detail--mobile {
        display: block;
    }
    
    .video-first__main {
        order: 1;
    }
    
    .video-first__aside-push,
    .video-first__main-push {
        display: none;
    }
}

@media (min-width: 768px) {
    .video-first__aside {
        display: block;
    }
    
    .video-first__detail {
        display: none;
    }
    
    /* Hide the mobile collapsible version on desktop */
    .video-first__detail--mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .video-first__aside {
        grid-column-end: span 4;
    }
}

@media (min-width: 1024px) {
    .video-first__aside-push {
        display: block;
        grid-column-end: span 1;
    }
    
    .video-first__aside {
        grid-column-end: span 3;
    }
    
    .video-first__main {
        grid-column-end: span 6;
    }
    
    .video-first__title {
        font-size: 2.5rem;
    }
}

@media (max-width: 599px) {
    .video-first__aside-push,
    .video-first__aside,
    .video-first__main-push {
        grid-column-end: span 4;
    }
    
    .video-first__main {
        grid-column-end: span 4;
    }
}


/* ========================================
   Related Content Drawer Styles
   ======================================== */

.related-content-drawer {
    background-color: #f5f5f5;
    bottom: 0;
    box-shadow: 0 -0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1);
    max-height: 43.75rem;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transform: translate3d(0, 43.75rem, 0);
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 100vw;
    z-index: 1;
}

.related-content-drawer--open {
    opacity: 1;
    transform: translateZ(0);
    visibility: visible;
}

@media (min-width: 600px) {
    .related-content-drawer--expanded {
        margin-bottom: 0;
    }
}

.related-content-drawer__toggle {
    display: flex;
    flex-direction: column;
    grid-column-end: span 4;
    margin: 1rem 0;
    padding-right: 1.125rem;
    position: relative;
}

@media (min-width: 600px) {
    .related-content-drawer__toggle {
        grid-column-end: span 12;
        margin: 1rem 0;
    }
}

@media (min-width: 768px) {
    .related-content-drawer__toggle {
        flex-direction: row;
    }
}

.related-content-drawer__headings {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .related-content-drawer__headings {
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .related-content-drawer__headings {
        flex-direction: row;
    }
}

@media (min-width: 600px) {
    .related-content-drawer--expanded .related-content-drawer__headings {
        flex-direction: column;
    }
}

.related-content-drawer__toggle-heading {
    margin: 0px;
}

.related-content-drawer__toggle-link {
    color: rgb(33, 33, 33);
    display: flex;
    max-width: 85vw;
    text-align: left;
    font: inherit;
    margin: 0;
}

@media (min-width: 768px) {
    .related-content-drawer__toggle-link {
        white-space: nowrap;
    }
}

@media (min-width: 1024px) {
    .related-content-drawer__toggle-link {
        margin-right: 1rem;
        white-space: normal;
    }
}

.related-content-drawer__content-header {
    display: inline;
}

.related-content-drawer--idle-content .related-content-drawer__content-header {
    display: none;
}

.related-content-drawer--expanded .related-content-drawer__content-header {
    display: none;
}

.related-content-drawer__content-header-idle {
    display: none;
}

.related-content-drawer__content-header-idle button, 
.related-content-drawer__content-header-idle input, 
.related-content-drawer__content-header-idle optgroup, 
.related-content-drawer__content-header-idle select, 
.related-content-drawer__content-header-idle textarea {
    font: inherit;
    margin: 0;
}

.related-content-drawer__content-header-idle .heading-2, 
.related-content-drawer__content-header-idle h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.related-content-drawer--idle-content .related-content-drawer__content-header-idle {
    display: block;
}

.related-content-drawer--expanded .related-content-drawer__content-header-idle {
    display: inline;
}

.related-content-drawer__toggle-icon-wrapper {
    display: inline;
    white-space: nowrap;
    line-height: 0;
    vertical-align: middle;
}

.related-content-drawer__toggle-icon {
    fill: rgb(33, 33, 33);
    height: 1.6rem;
    margin-left: .625rem;
    transform: rotate(180deg);
    width: 1.6rem;
    stroke: rgb(33, 33, 33);
    stroke-width: 0.10;
}

/* Hide expanded icon by default, show idle icon */
.related-content-drawer__toggle-icon--expanded {
    display: none;
}

.related-content-drawer__toggle-icon--idle {
    display: inline-block;
}

/* When expanded, hide idle icon and show expanded icon */
.related-content-drawer--expanded .related-content-drawer__toggle-icon--idle {
    display: none;
}

.related-content-drawer--expanded .related-content-drawer__toggle-icon--expanded {
    display: inline-block;
    transform: none;
}

svg:not(:root) {
    overflow: visible;
}

.related-content-drawer__subheader {
    color: rgb(66, 66, 66);
    transform: translateX(0);
    transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}

.related-content-drawer.related-content-drawer--idle-content .related-content-drawer__subheader {
    display: block !important;
}

@media (min-width: 600px) {
    .related-content-drawer--expanded .related-content-drawer__subheader {
        margin-left: 0;
    }
}

@media (min-width: 600px) {
    .related-content-drawer__subheader, h4 {
        font-size: 1rem;
    }
}

.related-content-drawer__subheader, h4 {
    letter-spacing: .00625rem;
    line-height: 1.5rem;
}

@media (min-width: 1024px) {
    .related-content-drawer__subheader {
        margin-left: 4.8125rem;
    }
}

.related-content-drawer__next-article {
    align-items: center;
    display: flex;
    margin-bottom: 0;
    margin-top: 0.5rem;
    max-height: 12.5rem;
    opacity: 1;
    padding: 0 0 1rem;
    position: relative;
    transform: translateZ(0);
    transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.related-content-drawer__next-article:before {
    background: #e0e0e0;
    content: "";
    display: none;
    height: 1.875rem;
    left: 0;
    margin-top: -0.9375rem;
    position: absolute;
    top: 50%;
    width: 0.0625rem;
}

@media (min-width: 768px) {
    .related-content-drawer__next-article {
        margin-left: 1rem;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 1rem;
    }
    
    .related-content-drawer__next-article:before {
        display: block;
    }
}

.related-content-drawer--expanded .related-content-drawer__next-article {
    height: 0;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
}

@media (min-width: 600px) {
    .related-content-drawer--expanded .related-content-drawer__next-article {
        height: auto;
        margin-top: 0.5rem;
        padding: 0 0 1rem;
        transform: translate3d(62.5rem, 0, 0);
    }
}

.related-content__next-article-link {
    color: #1a73e8;
    font-family: Roboto, arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-decoration: none;
    outline: none;
}

.related-content__next-article-link:hover,
.related-content__next-article-link:visited {
    outline: none;
    text-decoration: none;
}

.related-content-drawer__close {
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    height: 1.5625rem;
    position: absolute;
    right: 0;
    top: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: normal;
    letter-spacing: normal;
    line-height: inherit;
    text-transform: none;
    border-radius: 0;
    transition: none;
    color: inherit;
}

.related-content-drawer__close-icon {
    fill: #9e9e9e;
    height: 1.5625rem;
    width: 1.5625rem;
    display: block;
}

.related-content-drawer__content-container {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 600px) {
    .related-content-drawer__content-container {
        margin: 0;
    }
}

.related-content-drawer--expanded .related-content-drawer__content-container {
    max-height: 43.75rem;
    padding-bottom: 1rem;
}

.card-group__container--strip, .card-group__container--strip-inline {
    overflow: hidden;
}

@media (min-width: 600px) {
    .card-group__container--strip, .card-group__container--strip-inline {
        overflow: scroll;
    }
}

@media (min-width: 1024px) {
    .card-group__container--strip, .card-group__container--strip-inline {
        overflow: initial;
    }
}

@media (min-width: 1024px) {
    .video__push {
        display: block;
    }
}

/* Hide video__push when full-width mode is enabled */
.others-viewing-full-width .video__push {
    display: none !important;
}

/* Hide detail__push when full-width mode is enabled - only within related content container */
.others-viewing-full-width .card-group__container--related-content .detail__push,
.others-viewing-full-width .card-group__container--related-content-video .detail__push {
    display: none !important;
}

/* Hide detail__push when full-width mode is enabled - only within strip container */
.others-viewing-full-width .card-group__container--strip .detail__push {
    display: none !important;
}

.others-viewing-full-width .detail___push {
    display: none !important;
}

.card-group--strip, .card-group--strip-inline {
    box-sizing: border-box;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0.3125rem, 1fr));
    margin-left: 1rem;
    margin-right: 1rem;
}

.card-group--strip {
    margin-bottom: 0px;
    margin-top: 0px;
}

@media (min-width: 600px) {
    .card-group--strip, .card-group--strip-inline {
        column-gap: 0.9375rem;
        grid-template-columns: repeat(12, minmax(0.3125rem, 1fr));
        margin-left: 2rem;
        margin-right: 2rem;
    }
    
    .card-group--strip {
        overflow: visible;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .card-group--strip {
        grid-auto-columns: calc(50% - .46875rem);
        grid-auto-flow: column;
        grid-template-columns: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .card-group--strip {
        grid-auto-columns: calc(50% - .46875rem);
        grid-auto-flow: column;
        grid-template-columns: none;
    }
}

@media (min-width: 1024px) {
    .card-group--strip, .card-group--strip-inline {
        column-gap: 1.25rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }
    
    .card-group--strip {
        overflow: initial;
    }
}

@media (min-width: 1441px) {
    .card-group--strip, .card-group--strip-inline {
        column-gap: 1.6875rem;
        margin-left: 5rem;
        margin-right: 5rem;
    }
}

.card--strip, .card--strip-inline {
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
}

.card--strip {
    grid-column-end: span 4;
}

@media (min-width: 600px) {
    .card--strip, .card--strip-inline {
        background-color: rgb(255, 255, 255);
        flex-shrink: 0;
        margin-bottom: 0px;
    }
    
    .card--strip {
        grid-column-end: span 1;
    }
}

@media (min-width: 1024px) {
    .card--strip {
        grid-column-end: span 4;
    }
}

.card--strip .card__link, .card--strip-inline .card__link {
    display: flex;
    flex-direction: row;
    border-top: 0.0625rem solid rgb(224, 224, 224);
    transform: translateZ(0);
}

.card--highlight .card__link, .card--strip .card__link, .card--strip-inline .card__link, .card--video .card__video-button, .card-tool .card-tool__link, .card__highlight--default .card__link, .card__highlight--featured .card__link, .related-content-inline__link, .related-content-two-up__link {
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.card--aggregations .card__inner, .card--data-point, .card--highlight .card__link, .card--strip .card__link, .card--strip-inline .card__link, .card--tools, .card--video, .card-tool .card-tool__link, .card__highlight--default .card__link, .card__highlight--featured .card__link, .data-point--detail .data-point-info--link, .related-content-inline--detail .related-content-inline__wrapper, .related-content-two-up {
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 600px) {
    .card--strip .card__link, .card--strip-inline .card__link {
        height: 100%;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(238, 238, 238);
        border-image: initial;
        border-radius: 8px;
        overflow: hidden;
    }
}

.card__link {
    text-decoration: none;
    outline: none;
}

.card__link:hover,
.card__link:visited {
    outline: none;
    text-decoration: none;
}

a:focus, a:hover {
    color: #174ea6;
}

.card__header {
    padding: 0.5rem 1rem;
    background: #f8f9fa;
}

.card--strip .card__header {
    display: none;
}

.card--aggregations .card__insights, .card--data-point .card__source, .card--feed .card__body-editorial-type, .card--feed .card__header-editorial-type, .card--highlight .card__body-editorial-type, .card--highlight .card__header-editorial-type, .card--loading-placeholder .card__body-editorial-type, .card--strip .card__body-editorial-type, .card--strip-inline .card__body-editorial-type, .card__highlight--default .card__body-editorial-type, .card__highlight--default .card__header-editorial-type, .card__highlight--featured .card__body-editorial-type, .card__highlight--featured .card__header-editorial-type, .data-point--detail .data-point__content-footer, .detail-sources__content .rich-text, .featured-quote-related-article__date, .inline-image-footer__text, .related-content-inline__eyebrow, .video-inline__caption {
    font-size: 0.75rem;
    letter-spacing: 0.01875rem;
    line-height: 1rem;
}

.card--strip .card__body-editorial-type, .card--strip-inline .card__body-editorial-type {
    color: rgb(60, 64, 67);
}

@media (min-width: 600px) {
    .card--strip .card__body-editorial-type, .card--strip-inline .card__body-editorial-type {
        color: rgb(117, 117, 117);
    }
}

.card--strip .card__header-editorial-type, .card--strip-inline .card__header-editorial-type {
    display: none;
}

.card--strip .card__image, .card--strip-inline .card__image {
    display: none;
}

@media (min-width: 768px) {
    .card--strip .card__image-container, .card--strip-inline .card__image-container {
        width: 5.75rem;
        min-width: 5.75rem;
        max-width: 5.75rem;
        height: 5.75rem;
        margin: 0.75rem;
        flex-shrink: 0;
    }
    
    .card--strip .card__image, .card--strip-inline .card__image {
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 0.3125rem;
        width: 100%;
        height: 100%;
    }
}

.card--strip .card__image img, .card--strip-inline .card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lazyload--loaded {
    transition: opacity 0.6s ease-out;
}

.picture-image, .video__container {
    display: block;
    overflow: hidden;
    position: relative;
}

.card--strip .card__text, .card--strip-inline .card__text {
    flex-direction: column;
    text-align: left;
    flex: 1 1 66%;
    padding: 1rem 0px 0px;
}

@media (min-width: 600px) {
    .card--strip .card__text, .card--strip-inline .card__text {
        padding: 0.125rem 0.75rem 0.75rem;
    }
}

@media (min-width: 768px) {
    .card--strip .card__text, .card--strip-inline .card__text {
        padding: 0px 0.75rem 0.75rem 0px;
    }
}

.card--strip .card__body, .card--strip-inline .card__body {
    flex: 0 0 auto;
}

.card--strip .card__title, .card--strip-inline .card__title {
    margin: 0.5rem 0px 0px;
}

/* removed duplicate hidden utility (now defined in main.css) */

/* Responsive adjustments */
@media (max-width: 768px) {
    .related-content-drawer__next-article {
        display: none;
    }
}

/* Detail Footer Styles */
.detail-footer .page-content {
    background-color: #fff;
}


.detail-footer .content-group {
    margin-bottom: 1.5rem;
}

.detail-footer .grid-parent {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 90rem;
    position: relative;
    width: 100%;
}

.video-post .content-group-header {
    margin-bottom: 1.25rem;
}

@media (min-width: 1024px) {
    .content-group-header {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 1441px) {
    .grid-row {
        -moz-column-gap: 1.6875rem;
        column-gap: 1.6875rem;
        margin-left: 5rem;
        margin-right: 5rem;
}

    .content-group-header.grid-row {
        -moz-column-gap: 1.6875rem;
        column-gap: 1.6875rem;
        margin-left: 5rem;
        margin-right: 5rem;
}

    .grid-row:has(.tags) {
        -moz-column-gap: 1.6875rem;
        column-gap: 1.6875rem;
        margin-left: 5rem;
        margin-right: 5rem;
    }
}

.content-group-header__title-wrapper {
    grid-column-end: span 4;
}

.content-group-header--video-push .content-group-header__title-wrapper {
    grid-column-end: span 4;
}

@media (min-width: 600px) {
    .content-group-header__title-wrapper {
        grid-column-end: span 12;
    }
    
    .content-group-header--video-push .content-group-header__title-wrapper {
        grid-column-end: span 10;
    }
}

.content-group-header__description {
    margin: 0px;
}

.author-profile__bio, .author-profile__company, .author-profile__info .rich-text, .author-profile__title, .content-group-header__description, .inline-related-content-header__subtitle, .sidebar-related-content-header__subtitle {
    color: #3c4043;
    font-family: Roboto, arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.00938rem;
    line-height: 1.5rem;
}

.detail-footer .card-group__container--related-content {
    margin-bottom: 1.25rem;
}

.card-group__container--related-content, .card-group__container--related-content-leaderboard, .card-group__container--related-content-video {
    box-sizing: border-box;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(.3125rem, 1fr));
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 600px) {
    .card-group__container--related-content, .card-group__container--related-content-leaderboard, .card-group__container--related-content-video {
        -moz-column-gap: .9375rem;
        /* column-gap: .9375rem; */
        /* grid-template-columns: repeat(12, minmax(.3125rem, 1fr)); */
        margin-left: 2rem;
        margin-right: 2rem;
    }
    
    /* Default state (when "Push section wider" is unchecked) - reduce width */
    body:not(.others-viewing-full-width) .card-group__container--related-content,
    body:not(.others-viewing-full-width) .card-group__container--related-content-leaderboard,
    body:not(.others-viewing-full-width) .card-group__container--related-content-video {
        grid-template-columns: repeat(12, minmax(.3125rem, 1fr));
    }
}

@media (min-width: 1024px) {
    .card-group__container--related-content, .card-group__container--related-content-leaderboard, .card-group__container--related-content-video {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media (min-width: 1441px) {
    .card-group__container--related-content, .card-group__container--related-content-leaderboard, .card-group__container--related-content-video {
        -moz-column-gap: 1.6875rem;
        column-gap: 1.6875rem;
        margin-left: 5rem;
        margin-right: 5rem;
    }
}

.card-group, .stacked-card-group {
    list-style: none;
    padding: 0;
}

/* Full-width override when "push wider" is enabled - removes grid display */
.others-viewing-full-width .card-group__container--related-content-video {
    display: block !important;
}

/* Full-width mode - remove margins from container and header at all breakpoints */
.others-viewing-full-width .card-group__container--related-content-video {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.others-viewing-full-width .content-group-header--video-push.grid-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}

/* Limit full-width mode to max 1280px when screen is wider */
@media (min-width: 1280px) {
    .others-viewing-full-width .content-group.grid-parent {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    box-sizing: border-box;
    }
    
    .others-viewing-full-width .card-group__container--related-content-video {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .others-viewing-full-width .content-group-header--video-push.grid-row {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
}

.card-group--related-content-video {
    box-sizing: border-box;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-column-end: span 4;
    grid-template-columns: repeat(1, minmax(.3125rem, 1fr));
    margin: 0;
    row-gap: 1rem;
}

@media (min-width: 600px) {
    .card-group--related-content-video {
        grid-column-end: span 10;
    }
}

@media (min-width: 600px) {
    .card-group--related-content-video {
        -moz-column-gap: .9375rem;
        column-gap: .9375rem;
        grid-template-columns: repeat(1, minmax(.3125rem, 1fr));
    }
}

@media (min-width: 600px) {
    .card-group--related-content-video {
        row-gap: .9375rem;
    }
}

@media (min-width: 768px) {
    .card-group--related-content-video {
        grid-column-end: span 12;
    }
}

@media (min-width: 768px) {
    .card-group--related-content-video {
        grid-template-columns: repeat(1, minmax(.3125rem, 1fr));
    }
}

@media (min-width: 1024px) {
    .card-group--related-content-video {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        grid-template-columns: repeat(4, minmax(.3125rem, 1fr));
    }
}

@media (min-width: 1024px) {
    .card-group--related-content-video {
        grid-column-end: span 10;
    }
}

@media (min-width: 1024px) {
    .card-group--related-content-video {
        row-gap: 1.25rem;
    }
}

/* Hide items 5-8 below 1024px (show only 4 posts) */
.card-group--related-content-video > li:nth-child(n+5) {
    display: none !important;
}

/* Show all items at 1024px and above (2 rows of 4 posts) */
@media (min-width: 1024px) {
    .card-group--related-content-video > li:nth-child(n+5) {
        display: revert !important;
    }
}

.card--related-content .card__link, .card--related-content-inspiration .card__link, .card--related-content-leaderboard .card__link, .card--related-content-video .card__link {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-top: 0.0625rem solid rgb(224, 224, 224);
}

@media (max-width: 1023px) {
    .card--related-content .card__link, .card--related-content-inspiration .card__link, .card--related-content-leaderboard .card__link, .card--related-content-video .card__link {
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
        border-top: 0.0625rem solid rgb(224, 224, 224) !important;
}
}

@media (min-width: 1024px) {
    .card--related-content .card__link, .card--related-content-inspiration .card__link, .card--related-content-leaderboard .card__link, .card--related-content-video .card__link {
        border: .0625rem solid #eee;
        border-radius: .5rem;
        border-radius: .625rem;
        flex-direction: column;
        height: 100%;
        justify-content: start;
        overflow: hidden;
}

    .card--related-content .card__link:hover, .card--related-content-inspiration .card__link:hover, .card--related-content-leaderboard .card__link:hover, .card--related-content-video .card__link:hover {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .card--related-content .card__image-container, .card--related-content-inspiration .card__image-container, .card--related-content-leaderboard .card__image-container, .card--related-content-video .card__image-container {
        height: auto;
        margin: 0;
        min-width: 100%;
        width: 100%;
    }
}

.card--related-content .card__image-container, .card--related-content-inspiration .card__image-container, .card--related-content-leaderboard .card__image-container, .card--related-content-video .card__image-container {
    position: relative;
}

@media (max-width: 1023px) {
    .card--related-content .card__image-container, .card--related-content-inspiration .card__image-container, .card--related-content-leaderboard .card__image-container, .card--related-content-video .card__image-container {
    flex-shrink: 0;
    height: 5.625rem;
        margin: .625rem 0 .625rem .875rem;
    max-width: 10rem;
    min-width: 6.875rem;
    width: calc(100% - 23.375rem);
    }
}

.detail-footer .card--related-content-video .card__header {
    display: none;
}

.detail-footer .card--related-content-video .card__header-editorial-type {
    display: none;
}

.card--related-content .card__image-container, .card--related-content-inspiration .card__image-container, .card--related-content-leaderboard .card__image-container, .card--related-content-video .card__image-container {
    flex-shrink: 0;
    /* height: 5.625rem; */
    /* margin: .625rem 0 .625rem .875rem; */
    /* max-width: 10rem; */
    /* min-width: 6.875rem; */
    /* width: calc(100% - 23.375rem); */
}

.picture-image img, .video__container video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (min-width: 1024px) {
    .card--related-content .card__image, .card--related-content-inspiration .card__image, .card--related-content-leaderboard .card__image, .card--related-content-video .card__image {
        padding-bottom: 56.5%;
    }
}

.card--related-content .card__image, .card--related-content-inspiration .card__image, .card--related-content-leaderboard .card__image, .card--related-content-video .card__image {
    display: block;
    height: 100%;
    width: 100%;
}

.card--feed .card__image, .card--highlight .card__image, .card--loading-placeholder .card__image-container, .card--related-content .card__image, .card--related-content-inspiration .card__image, .card--related-content-leaderboard .card__image, .card--related-content-video .card__image, .card--strip .card__image, .card--strip-inline .card__image, .card--video .card__image, .card__highlight--default .card__image, .card__highlight--featured .card__image, .sidebar-related-content__sticky-child-container .card__image, .video-inline__link {
    background-position: 50%;
    background-size: cover;
}

.detail-footer .picture-image {
    display: block;
    overflow: hidden;
    position: relative;
}

.detail-footer .lazyload--loaded {
    transition: opacity .6s ease-out;
}

img {
    border-style: none;
}

.card--related-content .card__text, .card--related-content-inspiration .card__text, .card--related-content-leaderboard .card__text, .card--related-content-video .card__text {
    max-width: 22.5rem;
    text-align: left;
}

@media (min-width: 1024px) {
    .card--related-content .card__text, .card--related-content-inspiration .card__text, .card--related-content-leaderboard .card__text, .card--related-content-video .card__text {
        max-width: none;
        text-align: left;
        width: 100%;
    }
}

.card--related-content .card__body, .card--related-content-inspiration .card__body, .card--related-content-leaderboard .card__body, .card--related-content-video .card__body {
    flex: 0 0 auto;
}

@media (min-width: 1024px) {
    .card--related-content .card__body, .card--related-content-inspiration .card__body, .card--related-content-leaderboard .card__body, .card--related-content-video .card__body {
        width: 100%;
        padding: 1rem;
    }
}

.detail-footer .card--related-content-video .card__body-editorial-type {
    display: none;
}

.card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #000;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    margin: 0;
    overflow: hidden;
}

@media (min-width: 600px) {
    .card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title, .featured-content-callout-content-info__copy, .featured-content-callout-content__copy, .inline-image__title {
        font-size: 1rem;
    }
}

.card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title, .featured-content-callout-content-info__copy, .featured-content-callout-content__copy, .inline-image__title {
    letter-spacing: .00625rem;
    line-height: 1.5rem;
}

.detail-footer .tags__container {
    border-top: 0.0625rem solid rgb(218, 220, 224);
    padding: 2rem 0px 1.75rem;
}

.author-profile__name, .content-group-header__title, .detail-sources__trigger, .inline-related-content-header__title, .sidebar-related-content-header__title, .tags__title {
    color: rgb(0, 0, 0);
    font-family: Roboto, arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.75rem;
}

.detail-footer .tags__content {
    position: relative;
}

.detail-footer .tags__list-container {
    margin-left: -2.375rem;
    padding-left: 2.375rem;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overflow: auto;
}

.detail-footer .tags__list {
    display: inline-block;
    font-size: 0px;
    line-height: normal;
    margin: 0px;
    padding: 0px 2.1875rem 0px 0px;
    white-space: nowrap;
}

.detail-footer .tags__item {
    display: inline-block;
    height: 2rem;
    position: relative;
    border-radius: 3.75rem;
    list-style: none;
    margin: 0.25rem;
    overflow: hidden;
}

.detail-footer .tags__item:nth-of-type(5n+1) {
    margin-left: 0px;
}

.detail-footer .tags__link {
    display: flex;
    font-family: Roboto, arial, sans-serif;
    font-size: 0.75rem;
    height: 100%;
    line-height: 1.5rem;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: rgb(218, 220, 224);
    border-image: initial;
    border-radius: 3.75rem;
    overflow: hidden;
    padding: 0.1875rem 0.6875rem;
    text-decoration: none;
    white-space: nowrap;
    color: rgb(60, 64, 67);
    background-color: transparent;
    outline: none;
    box-sizing: border-box;
    align-items: center;
}

.detail-footer .tags__link:hover {
    color: rgb(60, 64, 67);
    text-decoration: none;
}

/* Card Group Container */
.card-group__container--grid {
    box-sizing: border-box;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0.3125rem, 1fr));
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 600px) {
    .card-group__container--grid {
        column-gap: 0.9375rem;
        grid-template-columns: repeat(12, minmax(0.3125rem, 1fr));
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

.card-group--grid {
    box-sizing: border-box;
    column-gap: 1rem;
    display: grid;
    grid-column-end: span 4;
    grid-template-columns: repeat(1, minmax(0.3125rem, 1fr));
    row-gap: 1rem;
    margin: 0px;
    list-style: none;
    padding: 0px;
}

@media (min-width: 600px) {
    .card-group--grid {
        grid-column-end: span 12;
        column-gap: 0.9375rem;
        grid-template-columns: repeat(2, minmax(0.3125rem, 1fr));
        row-gap: 0.9375rem;
    }
}

@media (min-width: 768px) {
    .card-group--grid {
        grid-template-columns: repeat(3, minmax(0.3125rem, 1fr));
    }
}

/* Card Styles */
.card--highlight {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.card--highlight:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.card--highlight-featured {
    grid-column: 1 / -1;
}

@media (min-width: 600px) {
    .card--highlight-featured {
        grid-column: 1 / -1;
    }
}

.card--highlight-default {
    /* Default styling for non-featured cards */
}

.card__header {
    padding: 1rem 1rem 0.5rem;
}

.card__header-editorial-type {
    color: rgb(117, 117, 117);
    font-family: Roboto, arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media (min-width: 600px) {
    .card--highlight-featured .card__image-container {
        height: 300px;
    }
}

.card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card__image--placeholder {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 0.875rem;
}

.card__title:hover {
    text-decoration: underline;
}

@media (min-width: 600px) {
    .card--highlight-featured .card__title {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

/* Pagination */
.pagination-container {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    margin: 0 0.25rem;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0.25rem;
    color: #333;
    text-decoration: none;
    font-family: Roboto, arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.page-numbers:hover,
.page-numbers.current {
    background-color: #1a73e8;
    border-color: #1a73e8;
    color: #fff;
}

.page-numbers.dots {
    border: none;
    background: none;
    cursor: default;
}

.page-numbers.dots:hover {
    background: none;
    color: #333;
}

/* No Posts Message */
.no-posts-message {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 1rem;
}

.no-posts-message h2 {
    color: rgb(0, 0, 0);
    font-family: Roboto, arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.no-posts-message p {
    color: rgb(60, 64, 67);
    font-family: Roboto, arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

/* Override any WordPress core or plugin font-family rules for card titles */
.card__title {
    font-family: inherit !important;
}

.content-group-header__title {
    margin-bottom: 0px;
}

.tags__title {
    margin: 0px 0px 1.25rem;
}

.tags {
    grid-column-end: span 4;
    min-height: 18.75rem;
    position: relative;
}

@media (min-width: 600px) {
    .tags {
        grid-column-end: span 10;
    }
}

@media (min-width: 768px) {
    .tags {
        grid-column-end: span 8;
    }
}

.tags--video {
    grid-column-end: span 4;
}

@media (min-width: 600px) {
    .tags--video {
        grid-column-end: span 10;
    }
}

@media (min-width: 768px) {
    .tags--video {
        grid-column-end: span 12;
    }
}

@media (min-width: 1024px) {
    .tags--video {
        grid-column-end: span 10;
    }
}

.tags--loaded {
    min-height: auto;
}

.hero--aggregation .hero__title {
    margin-bottom: 1rem;
    margin-top: 0;
}

@media (min-width: 600px) {
    .hero--aggregation .hero__title {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
}