/*
Theme Name: Fox Child
Template: fox
Version: 1.1.0
Text Domain: fox-child
*/

/*
 * GDC custom styles.
 *
 * Permanent CSS belongs here rather than in
 * Appearance → Customize → Additional CSS.
 */

:root {
    --gdc-category-blue: #4E78FD;
    --gdc-field-brown: #A9917E;
    --gdc-container-max-width: none;
    --gdc-container-gutter: 20px;
    --gdc-standard-card-image-meta-gap: 16px;
}

/* =========================================================
   GDC POST GRID TAGS / CATEGORY PILLS
   ========================================================= */

/* Meta layout: date row + pill row */
.post56 .meta56 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    column-gap: 5px;
    row-gap: 8px;
    line-height: normal;
}

/* Date gets its own row */
.post56 .meta56 .meta56__date {
    display: block !important;
    flex-basis: 100%;
    width: 100%;
    margin: 0 !important;
}

/* Pill group, controlled by Fancy Category position */
.post56 .meta56 .gdc-card-tags {
    display: flex !important;
    flex-wrap: wrap;
    column-gap: 3px;
    row-gap: 4px;
    margin: 0 !important;
    max-width: 100%;
}

/* Remove Fox separator dots */
.post56 .meta56 .sep,
.post56 .meta56 .meta56__date::before,
.post56 .meta56 .meta56__date::after,
.post56 .meta56 .gdc-card-tags::before,
.post56 .meta56 .gdc-card-tags::after {
    display: none !important;
    content: none !important;
}

/* Global pill typography */
.meta56__category--fancy,
.meta56__category--fancy a,
.gdc-card-tags,
.gdc-card-tags .gdc-card-tag {
    font: var(--gdc-type-pill-font) !important;
    letter-spacing: var(--gdc-type-pill-tracking) !important;
    text-transform: capitalize !important;
    color: var(--gdc-field-brown) !important;
}

/* Base pill style */
.meta56__category--fancy a,
.gdc-card-tags .gdc-card-tag {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 20px;
    border: 0 !important;
    border-radius: 25px;
    padding: 0 12px !important;
    background: #F5F2F0 !important;
    line-height: var(--gdc-type-pill-leading) !important;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none !important;
    transform: none !important;
}

/* Remove Fox hover pseudo effects */
.meta56__category--fancy a::before,
.meta56__category--fancy a::after,
.gdc-card-tags .gdc-card-tag::before,
.gdc-card-tags .gdc-card-tag::after {
    display: none !important;
    content: none !important;
}

/* Tag hover */
.meta56__category--fancy a:hover,
.gdc-card-tags .gdc-card-tag:hover {
    background: var(--gdc-field-brown) !important;
    color: #FFFFFF !important;
    transform: none !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
}

/* Blue category pill inside Fancy Category */
.gdc-card-tags .gdc-card-category {
    background: var(--gdc-category-blue) !important;
    color: #FFFFFF !important;
}

.gdc-card-tags .gdc-card-category:hover {
    background: var(--gdc-category-blue) !important;
    color: #FFFFFF !important;
}

/* Hidden tags before clicking "..." */
.gdc-card-tags .gdc-card-tag-hidden {
    display: none !important;
}

/* Hidden tags after clicking "..." */
.gdc-card-tags.is-expanded .gdc-card-tag-hidden {
    display: inline-flex !important;
}

/* "+" button */
.gdc-card-tags .gdc-card-tag-more {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    cursor: pointer;
    appearance: none;
    font-family: inherit !important;
    line-height: var(--gdc-type-pill-leading) !important;
}

/* Mobile pill adjustments follow the global Mobile tier. */
@media (max-width: 600px) {
    .post56 .meta56 {
        column-gap: 5px;
        row-gap: 5px;
    }

    .post56 .meta56 .gdc-card-tags {
        column-gap: 5px;
        row-gap: 5px;
    }

    .gdc-card-tags .gdc-card-tag {
        height: 20px;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .gdc-card-tags .gdc-card-tag-more {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}


/* =========================================================
   GDC STANDARD ARTICLE CARD GRIDS

   Shared by the homepage General Feed, Category/Topic
   archives and Related Stories. The large Featured Post and
   Fox list layouts (including Search) are intentionally excluded.
   ========================================================= */

/* A normal Fox Post Grid is the reusable GDC card context. Post List,
 * on-image cards and feature modules remain intentional exceptions. */
.blog56-wrapper[data-type="post-grid"] .blog56--grid > .blog56__sep,
.blog56-wrapper[data-type="post-grid"]
.blog56--grid
.post56__sep__line {
    display: none !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal,
.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.post56__text {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
:is(.meta56, .gdc-card-tags) {
    justify-content: flex-start !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
:is(.meta56__author, .excerpt56, .readmore56) {
    display: none !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.thumbnail56 {
    margin-bottom: var(--gdc-standard-card-image-meta-gap) !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.thumbnail56
img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.post56__text
> .meta56:has(.gdc-card-tags),
.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.post56__text
> .title56 {
    margin-bottom: 15px !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.post56__text
> .title56 {
    margin-bottom: 8px !important;
    line-height: 1.22 !important;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.meta56:has(.gdc-card-tags)
+ .title56 {
    margin-top: 0 !important;
}

/* Match the approved Featured Post date treatment. */
.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.meta56__date {
    color: var(--gdc-type-muted-meta-color) !important;
    font: var(--gdc-type-timing-font) !important;
    letter-spacing: var(--gdc-type-timing-tracking) !important;
    text-transform: capitalize !important;
    opacity: var(--gdc-type-muted-meta-opacity) !important;
}

/* Featured and Curated card timing shares the same approved metadata role. */
:is(
    .gdc-feature-post,
    .gdc-secondary-feature-post,
    .gdc-curated-collection
)
.meta56__date {
    font: var(--gdc-type-timing-font) !important;
    letter-spacing: var(--gdc-type-timing-tracking) !important;
}

.blog56-wrapper[data-type="post-grid"] .blog56--grid {
    row-gap: 64px !important;
}

@media (max-width: 899px) {
    .blog56-wrapper[data-type="post-grid"] .blog56--grid {
        row-gap: 56px !important;
    }
}

@media (max-width: 600px) {
    .blog56-wrapper[data-type="post-grid"] .blog56--grid {
        row-gap: 48px !important;
    }
}

@media (min-width: 601px) and (max-width: 899px) {
    body.home .widget56--id--3 .blog56--grid {
        row-gap: 56px !important;
    }
}



/* =========================================================
   GDC CURATED COLLECTION
   ========================================================= */

/* Homepage rhythm is applied to the following section only, so adjacent
 * Curated color blocks can remain continuous without doubled margins. */
body.home {
    --gdc-home-section-gap: 72px;
}

body.home
.builder56__section:not(.gdc-curated-collection-section)
+ .gdc-curated-collection-section,
body.home
.gdc-curated-collection-section
+ .gdc-secondary-feature-post,
body.home
.gdc-secondary-feature-post
+ .builder56__section:not(.gdc-curated-collection-section) {
    margin-top: var(--gdc-home-section-gap) !important;
}

body.home
.gdc-curated-collection-section
+ .gdc-curated-collection-section {
    margin-top: 0 !important;
}

/* An invalid custom widget leaves no public section wrapper or spacing. */
.builder56__section:has(.gdc-curated-collection__invalid) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fox adds an extra preview container around full-width Sections. */
.gdc-curated-collection-section > .container--main {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.gdc-curated-collection {
    box-sizing: border-box;
    width: 100%;
    padding: clamp(56px, 6vw, 96px) 0;
}

.gdc-curated-collection--story {
    background: var(--gdc-category-blue);
}

.gdc-curated-collection--field {
    background: var(--gdc-field-brown);
}

.gdc-curated-collection__headline {
    width: min(66.666%, 960px);
    margin: 0 0 clamp(44px, 5vw, 72px) !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    font-family: var(--font-heading) !important;
    font-size: clamp(40px, 4.2vw, 72px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
    text-transform: none !important;
    overflow-wrap: anywhere;
}

.gdc-curated-collection--field .gdc-curated-collection__headline {
    color: #000000 !important;
}

.gdc-curated-collection .blog56-wrapper,
.gdc-curated-collection .blog56 {
    width: 100%;
}

.gdc-curated-collection .blog56--grid {
    align-items: start;
}

.gdc-curated-collection .blog56--grid > .blog56__sep,
.gdc-curated-collection .blog56--grid .post56__sep__line {
    display: none !important;
}

.gdc-curated-collection .post56,
.gdc-curated-collection .post56__text {
    color: #000000 !important;
}

.gdc-curated-collection .post56 {
    align-self: start;
    height: auto;
    min-height: 0;
}

.gdc-curated-collection .title56,
.gdc-curated-collection .title56 a {
    color: #000000 !important;
}

.gdc-curated-collection .meta56__date {
    color: #000000 !important;
    opacity: 0.5 !important;
}

.gdc-curated-collection__admin-notice {
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background: #FFFFFF;
    color: #000000;
    font-family: var(--font-heading);
    font-size: 14px;
    line-height: 1.4;
}

.gdc-curated-collection__preview-note {
    display: inline-block;
    margin: 0 0 24px !important;
    padding: 6px 10px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.86);
    color: #000000 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

@media (max-width: 899px) {
    body.home {
        --gdc-home-section-gap: 56px;
    }

    .gdc-curated-collection__headline {
        width: min(85%, 680px);
        font-size: clamp(36px, 7vw, 54px) !important;
    }
}

@media (max-width: 600px) {
    body.home {
        --gdc-home-section-gap: 40px;
    }

    .gdc-curated-collection {
        padding: 48px 0 56px;
    }

    .gdc-curated-collection__headline {
        width: 100%;
        margin-bottom: 40px !important;
        font-size: clamp(34px, 11vw, 48px) !important;
        line-height: 1.05 !important;
    }
}


/* =========================================================
   GDC FEATURE POST SECTION

   Section CSS Class: gdc-feature-post

   Optional Post settings:
   - Separate 2:1 Featured-section image
   - Content-area background color
   - Dark or Light title/excerpt/date
   ========================================================= */


/* Main post wrapper */
.gdc-feature-post .blog56,
.gdc-feature-post .post56,
.gdc-feature-post .post56--list {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
}


/* =========================================================
   FEATURE IMAGE — ALWAYS 2:1
   ========================================================= */

.gdc-feature-post .thumbnail56,
.gdc-feature-post .post56 .thumbnail56,
.gdc-feature-post .post56--list .thumbnail56 {
    position: relative !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;

    flex: none !important;
    flex-basis: 100% !important;

    aspect-ratio: 2 / 1;

    margin: 0 0 20px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* Remove the gap only when the content area has a custom background. */
.gdc-feature-post
.post56.gdc-feature-has-background
.thumbnail56 {
    margin-bottom: 0 !important;
}


/* Thumbnail link and Fox wrappers */
.gdc-feature-post .thumbnail56 > a,
.gdc-feature-post .thumbnail56 .imageframe56 {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    padding-bottom: 0 !important;

    overflow: hidden !important;
}


.gdc-feature-post .thumbnail56 img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/*
 * The optional Post-specific image is inserted through
 * Fox's fox56_thumbnail_inner filter.
 *
 * It remains hidden in all normal grids and is displayed only
 * inside the homepage GDC Featured sections.
 */
.gdc-feature-thumbnail-image {
    display: none !important;
}


.gdc-feature-post
.post56.gdc-feature-has-image
.gdc-feature-thumbnail-image {
    position: absolute;
    z-index: 1;

    inset: 0;

    display: block !important;

    width: 100%;
    height: 100%;

    pointer-events: none;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-image
.gdc-feature-thumbnail-image {
    position: absolute;
    z-index: 1;

    inset: 0;

    display: block !important;

    width: 100%;
    height: 100%;

    pointer-events: none;
}


.gdc-feature-post
.post56.gdc-feature-has-image
.gdc-feature-thumbnail-image
img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-image
.gdc-feature-thumbnail-image
img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* Keep Fox hover overlays and indicators above the custom image. */
.gdc-feature-post
.post56.gdc-feature-has-image
.thumbnail56
> a
> :is(
    .thumbnail56__overlay,
    .thumbnail56__letter,
    .thumbnail56__score,
    .thumbnail56__view,
    .thumbnail56__format_indicator,
    .thumbnail56__index
) {
    z-index: 2 !important;
}


/* =========================================================
   CONTENT GRID
   ========================================================= */

.gdc-feature-post,
.gdc-secondary-feature-post {
    --gdc-feature-content-top-space: 24px;
    --gdc-feature-pill-title-space: 15px;
    --gdc-feature-excerpt-font-family: var(--gdc-type-font-serif);
    --gdc-feature-excerpt-font-size: 19.2px;
    --gdc-feature-excerpt-font-weight: 300;
    --gdc-feature-excerpt-line-height: 28.8px;
    --gdc-feature-excerpt-letter-spacing: normal;
}


:is(.gdc-feature-post, .gdc-secondary-feature-post) .excerpt56 {
    font-family: var(--gdc-feature-excerpt-font-family) !important;
    font-size: var(--gdc-feature-excerpt-font-size) !important;
    font-weight: var(--gdc-feature-excerpt-font-weight) !important;
    line-height: var(--gdc-feature-excerpt-line-height) !important;
    letter-spacing: var(--gdc-feature-excerpt-letter-spacing) !important;
}

.gdc-feature-post .post56__text {
    box-sizing: border-box !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(280px, 0.75fr);

    grid-template-areas:
        "pills pills"
        "title excerpt"
        ". date";

    column-gap: 80px;
    row-gap: var(--gdc-feature-pill-title-space);
    align-items: start;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
 * A selected Post background applies only to this Featured Post
 * content area. The exact color is generated from the Post setting.
 */
.gdc-feature-post
.post56.gdc-feature-has-background
.post56__text {
    padding:
        var(--gdc-feature-content-top-space)
        60px
        34px
        20px !important;
}


/* Allow pills and Date to participate directly in the main grid. */
.gdc-feature-post .meta56 {
    display: contents !important;
}


/* Pills occupy the full first row. */
.gdc-feature-post .meta56 > .gdc-card-tags {
    grid-area: pills;

    width: 100% !important;
    margin: 0 !important;
}


/* Title: left column. */
.gdc-feature-post .title56 {
    grid-area: title;

    margin: 0 !important;
}


/* Excerpt: right column. */
.gdc-feature-post .excerpt56 {
    grid-area: excerpt;

    margin: 0 !important;
    padding-top: 10px !important;
}


/* Date: below the Excerpt in the right column. */
.gdc-feature-post .meta56 > .meta56__date {
    grid-area: date;

    width: 100% !important;
    margin: 0 !important;
}


/* Remove separator lines. */
.gdc-feature-post .post56__sep__line,
.gdc-feature-post .blog56__sep {
    display: none !important;
}


/* =========================================================
   OPTIONAL DARK / LIGHT CONTENT
   ========================================================= */

/* Dark */
.gdc-feature-post
.post56.gdc-feature-has-background.gdc-feature-tone-dark
:is(
    .title56,
    .title56 a,
    .excerpt56,
    .excerpt56 *,
    .meta56__date,
    .meta56__date *
) {
    color: #000000 !important;
}


/* Light */
.gdc-feature-post
.post56.gdc-feature-has-background.gdc-feature-tone-light
:is(
    .title56,
    .title56 a,
    .excerpt56,
    .excerpt56 *,
    .meta56__date,
    .meta56__date *
) {
    color: #FFFFFF !important;
}

/* Featured Post date opacity */
.gdc-feature-post
.post56.gdc-feature-has-background
.meta56__date {
    opacity: 0.5 !important;
}



/* =========================================================
   PILL COLORS WHEN A FEATURE BACKGROUND IS ACTIVE
   ========================================================= */

/* Tags and the "+" pill — normal state */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-card-tag:not(.gdc-card-category) {
    background: rgba(255, 255, 255, 0.3) !important;
    color: rgba(0, 0, 0, 0.55) !important;
}


/* Category — normal state */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-card-category {
    background: rgba(255, 255, 255, 0.85) !important;
    color: #000000 !important;
}


/* All pills — hover state */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-card-tag:hover {
    background: #FFFFFF !important;
    color: #000000 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .gdc-feature-post .thumbnail56 {
        aspect-ratio: 2 / 1;

        margin-bottom: 24px !important;
    }


    .gdc-feature-post
    .post56.gdc-feature-has-background
    .thumbnail56 {
        margin-bottom: 0 !important;
    }


    .gdc-feature-post .post56__text {
        display: grid !important;

        grid-template-columns: 1fr !important;

        grid-template-areas:
            "pills"
            "title"
            "excerpt"
            "date";

        column-gap: 0 !important;
        row-gap: var(--gdc-feature-pill-title-space) !important;
    }


    .gdc-feature-post
    .post56.gdc-feature-has-background
    .post56__text {
        padding: 20px !important;
    }


    .gdc-feature-post .excerpt56 {
        display: none !important;
        padding-top: 0 !important;
    }
}


/* =========================================================
   GDC SECONDARY FEATURED POST

   Section CSS Class: gdc-secondary-feature-post

   Reuses the Fox Post List renderer and the existing GDC Featured
   image, background and text-tone Post settings.
   ========================================================= */

.gdc-secondary-feature-post .blog56,
.gdc-secondary-feature-post .post56,
.gdc-secondary-feature-post .post56--list {
    width: 100% !important;
    max-width: none !important;
}


.gdc-secondary-feature-post .post56--list {
    box-sizing: border-box;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch !important;

    min-height: 0;
    aspect-ratio: 8 / 3;

    margin: 0 !important;
    padding: 0 !important;
}


.gdc-secondary-feature-post .thumbnail56 {
    position: relative !important;

    grid-column: 3 / 5;
    grid-row: 1;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


.gdc-secondary-feature-post .thumbnail56 > a,
.gdc-secondary-feature-post .thumbnail56 .imageframe56 {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    padding-bottom: 0 !important;

    overflow: hidden !important;
}


.gdc-secondary-feature-post .thumbnail56 img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


.gdc-secondary-feature-post .post56__text {
    box-sizing: border-box !important;

    grid-column: 1 / 3;
    grid-row: 1;

    display: flex !important;
    flex-direction: column;
    align-items: flex-start;

    width: 100% !important;
    min-width: 0;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding:
        44px
        44px
        36px !important;
}


.gdc-secondary-feature-post .post56__text > * {
    width: 100%;
    min-width: 0;
}


.gdc-secondary-feature-post .post56__text > .meta56 {
    margin: 0 !important;
}


.gdc-secondary-feature-post
.post56
.meta56
.gdc-card-tags {
    margin:
        0
        0
        var(--gdc-feature-pill-title-space) !important;
}


.gdc-secondary-feature-post .title56 {
    margin: 0 0 18px !important;

    font-size: clamp(38px, 4vw, 64px) !important;
    line-height: 1.02 !important;

    overflow-wrap: anywhere;
}


.gdc-secondary-feature-post .excerpt56 {
    margin: 0 0 8px !important;
    padding: 0 !important;
}


.gdc-secondary-feature-post .post56__text > .meta56:last-child {
    margin-top: auto !important;
    padding-top: 0;
}


.gdc-secondary-feature-post .meta56__date {
    color: #000000 !important;
    text-transform: capitalize !important;
    opacity: 0.5 !important;
}


.gdc-secondary-feature-post .post56__sep__line,
.gdc-secondary-feature-post .blog56__sep {
    display: none !important;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-background.gdc-feature-tone-dark
:is(
    .title56,
    .title56 a,
    .excerpt56,
    .excerpt56 *,
    .meta56__date,
    .meta56__date *
) {
    color: #000000 !important;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-background.gdc-feature-tone-light
:is(
    .title56,
    .title56 a,
    .excerpt56,
    .excerpt56 *,
    .meta56__date,
    .meta56__date *
) {
    color: #FFFFFF !important;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-card-tag:not(.gdc-card-category),
.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-sponsored-pill {
    background: rgba(255, 255, 255, 0.3) !important;
    color: rgba(0, 0, 0, 0.55) !important;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-card-category,
.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__scope {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #000000 !important;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-card-tag:hover,
.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-sponsored-pill--topic
> .gdc-sponsored-pill__scope:hover,
.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__scope:hover {
    background: #FFFFFF !important;
    color: #000000 !important;
}


.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner,
.gdc-secondary-feature-post
.post56.gdc-feature-has-background
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner:hover {
    background: transparent !important;
    color: rgba(0, 0, 0, 0.55) !important;
}


@media (max-width: 1599px) {

    .gdc-secondary-feature-post .post56--list {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;

        width: 100% !important;
        max-width: none !important;
        min-height: 0;
        aspect-ratio: auto;

        margin-right: 0 !important;
        margin-left: 0 !important;
    }


    .gdc-secondary-feature-post .thumbnail56 {
        grid-column: 1;
        grid-row: 1;

        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
    }


    .gdc-secondary-feature-post
    .post56--list
    .post56__text {
        grid-column: 1;
        grid-row: 2;

        min-height: 0;
        height: auto !important;

        padding:
            var(--gdc-feature-content-top-space)
            60px
            34px
            20px !important;
    }


    .gdc-secondary-feature-post .gdc-card-tags {
        margin-bottom:
            var(--gdc-feature-pill-title-space) !important;
    }


    .gdc-secondary-feature-post
    .post56
    .meta56:has(.gdc-card-tags)
    + .title56 {
        margin-top: 0 !important;
    }


    .gdc-secondary-feature-post .title56 {
        margin-bottom: 18px !important;

        font-size: clamp(32px, 10vw, 46px) !important;
    }


    .gdc-secondary-feature-post .excerpt56 {
        margin-bottom: 22px !important;
    }


    .gdc-secondary-feature-post .post56__text > .meta56:last-child {
        margin-top: 0 !important;
        padding-top: 0;
    }
}


@media (max-width: 600px) {

    body.home
    .gdc-secondary-feature-post
    .post56--list
    .post56__text {
        padding: 20px !important;
    }

    body.home .gdc-secondary-feature-post .excerpt56 {
        display: none !important;
    }
}




/* =========================================================
   GDC HOMEPAGE NEWSLETTER
   ========================================================= */

html:has(#gdc-newsletter) {
    scroll-behavior: smooth;
}

.gdc-newsletter {
    --gdc-newsletter-content-background: #C7C7C7;
    --gdc-newsletter-content-color: #000000;
    --gdc-newsletter-artwork-background: #A8FF00;
    box-sizing: border-box;
    width: 100%;
    padding: clamp(64px, 7vw, 112px) 0;
    scroll-margin-top: 96px;
    background: #FFFFFF;
    color: var(--gdc-newsletter-content-color);
}

.gdc-newsletter__inner {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

/* Fox uses both container pseudo-elements as float clearers. They must not
 * become anonymous grid items inside this two-panel composition. */
.gdc-newsletter__inner::before,
.gdc-newsletter__inner::after {
    display: none !important;
    content: none !important;
}

.gdc-newsletter__content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(36px, 4.25vw, 68px);
    background: var(--gdc-newsletter-content-background);
    color: var(--gdc-newsletter-content-color);
}

.gdc-newsletter__title {
    max-width: 680px;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: var(--gdc-type-newsletter-banner-font) !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
}

.gdc-newsletter__media {
    position: relative;
    min-width: 0;
    min-height: 0;
    aspect-ratio: 5 / 4;
    overflow: hidden;
    background: var(--gdc-newsletter-artwork-background);
}

.gdc-newsletter__artwork {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: center;
}

.gdc-newsletter__form {
    box-sizing: border-box;
    width: 100%;
    min-height: 92px;
    margin: clamp(44px, 4.5vw, 64px) 0 0;
}

.gdc-newsletter__form--native {
    position: relative;
    font-family: var(--gdc-type-font-sans);
}

.gdc-newsletter__controls {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
}

#gdc-newsletter .gdc-newsletter__email,
#gdc-newsletter .gdc-newsletter__submit {
    box-sizing: border-box;
    min-height: 56px;
    box-shadow: none;
}

.gdc-newsletter__email {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 18px;
    border: 1px solid #000000 !important;
    border-radius: 0;
    background: #FFFFFF;
    color: #000000;
    font: var(--gdc-type-ui-field-font) !important;
}

.gdc-newsletter__email::placeholder {
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
}

.gdc-newsletter__submit {
    flex: 0 0 auto;
    min-width: 148px;
    padding: 0 24px;
    border: 1px solid #000000 !important;
    border-radius: 999px;
    background: #FFFFFF;
    color: #000000;
    cursor: pointer;
    font: var(--gdc-type-newsletter-button-font) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    transition: background-color 160ms ease, color 160ms ease, opacity 160ms ease;
}

.gdc-newsletter__submit:hover {
    background: #000000;
    color: #FFFFFF;
}

.gdc-newsletter__email:focus-visible,
.gdc-newsletter__submit:focus-visible {
    outline: 2px solid var(--gdc-category-blue);
    outline-offset: 3px;
}

.gdc-newsletter__email[aria-invalid="true"] {
    border-color: #B42318;
}

.gdc-newsletter__submit:disabled {
    cursor: wait;
    opacity: 0.65;
}

.gdc-newsletter__honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.gdc-newsletter__status {
    min-height: 24px;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    color: inherit;
    font-family: var(--gdc-type-font-sans);
    font-size: 16px;
    line-height: 1.5;
}

.gdc-newsletter__status:empty {
    display: none;
}

.gdc-newsletter__status[role="alert"] {
    color: #B42318;
}

.gdc-newsletter__form--native.is-success .gdc-newsletter__status {
    min-height: 56px;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
}

#gdc-newsletter .gdc-newsletter__privacy-note {
    max-width: none;
    margin: 8px 0 0 !important;
    color: var(--gdc-newsletter-content-color) !important;
    font: var(--gdc-type-newsletter-legal-font) !important;
    opacity: 0.7;
    text-align: left;
}

#gdc-newsletter .gdc-newsletter__privacy-note a {
    color: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
    html:has(#gdc-newsletter) {
        scroll-behavior: auto;
    }

    .gdc-newsletter__submit {
        transition: none;
    }
}

@media (min-width: 601px) and (max-width: 1599px) {
    .gdc-newsletter__form {
        min-height: 0;
    }

    #gdc-newsletter .gdc-newsletter__privacy-note {
        margin-top: 6px !important;
    }
}

@media (min-width: 601px) and (max-width: 899px) {
    .gdc-newsletter {
        padding: 48px 0;
    }

    .gdc-newsletter__content {
        justify-content: flex-start;
        padding: 20px 24px;
    }

    .gdc-newsletter__form {
        margin-top: 14px;
    }

    .gdc-newsletter__controls {
        flex-direction: row;
    }

    .gdc-newsletter__email,
    .gdc-newsletter__submit {
        width: auto;
    }

    #gdc-newsletter .gdc-newsletter__email,
    #gdc-newsletter .gdc-newsletter__submit {
        min-height: 44px;
    }

    .gdc-newsletter__email {
        padding-right: 12px;
        padding-left: 12px;
    }

    .gdc-newsletter__submit {
        flex-basis: auto;
        min-width: 100px;
        padding-right: 14px;
        padding-left: 14px;
    }

    #gdc-newsletter .gdc-newsletter__privacy-note {
        margin-top: 12px !important;
    }

    .gdc-newsletter__status {
        margin-top: 8px !important;
        font-size: 14px;
        line-height: 1.35;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .gdc-newsletter {
        padding: 64px 0;
    }

    .gdc-newsletter__content {
        justify-content: flex-start;
        padding: 44px 36px;
    }

    .gdc-newsletter__form {
        margin-top: 40px;
    }

    #gdc-newsletter .gdc-newsletter__privacy-note {
        margin-top: 20px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .gdc-newsletter {
        padding: 80px 0;
    }

    .gdc-newsletter__content {
        justify-content: flex-start;
        padding: 56px 40px;
    }

    .gdc-newsletter__form {
        margin-top: 42px;
    }

    #gdc-newsletter .gdc-newsletter__privacy-note {
        margin-top: 24px !important;
    }
}

@media (max-width: 600px) {
    .gdc-newsletter {
        padding: 48px 0 56px;
        scroll-margin-top: 72px;
    }

    .gdc-newsletter__inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .gdc-newsletter__content {
        padding: 32px 24px 36px;
        order: 2;
    }

    .gdc-newsletter__media {
        min-height: 0;
        order: 1;
    }

    .gdc-newsletter__form {
        margin-top: 24px;
    }

    #gdc-newsletter .gdc-newsletter__privacy-note {
        margin-top: 12px !important;
    }

    .gdc-newsletter__controls {
        flex-direction: column;
    }

    .gdc-newsletter__email,
    .gdc-newsletter__submit {
        width: 100%;
        min-height: 56px;
    }

    .gdc-newsletter__submit {
        flex-basis: auto;
    }

    .gdc-newsletter__form--native.is-success .gdc-newsletter__status {
        min-height: 112px;
    }
}




/* =========================================================
   GDC SINGLE POST HEADER COMPONENT LAYOUT
   Each meta component gets its own row.
   Category + tags remain together in one pill row.
   ========================================================= */

/* Single-post meta container */
.single-post .single56__header .meta56 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    column-gap: 0 !important;
    row-gap: 8px !important;
    line-height: normal;
}

/* Every active meta component occupies its own row */
.single-post .single56__header .meta56 > .meta56__item {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Category and tags stay together inside their shared row */
.single-post .single56__header .meta56 > .gdc-card-tags {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 3px !important;
    row-gap: 4px !important;
}

/* Remove separators designed for inline metadata */
.single-post .single56__header .meta56 .sep,
.single-post .single56__header .meta56 > .meta56__item::before,
.single-post .single56__header .meta56 > .meta56__item::after {
    display: none !important;
    content: none !important;
}

/* Single post: increase space between title and subtitle */
.single-post .single56__header .single56__subtitle,
.single-post .single56__header .subtitle56 {
    margin-top: 40px !important;
}

/* =========================================================
   GDC GLOBAL WEBSITE CONTAINER SYSTEM

   The complete site consumes one mobile-first responsive contract:
   XS 0–600, S 601–899, M 900–1199,
   L 1200–1599, XL 1600+.
   Component-specific content breakpoints are documented separately.
   ========================================================= */

body:not(.wp-admin) :where(
    .container,
    .single56__outer.container--6,
    .header56__inner,
    .footer56__inner,
    .site-header__inner,
    .site-footer__inner
) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--gdc-container-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--gdc-container-gutter) !important;
    padding-right: var(--gdc-container-gutter) !important;
}

/* =========================================================
   OPTIONAL FULL-BLEED ESCAPE

   Add the class gdc-full-bleed to a top-level section only
   when that section must ignore the global container width.
   ========================================================= */

body:not(.wp-admin) .gdc-full-bleed {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   SINGLE POST — LAYOUT 6
   Content left, uncropped image right
   Vertically centred content
   ========================================================= */

@media (min-width: 900px) {

    /* Main two-column hero */
    .single-post .single56__outer.container--6 {
        display: grid !important;
        grid-template-columns:
            minmax(0, 0.92fr)
            minmax(0, 1.08fr) !important;

        column-gap: clamp(32px, 3vw, 56px) !important;
        align-items: start !important;

        min-height: 660px;

        margin-top: clamp(32px, 4vw, 64px) !important;
        margin-bottom: clamp(90px, 9vw, 150px) !important;
    }


    /* =====================================================
       LEFT CONTENT
       ===================================================== */

    .single-post
    .single56__outer.container--6
    > .single56__header {
        grid-column: 1;
        grid-row: 1;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0;
        min-height: 660px;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Category and tag pills to title */
    .single-post
    .single56__outer.container--6
    > .single56__header
    > .meta56:first-child {
        margin: 0 0 26px !important;
        padding: 0 !important;
    }

    /* Title */
    .single-post
    .single56__outer.container--6
    > .single56__header
    > .single56__title {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Title to subtitle */
    .single-post
    .single56__outer.container--6
    > .single56__header
    > .single56__subtitle {
        margin: 42px 0 0 !important;
        padding: 0 !important;
    }

    /* Subtitle to author and date */
    .single-post
    .single56__outer.container--6
    > .single56__header
    > .single56__subtitle
    + .meta56 {
        margin: 48px 0 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       RIGHT IMAGE AREA
       ===================================================== */

    .single-post
    .single56__outer.container--6
    > .single56__thumbnail {
        grid-column: 2;
        grid-row: 1;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0;
        height: 660px !important;

        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
    }

    /* Image wrapper */
    .single-post
    .single56__outer.container--6
    > .single56__thumbnail
    figure {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
    }

    /* Full image without cropping */
    .single-post
    .single56__outer.container--6
    > .single56__thumbnail
    img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        max-width: 100% !important;
        max-height: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* =========================================================
   SINGLE POST — AUTHOR AND DATE TYPOGRAPHY
   ========================================================= */

/* Hide the original "by" text while keeping the author link */
.single-post
.single56__outer.container--6
.meta56__author__name {
    font-size: 0 !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* Replace "by" with "Words" */
.single-post
.single56__outer.container--6
.meta56__author__name::before {
    content: "Words ";
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}

/* Author name */
.single-post
.single56__outer.container--6
.meta56__author__name a {
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* Date */
.single-post
.single56__outer.container--6
.meta56__date {
    font: var(--gdc-type-article-meta-font) !important;
    letter-spacing: var(--gdc-type-article-meta-tracking) !important;
    text-transform: capitalize !important;
}

/* =========================================================
   SINGLE POST — NATIVE GUTENBERG EDITORIAL SYSTEM

   Automatic behavior:
   - Normal text uses the left editorial-column width.
   - Default Image/Gallery uses the left editorial-column width.
   - Wide Image/Gallery uses the full article width.
   - Full Image/Gallery uses the full viewport width.
   - Every top-level native two-column Columns block uses 7/12 + 5/12.
   - Top-level Group or Columns blocks with a background become full-bleed.
   - Background sections receive 60px vertical padding.
   - Full-width media connects to adjacent background sections without gaps.
   ========================================================= */


/* =========================================================
   ARTICLE CONTAINER
   ========================================================= */

.single-post
.container.container--main.single56__outer {
    display: block !important;
}

.single-post
.container.container--main.single56__outer
> .primary56 {
    float: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding-right: 0 !important;
}

.single-post
.container.container--main.single56__outer
> .secondary56 {
    display: none !important;
}

.single-post .single56__body,
.single-post .single56__body-area,
.single-post .entry-content {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;
}

.single-post .entry-content,
.single-post .single56__body-area {
    --gdc-editorial-gap: clamp(48px, 4vw, 80px);
    --gdc-text-ratio: 0.583333;
}

/* Keep the article in normal document flow. */
.single-post .entry-content.single56__body_area {
    display: block !important;

    grid-template-columns: none !important;
    grid-template-areas: none !important;
    grid-auto-flow: initial !important;
}

/* Full-viewport media/backgrounds must not create horizontal scrolling. */
body.single-post {
    overflow-x: clip;
}


/* =========================================================
   NORMAL TEXT WIDTH
   ========================================================= */

@media (min-width: 900px) {

    .single-post .entry-content
    > :is(
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        ol,
        blockquote,
        pre,
        .wp-block-paragraph,
        .wp-block-heading,
        .wp-block-list,
        .wp-block-quote,
        .wp-block-pullquote
    ) {
        width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        max-width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

@media (max-width: 899px) {

    .single-post .entry-content
    > :is(
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        ol,
        blockquote,
        pre,
        .wp-block-paragraph,
        .wp-block-heading,
        .wp-block-list,
        .wp-block-quote,
        .wp-block-pullquote
    ) {
        width: 100% !important;
        max-width: none !important;
    }
}


/* =========================================================
   GDC ADVERTISING & PARTNERSHIPS PAGE
   ========================================================= */

body.gdc-partner-page {
    --gdc-partner-yellow: #FCF07E;
    --gdc-partner-purple: #C2A6F7;
    --gdc-partner-blue: #466DE7;
}

body.gdc-partner-page .single56__header {
    display: none !important;
}

body.gdc-partner-page .single56__outer.container--main,
body.gdc-partner-page .primary56,
body.gdc-partner-page .page56__body,
body.gdc-partner-page .page56__content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.gdc-partner-page .gdc-partner-section.alignfull {
    box-sizing: border-box;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) !important;
}

body.gdc-partner-page .gdc-partner-section__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--gdc-container-max-width);
    margin: 0 auto;
    padding-right: var(--gdc-container-gutter);
    padding-left: var(--gdc-container-gutter);
}

body.gdc-partner-page :is(
    .gdc-partner-hero,
    .gdc-partner-reach,
    .gdc-partner-create,
    .gdc-partner-enquiry
) {
    font-family: var(--gdc-type-font-sans);
}

body.gdc-partner-page .gdc-partner-hero {
    padding: clamp(88px, 8vw, 128px) 0 clamp(96px, 9vw, 144px);
    color: #000000;
    background: #FFFFFF;
}

body.gdc-partner-page .gdc-partner-hero h1 {
    max-width: 900px;
    margin: 0 0 28px;
    font: var(--gdc-type-display-font);
    letter-spacing: -0.035em;
}

body.gdc-partner-page .gdc-partner-hero__lead {
    max-width: 1050px;
    margin: 0;
    font: var(--gdc-type-lead-display-font);
    letter-spacing: -0.02em;
}

body.gdc-partner-page .gdc-partner-reach,
body.gdc-partner-page .gdc-partner-create {
    padding: clamp(88px, 8vw, 128px) 0 clamp(96px, 9vw, 144px);
    color: #000000;
}

body.gdc-partner-page .gdc-partner-reach {
    background: var(--gdc-partner-yellow);
}

body.gdc-partner-page .gdc-partner-create {
    background: var(--gdc-partner-purple);
}

body.gdc-partner-page .gdc-partner-section h2 {
    margin: 0 0 clamp(52px, 5vw, 78px);
    color: inherit;
    font: var(--gdc-type-section-display-font);
    letter-spacing: -0.035em;
}

body.gdc-partner-page .gdc-partner-offer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr);
    gap: clamp(52px, 7vw, 112px);
    align-items: start;
}

body.gdc-partner-page .gdc-partner-offer h3,
body.gdc-partner-page .gdc-partner-example-label {
    margin: 0 0 22px;
    color: inherit;
    font: var(--gdc-type-title-service-font);
    letter-spacing: -0.01em;
}

body.gdc-partner-page .gdc-partner-offer__copy > p {
    max-width: 570px;
    margin: 0 0 24px;
    color: inherit;
    font: var(--gdc-type-body-sans-font);
}

body.gdc-partner-page .gdc-partner-offer__copy .gdc-partner-formats-label {
    margin-bottom: 8px;
    font-weight: 600;
}

body.gdc-partner-page .gdc-partner-cta {
    margin: 40px 0 0;
}

body.gdc-partner-page .gdc-partner-cta .wp-block-button__link {
    border: 1px solid #000000;
    border-radius: 0;
    padding: 16px 22px;
    color: #000000;
    background: #FFFFFF;
    box-shadow: none;
    font: var(--gdc-type-ui-button-font);
    text-decoration: none;
}

body.gdc-partner-page .gdc-partner-cta .wp-block-button__link:hover {
    color: #FFFFFF;
    background: #000000;
    text-decoration: none;
}

body.gdc-partner-page .gdc-partner-cta .wp-block-button__link:focus-visible {
    outline: 3px solid #000000;
    outline-offset: 4px;
}

body.gdc-partner-page .gdc-partner-card {
    box-sizing: content-box;
    width: min(100%, 320px);
    margin-inline: calc(var(--gdc-standard-card-image-meta-gap) * -1);
    padding: var(--gdc-standard-card-image-meta-gap);
    color: #000000;
    background: #FFFFFF;
}

/* Keep embedded examples aligned to the standard GDC article card geometry
 * while retaining the approved white commercial-page card surface. The outer
 * frame shares the standard image-to-pill gap token, so the 320px post itself
 * does not shrink. Page-content link styles must not add the blue article
 * underline. */
body.gdc-partner-page .gdc-partner-card .title56 a,
body.gdc-partner-page .gdc-partner-card .title56 a:hover,
body.gdc-partner-page .gdc-partner-card .title56 a:focus,
body.gdc-partner-page .gdc-partner-card .title56 a:visited {
    color: inherit !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

body.gdc-partner-page .gdc-partner-card :is(
    .post56,
    .blog56,
    .blog56-wrapper
) {
    margin: 0 !important;
}

body.gdc-partner-page .gdc-partner-card :is(
    .post56__sep,
    .blog56__sep
) {
    display: none !important;
}

body.gdc-partner-page .gdc-partner-card__placeholder-note {
    margin: 0 0 14px;
    color: #000000;
    font: var(--gdc-type-label-note-font);
    letter-spacing: 0.02em;
}

body.gdc-partner-page .gdc-partner-enquiry {
    scroll-margin-top: 120px;
    padding: clamp(88px, 8vw, 128px) 0 clamp(96px, 9vw, 144px);
    color: #000000;
    background: #FFFFFF;
}

body.gdc-partner-page .gdc-partner-enquiry__intro {
    max-width: 850px;
    margin: -34px 0 56px;
    font: var(--gdc-type-lead-callout-font);
    letter-spacing: -0.015em;
}

body.gdc-partner-page .gdc-partner-form {
    max-width: 1080px;
}

body.gdc-partner-page .gdc-partner-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 32px;
}

body.gdc-partner-page .gdc-partner-form__field {
    display: block;
    margin: 0;
    color: #000000;
    font: var(--gdc-type-ui-field-label-font);
}

body.gdc-partner-page .gdc-partner-form__field--full {
    grid-column: 1 / -1;
}

body.gdc-partner-page
.gdc-partner-form__grid
> p:has(> .gdc-partner-form__field--full) {
    grid-column: 1 / -1;
}

body.gdc-partner-page .gdc-partner-form .wpcf7-form-control-wrap {
    display: block;
}

body.gdc-partner-page .gdc-partner-form :is(input, select, textarea) {
    box-sizing: border-box;
    width: 100%;
    margin-top: 9px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 0;
    padding: 13px 14px;
    color: #000000;
    background: #FFFFFF;
    box-shadow: none;
    font: var(--gdc-type-ui-field-font);
}

body.gdc-partner-page .gdc-partner-form textarea {
    min-height: 180px;
    resize: vertical;
}

body.gdc-partner-page .gdc-partner-form ::placeholder {
    color: rgba(0, 0, 0, 0.58);
    opacity: 1;
}

body.gdc-partner-page .gdc-partner-form :is(input, select, textarea):focus-visible {
    border-color: var(--gdc-partner-blue);
    outline: 3px solid rgba(70, 109, 231, 0.28);
    outline-offset: 1px;
}

body.gdc-partner-page .gdc-partner-form .wpcf7-submit {
    margin-top: 32px;
    border: 1px solid var(--gdc-partner-blue);
    border-radius: 0;
    padding: 15px 24px;
    color: #FFFFFF;
    background: var(--gdc-partner-blue);
    box-shadow: none;
    font: var(--gdc-type-ui-button-font);
}

body.gdc-partner-page .gdc-partner-form .wpcf7-submit:hover {
    border-color: #000000;
    color: #FFFFFF;
    background: #000000;
}

body.gdc-partner-page .gdc-partner-form .wpcf7-submit:focus-visible {
    outline: 3px solid rgba(70, 109, 231, 0.35);
    outline-offset: 3px;
}

body.gdc-partner-page .gdc-partner-form :is(
    .wpcf7-not-valid-tip,
    .wpcf7-response-output
) {
    font-family: var(--gdc-type-font-sans);
    font-size: 15px;
    line-height: 1.4;
}

body.gdc-partner-page .gdc-partner-form .wpcf7-response-output {
    margin: 28px 0 0;
    padding: 14px 16px;
}

body.gdc-partner-page .gdc-partner-enquiry__footer {
    max-width: 850px;
    margin: 56px 0 0;
    font: var(--gdc-type-small-note-font);
}

body.gdc-partner-page .gdc-partner-enquiry__footer a {
    color: var(--gdc-partner-blue);
    text-decoration: underline;
    text-underline-offset: 0.16em;
}


/* =========================================================
   GDC ABOUT PAGE
   ========================================================= */

body.page-id-29 .single56__outer.container--main,
body.page-id-29 .primary56,
body.page-id-29 .page56__body,
body.page-id-29 .page56__content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-29 .gdc-about-section.alignfull {
    box-sizing: border-box;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) !important;
}

body.page-id-29 .gdc-about-section__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--gdc-container-max-width);
    margin: 0 auto;
    padding-right: var(--gdc-container-gutter);
    padding-left: var(--gdc-container-gutter);
}

body.page-id-29 .gdc-about-section,
body.page-id-29 .gdc-about-section :is(h1, h2, h3, p) {
    color: inherit;
    font-family: var(--gdc-type-font-sans);
}

body.page-id-29 .gdc-about-intro {
    padding: clamp(88px, 8vw, 144px) 0 clamp(112px, 10vw, 176px);
    color: #000000;
    background: #FFFFFF;
}

body.page-id-29 .gdc-about-intro h1 {
    max-width: 1080px;
    margin: 0;
    font: var(--gdc-type-display-wide-font);
    letter-spacing: -0.04em;
}

body.page-id-29 .gdc-about-intro__copy {
    max-width: 790px;
    margin-top: clamp(52px, 5vw, 76px);
}

body.page-id-29 .gdc-about-intro__copy p {
    margin: 0 0 28px;
    font: var(--gdc-type-body-sans-large-font);
    letter-spacing: -0.012em;
}

body.page-id-29 .gdc-about-intro__copy p:last-child {
    margin-bottom: 0;
}

body.page-id-29 .gdc-about-team-section {
    padding: 0 0 clamp(120px, 10vw, 176px);
    color: #000000;
    background: #FFFFFF;
}

body.page-id-29 .gdc-about-team-section h2,
body.page-id-29 .gdc-about-join h2 {
    margin: 0;
    font: var(--gdc-type-section-display-wide-font);
    letter-spacing: -0.035em;
}

body.page-id-29 .gdc-about-team-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(36px, 4vw, 64px);
    align-items: start;
    margin: clamp(58px, 5vw, 78px) 0 0;
}

body.page-id-29 .gdc-about-profile {
    min-width: 0;
    margin: 0;
}

body.page-id-29 .gdc-about-profile__image {
    margin: 0;
}

body.page-id-29 .gdc-about-profile__image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

body.page-id-29 .gdc-about-profile__name {
    margin: 24px 0 2px;
    font: var(--gdc-type-title-profile-font);
    letter-spacing: -0.015em;
}

body.page-id-29 .gdc-about-profile__title {
    margin: 0;
    font: var(--gdc-type-small-profile-role-font);
}

body.page-id-29 .gdc-about-profile__bio {
    margin: 24px 0 0;
    font: var(--gdc-type-small-bio-font);
}

body.page-id-29 .gdc-about-join {
    padding: clamp(96px, 9vw, 152px) 0 clamp(104px, 10vw, 168px);
    color: #FFFFFF;
    background: var(--gdc-category-blue);
}

body.page-id-29 .gdc-about-join h2 {
    max-width: 900px;
}

body.page-id-29 .gdc-about-join__lead {
    max-width: 820px;
    margin: clamp(48px, 4vw, 64px) 0 0;
    font: var(--gdc-type-lead-invitation-font);
    letter-spacing: -0.02em;
}

body.page-id-29 .gdc-about-actions {
    margin-top: 48px;
}

body.page-id-29 .gdc-about-actions p {
    margin: 0 0 8px;
    font: var(--gdc-type-ui-action-font);
}

body.page-id-29 .gdc-about-actions p:last-child {
    margin-bottom: 0;
}

body.page-id-29 .gdc-about-actions a {
    color: #FFFFFF;
    text-decoration: none;
}

body.page-id-29 .gdc-about-actions a:hover {
    color: #000000;
    text-decoration: none;
}

body.page-id-29 .gdc-about-actions a:focus-visible {
    color: #000000;
    outline: 3px solid #000000;
    outline-offset: 4px;
    text-decoration: none;
}

@media (max-width: 899px) {
    body.page-id-29 .gdc-about-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 64px;
    }
}

@media (max-width: 600px) {
    body.page-id-29 .gdc-about-intro {
        padding-top: 64px;
        padding-bottom: 96px;
    }

    body.page-id-29 .gdc-about-intro h1 {
    }

    body.page-id-29 .gdc-about-intro__copy {
        margin-top: 44px;
    }

    body.page-id-29 .gdc-about-intro__copy p {
        margin-bottom: 24px;


    }

    body.page-id-29 .gdc-about-team-section {
        padding-bottom: 104px;
    }

    body.page-id-29 .gdc-about-team-section h2,
    body.page-id-29 .gdc-about-join h2 {
    }

    body.page-id-29 .gdc-about-team-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 60px;
        margin-top: 48px;
    }

    body.page-id-29 .gdc-about-profile__name {
        margin-top: 20px;
    }

    body.page-id-29 .gdc-about-profile__bio {
        margin-top: 20px;
    }

    body.page-id-29 .gdc-about-join {
        padding-top: 80px;
        padding-bottom: 92px;
    }

    body.page-id-29 .gdc-about-join__lead {
        margin-top: 38px;

    }

    body.page-id-29 .gdc-about-actions {
        margin-top: 38px;
    }
}

@media (max-width: 899px) {
    body.gdc-partner-page .gdc-partner-hero,
    body.gdc-partner-page .gdc-partner-reach,
    body.gdc-partner-page .gdc-partner-create,
    body.gdc-partner-page .gdc-partner-enquiry {
        padding-top: 72px;
        padding-bottom: 80px;
    }

    body.gdc-partner-page .gdc-partner-section h2 {
        margin-bottom: 44px;
    }

    body.gdc-partner-page .gdc-partner-offer {
        grid-template-columns: minmax(0, 1fr);
        gap: 52px;
    }

    body.gdc-partner-page .gdc-partner-enquiry__intro {
        margin-top: -16px;
        margin-bottom: 44px;
    }
}

@media (max-width: 600px) {
    body.gdc-partner-page .gdc-partner-form__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    body.gdc-partner-page .gdc-partner-form__field--full {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    body.gdc-partner-page .gdc-partner-hero,
    body.gdc-partner-page .gdc-partner-reach,
    body.gdc-partner-page .gdc-partner-create,
    body.gdc-partner-page .gdc-partner-enquiry {
        padding-top: 60px;
        padding-bottom: 68px;
    }

    body.gdc-partner-page .gdc-partner-hero h1 {
        margin-bottom: 22px;

    }

    body.gdc-partner-page .gdc-partner-hero__lead {
    }

    body.gdc-partner-page .gdc-partner-section h2 {
        margin-bottom: 38px;

    }

    body.gdc-partner-page .gdc-partner-offer {
        gap: 44px;
    }

    body.gdc-partner-page .gdc-partner-offer__copy > p {
    }

    body.gdc-partner-page .gdc-partner-cta {
        margin-top: 32px;
    }

    body.gdc-partner-page .gdc-partner-enquiry__intro {
    }
}


/* =========================================================
   GDC FULLSCREEN NAVIGATION
   ========================================================= */

/* Search is intentionally absent from the current GDC header concept. */
.header56__search {
    display: none !important;
}

.hamburger {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.hamburger:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}

/* Fox adds a muted separator to its stock header. The managed GDC lockup
   uses spacing alone, so no viewport should render a bottom rule. */
.header_desktop56,
.header_mobile56 {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Official GDC SVG branding. Both states share one immutable left anchor. */
.gdc-wordmark-logo,
.gdc-wordmark-logo a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}

.gdc-wordmark-logo .fox-logo {
    font-size: 0;
    line-height: 0;
    overflow: visible;
}

.gdc-wordmark-logo a {
    --gdc-brand-height: var(--gdc-header-brand-height);
    --gdc-brand-full-width: calc(var(--gdc-brand-height) * 11.6911);
    --gdc-brand-compact-width: calc(var(--gdc-brand-height) * 2.26462);

    position: relative;
    max-width: 100%;
    color: inherit;
    font-family: var(--gdc-type-font-sans);
    text-decoration: none;
    white-space: nowrap;
}

.gdc-wordmark-logo a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

.gdc-wordmark {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: var(--gdc-brand-full-width);
    height: var(--gdc-brand-height);
    color: inherit;
    overflow: visible;
}

.gdc-brand__master,
.gdc-brand__fallback {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: var(--gdc-brand-full-width);
    height: var(--gdc-brand-height);
}

.gdc-brand__master {
    overflow: visible;
    fill: currentColor;
}

.gdc-brand__fallback {
    background-color: currentColor;
    -webkit-mask: url("assets/branding/gdc-wordmark.svg") left center / contain no-repeat;
    mask: url("assets/branding/gdc-wordmark.svg") left center / contain no-repeat;
}

/* Keep the pointer envelope stable while an Article monogram retracts before
   expanding. The pseudo-element does not affect layout or utility placement. */
@media (min-width: 841px) {
    .header_desktop56 .gdc-wordmark-logo a::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: var(--gdc-brand-full-width);
        height: 44px;
        transform: translateY(-50%);
    }
}

.gdc-fullscreen-nav__desktop {
    display: none;
}

.gdc-fullscreen-nav__mobile {
    display: block;
}

.gdc-fullscreen-nav:focus {
    outline: 0;
}

html.on-offcanvas,
html.on-offcanvas body {
    overflow: hidden !important;
}

@media (max-width: 899px) {

    .header_mobile56.gdc-mobile-header-managed {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        z-index: 100000001;
        background: #FFFFFF;
    }

    body.admin-bar .header_mobile56.gdc-mobile-header-managed {
        top: 46px;
    }

    html.on-offcanvas .header_mobile56.gdc-mobile-header-managed {
        position: fixed;
        right: 0;
        left: 0;
        transform: none !important;
    }

    .header_mobile56 .header_mobile56__container {
        width: 100%;
        max-width: none;
        min-height: var(--gdc-header-height);
        padding: 0 20px;
        box-sizing: border-box;
        background: #FFFFFF;
    }

    .header_mobile56 .header_mobile56__container > .row,
    .header_mobile56__height {
        height: var(--gdc-header-height);
        min-height: var(--gdc-header-height);
    }

    .header_mobile56 .header_mobile56__container > .row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px;
        align-items: center;
        gap: 12px;
        margin-right: 0;
        margin-left: 0;
    }

    .header_mobile56 .header_mobile56__part {
        width: auto;
        max-width: none;
        min-width: 0;
        padding: 0;
        flex: none;
    }

    .header_mobile56 .header56__part--center {
        container-type: inline-size;
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-start;
    }

    .header_mobile56 .header56__part--left {
        grid-column: 2;
        grid-row: 1;
        justify-content: flex-end;
    }

    .header_mobile56 .header56__part--right,
    .header_mobile56 .header56__search,
    .header_mobile56 .header56__newsletter {
        display: none !important;
    }

    .header_mobile56 .header56__logo,
    .header_mobile56 .gdc-wordmark-logo,
    .header_mobile56 .gdc-wordmark-logo a {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        min-width: 0;
    }

    .header_mobile56 .gdc-wordmark-logo .fox-logo {
        width: 100%;
        font-size: 0;
        line-height: 0;
        overflow: visible;
    }

    .header_mobile56 .gdc-wordmark-logo a {
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
    }

    .header_mobile56 .gdc-header-tagline {
        display: block;
        width: clamp(180px, 54vw, 210px);
        max-width: calc(100vw - 96px);
        max-height: 2.4em;
        margin-top: 3px;
        overflow: hidden;
        color: rgba(0, 0, 0, 0.68);
        font: var(--gdc-type-header-tagline-font);
        letter-spacing: var(--gdc-type-header-tagline-tracking);
        text-align: left;
        white-space: normal;
        opacity: 1;
        transform: translateY(0);
        transition:
            max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
            margin-top 260ms cubic-bezier(0.22, 1, 0.36, 1),
            opacity 160ms ease,
            transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    html.gdc-header-tagline-hidden
    .header_mobile56
    .gdc-header-tagline {
        max-height: 0;
        max-width: 0;
        margin-top: 0;
        opacity: 0;
        transform: translateY(-3px);
    }

    .header_mobile56 .hamburger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 44px;
        font-size: 22px;
    }

    html.on-offcanvas .header_mobile56 .hamburger {
        background: transparent !important;
        color: #000000 !important;
    }

    html.on-offcanvas.gdc-nav-pointer-focus
    .header_mobile56
    .hamburger:hover,
    html.on-offcanvas.gdc-nav-pointer-focus
    .header_mobile56
    .hamburger:focus {
        color: #000000 !important;
    }

    .offcanvas56.gdc-fullscreen-nav {
        position: fixed;
        z-index: 100000000;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        max-width: none;
        min-height: 100vh;
        min-height: 100dvh;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        background: #FFFFFF;
        box-shadow: none;
        transform: translate3d(0, -102%, 0) !important;
        transition: transform 0.25s ease-out;
    }

    html.on-offcanvas .offcanvas56.gdc-fullscreen-nav {
        transform: translate3d(0, 0, 0) !important;
    }

    .gdc-fullscreen-nav__mobile {
        min-height: 100vh;
        min-height: 100dvh;
        box-sizing: border-box;
        font-family: var(--gdc-type-font-sans);
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: 36px;
        width: 100%;
        max-width: var(--gdc-container-max-width);
        min-height: 100vh;
        min-height: 100dvh;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        padding:
            calc(var(--gdc-header-height) + 24px)
            var(--gdc-container-gutter)
            48px;
    }

    body.admin-bar .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__grid {
        padding-top: calc(var(--gdc-header-height) + 70px);
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__utility {
        display: grid;
        gap: 36px;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__heading {
        margin: 0 0 18px;
        color: var(--gdc-type-column-label-color);
        font: var(--gdc-type-column-label-font);
        letter-spacing: var(--gdc-type-column-label-tracking);
        opacity: var(--gdc-type-muted-meta-opacity);
        text-transform: uppercase;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__menu,
    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__menu > li {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
    }

    .gdc-fullscreen-nav__mobile
    :is(.gdc-fullscreen-nav__formats-menu,
        .gdc-fullscreen-nav__fields-menu,
        .gdc-fullscreen-nav__info-menu) {
        display: grid;
        gap: 10px;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__formats-menu a {
        font-size: var(--gdc-type-nav-primary-size);
        font-weight: 500;
        line-height: 1.08;
        letter-spacing: -0.03em;
    }

    .gdc-fullscreen-nav__mobile
    :is(.gdc-fullscreen-nav__fields-menu,
        .gdc-fullscreen-nav__info-menu)
    a {
        font-size: var(--gdc-type-nav-secondary-size);
        font-weight: 400;
        line-height: 1.25;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social-menu {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gdc-social-icon-gap);
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social-menu a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--gdc-social-control-size);
        height: var(--gdc-social-control-size);
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social-icon {
        display: block;
        width: var(--gdc-social-icon-size);
        height: var(--gdc-social-icon-size);
        background-color: currentColor;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social-icon--instagram {
        -webkit-mask-image: url("assets/icons/social/instagram.svg");
        mask-image: url("assets/icons/social/instagram.svg");
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social-icon--threads {
        -webkit-mask-image: url("assets/icons/social/threads.svg");
        mask-image: url("assets/icons/social/threads.svg");
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social-icon--linkedin {
        -webkit-mask-image: url("assets/icons/social/linkedin.svg");
        mask-image: url("assets/icons/social/linkedin.svg");
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social-icon--x {
        -webkit-mask-image: url("assets/icons/social/x.svg");
        mask-image: url("assets/icons/social/x.svg");
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__menu a {
        display: inline-block;
        color: inherit;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__menu a:hover,
    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__menu a:focus-visible,
    .gdc-fullscreen-nav__mobile
    .gdc-fullscreen-nav__menu
    .current-menu-item
    > a {
        color: var(--gdc-category-blue);
        text-decoration: none !important;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__menu a:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 4px;
    }

    @media (prefers-reduced-motion: reduce) {
        .header_mobile56 .gdc-wordmark,
        .header_mobile56 .gdc-brand__master,
        .header_mobile56 .gdc-header-tagline,
        .offcanvas56.gdc-fullscreen-nav {
            transition: none;
        }
    }
}

@media (min-width: 783px) and (max-width: 899px) {
    body.admin-bar .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__grid {
        padding-top: calc(var(--gdc-header-height) + 56px);
    }
}

@media (max-width: 600px) {
    .header_mobile56 .gdc-header-tagline {
        display: none !important;
    }
}

@media (min-width: 601px) and (max-width: 899px) {
    .header_mobile56 .gdc-wordmark-logo a {
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        column-gap: 18px;
    }

    .header_mobile56 .gdc-header-tagline {
        flex: 0 0 185px;
        width: 185px;
        max-width: 185px;
        margin-top: 0;
        margin-left: 0;
        font: var(--gdc-type-header-tagline-font);
    }

    html.gdc-header-tagline-hidden
    .header_mobile56
    .gdc-header-tagline {
        flex-basis: 0;
        max-width: 0;
        margin-left: 0;
    }
}

/* Component fit constraint, not a sixth viewport tier. The full S lockup
   needs just over 530px inside the actual logo column. */
@container (max-width: 530px) {
    .header_mobile56 .gdc-header-tagline {
        display: none !important;
    }
}

/* Fox switches its visible header DOM at 840px. Manage the desktop instance
   from 841px while preserving the mobile fullscreen navigation below 900px. */
@media (min-width: 841px) and (max-width: 899px) {
    .header_desktop56 .main_header56__container,
    .header_desktop56 .main_header56__container > .row {
        height: var(--gdc-header-height);
        min-height: var(--gdc-header-height);
    }

    .header_desktop56 .main_header56__container > .row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        margin-right: 0;
        margin-left: 0;
    }

    .header_desktop56 .main_header56__part {
        width: auto;
        max-width: none;
        min-width: 0;
        padding: 0;
        flex: none;
    }

    .header_desktop56 .header56__part--left,
    .header_desktop56 .header56__button1,
    .header_desktop56 .header56__newsletter,
    .header_desktop56 .header56__search {
        display: none !important;
    }

    .header_desktop56 .header56__part--center,
    .header_desktop56 .header56__part--right {
        grid-row: 1;
    }

    .header_desktop56 .header56__part--center {
        grid-column: 1;
        justify-content: flex-start;
    }

    .header_desktop56 .header56__part--right {
        grid-column: 2;
        justify-content: flex-end;
        gap: 0;
    }

    .header_desktop56 .header56__part--right > .header56__element {
        display: flex;
        align-items: center;
        margin-left: 0;
    }

    .header_desktop56 .header56__logo {
        display: flex;
        align-items: center;
        line-height: 0;
    }

    .header_desktop56 .gdc-wordmark-logo a {
        flex-direction: row;
    }

    .header_desktop56 .gdc-header-tagline {
        display: block;
        width: 185px;
        max-width: 185px;
        max-height: 2.2em;
        margin: 0 0 0 18px;
        overflow: hidden;
        color: rgba(0, 0, 0, 0.62);
        font: var(--gdc-type-header-tagline-font);
        letter-spacing: normal;
        text-align: left;
        white-space: normal;
        opacity: 1;
        transform: translateY(0);
        transition:
            max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 260ms cubic-bezier(0.22, 1, 0.36, 1),
            margin-left 260ms cubic-bezier(0.22, 1, 0.36, 1),
            opacity 160ms ease,
            transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    html.gdc-header-tagline-hidden .header_desktop56 .gdc-header-tagline {
        max-height: 0;
        max-width: 0;
        margin-left: 0;
        opacity: 0;
        transform: translateY(-3px);
    }

    .header_desktop56 .hamburger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    .masthead--sticky.gdc-header-managed {
        height: var(--gdc-desktop-header-height) !important;
    }

    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper,
    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.before-sticky,
    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.is-sticky {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        background: #FFFFFF;
        transform: translate3d(0, 0, 0);
        transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform;
    }

    body.admin-bar .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper,
    body.admin-bar .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.before-sticky,
    body.admin-bar .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.is-sticky {
        top: 32px;
    }

    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.gdc-header-hidden {
        transform: translate3d(0, -100%, 0);
    }

    html.on-offcanvas .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper,
    html.gdc-offcanvas-closing .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper {
        position: fixed;
        z-index: 100000001;
        transform: translate3d(0, 0, 0);
    }

    html.on-offcanvas body.admin-bar .masthead__wrapper {
        top: 32px !important;
    }
}

@media (min-width: 900px) {
    .header_desktop56 .main_header56__container,
    .header_desktop56 .main_header56__container > .row {
        height: var(--gdc-header-height);
        min-height: var(--gdc-header-height);
    }

    .header_desktop56 .main_header56__container > .row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .header_desktop56 .main_header56__part {
        width: auto;
        max-width: none;
        min-width: 0;
        flex: none;
    }

    .header_desktop56 .header56__part--left {
        display: none !important;
    }

    .header_desktop56 .header56__part--center,
    .header_desktop56 .header56__part--right {
        grid-row: 1;
    }

    .header_desktop56 .header56__part--center {
        grid-column: 1;
        justify-content: flex-start;
    }

    .header_desktop56 .header56__part--right {
        grid-column: 2;
        justify-content: flex-end;
        gap: 12px;
    }

    .header_desktop56
    .header56__part--right
    > .header56__element {
        display: flex;
        align-items: center;
        margin-left: 0;
    }

    .header_desktop56 .header56__button1 {
        height: 24px;
        line-height: 0;
    }

    .header_desktop56 .header56__logo {
        display: flex;
        align-items: center;
        line-height: 0;
    }

    .gdc-wordmark-logo a {
        flex-direction: row;
    }

    .gdc-header-tagline {
        display: block;
        width: 185px;
        max-width: 185px;
        max-height: 2.2em;
        margin: 0 0 0 22px;
        overflow: hidden;
        color: rgba(0, 0, 0, 0.62);
        font: var(--gdc-type-header-tagline-font);
        letter-spacing: var(--gdc-type-header-tagline-tracking);
        text-align: left;
        white-space: normal;
        opacity: 1;
        transform: translateY(0);
        transition:
            max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 260ms cubic-bezier(0.22, 1, 0.36, 1),
            margin-left 260ms cubic-bezier(0.22, 1, 0.36, 1),
            opacity 160ms ease,
            transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    html.gdc-header-tagline-hidden .gdc-header-tagline {
        max-height: 0;
        max-width: 0;
        margin-left: 0;
        opacity: 0;
        transform: translateY(-3px);
    }

    .masthead--sticky.gdc-header-managed {
        height: var(--gdc-desktop-header-height) !important;
    }

    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper,
    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.before-sticky,
    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.is-sticky {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        background: #fff;
        transform: translate3d(0, 0, 0);
        transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform;
    }

    body.admin-bar .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper,
    body.admin-bar .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.before-sticky,
    body.admin-bar .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.is-sticky {
        top: 32px;
    }

    .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper.gdc-header-hidden {
        transform: translate3d(0, -100%, 0);
    }

    .gdc-fullscreen-nav__desktop {
        font-family: var(--gdc-type-font-sans);
    }

    html.on-offcanvas .masthead__wrapper {
        position: relative;
        top: 0 !important;
        z-index: 100000000;
        background: #fff;
    }

    html.on-offcanvas .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper {
        position: fixed;
        z-index: 100000000;
        transform: translate3d(0, 0, 0);
    }

    html.gdc-offcanvas-closing .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper {
        z-index: 100000000;
    }

    html.on-offcanvas body.admin-bar .masthead__wrapper {
        top: 32px !important;
    }

    html.on-offcanvas .masthead--sticky .masthead__wrapper.before-sticky {
        position: fixed;
    }

    .offcanvas56.gdc-fullscreen-nav {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        width: 100vw;
        max-width: none;
        min-height: 100vh;
        min-height: 100dvh;

        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;

        transform: translate3d(0, -102%, 0);
        transition: transform 0.25s ease-out;

        background: #fff;
        box-shadow: none;
    }

    html.on-offcanvas .offcanvas56.gdc-fullscreen-nav {
        transform: translate3d(0, 0, 0);
        box-shadow: none;
    }

    .gdc-fullscreen-nav__desktop {
        display: block;
        min-height: 100vh;
        min-height: 100dvh;
        box-sizing: border-box;
        padding-top: 136px;
    }

    .gdc-fullscreen-nav__mobile {
        display: none;
    }

    .gdc-fullscreen-nav__grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: var(--gdc-page-column-gap);
        align-items: start;

        width: 100%;
        max-width: var(--gdc-container-max-width);
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        padding: 48px var(--gdc-container-gutter) 72px;
    }

    .gdc-fullscreen-nav__section,
    .gdc-fullscreen-nav__utility {
        min-width: 0;
        box-sizing: border-box;
    }

    .gdc-fullscreen-nav__formats {
        grid-column: 1 / span 5;
    }

    .gdc-fullscreen-nav__fields {
        grid-column: 6 / span 2;
    }

    .gdc-fullscreen-nav__utility {
        grid-column: 8 / -1;
    }

    .gdc-fullscreen-nav__social {
        margin-top: 48px;
    }

    .gdc-fullscreen-nav__heading {
        margin: 0 0 24px;
        padding: 0;

        color: var(--gdc-type-column-label-color);
        font: var(--gdc-type-column-label-font);
        letter-spacing: var(--gdc-type-column-label-tracking);
        opacity: var(--gdc-type-muted-meta-opacity);
        text-transform: uppercase;
    }

    .gdc-fullscreen-nav__menu,
    .gdc-fullscreen-nav__menu > li {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
    }

    .gdc-fullscreen-nav__formats-menu {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        column-gap: 40px;
        row-gap: 16px;
    }

    .gdc-fullscreen-nav__formats-menu a {
        font-size: var(--gdc-type-nav-primary-size);
        font-weight: 500;
        line-height: 1.04;
        letter-spacing: -0.035em;
    }

    .gdc-fullscreen-nav__fields-menu,
    .gdc-fullscreen-nav__info-menu {
        display: grid;
        gap: 10px;
    }

    .gdc-fullscreen-nav__fields-menu a,
    .gdc-fullscreen-nav__info-menu a {
        font-size: var(--gdc-type-nav-secondary-size);
        font-weight: 400;
        line-height: 1.2;
    }

    .gdc-fullscreen-nav__social-menu {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gdc-social-icon-gap);
    }

    .gdc-fullscreen-nav__menu.gdc-fullscreen-nav__social-menu a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--gdc-social-control-size);
        height: var(--gdc-social-control-size);
    }

    .gdc-fullscreen-nav__social-icon {
        display: block;
        width: var(--gdc-social-icon-size);
        height: var(--gdc-social-icon-size);
        background-color: currentColor;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .gdc-fullscreen-nav__social-icon--instagram {
        -webkit-mask-image: url("assets/icons/social/instagram.svg");
        mask-image: url("assets/icons/social/instagram.svg");
    }

    .gdc-fullscreen-nav__social-icon--threads {
        -webkit-mask-image: url("assets/icons/social/threads.svg");
        mask-image: url("assets/icons/social/threads.svg");
    }

    .gdc-fullscreen-nav__social-icon--linkedin {
        -webkit-mask-image: url("assets/icons/social/linkedin.svg");
        mask-image: url("assets/icons/social/linkedin.svg");
    }

    .gdc-fullscreen-nav__social-icon--x {
        -webkit-mask-image: url("assets/icons/social/x.svg");
        mask-image: url("assets/icons/social/x.svg");
    }

    .gdc-fullscreen-nav__menu a {
        display: inline-block;
        color: inherit;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .gdc-fullscreen-nav__menu a:hover,
    .gdc-fullscreen-nav__menu a:focus-visible,
    .gdc-fullscreen-nav__menu .current-menu-item > a {
    color: var(--gdc-category-blue);
        text-decoration: none !important;
    }

    .gdc-fullscreen-nav__menu a:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 4px;
    }

    .gdc-fullscreen-nav__backdrop {
        display: none !important;
    }

    @media (prefers-reduced-motion: reduce) {
        .gdc-wordmark,
        .gdc-brand__master,
        .gdc-header-tagline,
        .masthead--sticky .masthead__wrapper.gdc-header-managed__wrapper {
            transition: none;
        }
    }
}

/* S and M share one four-track navigation row. The temporarily unavailable
   Fields track remains reserved, while Info and Social occupy their own
   columns instead of stacking inside the utility area. */
@media (min-width: 601px) and (max-width: 899px) {
    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__grid {
        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(0, 0.55fr)
            minmax(0, 0.8fr)
            minmax(0, 0.8fr);
        align-items: start;
        column-gap: clamp(12px, 2vw, 18px);
        row-gap: 0;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__formats {
        grid-column: 1;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__fields {
        grid-column: 2;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__utility {
        display: contents;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__info {
        grid-column: 3;
    }

    .gdc-fullscreen-nav__mobile .gdc-fullscreen-nav__social {
        grid-column: 4;
        margin-top: 0;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .gdc-fullscreen-nav__desktop .gdc-fullscreen-nav__grid {
        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(0, 0.55fr)
            minmax(0, 0.8fr)
            minmax(0, 0.8fr);
        column-gap: clamp(24px, 2.5vw, 30px);
    }

    .gdc-fullscreen-nav__desktop .gdc-fullscreen-nav__formats {
        grid-column: 1;
    }

    .gdc-fullscreen-nav__desktop .gdc-fullscreen-nav__fields {
        grid-column: 2;
    }

    .gdc-fullscreen-nav__desktop .gdc-fullscreen-nav__utility {
        display: contents;
    }

    .gdc-fullscreen-nav__desktop .gdc-fullscreen-nav__info {
        grid-column: 3;
    }

    .gdc-fullscreen-nav__desktop .gdc-fullscreen-nav__social {
        grid-column: 4;
        margin-top: 0;
    }
}

/* =========================================================
   GDC HEADER BREATHING ROOM / MENU CONTROL STATES
   ========================================================= */

@media (min-width: 900px) {
    .header_desktop56 .hamburger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    .header_desktop56 .header56__button1 .header56__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-width: 0;
        height: 24px;
        min-height: 24px;
        padding: 0 8px;
        box-sizing: border-box;
        border: 1px solid #000000;
        border-radius: 999px;
        background: transparent !important;
        color: #000000 !important;
        box-shadow: none !important;
        font: var(--gdc-type-header-newsletter-font);
        letter-spacing: 0;
        text-transform: none;
        position: relative;
    }

    .header_desktop56 .header56__button1 .header56__btn::before {
        position: absolute;
        inset: -10px -4px;
        content: "";
    }

    .header_desktop56 .header56__button1 .header56__btn:hover {
        border-color: var(--gdc-category-blue);
        background: transparent !important;
        color: var(--gdc-category-blue) !important;
    }

    .header_desktop56 .header56__button1 .header56__btn:focus-visible {
        border-color: var(--gdc-category-blue);
        background: transparent !important;
        color: var(--gdc-category-blue) !important;
        outline: 2px solid var(--gdc-category-blue);
        outline-offset: 3px;
    }
}

.header_desktop56 .hamburger,
.header_mobile56 .hamburger,
html.on-offcanvas .header_desktop56 .hamburger,
html.on-offcanvas .header_mobile56 .hamburger {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
}

.header_desktop56 .hamburger:hover,
.header_desktop56 .hamburger:focus-visible,
.header_mobile56 .hamburger:hover,
.header_mobile56 .hamburger:focus-visible,
html.on-offcanvas .header_desktop56 .hamburger:hover,
html.on-offcanvas .header_desktop56 .hamburger:focus-visible,
html.on-offcanvas .header_mobile56 .hamburger:hover,
html.on-offcanvas .header_mobile56 .hamburger:focus-visible {
    background: transparent !important;
    color: var(--gdc-category-blue) !important;
    box-shadow: none !important;
}

html.on-offcanvas.gdc-nav-pointer-focus
:is(.header_desktop56, .header_mobile56)
.hamburger:is(:hover, :focus) {
    color: #000000 !important;
}

.header_desktop56 .hamburger:focus-visible,
.header_mobile56 .hamburger:focus-visible {
    outline: 2px solid var(--gdc-category-blue);
    outline-offset: 2px;
}

html.gdc-nav-pointer-focus
:is(
    .header_desktop56,
    .header_mobile56,
    .gdc-fullscreen-nav
)
:is(a, button):focus-visible {
    outline: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
    :is(
        .header_desktop56,
        .header_mobile56,
        .gdc-fullscreen-nav
    )
    :is(a, button):focus:not(:focus-visible) {
        outline: 0 !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }
}

@media (max-width: 899px) {
    .header_mobile56 .hamburger {
        width: 44px;
        min-width: 44px;
        height: 44px;
    }
}

/* Keep unavailable menu items on one line and place their status as a true
   superscript instead of extending the label below the title baseline. */
:is(.gdc-fullscreen-nav, #wi-footer) .gdc-menu-coming-soon {
    white-space: nowrap;
}

:is(.gdc-fullscreen-nav, #wi-footer) .gdc-menu-coming-soon__label {
    align-self: flex-start !important;
    color: var(--gdc-type-muted-meta-color) !important;
    font: var(--gdc-type-muted-meta-font) !important;
    letter-spacing: var(--gdc-type-muted-meta-tracking) !important;
    opacity: var(--gdc-type-muted-meta-opacity) !important;
    text-transform: none !important;
    transform: translateY(0.12em);
}


/* =========================================================
   GDC PUBLICATION FOOTER

   Fox continues to own the footer and widget lifecycle. These rules only
   place its four active widget areas on the approved GDC footer grid. Footer 3
   contains the separate Info and Legal navigation widgets so both retain the
   normal WordPress widget lifecycle while receiving distinct visual columns.
   ========================================================= */

#wi-footer {
    overflow: hidden;
    background: #ffffff;
    color: #000000;
    font-family: var(--gdc-type-font-sans);
}

#wi-footer .footer_sidebar56,
#wi-footer .footer_bottom56 {
    border: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
}

#wi-footer .footer_sidebar56 > .container,
#wi-footer .footer_bottom56 > .container {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--gdc-container-max-width) !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--gdc-container-gutter) !important;
    padding-left: var(--gdc-container-gutter) !important;
}

#wi-footer .footer_sidebar56 > .container {
    padding-top: 72px !important;
    padding-bottom: 64px !important;
}

#wi-footer .footer56__row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    row-gap: var(--gdc-footer-row-gap);
    column-gap: 0;
    margin: 0 !important;
}

#wi-footer .footer56__col {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

#wi-footer .footer__col__inner,
#wi-footer .footer56__col .widget {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
}

#wi-footer .footer_sidebar56 .widget + .widget {
    margin-top: 0;
    padding-top: 0;
}

#wi-footer .widget-title,
#wi-footer .gdc-footer-identity__label {
    margin: 0 0 var(--gdc-footer-title-content-gap);
    padding: 0;
    color: var(--gdc-type-column-label-color);
    font: var(--gdc-type-footer-column-label-font);
    letter-spacing: var(--gdc-type-footer-column-label-tracking);
    opacity: var(--gdc-type-muted-meta-opacity);
    text-transform: uppercase;
}

#wi-footer .widget-title::before,
#wi-footer .widget-title::after,
#wi-footer .widget-title span::before,
#wi-footer .widget-title span::after {
    display: none !important;
    content: none !important;
}

.gdc-footer-identity__name {
    --gdc-footer-wordmark-height: clamp(22px, 2.25vw, 32px);
    display: inline-block;
    width: calc(var(--gdc-footer-wordmark-height) * 11.6911);
    height: var(--gdc-footer-wordmark-height);
    color: #000000 !important;
    background-color: currentColor;
    -webkit-mask: url("assets/branding/gdc-wordmark.svg") center / contain no-repeat;
    mask: url("assets/branding/gdc-wordmark.svg") center / contain no-repeat;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-decoration: none !important;
}

.gdc-footer-identity__tagline {
    max-width: 290px;
    margin: 18px 0 28px;
    color: rgba(0, 0, 0, 0.68);
    font: var(--gdc-type-footer-tagline-font);
}

.gdc-footer-identity__statement {
    width: 100%;
    max-width: none;
    margin: 0 0 28px;
    color: #000000;
    font: var(--gdc-type-footer-statement-font);
    letter-spacing: var(--gdc-type-footer-statement-tracking);
    text-transform: none;
}

.gdc-footer-identity__statement-line {
    display: block;
    white-space: nowrap;
}

.gdc-footer-identity__newsletter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 16px;
    border: 1px solid #000000;
    border-radius: 999px;
    color: #000000 !important;
    font: var(--gdc-type-footer-newsletter-font);
    text-decoration: none !important;
}

#wi-footer .widget_nav_menu ul,
#wi-footer .fox56-social-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#wi-footer .widget_nav_menu li {
    margin: 0;
    padding: 0;
}

#wi-footer .widget_nav_menu li + li {
    margin-top: var(--gdc-footer-nav-item-gap);
}

#wi-footer .widget_nav_menu a,
#wi-footer .gdc-footer-privacy-choice button {
    display: inline-block !important;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #000000 !important;
    font: var(--gdc-type-footer-nav-font);
    font-style: normal;
    font-stretch: 100%;
    font-variation-settings: normal;
    letter-spacing: normal;
    opacity: 1;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    word-spacing: 0;
    white-space: nowrap;
    -webkit-appearance: none;
    appearance: none;
}

#wi-footer .gdc-menu-coming-soon__title {
    font: var(--gdc-type-footer-nav-font);
}

#wi-footer :is(
    .gdc-footer-identity__name,
    .gdc-footer-identity__newsletter,
    .widget_nav_menu a,
    .gdc-footer-privacy-choice button,
    .fox56-social-list a
):hover,
#wi-footer :is(
    .gdc-footer-identity__name,
    .gdc-footer-identity__newsletter,
    .widget_nav_menu a,
    .gdc-footer-privacy-choice button,
    .fox56-social-list a
):focus-visible {
    color: var(--gdc-category-blue) !important;
    text-decoration: none !important;
}

#wi-footer :is(
    .gdc-footer-identity__name,
    .gdc-footer-identity__newsletter,
    .widget_nav_menu a,
    .gdc-footer-privacy-choice button,
    .fox56-social-list a
):focus-visible {
    outline: 2px solid var(--gdc-category-blue);
    outline-offset: 3px;
}

#wi-footer .gdc-footer-identity__newsletter:hover,
#wi-footer .gdc-footer-identity__newsletter:focus-visible {
    border-color: var(--gdc-category-blue);
}

#wi-footer .fox56-social-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gdc-social-icon-gap);
}

#wi-footer .fox56-social-list li,
#wi-footer .fox56-social-list a {
    margin: 0 !important;
}

#wi-footer .fox56-social-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--gdc-social-control-size);
    height: var(--gdc-social-control-size);
    color: #000000 !important;
    font-size: var(--gdc-social-icon-size);
    line-height: 1;
    text-decoration: none !important;
}

#wi-footer .footer_bottom56 > .container {
    padding-top: 0 !important;
    padding-bottom: 48px !important;
}

#wi-footer .footer_bottom--stack {
    color: var(--gdc-type-muted-meta-color) !important;
    font: var(--gdc-type-footer-copyright-font);
    letter-spacing: var(--gdc-type-muted-meta-tracking);
    opacity: 1;
    text-align: left;
}

#wi-footer .footer56__copyright,
#wi-footer .footer56__copyright p {
    margin: 0;
}

#wi-footer .footer56__copyright p {
    color: var(--gdc-type-muted-meta-color) !important;
    font: var(--gdc-type-footer-copyright-font) !important;
    letter-spacing: var(--gdc-type-muted-meta-tracking) !important;
    opacity: var(--gdc-type-muted-meta-opacity) !important;
    text-transform: none !important;
}

@media (max-width: 1199px) {
    #wi-footer .footer_sidebar56 > .container {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

@media (min-width: 601px) {
    #wi-footer .footer56__col:nth-child(3),
    #wi-footer .footer56__col:nth-child(3) > .footer__col__inner {
        display: contents;
    }

    #wi-footer .footer56__col:nth-child(1) {
        grid-column: 1 / span 3;
        grid-row: 1;
    }

    .gdc-footer-identity__name {
        width: min(
            100%,
            calc(var(--gdc-footer-wordmark-height) * 11.6911)
        );
        height: auto;
        aspect-ratio: 11.6911 / 1;
    }
}

/* L / XL: keep the right-side navigation anchored to the end of the permanent
   eight-column grid. With Fields hidden, its intended fifth-column position is
   occupied by Categories, leaving columns 3–4 as the Identity-to-navigation
   pause: 1–2 Identity / 3–4 breathing / 5 Categories / 6 Info / 7 Legal /
   8 Social. If Fields returns, Categories moves to 4 and Fields takes 5 while
   Info / Legal / Social remain fixed at 6 / 7 / 8. */
@media (min-width: 1200px) {
    #wi-footer .footer56__row {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    #wi-footer .footer56__col:nth-child(1) {
        grid-column: 1 / span 2;
    }

    #wi-footer .footer56__col:nth-child(2) {
        grid-column: 5;
        grid-row: 1;
    }

    #wi-footer .footer56__col:nth-child(3) .widget:nth-child(1) {
        grid-column: 6;
        grid-row: 1;
    }

    #wi-footer .footer56__col:nth-child(3) .widget:nth-child(2) {
        grid-column: 7;
        grid-row: 1;
    }

    #wi-footer .footer56__col:nth-child(4) {
        grid-column: 8;
        grid-row: 1;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(2) {
        grid-column: 4;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(3) .widget:nth-child(1) {
        grid-column: 5;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(3) .widget:nth-child(2) {
        grid-column: 6;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(3) .widget:nth-child(3) {
        grid-column: 7;
        grid-row: 1;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(4) {
        grid-column: 8;
    }
}

@media (min-width: 900px) {
    #wi-footer .footer56__col:nth-child(4) .fox56-social-list ul {
        flex-wrap: nowrap;
    }
}

/* S / M: 10 tracks. Identity stays first; Categories/Info and Legal/Social
   form two balanced rows after one intentional breathing track. */
@media (min-width: 601px) and (max-width: 1199px) {
    #wi-footer .footer56__row {
        grid-template-columns: repeat(10, minmax(0, 1fr));
        grid-template-rows: auto auto;
        row-gap: 24px;
    }

    #wi-footer .footer56__col:nth-child(1) {
        grid-column: 1 / span 3;
        grid-row: 1 / span 2;
    }

    #wi-footer .footer56__col:nth-child(2) {
        grid-column: 5 / span 3;
        grid-row: 1;
    }

    #wi-footer .footer56__col:nth-child(3) .widget:nth-child(1) {
        grid-column: 8 / span 3;
        grid-row: 1;
    }

    #wi-footer .footer56__col:nth-child(3) .widget:nth-child(2) {
        grid-column: 5 / span 3;
        grid-row: 2;
    }

    #wi-footer .footer56__col:nth-child(4) {
        grid-column: 8 / span 3;
        grid-row: 2;
    }

    #wi-footer .footer56__col:nth-child(4) .fox56-social-list ul {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) {
        grid-template-rows: auto auto auto;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(1) {
        grid-row: 1 / span 3;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(3) .widget:nth-child(1) {
        grid-column: 8 / span 3;
        grid-row: 1;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(3) .widget:nth-child(2) {
        grid-column: 5 / span 3;
        grid-row: 2;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(3) .widget:nth-child(3) {
        grid-column: 8 / span 3;
        grid-row: 2;
    }

    #wi-footer .footer56__row:has(
        .menu-gdc-footer-fields-container,
        .gdc-footer-fields
    ) .footer56__col:nth-child(4) {
        grid-column: 5 / span 3;
        grid-row: 3;
    }
}

@media (max-width: 600px) {
    #wi-footer .footer_sidebar56 > .container {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    #wi-footer .footer56__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
    }

    #wi-footer .footer56__col:nth-child(1) {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    #wi-footer .footer56__col:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    #wi-footer .footer56__col:nth-child(3),
    #wi-footer .footer56__col:nth-child(3) > .footer__col__inner {
        display: contents;
    }

    #wi-footer .footer56__col:nth-child(3) .widget:nth-child(1) {
        grid-column: 2;
        grid-row: 2;
    }

    #wi-footer .footer56__col:nth-child(3) .widget:nth-child(2) {
        grid-column: 1;
        grid-row: 3;
    }

    #wi-footer .footer56__col:nth-child(4) {
        grid-column: 2;
        grid-row: 3;
    }

    .gdc-footer-identity__tagline {
        max-width: 270px;
        margin-top: 14px;
        margin-bottom: 24px;
    }

    .gdc-footer-identity__statement {
        width: 100%;
        max-width: none;
        margin-bottom: 24px;
    }

    #wi-footer .footer56__col:nth-child(3) .widget + .widget {
        margin-top: 0;
    }

    #wi-footer .footer_bottom56 > .container {
        padding-bottom: 36px !important;
    }
}


/* =========================================================
   GDC SINGLE ARTICLE — OPTIONAL EDITORIAL ACCENT HERO

   The existing Layout 6 container remains the inner grid. A pseudo-element
   paints only the full-viewport hero surface, so the article body returns to
   the normal page background without introducing another template.
   ========================================================= */

.single-post.gdc-article-accent
.single56__outer.container--6 {
    position: relative;
    z-index: 0;
    isolation: isolate;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Fox uses both container pseudo-elements for clearfix; this one is the GDC
 * accent surface, so it must not inherit the table/clear behavior. */
.single-post.gdc-article-accent
.single56__outer.container--6::before {
    content: "";
    display: block !important;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    clear: none !important;
    transform: translateX(-50%);
    background: var(--gdc-article-accent);
    pointer-events: none;
}

@media (min-width: 900px) {
    .single-post.gdc-article-accent
    .single56__outer.container--6 {
        padding-top: clamp(32px, 4vw, 64px) !important;
        padding-bottom: clamp(90px, 9vw, 150px) !important;
    }
}

@media (max-width: 899px) {
    .single-post.gdc-article-accent
    .single56__outer.container--6 {
        padding-top: 18px !important;
        padding-bottom: 48px !important;
    }

    .single-post.gdc-article-accent
    .single56__outer.container--6
    > .single56__thumbnail {
        margin-top: 0 !important;
    }
}

.single-post.gdc-article-tone-dark
.single56__header
:is(
    .single56__title,
    .single56__title a,
    .single56__subtitle,
    .single56__subtitle *,
    .meta56__author__name,
    .meta56__author__name::before,
    .meta56__author__name a,
    .meta56__date,
    .meta56__date *
) {
    color: #000000 !important;
}

.single-post.gdc-article-tone-light
.single56__header
:is(
    .single56__title,
    .single56__title a,
    .single56__subtitle,
    .single56__subtitle *,
    .meta56__author__name,
    .meta56__author__name::before,
    .meta56__author__name a,
    .meta56__date,
    .meta56__date *
) {
    color: #FFFFFF !important;
}

.single-post.gdc-article-accent
.single56__header
.meta56__date {
    opacity: 0.55 !important;
}

/* Same pill values as the approved colored Main Featured presentation. */
.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
.gdc-card-tag:not(.gdc-card-category),
.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
.gdc-sponsored-pill {
    background: rgba(255, 255, 255, 0.3) !important;
    color: rgba(0, 0, 0, 0.55) !important;
}

.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
.gdc-card-category,
.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__scope {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #000000 !important;
}

.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
.gdc-sponsored-pill--topic
> .gdc-sponsored-pill__scope {
    background: rgba(255, 255, 255, 0.6) !important;
    color: #000000 !important;
}

.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
:is(
    .gdc-card-tag:hover,
    .gdc-card-tag:focus-visible,
    .gdc-sponsored-pill__scope:hover,
    .gdc-sponsored-pill__scope:focus-visible
) {
    background: #FFFFFF !important;
    color: #000000 !important;
}

.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner,
.single-post.gdc-article-accent
.single56__header
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner:hover {
    background: transparent !important;
    color: rgba(0, 0, 0, 0.55) !important;
}


/* =========================================================
   NATIVE TWO-COLUMN BLOCKS

   Any top-level Columns block containing exactly two Columns
   automatically uses the GDC 7/12 + 5/12 editorial balance.
   The same layout also applies when Columns is placed directly
   inside a top-level Group.
   ========================================================= */

@media (min-width: 900px) {

    .single-post .entry-content
    > .wp-block-columns:has(
        > .wp-block-column:nth-child(2):last-child
    ),

    .single-post .entry-content
    > .wp-block-group
    > .wp-block-group__inner-container
    > .wp-block-columns:has(
        > .wp-block-column:nth-child(2):last-child
    ) {
        box-sizing: border-box !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 7fr)
            minmax(0, 5fr) !important;

        column-gap: var(--gdc-editorial-gap) !important;
        row-gap: 0 !important;
        align-items: start !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .single-post .entry-content
    > .wp-block-columns:has(
        > .wp-block-column:nth-child(2):last-child
    )
    > .wp-block-column,

    .single-post .entry-content
    > .wp-block-group
    > .wp-block-group__inner-container
    > .wp-block-columns:has(
        > .wp-block-column:nth-child(2):last-child
    )
    > .wp-block-column {
        box-sizing: border-box !important;

        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        flex: none !important;
        flex-basis: auto !important;

        margin: 0 !important;
    }
}


/* =========================================================
   FLEXIBLE IMAGE / GALLERY WIDTH

   Default    = left text-column width
   Wide       = complete article width
   Full       = complete viewport width
   Left/Right = native floated-image behavior
   ========================================================= */

@media (min-width: 900px) {

    .single-post .entry-content
    > :is(
        .wp-block-image:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull),
        .wp-block-gallery:not(.alignwide):not(.alignfull)
    ) {
        width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        max-width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

/* Wide media uses the complete article width. */
.single-post .entry-content
> :is(
    .wp-block-image.alignwide,
    .wp-block-gallery.alignwide
) {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Full media escapes the article container. */
.single-post .entry-content
> :is(
    .wp-block-image.alignfull,
    .wp-block-gallery.alignfull
) {
    box-sizing: border-box !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Other structural media blocks use the complete article width. */
.single-post .entry-content
> :is(
    .wp-block-media-text,
    .wp-block-cover,
    .wp-block-video,
    .wp-block-embed
) {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*
 * Muted inline article animations normally autoplay. iOS Safari can still
 * reject autoplay in power/data-saving conditions, so expose a user-gesture
 * fallback without changing the media frame or its approved dimensions.
 */
.single-post .gdc-article-video-frame {
    position: relative;
}

.single-post .gdc-article-video-play {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #111;
    cursor: pointer;
}

.single-post .gdc-article-video-play::before {
    position: absolute;
    top: 50%;
    left: 52%;
    width: 0;
    height: 0;
    transform: translate(-42%, -50%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid currentColor;
    content: '';
}

.single-post .gdc-article-video-play[hidden] {
    display: none !important;
}

.single-post .gdc-article-video-play:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .single-post .gdc-article-video-play {
        width: 44px;
        height: 44px;
    }
}

/* Media fills its selected block width. */
.single-post .entry-content
> :is(
    .wp-block-image.alignwide,
    .wp-block-image.alignfull,
    .wp-block-gallery.alignwide,
    .wp-block-gallery.alignfull
)
img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
}

@media (max-width: 899px) {

    .single-post .entry-content
    > :is(
        .wp-block-image:not(.alignfull),
        .wp-block-gallery:not(.alignfull)
    ) {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .single-post .entry-content
    > :is(
        .wp-block-image.alignfull,
        .wp-block-gallery.alignfull
    ) {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
}


/* =========================================================
   GROUP WIDTHS WITHOUT BACKGROUND
   ========================================================= */

@media (min-width: 900px) {

    /* Default Group follows the normal text-column width. */
    .single-post .entry-content
    > .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull) {
        width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        max-width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Wide/Full Group follows the complete article width. */
    .single-post .entry-content
    > :is(
        .wp-block-group.alignwide,
        .wp-block-group.alignfull
    ):not(.has-background) {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 899px) {

    .single-post .entry-content
    > .wp-block-group:not(.has-background) {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   AUTOMATIC FULL-BLEED BACKGROUND SECTIONS

   Apply a Gutenberg background to a top-level Group or Columns
   block. No custom CSS class is required.

   - Background extends across the complete viewport.
   - The block remains aligned with the article container.
   - 60px vertical padding is applied automatically.
   ========================================================= */

.single-post .entry-content
> :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background
) {
    position: relative !important;
    isolation: isolate;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-top: 60px !important;
    padding-bottom: 60px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    overflow: visible !important;
    clear: both !important;
}

/* Paint the gutters only; translucent colours must not overlap the block. */
.single-post .entry-content
> :is(.wp-block-group.has-background, .wp-block-columns.has-background)::before,
.single-post .entry-content
> :is(.wp-block-group.has-background, .wp-block-columns.has-background)::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    width: max(0px, calc((100vw - 100%) / 2));
    background: inherit;
    pointer-events: none;
}
.single-post .entry-content
> :is(.wp-block-group.has-background, .wp-block-columns.has-background)::before {
    right: 100%;
}
.single-post .entry-content
> :is(.wp-block-group.has-background, .wp-block-columns.has-background)::after {
    left: 100%;
}

/* Remove Gutenberg's constrained Group wrapper. */
.single-post .entry-content
> .wp-block-group.has-background
> .wp-block-group__inner-container {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Individual colored Columns remain limited to their own column. */
.single-post .entry-content
.wp-block-columns:not(.has-background)
> .wp-block-column.has-background {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}


/* =========================================================
   CONTENT WIDTHS INSIDE COLORED GROUPS
   ========================================================= */

@media (min-width: 900px) {

    /* Normal text inside a colored Group uses the text-column width. */
    .single-post .entry-content
    > .wp-block-group.has-background
    > :is(
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        ol,
        blockquote,
        pre,
        .wp-block-paragraph,
        .wp-block-heading,
        .wp-block-list,
        .wp-block-quote,
        .wp-block-pullquote
    ),

    .single-post .entry-content
    > .wp-block-group.has-background
    > .wp-block-group__inner-container
    > :is(
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        ol,
        blockquote,
        pre,
        .wp-block-paragraph,
        .wp-block-heading,
        .wp-block-list,
        .wp-block-quote,
        .wp-block-pullquote
    ) {
        width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        max-width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Default media inside a colored Group uses the text-column width. */
    .single-post .entry-content
    > .wp-block-group.has-background
    > :is(
        .wp-block-image:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull),
        .wp-block-gallery:not(.alignwide):not(.alignfull)
    ),

    .single-post .entry-content
    > .wp-block-group.has-background
    > .wp-block-group__inner-container
    > :is(
        .wp-block-image:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull),
        .wp-block-gallery:not(.alignwide):not(.alignfull)
    ) {
        width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        max-width: calc(
            (100% - var(--gdc-editorial-gap))
            * var(--gdc-text-ratio)
        ) !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Structural blocks inside a colored Group use the article width. */
    .single-post .entry-content
    > .wp-block-group.has-background
    > :is(
        .wp-block-image.alignwide,
        .wp-block-image.alignfull,
        .wp-block-gallery.alignwide,
        .wp-block-gallery.alignfull,
        .wp-block-media-text,
        .wp-block-cover,
        .wp-block-columns
    ),

    .single-post .entry-content
    > .wp-block-group.has-background
    > .wp-block-group__inner-container
    > :is(
        .wp-block-image.alignwide,
        .wp-block-image.alignfull,
        .wp-block-gallery.alignwide,
        .wp-block-gallery.alignfull,
        .wp-block-media-text,
        .wp-block-cover,
        .wp-block-columns
    ) {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 899px) {

    .single-post .entry-content
    > .wp-block-group.has-background
    > *,

    .single-post .entry-content
    > .wp-block-group.has-background
    > .wp-block-group__inner-container
    > * {
        width: 100% !important;
        max-width: none !important;
    }
}


/* =========================================================
   REMOVE GAPS BETWEEN CONNECTED FULL-BLEED BLOCKS

   External block spacing is removed only when:
   - Full Image/Gallery touches a colored Group/Columns block.
   - Two colored Group/Columns blocks touch each other.

   The 60px internal padding remains.
   ========================================================= */

/* Full media immediately before a colored section. */
.single-post .entry-content
> :is(
    .wp-block-image.alignfull,
    .wp-block-gallery.alignfull
):has(
    + :is(
        .wp-block-group.has-background,
        .wp-block-columns.has-background
    )
) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}

/* Colored section immediately after Full media. */
.single-post .entry-content
> :is(
    .wp-block-image.alignfull,
    .wp-block-gallery.alignfull
)
+ :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background
) {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

/* Colored section immediately before Full media. */
.single-post .entry-content
> :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background
):has(
    + :is(
        .wp-block-image.alignfull,
        .wp-block-gallery.alignfull
    )
) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}

/* Full media immediately after a colored section. */
.single-post .entry-content
> :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background
)
+ :is(
    .wp-block-image.alignfull,
    .wp-block-gallery.alignfull
) {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

/* Consecutive colored sections. */
.single-post .entry-content
> :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background
):has(
    + :is(
        .wp-block-group.has-background,
        .wp-block-columns.has-background
    )
) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}

.single-post .entry-content
> :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background
)
+ :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background
) {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

/* =========================================================
   GDC QUOTE — REMOVE THEME SIDE BAR
   ========================================================= */

.single-post .entry-content
:is(
    blockquote,
    .wp-block-quote
) {
    border-left: 0 !important;
    border-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* =========================================================
   GDC SINGLE POST — AUTHOR BOX
   Same 7/12 + 5/12 editorial column system as the article
   ========================================================= */

.single-post .single56__authorbox {
    --gdc-editorial-gap: clamp(48px, 4vw, 80px);
}

/* Remove Fox's original widths and avatar-related spacing */
.single-post
.single56__authorbox
:is(
    .gdc-authorbox__author,
    .gdc-authorbox__info,
    .authorbox56__text
) {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    flex: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Desktop */
@media (min-width: 900px) {

    .single-post
    .single56__authorbox
    .authorbox56__inner {
        display: grid !important;

        grid-template-columns:
            minmax(0, 7fr)
            minmax(0, 5fr) !important;

        column-gap: var(--gdc-editorial-gap) !important;
        row-gap: 0 !important;
        align-items: start !important;
        box-sizing: border-box !important;
        padding: 32px !important;
        background: #F5F2F0 !important;
    }

/* Article information stays in the left 7/12 column */
.single-post
.single56__authorbox
.gdc-authorbox__info {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* Author stays in the right 5/12 column */
.single-post
.single56__authorbox
.gdc-authorbox__author {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

    /* If no right-column information exists, author uses full width */
    .single-post
    .single56__authorbox
    .authorbox56:not(.gdc-authorbox--has-info)
    .authorbox56__inner {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Tablet and mobile */
@media (max-width: 899px) {

    .single-post
    .single56__authorbox
    .authorbox56__inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 40px !important;
        align-items: start !important;
        box-sizing: border-box !important;
        padding: 24px !important;
        background: #F5F2F0 !important;
    }

    .single-post
    .single56__authorbox
    .gdc-authorbox__author,
    .single-post
    .single56__authorbox
    .gdc-authorbox__info {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

@media (max-width: 600px) {
    .single-post
    .single56__authorbox
    .authorbox56__inner {
        row-gap: 28px !important;
        padding: 20px !important;
    }
}

/* =========================================================
   GDC AUTHOR BOX — TYPOGRAPHY AND CONTENT DETAILS
   ========================================================= */

/* Section titles and author name always use Inter */
.single-post
.single56__authorbox
.gdc-authorbox__label,
.single-post
.single56__authorbox
.authorbox56__name {
    font-family: var(--gdc-type-font-sans) !important;
}

/* Space between section title and its own content */
.single-post
.single56__authorbox
.gdc-authorbox__label {
    margin-bottom: 8px !important;
}

/* Space between separate information sections */
.single-post
.single56__authorbox
.gdc-authorbox__section:not(:last-child) {
    margin-bottom: 20px !important;
}

/* Text links: inherit the text color and use an underline */
.single-post
.single56__authorbox
.authorbox56__description a,
.single-post
.single56__authorbox
.authorbox56__name a {
    color: inherit !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

/* Keep the same link color on hover and after visiting */
.single-post
.single56__authorbox
.authorbox56__description a:hover,
.single-post
.single56__authorbox
.authorbox56__description a:visited,
.single-post
.single56__authorbox
.authorbox56__name a:hover,
.single-post
.single56__authorbox
.authorbox56__name a:visited {
    color: inherit !important;
}

/* Remove the default indentation from numbered and bullet lists */
.single-post
.single56__authorbox
.gdc-authorbox__info-content ol,
.single-post
.single56__authorbox
.gdc-authorbox__info-content ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
    list-style-position: inside !important;
}

/* Prevent individual list items from adding more indentation */
.single-post
.single56__authorbox
.gdc-authorbox__info-content li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Space between author name and biography */
.single-post
.single56__authorbox
.gdc-authorbox__author
.authorbox56__name {
    margin-bottom: 10px !important;
}

/* Author name link: no underline */
.single-post
.single56__authorbox
.authorbox56__name a,
.single-post
.single56__authorbox
.authorbox56__name a:hover,
.single-post
.single56__authorbox
.authorbox56__name a:visited {
    text-decoration: none !important;
}

/* Author name: bold and same size as biography text */
.single-post
.single56__authorbox
.gdc-authorbox__author
.authorbox56__name,
.single-post
.single56__authorbox
.gdc-authorbox__author
.authorbox56__name a {
    font-size: inherit !important;
    font-weight: 500 !important;
}

/* Tablet + mobile: increase gap between pill row and title */
@media (max-width: 1199px) {

    /* When pills are ABOVE the title */
    .post56 .meta56:has(.gdc-card-tags) + .title56 {
        margin-top: 16px !important;
    }

    /* When pills are BELOW the title */
    .post56 .title56 + .meta56:has(.gdc-card-tags) {
        margin-top: 14px !important;
    }
}

.single-post
.single56__authorbox
.gdc-conversation-date {
    margin-top: 10px !important;
    font-weight: 400 !important;
}
/* Conversation footer: control interviewer/date spacing explicitly */
.single-post
.single56__authorbox
.gdc-conversation-credit
.gdc-interviewer-names,
.single-post
.single56__authorbox
.gdc-conversation-credit
.gdc-conversation-date {
    margin: 0 !important;
    padding: 0 !important;
}

.single-post
.single56__authorbox
.gdc-conversation-credit
.gdc-conversation-date {
    margin-top: 5px !important;
}

/* =========================================================
   GDC SPONSORED TAXONOMY PILL
   ========================================================= */

/*
 * One real compound capsule.
 *
 * The pale background belongs to the whole Sponsorship pill.
 * The sponsored Category / Topic sits inside it as the
 * stronger left segment.
 */
.gdc-card-tags .gdc-sponsored-pill {
    box-sizing: border-box;

    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto;

    height: 20px;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 25px;

    background: #F5F2F0 !important;

    overflow: hidden;

    white-space: nowrap;

    font: var(--gdc-type-pill-font) !important;
    letter-spacing: var(--gdc-type-pill-tracking) !important;

    text-transform: none !important;
}


/*
 * Left segment: sponsored scope.
 *
 * Override Fox/GDC's global Fancy Category anchor styling,
 * because this link is now an inner segment rather than
 * an independent pill.
 */
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__scope {
    box-sizing: border-box;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 20px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 0 !important;
    border-radius: 25px !important;

    line-height: var(--gdc-type-pill-leading) !important;

    text-decoration: none !important;
    text-transform: capitalize !important;

    white-space: nowrap;

    box-shadow: none !important;
    transform: none !important;
}


/*
 * Topic Sponsorship left segment.
 */
.gdc-card-tags
.gdc-sponsored-pill--topic
> .gdc-sponsored-pill__scope {
    background: #C8BBB0 !important;
    color: #FFFFFF !important;
}


/*
 * Category Sponsorship left segment.
 * Preserve GDC's Category blue.
 */
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__scope {
    background: var(--gdc-category-blue) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}


/*
 * Right segment: sponsor name.
 *
 * This is NOT another pill.
 * It is plain content inside the pale outer capsule.
 */
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner {
    box-sizing: border-box;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 20px !important;

    margin: 0 !important;
    padding: 0 12px 0 10px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: var(--gdc-field-brown) !important;

    line-height: var(--gdc-type-pill-leading) !important;

    text-decoration: none !important;
    text-transform: none !important;

    white-space: nowrap;

    box-shadow: none !important;
    transform: none !important;
}


/*
 * Kill global Fancy Category hover rules
 * on the sponsor-name segment.
 */
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner:hover {
    background: transparent !important;
    color: var(--gdc-field-brown) !important;

    text-decoration: none !important;
}

/*
 * Category Sponsorship:
 * pale blue sponsor side.
 */
.gdc-card-tags
.gdc-sponsored-pill--category {
    background: rgba(78, 120, 253, 0.12) !important;
}

.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__partner,
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__partner:hover {
    background: transparent !important;
    color: rgba(78, 120, 253, 0.72) !important;
}

/*
 * Topic scope hover.
 */
.gdc-card-tags
.gdc-sponsored-pill--topic
> .gdc-sponsored-pill__scope:hover {
    background: var(--gdc-field-brown) !important;
    color: #FFFFFF !important;
}


/*
 * Category scope hover.
 */
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__scope:hover {
    background: var(--gdc-category-blue) !important;
    color: #FFFFFF !important;
}


/*
 * Mobile follows the existing GDC 9px pill padding.
 */
@media (max-width: 600px) {

    .gdc-card-tags
    .gdc-sponsored-pill
    > .gdc-sponsored-pill__scope {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .gdc-card-tags
    .gdc-sponsored-pill
    > .gdc-sponsored-pill__partner {
        padding-left: 8px !important;
        padding-right: 9px !important;
    }
}

/* =========================================================
   GDC FEATURED POST — SPONSORED TAXONOMY PILL
   ========================================================= */

/*
 * The Featured Post has its own pill color system.
 *
 * The outer Sponsorship capsule uses the normal resting
 * Topic appearance on custom article backgrounds.
 */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-sponsored-pill {
    background: rgba(255, 255, 255, 0.3) !important;
}


/*
 * Sponsored Topic:
 * permanently use the Featured Post Topic hover appearance.
 */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-sponsored-pill--topic
> .gdc-sponsored-pill__scope {
    background: rgba(255, 255, 255, 0.6) !important;
    color: #000000 !important;
}


/*
 * Keep the sponsored Topic in the same state on hover.
 */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-sponsored-pill--topic
> .gdc-sponsored-pill__scope:hover {
    background: #FFFFFF !important;
    color: #000000 !important;
}


/*
 * Sponsor name:
 * visually remains in the normal resting Topic state.
 *
 * The background comes from the outer compound capsule,
 * therefore this inner segment stays transparent.
 */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner {
    background: transparent !important;
    color: rgba(0, 0, 0, 0.55) !important;
}


/*
 * Sponsor name does not switch to the hover state.
 */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-sponsored-pill
> .gdc-sponsored-pill__partner:hover {
    background: transparent !important;
    color: rgba(0, 0, 0, 0.55) !important;
}


/*
 * Category Sponsorship follows the existing Featured
 * Category resting appearance rather than the global blue.
 */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__scope {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #000000 !important;
}


/*
 * Category Sponsorship hover follows the existing
 * Featured Category hover appearance.
 */
:is(
    .gdc-feature-post .post56.gdc-feature-has-background,
    .gdc-curated-collection .post56
)
.gdc-card-tags
.gdc-sponsored-pill--category
> .gdc-sponsored-pill__scope:hover {
    background: #FFFFFF !important;
    color: #000000 !important;
}

/* =========================================================
   GDC ARTICLE SPONSORSHIP SIDEBAR CARD
   ========================================================= */


/*
 * Desktop placement:
 *
 * Outer wrapper reserves the complete existing 5/12
 * editorial sidebar column.
 *
 * The visible sponsorship card itself uses only 60%
 * of that column and aligns to the right.
 */
@media (min-width: 900px) {

    .single-post
    .entry-content
    > .gdc-sponsorship-card {
        box-sizing: border-box !important;

        float: right !important;
        clear: right !important;

        width: calc(
            (100% - var(--gdc-editorial-gap))
            * 0.416667
        ) !important;

        max-width: calc(
            (100% - var(--gdc-editorial-gap))
            * 0.416667
        ) !important;

        margin:
            0
            0
            48px
            var(--gdc-editorial-gap) !important;

        padding: 0 !important;
    }


    .single-post
    .entry-content
    > .gdc-sponsorship-card
    > .gdc-sponsorship-card__link {
        width: 60% !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    /* Standard-width text quotes stay in the editorial column beside the
     * sponsor. Fox's clear:both otherwise pushes them below the sidebar.
     * Full/wide blocks retain their existing clearing behavior. */
    .single-post .entry-content
    > .gdc-sponsorship-card
    ~ :is(blockquote, .wp-block-quote, .wp-block-pullquote):not(.alignwide):not(.alignfull) {
        clear: none !important;
    }

    /* Full-width media resumes below the sidebar instead of painting behind it. */
    .single-post .entry-content > .gdc-sponsorship-card
    ~ :is(.wp-block-video, .wp-block-embed, .wp-block-media-text, .wp-block-cover,
          .wp-block-image.alignwide, .wp-block-image.alignfull,
          .wp-block-gallery.alignwide, .wp-block-gallery.alignfull) {
        clear: both !important;
    }
}



/*
 * Complete card is one clickable surface.
 */
.single-post
.entry-content
> .gdc-sponsorship-card
> .gdc-sponsorship-card__link {
    box-sizing: border-box;

    display: block;

    padding: 16px;

    color: #000000 !important;

    text-decoration: none !important;
    text-decoration-line: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;
    background-image: none !important;

    transition:
        background-color 180ms ease;
}


/*
 * Kill Fox/article link decoration across the complete card.
 */
.single-post
.entry-content
> .gdc-sponsorship-card
> a.gdc-sponsorship-card__link,
.single-post
.entry-content
> .gdc-sponsorship-card
> a.gdc-sponsorship-card__link:hover,
.single-post
.entry-content
> .gdc-sponsorship-card
> a.gdc-sponsorship-card__link:focus,
.single-post
.entry-content
> .gdc-sponsorship-card
> a.gdc-sponsorship-card__link:visited {
    color: #000000 !important;

    text-decoration: none !important;
    text-decoration-line: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
    background-image: none !important;

    transform: none !important;
}


/*
 * Prevent decoration from appearing on text inside
 * the full-card link.
 */
.single-post
.entry-content
> .gdc-sponsorship-card
> a.gdc-sponsorship-card__link
* {
    text-decoration: none !important;
    text-decoration-line: none !important;

    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}


/*
 * Category Sponsorship.
 * No stroke — background only.
 */
.single-post
.gdc-sponsorship-card--category
.gdc-sponsorship-card__link {
    background: rgba(78, 120, 253, 0.10);
}

.single-post
.gdc-sponsorship-card--category
.gdc-sponsorship-card__link:hover {
    background: rgba(78, 120, 253, 0.18);
}


/*
 * Topic Sponsorship.
 * No stroke — background only.
 */
.single-post
.gdc-sponsorship-card--topic
.gdc-sponsorship-card__link {
    background: rgba(169, 145, 126, 0.12);
}

.single-post
.gdc-sponsorship-card--topic
.gdc-sponsorship-card__link:hover {
    background: rgba(169, 145, 126, 0.20);
}


/*
 * Sponsorship type label.
 */
.single-post
.gdc-sponsorship-card__label {
    margin: 0 0 14px 0;

    font: var(--gdc-type-label-sponsor-font) !important;
    letter-spacing: var(--gdc-type-label-sponsor-tracking);
    text-transform: uppercase;

    text-decoration: none !important;
}


/* Category label */
.single-post
.gdc-sponsorship-card--category
.gdc-sponsorship-card__label {
    color: var(--gdc-category-blue) !important;
}


/* Topic label */
.single-post
.gdc-sponsorship-card--topic
.gdc-sponsorship-card__label {
    color: var(--gdc-field-brown) !important;
}


/*
 * Fixed 4:3 media frame.
 * Completely square corners.
 */
.single-post
.gdc-sponsorship-card__media {
    position: relative;

    width: 100%;
    aspect-ratio: 4 / 3;

    margin: 0 0 14px 0;
    padding: 0;

    overflow: hidden;

    border: 0 !important;
    border-radius: 0 !important;

    background: rgba(0, 0, 0, 0.04);
}


/*
 * Image and video use exactly the same frame.
 */
.single-post
.gdc-sponsorship-card__image,
.single-post
.gdc-sponsorship-card__video {
    display: block;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover;
    object-position: center center;

    border: 0 !important;
    border-radius: 0 !important;
}


/*
 * Video belongs to the parent clickable card.
 */
.single-post
.gdc-sponsorship-card__video {
    pointer-events: none;
}


/*
 * Sponsor name.
 */
.single-post
.gdc-sponsorship-card__partner {
    margin: 0 0 8px 0;
    padding: 0;

    font: var(--gdc-type-title-sponsor-font) !important;

    color: #000000 !important;

    text-decoration: none !important;
}


/*
 * Short factual sponsor description.
 */
.single-post
.gdc-sponsorship-card__description {
    margin: 0;
    padding: 0;

    font: var(--gdc-type-small-sponsor-font) !important;

    color: rgba(0, 0, 0, 0.65) !important;

    text-decoration: none !important;
}


.single-post
.gdc-sponsorship-card__description
> :first-child {
    margin-top: 0;
}


.single-post
.gdc-sponsorship-card__description
> :last-child {
    margin-bottom: 0;
}


/*
 * Tablet + mobile.
 */
@media (max-width: 899px) {

    /*
     * Keep sponsor attribution out of the compact XS/S Single Post pill row.
     * Listing cards never render this partner segment in their markup.
     */
    .single-post
    .gdc-card-tags
    .gdc-sponsored-pill
    > .gdc-sponsored-pill__partner {
        display: none !important;
    }

    /*
     * The sponsor card remains available at M/L/XL. Hide the complete card at
     * the canonical XS/S tiers while the compact placement is reconsidered.
     */
    .single-post
    .entry-content
    > .gdc-sponsorship-card {
        display: none !important;
    }

    .single-post
    .entry-content
    > .gdc-sponsorship-card {
        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: none !important;

        margin:
            0
            0
            40px
            0 !important;

        padding: 0 !important;
    }


    .single-post
    .entry-content
    > .gdc-sponsorship-card
    > .gdc-sponsorship-card__link {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   GDC SINGLE POST — CONVERSATION PARTICIPANTS + IMAGE CREDIT
   ========================================================= */

.single-post
.single56__authorbox
.gdc-conversation-participant
+ .gdc-conversation-participant {
    margin-top: 14px;
}

.single-post
.single56__authorbox
.gdc-conversation-participant__name {
    font-weight: 500;
}

.single-post
.single56__authorbox
.gdc-conversation-participant__meta {
    margin-top: 5px;
    opacity: 0.68;
}

.single-post
.entry-content
.wp-block-image
> figcaption.gdc-image-credit {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: none;
    margin: 8px 0 0 !important;
    padding: 0;
    color: inherit;
    opacity: 0.58;
    font-family: var(--gdc-type-font-sans);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: left;
}

.single-post
.entry-content
.wp-block-image.alignfull
> figcaption.gdc-image-credit {
    padding-right: var(--gdc-container-gutter);
    padding-left: var(--gdc-container-gutter);
}

/* =========================================================
   GDC GLOBAL RESPONSIVE CONTRACT

   Global viewport tiers:
   1. XS: 0–600px
   2. S: 601–899px
   3. M: 900–1199px
   4. L: 1200–1599px
   5. XL: 1600px+

   Non-width accessibility queries and documented content-specific
   component exceptions remain valid and are not extra viewport tiers.
   ========================================================= */

:root {
  --font-heading: var(--gdc-type-font-sans) !important;
  --font-nav: var(--gdc-type-font-sans) !important;
  --font-custom-1: var(--gdc-type-font-sans) !important;
  --font-custom-2: var(--gdc-type-font-sans) !important;
  --font-body: var(--gdc-type-font-serif) !important;
  --gdc-breakpoint-name: "XS";
  --gdc-container-max-width: none;
  --gdc-container-gutter: 20px;
  --gdc-page-column-gap: clamp(24px, 3vw, 48px);
  --gdc-page-title-top-gap: 60px;
  --gdc-page-title-explanation-gap: 36px;
  --gdc-archive-title-explanation-gap: 21.6px;
  --gdc-page-explanation-to-content-gap: 72px;
  --gdc-header-height: max(
    52px,
    calc(var(--gdc-header-brand-height) + 30px)
  );
  --gdc-header-brand-height: clamp(17px, 5vw, 20px);
  --gdc-header-brand-compact-at: 110px;
  --gdc-header-brand-expand-at: 24px;
  --gdc-social-icon-size: 15.4px;
  --gdc-social-control-size: 20px;
  --gdc-social-icon-gap: 4.8px;
  --gdc-footer-row-gap: 44px;
  --gdc-footer-column-gap: 0px;
  --gdc-footer-title-content-gap: 18px;
  --gdc-footer-nav-item-gap: 8px;
  --gdc-home-section-gap: 40px;
  --gdc-card-column-gap: 20px;
  --gdc-standard-card-title-size: var(--gdc-type-card-size);
  --gdc-standard-card-title-weight: var(--gdc-type-card-weight);
  --gdc-standard-card-title-line-height: var(--gdc-type-card-leading);
  --gdc-search-title-size: var(--gdc-type-search-display-size);
  --gdc-search-pill-height: 30px;
  --gdc-search-pill-padding: 8px 14px;
  --gdc-search-pill-font-size: 11px;
}

/*
 * Fox still assigns its legacy sans stack directly to a few components
 * instead of consuming the theme font tokens. Keep those components inside
 * the same Inter contract without changing their size, weight, or spacing.
 */
body:not(.wp-admin) .single56__title,
body:not(.wp-admin) .meta56__date,
body:not(.wp-admin) .sidedock56__heading,
#wi-footer .widget_nav_menu,
#wi-footer .widget_nav_menu nav {
  font-family: var(--gdc-type-font-sans) !important;
}

@media (min-width: 601px) {
  :root {
    --gdc-breakpoint-name: "S";
    --gdc-container-gutter: 40px;
    --gdc-page-title-top-gap: 72px;
    --gdc-page-title-explanation-gap: 44px;
    --gdc-archive-title-explanation-gap: 26.4px;
    --gdc-page-explanation-to-content-gap: 88px;
    --gdc-header-height: max(
      52px,
      calc(var(--gdc-header-brand-height) + 30px)
    );
    --gdc-header-brand-height: 28px;
    --gdc-header-brand-compact-at: 110px;
    --gdc-header-brand-expand-at: 24px;
    --gdc-social-icon-size: 15.4px;
    --gdc-social-control-size: 20px;
    --gdc-social-icon-gap: 4.8px;
    --gdc-footer-row-gap: 48px;
    --gdc-footer-column-gap: 56px;
    --gdc-footer-title-content-gap: 24px;
    --gdc-footer-nav-item-gap: 6.5px;
    --gdc-home-section-gap: 56px;
    --gdc-card-column-gap: 30px;



    --gdc-search-pill-height: 32px;
    --gdc-search-pill-padding: 8px 17px;
    --gdc-search-pill-font-size: 14px;
  }
}

@media (min-width: 900px) {
  :root {
    --gdc-breakpoint-name: "M";
    --gdc-container-max-width: 1200px;
    --gdc-container-gutter: 60px;
    --gdc-page-title-top-gap: clamp(96px, 8vw, 144px);
    --gdc-page-title-explanation-gap: 48px;
    --gdc-archive-title-explanation-gap: 28.8px;
    --gdc-page-explanation-to-content-gap: clamp(112px, 9vw, 152px);
    --gdc-header-height: 64px;
    --gdc-header-brand-height: 28px;
    --gdc-header-brand-compact-at: 160px;
    --gdc-header-brand-expand-at: 32px;
    --gdc-social-icon-size: 16.5px;
    --gdc-social-control-size: 20px;
    --gdc-social-icon-gap: 4.8px;
    --gdc-footer-row-gap: 48px;
    --gdc-footer-column-gap: 56px;
    --gdc-card-column-gap: 30px;
    --gdc-home-section-gap: 72px;


  }
}

@media (min-width: 1200px) {
  :root {
    --gdc-breakpoint-name: "L";
    --gdc-container-gutter: 80px;
    --gdc-page-title-explanation-gap: clamp(48px, 4vw, 64px);
    --gdc-archive-title-explanation-gap: clamp(28.8px, 2.4vw, 38.4px);
    --gdc-header-height: 64px;
    --gdc-header-brand-height: clamp(28px, 2.25vw, 34px);
    --gdc-header-brand-compact-at: 160px;
    --gdc-header-brand-expand-at: 32px;
    --gdc-social-icon-size: 16.5px;
    --gdc-social-control-size: 20px;
    --gdc-social-icon-gap: 4.8px;
    --gdc-footer-row-gap: 48px;
    --gdc-footer-column-gap: 36px;
    --gdc-card-column-gap: 40px;


  }
}

@media (min-width: 1600px) {
  :root {
    --gdc-breakpoint-name: "XL";
    --gdc-container-max-width: 1680px;
    --gdc-container-gutter: 100px;
    --gdc-header-height: 64px;
    --gdc-header-brand-height: 34px;
    --gdc-header-brand-compact-at: 160px;
    --gdc-header-brand-expand-at: 32px;
    --gdc-social-icon-size: 17.6px;
    --gdc-social-control-size: 22px;
    --gdc-social-icon-gap: 6px;
    --gdc-footer-row-gap: 48px;
    --gdc-footer-column-gap: 48px;
    --gdc-card-column-gap: 50px;



  }
}

body.home {
  --gdc-home-section-gap: inherit;
}

.blog56-wrapper[data-type="post-grid"]
.post56--grid.post56--normal
.post56__text > .title56 {
  font-size: var(--gdc-standard-card-title-size) !important;
  font-weight: var(--gdc-standard-card-title-weight) !important;
  line-height: var(--gdc-standard-card-title-line-height) !important;
}

/*
 * XS Featured timing rhythm: the description is hidden, so remove its empty
 * Main Featured grid row and match both Featured title-to-date gaps to the
 * approved 15px Standard Article Card rhythm.
 */
@media (max-width: 600px) {
  body.home .gdc-feature-post .post56__text {
    grid-template-areas:
      "pills"
      "title"
      "date" !important;
  }

  body.home .gdc-secondary-feature-post .title56 {
    margin-bottom: 15px !important;
  }
}


/*
 * GDC TEST — Homepage feature spacing
 *
 * The child theme already defines --gdc-home-section-gap responsively:
 * 72px desktop, 56px tablet, 40px mobile. The existing selector group does
 * not cover a normal Homepage Builder section followed directly by the
 * Secondary Featured section, leaving that transition at 0px.
 *
 * Reuse the existing spacing token without changing either section's internal
 * padding, card geometry, image ratio, or feed layout.
 */
body.home
  .builder56__section:not(.gdc-curated-collection-section)
  + .gdc-secondary-feature-post {
  margin-top: var(--gdc-home-section-gap) !important;
}

/*
 * Keep the approved mobile 20px inset. From tablet upward, align the Main
 * Featured title + description grid with the spacing rhythm referenced from
 * Secondary Featured: 36px top, 36px bottom and 44px left. Keep the existing
 * 60px right inset.
 */
@media (min-width: 768px) {
  body.home
    .gdc-feature-post
    .post56.gdc-feature-has-background
    .post56__text {
    padding: 36px 60px 36px 44px !important;
    column-gap: 40px !important;
  }

  /*
   * Keep the Main Featured timing attached to the description column. The
   * title spans the right-column stack, so a longer title cannot push the
   * date away from the end of the description.
   */
  body.home .gdc-feature-post .post56__text {
    grid-template-areas:
      "pills pills"
      "title excerpt"
      "title date"
      "title ." !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  }

  body.home .gdc-feature-post .meta56 > .meta56__date {
    margin-top: 0 !important;
  }

  /* Shared card rhythm: description to timing is exactly 15px. */
  body.home .gdc-secondary-feature-post .excerpt56 {
    margin-bottom: 0 !important;
  }

  body.home .gdc-secondary-feature-post .post56__text > .meta56:last-child {
    margin-top: 15px !important;
  }
}

/*
 * The GDC global contract keeps the General Feed at two columns from 601px
 * through 899px, then moves to three columns at 900px. Keep all nine queried posts available, but
 * hide the ninth only in the two-column range so the visible grid ends on a
 * complete row. Mobile and every three-column layout continue to show nine.
 */
@media (min-width: 601px) and (max-width: 899px) {
  body.home
    .widget56--id--3
    .blog56--grid
    > .post56:nth-child(n + 9) {
    display: none !important;
  }
}

/*
 * iPad/tablet Secondary Featured layout: preserve its own hierarchy with the
 * complete content panel on the left and the image on the right. Do not turn
 * Secondary Featured into Main Featured's image-above/text-below structure.
 * Mobile remains stacked; >=1600px keeps the existing desktop implementation.
 */
@media (min-width: 768px) and (max-width: 1599px) {
  body.home .gdc-secondary-feature-post .post56--list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    aspect-ratio: auto !important;
    align-items: start !important;
    isolation: isolate !important;
    position: relative !important;
  }

  body.home .gdc-secondary-feature-post .thumbnail56 {
    grid-area: 1 / 2 !important;
    aspect-ratio: 4 / 3 !important;
    align-self: start !important;
    z-index: 2 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.home .gdc-secondary-feature-post .thumbnail56 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.home
    .gdc-secondary-feature-post
    .post56--list
    .post56__text {
    grid-area: 1 / 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    min-height: 100% !important;
    height: auto !important;
    padding: 36px 60px 36px 44px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /*
   * The portrait text column can be taller until its dedicated type scale is
   * tuned. Extend its dynamic accent colour behind the unused part of the
   * image column without stretching or cropping the 4:3 image itself.
   */
  body.home
    .gdc-secondary-feature-post
    .post56--list
    .post56__text::before {
    background-color: inherit !important;
    bottom: 0 !important;
    content: "" !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: -100% !important;
    top: 0 !important;
    z-index: 0 !important;
  }

  body.home
    .gdc-secondary-feature-post
    .post56--list
    .post56__text
    > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body.home .gdc-secondary-feature-post .post56__text > .meta56:last-child {
    margin-top: 15px !important;
  }
}



/*
 * Standard thumbnail grids share the responsive card-gap token.
 * Curated Collection, Featured modules and Search list layouts are excluded.
 */
body.home .widget56--id--3 .blog56--grid,
body.archive .blog56-wrapper[data-type="post-grid"] .blog56--grid,
body.single-post .blog56-wrapper[data-type="post-grid"] .blog56--grid {
  column-gap: var(--gdc-card-column-gap) !important;
}

@media (max-width: 600px) {
  body.home .widget56--id--3 .blog56--grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (min-width: 601px) and (max-width: 899px) {
  body.home .widget56--id--3 .blog56--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 900px) {
  body.home .widget56--id--3 .blog56--grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}



/*
 * S and XS keep native two-column article blocks stacked. WordPress core
 * otherwise changes them back to a horizontal flex row near the top of S,
 * which would create a hidden sixth layout tier inside the GDC contract.
 */
@media (max-width: 899px) {
  .single-post .entry-content
  > .wp-block-columns:has(
    > .wp-block-column:nth-child(2):last-child
  ),
  .single-post .entry-content
  > .wp-block-group
  > .wp-block-group__inner-container
  > .wp-block-columns:has(
    > .wp-block-column:nth-child(2):last-child
  ) {
    display: flex !important;
    flex-direction: column !important;
  }

  .single-post .entry-content
  > .wp-block-columns:has(
    > .wp-block-column:nth-child(2):last-child
  )
  > .wp-block-column,
  .single-post .entry-content
  > .wp-block-group
  > .wp-block-group__inner-container
  > .wp-block-columns:has(
    > .wp-block-column:nth-child(2):last-child
  )
  > .wp-block-column {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
  }
}


/*
 * Shared Featured and single-post hero typography tokens.
 *
 * Main Featured and Secondary Featured deliberately keep their own layout,
 * margins, padding and image behavior. Their title and description typography
 * now comes from one responsive token set. The single-post title and subtitle
 * each have independent responsive tokens for article-hero adjustments.
 */
:root {
    --gdc-shared-feature-title-font-family: var(--gdc-type-font-sans);
    --gdc-shared-feature-title-font-size: var(--gdc-type-feature-title-size);
    --gdc-shared-feature-title-font-weight: var(--gdc-type-title-weight);
    --gdc-shared-feature-title-line-height: var(--gdc-type-title-leading);
    --gdc-shared-feature-title-letter-spacing: var(--gdc-type-title-tracking);

    --gdc-single-post-title-font-family: var(--gdc-type-font-sans);
    --gdc-single-post-title-font-size: var(--gdc-type-title-size);
    --gdc-single-post-title-font-weight: var(--gdc-type-title-weight);
    --gdc-single-post-title-line-height: var(--gdc-type-title-leading);
    --gdc-single-post-title-letter-spacing: var(--gdc-type-title-tracking);

    --gdc-shared-feature-description-font-family: var(--gdc-type-font-serif);
    --gdc-shared-feature-description-font-size: var(--gdc-type-feature-lead-size);
    --gdc-shared-feature-description-font-weight: var(--gdc-type-lead-weight);
    --gdc-shared-feature-description-line-height: var(--gdc-type-lead-leading);
    --gdc-shared-feature-description-letter-spacing: normal;

    --gdc-single-post-description-font-family: var(--gdc-type-font-serif);
    --gdc-single-post-description-font-size: var(--gdc-type-lead-size);
    --gdc-single-post-description-font-weight: var(--gdc-type-lead-weight);
    --gdc-single-post-description-line-height: var(--gdc-type-lead-leading);
    --gdc-single-post-description-letter-spacing: normal;
}

body.home :is(.gdc-feature-post, .gdc-secondary-feature-post) .title56 {
    font-family: var(--gdc-shared-feature-title-font-family) !important;
    font-size: var(--gdc-shared-feature-title-font-size) !important;
    font-weight: var(--gdc-shared-feature-title-font-weight) !important;
    line-height: var(--gdc-shared-feature-title-line-height) !important;
    letter-spacing: var(--gdc-shared-feature-title-letter-spacing) !important;
}

body.home :is(.gdc-feature-post, .gdc-secondary-feature-post) .excerpt56 {
    font-family: var(--gdc-shared-feature-description-font-family) !important;
    font-size: var(--gdc-shared-feature-description-font-size) !important;
    font-style: normal !important;
    font-weight: var(--gdc-shared-feature-description-font-weight) !important;
    line-height: var(--gdc-shared-feature-description-line-height) !important;
    letter-spacing: var(--gdc-shared-feature-description-letter-spacing) !important;
}

body.single-post .single56__outer.container--6 > .single56__header > .single56__title {
    font-family: var(--gdc-single-post-title-font-family) !important;
    font-size: var(--gdc-single-post-title-font-size) !important;
    font-weight: var(--gdc-single-post-title-font-weight) !important;
    line-height: var(--gdc-single-post-title-line-height) !important;
    letter-spacing: var(--gdc-single-post-title-letter-spacing) !important;
}

body.single-post .single56__outer.container--6 > .single56__header > .single56__subtitle {
    font-family: var(--gdc-single-post-description-font-family) !important;
    font-size: var(--gdc-single-post-description-font-size) !important;
    font-style: normal !important;
    font-weight: var(--gdc-single-post-description-font-weight) !important;
    line-height: var(--gdc-single-post-description-line-height) !important;
    letter-spacing: var(--gdc-single-post-description-letter-spacing) !important;
}







/* Large-desktop shared Featured scale. */


/* Article reading typography is shared with Gutenberg by
 * gdc_article_reading_styles() in inc/gdc-design-system.php. */


/* GDC SEARCH FILTER — GLOBAL RESPONSIVE CANDIDATE
-------------------------------------------------- */

/* Fox's search title is visually suppressed by the current layout. Keep the
 * native result label and query H1 available to assistive technology without
 * changing the approved composition. */
body.search .titlebar56__label,
body.search .titlebar56__title {
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Widen the Fox page structure only on the Search Test page */
.page-id-587 .container--main,
.page-id-587 .primary56,
.page-id-587 .single56__body,
.page-id-587 .single56__body-area,
.page-id-587 .entry-content {
  width: 100%;
  max-width: none;
}

/* Main responsive page padding */
.page-id-587 .container--main {
  padding-right: 60px;
  padding-left: 60px;
}

/* Hide the normal WordPress page title */
.page-id-587 .single56__header {
  display: none;
}

/* Search component */
.gdc-search-filter {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 56px 0 80px;
  box-sizing: border-box;
  font-family: var(--gdc-type-font-sans);
}

/* Reset plugin lists */
.gdc-search-filter ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Main layout and maximum width of the pill area */
.gdc-search-filter > div > ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  column-gap: 5px;
  row-gap: 4px;
}

/* Remove plugin field spacing */
.gdc-search-filter > div > ul > li {
  margin: 0;
  padding: 0;
}

/* Search field */
.gdc-search-filter > div > ul > li:first-child {
  flex: 0 0 calc(100vw - (2 * var(--gdc-container-gutter)));
  width: calc(100vw - (2 * var(--gdc-container-gutter)));
  max-width: none;
  margin-top: 0;
  margin-right: calc((980px - (100vw - (2 * var(--gdc-container-gutter)))) / 2);
  margin-bottom: 42px;
  margin-left: calc((980px - (100vw - (2 * var(--gdc-container-gutter)))) / 2);
}

.gdc-search-filter > div > ul > li:first-child > label {
  display: block;
  width: 100%;
}

.gdc-search-filter input[type="text"],
.gdc-search-filter input[type="search"] {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  color: #111;
  text-align: center;
  font-family: var(--gdc-type-font-sans);
  font-size: var(--gdc-search-title-size);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.gdc-search-filter input[type="text"]::placeholder,
.gdc-search-filter input[type="search"]::placeholder {
  color: #e8e8e8;
  opacity: 1;
}

/* Combined category and tag flow */
.gdc-search-filter > div > ul > li:nth-child(2),
.gdc-search-filter > div > ul > li:nth-child(3),
.gdc-search-filter > div > ul > li:nth-child(2) > ul,
.gdc-search-filter > div > ul > li:nth-child(3) > ul {
  display: contents;
}

.gdc-search-filter > div > ul > li:nth-child(2) > ul > li,
.gdc-search-filter > div > ul > li:nth-child(3) > ul > li {
  width: auto;
  margin: 0;
  padding: 0;
}

/* Pills */
.gdc-search-filter > div > ul > li > ul > li > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--gdc-search-pill-height);
  margin: 0;
  padding: var(--gdc-search-pill-padding);
  border: 1px solid transparent;
  border-radius: 999px;
  color: #111;
  font-family: var(--gdc-type-font-sans);
  font-size: var(--gdc-search-pill-font-size);
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.gdc-search-filter input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.gdc-search-filter > div > ul > li:nth-child(2) > ul > li > label {
  background: #3f67ff;
  color: #fff;
}

.gdc-search-filter > div > ul > li:nth-child(3) > ul > li > label {
  background: #b7a18f;
  color: #111;
}

.gdc-search-filter > div > ul > li > ul > li > label:hover,
.gdc-search-filter > div > ul > li > ul > li > label:has(input[type="checkbox"]:checked) {
  background: #111;
  border-color: #111;
  color: #fff;
}

.gdc-search-filter > div > ul > li > ul > li > label:has(input[type="checkbox"]:focus-visible) {
  outline: 2px solid #111;
  outline-offset: 3px;
}

.gdc-search-filter > div > ul > li:last-child {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 600px) {
  .gdc-search-filter {
    padding: 48px 0 64px;
  }

  .gdc-search-filter > div > ul {
    justify-content: flex-start;
    max-width: none;
    column-gap: 6px;
    row-gap: 7px;
  }

  .gdc-search-filter > div > ul > li:first-child {
    margin-right: 0;
    margin-bottom: 28px;
    margin-left: 0;
  }

  .gdc-search-filter input[type="text"],
  .gdc-search-filter input[type="search"] {
    text-align: left;
    letter-spacing: -0.04em;
  }
}


/* Shared article section rhythm; token is supplied with editor reading styles.
 * Only root sections receive padding, so nested Columns do not compound it. */
body.single-post .entry-content.single56__post_content {
    margin-top: var(--gdc-article-section-space) !important;
}
body.single-post .entry-content.single56__post_content
> :is(.wp-block-group, .wp-block-columns) {
    padding-top: var(--gdc-article-section-space) !important;
    padding-bottom: var(--gdc-article-section-space) !important;
}