.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #fff;
    color: #000;
    padding: 12px 16px;
    z-index: 20
}

.skip-link:focus {
    left: 16px;
    top: 16px
}

a:focus-visible,
button:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .9);
    outline-offset: 4px
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(8, 17, 45, .88);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--line)
}

.site-toast {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 30;
    width: min(calc(100% - 32px), 440px);
    padding: 18px 22px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 18px;
    background: #1C2541;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    white-space: pre-line;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, calc(-50% + 14px));
    transition: opacity .2s ease, transform .2s ease
}

.site-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, -50%)
}

.header-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 0
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em
}

.brand img {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25)
}

.brand span {
    white-space: nowrap
}

.site-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px
}

.nav-cta {
    color: #fff !important;
    background: var(--brand);
    border-radius: 999px;
    padding: 8px 14px;
    box-shadow: 0 10px 24px rgba(219, 12, 22, .22)
}

.site-nav a,
.language-option {
    color: var(--text-soft)
}

.site-nav a:hover,
.language-option:hover,
.is-active {
    color: var(--text)
}

.language-switcher {
    display: flex;
    align-items: center;
    justify-self: end;
    margin-right: 20px;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035)
}

.language-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .88rem;
    line-height: 1;
    white-space: nowrap;
    transition: .2s color, .2s background, .2s box-shadow
}

.language-option.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--brand), var(--brand-dark));
    box-shadow: 0 10px 24px rgba(219, 12, 22, .2)
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #c6d3ff;
    background: rgba(43, 88, 255, .12);
    border: 1px solid rgba(116, 147, 255, .24);
    border-radius: 999px;
    padding: 8px 14px;
    margin-bottom: 18px;
    font-size: .70rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em
}

.eyebrow-live {
    color: #fff;
    background: var(--brand-soft);
    border-color: rgba(219, 12, 22, .42)
}

.eyebrow-live::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--brand);
    box-shadow: 0 0 0 6px rgba(219, 12, 22, .18)
}

.eyebrow-live__compact {
    display: none
}

.hero h1,
.section-hero h1,
.article-header h1 {
    font-size: clamp(2.2rem, 5vw, 4.6rem);
    line-height: 1.04;
    margin-bottom: 18px
}

.lead {
    font-size: 1.12rem;
    color: var(--text-soft);
    max-width: 64ch
}

.card {
    background: linear-gradient(180deg, rgba(21, 31, 77, .96), rgba(10, 17, 40, .94));
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow)
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 700;
    transition: .2s transform, .2s background, .2s border-color
}

.button:hover {
    transform: translateY(-1px)
}

.button-primary {
    background: linear-gradient(135deg, var(--brand), var(--brand-dark));
    color: #fff;
    box-shadow: var(--shadow-red)
}

.button-secondary {
    background: rgba(255, 255, 255, .04);
    border-color: var(--line);
    color: var(--text)
}

.button-secondary:hover {
    border-color: rgba(255, 255, 255, .34);
    background: rgba(255, 255, 255, .07)
}

.check-list,
.process-list {
    list-style: none;
    display: grid;
    gap: 12px;
    margin-top: 18px
}

.check-list li,
.process-list li {
    position: relative;
    padding-left: 20px;
    color: var(--text-soft)
}

.check-list li::before,
.process-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #83a6ff
}

.article-body,
.article-aside {
    padding: 24px
}

.article-layout .article-body {
    align-self: stretch
}

.article-layout--article {
    column-gap: 28px;
    row-gap: 24px
}

.article-layout--article .article-header {
    grid-column: 1 / -1;
    margin-bottom: 0
}

.article-layout--article .article-header .lead {
    max-width: none;
    width: 100%
}

.redirect-logo {
    margin: 0 auto 20px
}

.radio-device {
    max-width: 380px;
    margin-inline: auto;
    padding: 14px;
    border-radius: 42px;
    background: linear-gradient(145deg, #1f2744, #050914);
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 34px 80px rgba(0, 0, 0, .48)
}

.radio-device__screen {
    position: relative;
    overflow: hidden;
    aspect-ratio: 350 / 650;
    min-height: 650px;
    border-radius: 30px;
    background: #050914;
    border: 1px solid rgba(255, 255, 255, .1)
}

.radio-device iframe {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 350 / 650;
    min-height: 650px;
    display: block;
    border: 0;
    background: #050914;
    opacity: 0;
    transition: opacity .28s ease
}

.radio-device.is-loaded iframe {
    opacity: 1
}

.radio-device__loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .34), rgba(255, 255, 255, .96));
    transform: translate(-50%, -50%);
    animation: radio-loader 1s linear infinite
}

.radio-device__loader::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: inherit;
    background: #050914
}

.radio-device.is-loaded .radio-device__loader {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease
}

@keyframes radio-loader {
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.radio-fallback {
    margin-top: 16px;
    color: var(--text-soft);
    text-align: center;
    font-size: .85rem
}

.radio-fallback a,
.article-radio-cta a:not(.button) {
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

.section-card {
    padding: 24px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .03);
    display: flex;
    flex-direction: column
}

.section-card:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, .045)
}

.section-card__icon {
    width: 58px;
    height: 58px;
    border-radius: 8px;
    margin-bottom: 16px
}

.section-card h3 {
    font-size: 1.35rem;
    margin-bottom: 12px
}

.section-card p {
    color: var(--text-soft);
    line-height: 1.5;
    min-height: calc(1.5em * 3);
    margin-bottom: 18px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.section-card a {
    font-weight: 700;
    margin-top: auto
}

.section-grid.four-cols .section-card {
    border-color: var(--line)
}

.news {
    border-color: rgba(43, 88, 255, .35)
}

.business {
    border-color: rgba(241, 165, 0, .35)
}

.history {
    border-color: rgba(143, 109, 255, .35)
}

.science {
    border-color: rgba(24, 193, 147, .35)
}

.section-heading {
    margin-bottom: 24px
}

.section-heading h2 {
    font-size: clamp(1.7rem, 3vw, 2.8rem);
    margin-bottom: 12px
}

.section-block--sample-feedback {
    padding-top: 12px
}

.sample-feedback-shell {
    display: grid;
    gap: 20px
}

.sample-feedback-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 0
}

.sample-feedback-heading>div:first-child {
    max-width: 720px
}

.sample-feedback-track {
    --sample-feedback-card-width: calc((100% - 60px) / 3.22);
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--sample-feedback-card-width);
    gap: 20px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    padding: 2px 2px 14px;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: auto;
    touch-action: pan-y;
    user-select: none
}

.sample-feedback-track::-webkit-scrollbar {
    display: none
}

.sample-feedback-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none
}

.sample-feedback-track.is-animating {
    scroll-snap-type: none
}

.sample-feedback-card {
    min-height: 220px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .025)),
        rgba(255, 255, 255, .03);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sample-feedback-card p {
    color: var(--text);
    font-size: 1.05rem;
    line-height: 1.55
}

.quote-mark {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35em;
    font-weight: 700;
    line-height: 0;
    vertical-align: -.08em
}

.sample-feedback-card footer {
    margin-top: 28px;
    color: var(--text-soft);
    font-size: .88rem;
    font-style: italic;
    font-weight: 400
}

.sample-feedback-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none
}

.sample-feedback-dots span {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 999px;
    background: transparent;
    opacity: .58;
    transform: scale(.92);
    transition: background-color .26s ease, border-color .26s ease, opacity .26s ease, transform .26s ease
}

.sample-feedback-dots span.is-active {
    background: var(--text);
    border-color: var(--text);
    opacity: 1
}

.section-hero-row {
    display: grid;
    grid-template-columns: minmax(0, 300px) minmax(280px, 300px);
    gap: 24px;
    align-items: stretch;
    margin-bottom: 32px
}

.section-hero-editorial {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: start;
    align-content: start;
    width: min(100%, 300px);
    min-height: 250px;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)),
        linear-gradient(145deg, rgba(21, 31, 77, .92), rgba(7, 13, 34, .98));
    box-shadow: var(--shadow)
}

.section-hero-row .section-hero-editorial {
    height: 100%;
    margin-bottom: 0
}

.section-hero-editorial>div {
    align-self: start
}

.section-radio-aside {
    height: 100%;
    min-height: 250px
}

.section-hero-row .section-radio-aside {
    min-height: 300px
}

.section-cta-stack {
    display: grid;
    gap: 8px;
    align-self: stretch;
    width: min(100%, 300px)
}

.section-hero-editorial h1 {
    font-size: clamp(1.7rem, 2.4vw, 2.45rem)
}

.section-hero-editorial .lead {
    display: -webkit-box;
    min-height: 4.8em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    line-height: 1.6
}

.section-hero-editorial__logo {
    width: 112px;
    height: 112px;
    border-radius: 15px;
    box-shadow: 0 20px 42px rgba(0, 0, 0, .32)
}

.section-radio-cta {
    display: grid;
    gap: 14px;
    margin-top: 26px;
    background:
        linear-gradient(180deg, rgba(219, 12, 22, .14), rgba(255, 255, 255, .035)),
        linear-gradient(180deg, rgba(21, 31, 77, .96), rgba(10, 17, 40, .94));
    border-color: rgba(219, 12, 22, .28)
}

.section-radio-cta p {
    color: var(--text-soft)
}

.article-figure img {
    display: block;
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, .06);
    color: transparent;
    font-size: 0;
    border-radius: 20px
}

.story-list {
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.story-list li {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.story-list a {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 16px 0;
    font-weight: 400
}

.story-list a:hover {
    color: var(--text)
}

.story-list__date {
    color: var(--text-soft);
    white-space: nowrap
}

.story-list__title {
    min-width: 0
}

.archive-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 28px
}

.archive-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    list-style: none
}

.archive-pagination__page,
.archive-pagination__step {
    display: inline-flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    color: var(--text);
    background: rgba(255, 255, 255, .04);
    font-weight: 600
}

.archive-pagination__page:hover,
.archive-pagination__step:hover,
.archive-pagination__page:focus-visible,
.archive-pagination__step:focus-visible {
    border-color: rgba(255, 255, 255, .42);
    color: #fff;
    background: rgba(255, 255, 255, .09)
}

.archive-pagination__page[aria-current="page"] {
    border-color: rgba(219, 12, 22, .78);
    color: #fff;
    background: rgba(219, 12, 22, .24)
}

@media (max-width:520px) {
    .archive-pagination {
        display: grid;
        grid-template-columns: 40px minmax(0, auto) 40px;
        gap: 6px;
        justify-content: center
    }

    .archive-pagination__pages {
        grid-column: 2;
        flex-wrap: nowrap;
        gap: 5px;
        min-width: 0
    }

    .archive-pagination__step--previous {
        grid-column: 1
    }

    .archive-pagination__step--next {
        grid-column: 3
    }

    .archive-pagination__page,
    .archive-pagination__step {
        min-width: 36px;
        min-height: 40px;
        padding: 0 9px
    }

    .archive-pagination__step {
        padding: 0;
        font-size: 1.35rem;
        line-height: 1
    }
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--text-soft);
    margin-bottom: 20px
}

.article-header {
    margin-bottom: 24px
}

.article-figure {
    float: left;
    width: 192px;
    max-width: 42%;
    margin: 0 22px 14px 0
}

.article-body p+p {
    margin-top: 18px
}

.article-ai-label,
.article-ai-disclosure,
.section-ai-disclosure {
    color: var(--text-soft);
    font-size: .82rem;
    font-style: italic;
    line-height: 1.5
}

.article-ai-label {
    margin: 0
}

.article-ai-label--desktop {
    margin-bottom: 8px
}

.article-ai-label--mobile {
    display: none;
    grid-column: 1 / -1
}

.article-ai-disclosure {
    grid-column: 1 / -1;
    margin: -6px 0 0
}

.section-ai-disclosure {
    grid-column: 1 / -1;
    margin: 0
}

.section-ai-disclosure--mobile {
    display: none
}

.section-ai-disclosure--desktop {
    margin: -24px 0 12px;
    text-align: left
}

.article-aside {
    display: grid;
    gap: 16px
}

.article-radio-cta {
    display: grid;
    gap: 14px;
    margin-top: 22px;
    background:
        linear-gradient(180deg, rgba(219, 12, 22, .14), rgba(255, 255, 255, .035)),
        linear-gradient(180deg, rgba(21, 31, 77, .96), rgba(10, 17, 40, .94));
    border-color: rgba(219, 12, 22, .28)
}

.article-radio-cta .button {
    margin-top: 10px;
}

.article-radio-cta.section-radio-aside {
    grid-template-rows: 36px auto minmax(0, 1fr) 48px;
    align-items: start;
    width: min(100%, 300px);
    margin-top: 0;
    justify-self: start
}

.article-radio-cta.section-radio-aside .eyebrow-live {
    width: fit-content;
    max-width: 100%;
    height: 36px;
    margin-bottom: 0;
    padding-right: 16px;
    white-space: nowrap
}

.article-radio-cta.section-radio-aside .button {
    align-self: end;
    width: 100%;
    height: 48px;
    margin-top: 0
}

.article-radio-cta.section-radio-aside .eyebrow-live__mobile,
.section-radio-aside__mobile-title {
    display: none
}

.article-layout .article-radio-cta.section-radio-aside {
    align-self: stretch;
    height: auto;
    min-height: 350px
}

@media (min-width:1101px) {
    .article-layout--article .article-radio-cta.section-radio-aside {
        align-self: start;
        min-height: 340px
    }
}

.section-footer-radio-aside {
    display: none
}

.section-footer-cta-stack {
    display: none
}

.article-footer-radio-aside {
    display: none
}

.article-radio-cta h2,
.article-radio-cta .cta-title,
.article-aside h2 {
    font-size: clamp(1.35rem, 2.4vw, 1.9rem)
}

.article-radio-cta p,
.article-aside p,
.article-figure figcaption {
    color: var(--text-soft)
}

.article-radio-cta .cta-title {
    margin: 0;
    color: var(--text);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: 0
}

@media (max-width:560px) {
    .brand {
        gap: var(--mobile-brand-gap, 8px);
        font-size: var(--mobile-brand-font-size, 1rem);
        letter-spacing: var(--mobile-brand-letter-spacing, .08em)
    }

    .article-figure {
        width: 128px;
        max-width: 38%;
        margin: 0 16px 10px 0
    }

    .article-layout .article-radio-cta.section-radio-aside {
        justify-self: center
    }

    .section-card {
        --section-card-icon-size: 56px;
        --section-card-icon-gap: 10px;
        display: block
    }

    .section-card__icon {
        width: var(--section-card-icon-size);
        height: var(--section-card-icon-size);
        float: left;
        margin: 0 var(--section-card-icon-gap) 4px 0
    }

    .section-card h3 {
        margin-bottom: 12px;
        line-height: 1.15
    }

    .section-card p {
        display: block;
        min-height: 0;
        margin-bottom: 18px;
        overflow: visible;
        line-clamp: unset;
        -webkit-line-clamp: unset
    }

    .section-card a {
        display: inline-block;
        margin-top: 0
    }

    .section-hero-row {
        justify-content: center
    }

}

@media (max-width:1100px) {
    .article-layout .article-body {
        align-self: auto
    }

    .sample-feedback-shell {
        width: min(100%, 760px);
        margin-inline: auto
    }

    .article-layout .article-radio-cta.section-radio-aside {
        align-self: stretch;
        height: auto;
        min-height: 300px
    }

    .sample-feedback-track {
        --sample-feedback-card-width: calc((100% - 40px) / 2.18)
    }
}

.article-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    color: var(--text-soft)
}

.article-nav a {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, .035)
}

.article-nav a:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .3)
}

.site-footer {
    border-top: 1px solid var(--line);
    padding: 22px 0 16px;
    background: rgba(8, 17, 45, .88)
}

.footer-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 18px 34px
}

.footer-nav {
    display: grid;
    gap: 6px
}

.footer-nav--legal {
    justify-items: end;
    text-align: right
}

.footer-nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 18px
}

.footer-nav--legal ul {
    justify-content: flex-end
}

.footer-nav h2 {
    font-size: .78rem;
    font-weight: 700;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: .06em
}

.site-footer li,
.footer-bottom {
    color: var(--text-soft)
}

.site-footer ul {
    list-style: none
}

.footer-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    color: var(--text-soft);
    font-size: .86rem
}

.footer-nav a:hover {
    color: var(--text)
}

.footer-bottom {
    padding-top: 0;
    margin-top: 6px;
    font-size: .82rem
}

.redirect-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px
}

.redirect-card {
    text-align: center;
    padding: 40px
}

.note {
    margin-top: 16px;
    color: var(--text-soft)
}

.legal-page {
    padding: 56px 0 72px
}

.legal-document {
    padding: clamp(24px, 5vw, 48px)
}

.legal-header {
    margin-bottom: 34px
}

.legal-page h1 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
    margin-bottom: 16px
}

.legal-page h2 {
    font-size: clamp(1.35rem, 2.4vw, 1.85rem);
    line-height: 1.22;
    margin-bottom: 14px
}

.legal-page h3 {
    font-size: 1.08rem;
    line-height: 1.3;
    margin: 24px 0 10px
}

.legal-page p,
.legal-page li,
.legal-page address {
    color: var(--text-soft)
}

.legal-page p+p,
.legal-page address+p,
.legal-page ul+p {
    margin-top: 14px
}

.legal-page address {
    display: inline-flex;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    font-style: normal;
    overflow-wrap: anywhere
}

.legal-toc {
    margin-bottom: 36px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .03)
}

.legal-toc h2 {
    font-size: 1rem;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: .06em
}

.legal-toc ol {
    columns: 2;
    gap: 28px;
    padding-left: 1.25rem
}

.legal-toc li {
    break-inside: avoid;
    margin-bottom: 8px
}

.legal-toc a {
    color: var(--text-soft);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

.legal-toc a:hover {
    color: var(--text)
}

.legal-section {
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    scroll-margin-top: 96px
}

.legal-section+.legal-section {
    margin-top: 30px
}

.legal-section ul {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding-left: 1.25rem
}

.legal-owner-details span {
    display: block
}

.legal-section a {
    color: var(--text);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

@media (max-width:760px) {
    .header-inner {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap
    }

    .brand {
        order: 1
    }

    .brand img {
        display: block;
        width: var(--mobile-brand-icon-size, 22px);
        height: var(--mobile-brand-icon-size, 22px);
        flex: 0 0 var(--mobile-brand-icon-size, 22px);
        border-radius: 4px;
        box-shadow: none
    }

    .site-nav,
    .language-switcher {
        width: 100%;
        overflow-x: auto
    }

    .site-nav {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        justify-content: flex-start;
        order: 3;
        padding-bottom: 4px
    }

    .legal-home-nav {
        justify-content: center
    }

    .language-switcher {
        justify-content: flex-start;
        order: 2;
        margin-left: auto;
        margin-right: 0;
        width: auto;
        max-width: 100%
    }

    .language-option {
        line-height: 1.15;
        white-space: normal;
        text-align: center
    }

    .site-header--compact .header-inner {
        align-items: center;
        flex-direction: row
    }

    .site-header--compact .language-switcher {
        margin-left: auto
    }

    .radio-device__screen,
    .radio-device iframe {
        min-height: 0
    }

    .section-hero-editorial {
        display: block;
        width: calc(100% + 72px);
        min-height: 0;
        margin-inline: -36px;
        padding-block: 16px;
        padding-inline: 36px;
        border: 0;
        border-inline: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none
    }

    .section-hero-editorial::after {
        content: "";
        display: block;
        clear: both
    }

    .section-hero-row {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        justify-content: stretch;
        gap: 16px;
        margin-bottom: 0
    }

    .section-hero-row .section-cta-stack {
        order: 1;
        width: 100%;
        justify-self: stretch
    }

    .section-hero-row .section-ai-disclosure--mobile {
        display: block;
        padding-inline: 0
    }

    .section-ai-disclosure--desktop {
        display: none
    }

    .section-hero-row .section-radio-aside {
        grid-template-columns: minmax(0, 1fr) max-content;
        grid-template-rows: minmax(36px, auto) auto auto;
        row-gap: 0;
        width: calc(100% + 72px);
        max-width: none;
        min-height: 0;
        margin-inline: -36px;
        padding-block: 12px;
        padding-inline: 12px;
        border-inline: 0;
        border-radius: 0;
        justify-self: stretch
    }

    .section-footer-cta-stack {
        display: grid;
        width: 100%
    }

    .article-radio-cta.section-radio-aside.section-footer-radio-aside {
        display: grid;
        grid-template-columns: minmax(0, 230px) minmax(0, 1fr);
        grid-template-rows: minmax(36px, auto) auto auto;
        row-gap: 0;
        width: 100%;
        max-width: none;
        min-height: 0;
        margin: 0;
        padding-block: 12px;
        padding-inline: 12px;
        border-inline: 0;
        border-bottom: 0;
        border-radius: 0;
        justify-self: stretch
    }

    .article-radio-cta.section-radio-aside .eyebrow-live {
        grid-column: 1;
        grid-row: 1;
        width: fit-content;
        min-width: max-content;
        max-width: none;
        min-height: 36px;
        height: auto;
        font-size: .75rem;
        line-height: 1.15;
        overflow: visible;
        white-space: nowrap
    }

    .article-radio-cta.section-radio-aside .eyebrow-live__full {
        display: none
    }

    .article-radio-cta.section-radio-aside .eyebrow-live__compact {
        display: inline
    }

    .section-hero-row .article-radio-cta.section-radio-aside .eyebrow-live__compact,
    .section-hero-row .article-radio-cta.section-radio-aside .section-radio-aside__desktop-title,
    .section-hero-row .article-radio-cta.section-radio-aside .section-radio-aside__text {
        display: none
    }

    .section-hero-row .article-radio-cta.section-radio-aside .eyebrow-live__mobile,
    .section-hero-row .article-radio-cta.section-radio-aside .section-radio-aside__mobile-title {
        display: inline
    }

    .article-radio-cta.section-radio-aside h2,
    .article-radio-cta.section-radio-aside .cta-title,
    .article-radio-cta.section-radio-aside p:not(.eyebrow-live):not(.cta-title):not(.section-ai-disclosure) {
        grid-column: 1 / -1
    }

    .article-radio-cta.section-radio-aside h2,
    .article-radio-cta.section-radio-aside .cta-title {
        font-size: clamp(1.21rem, 2.14vw, 1.7rem);
        font-weight: 700;
        line-height: 1.15;
        color: var(--text);
        margin-top: 7px
    }

    .section-hero-row .article-radio-cta.section-radio-aside .cta-title {
        margin-top: 10px
    }

    .article-radio-cta.section-radio-aside p:not(.eyebrow-live):not(.cta-title):not(.section-ai-disclosure) {
        font-size: .8rem;
        margin-top: 4px
    }

    .article-radio-cta.section-radio-aside .button {
        grid-column: 2;
        grid-row: 1;
        width: auto;
        max-width: 100%;
        min-height: 34px;
        height: auto;
        padding: 0 12px;
        font-size: .88rem;
        align-self: center;
        justify-self: end;
        border-radius: 999px;
        line-height: 1.15;
        white-space: nowrap;
        text-align: center
    }

    .section-hero-row .article-radio-cta.section-radio-aside .button {
        width: max-content;
        max-width: none;
        box-sizing: border-box
    }

    .section-hero-row .section-hero-editorial {
        order: 2;
        justify-self: stretch
    }

    .section-hero-editorial__logo {
        float: left;
        width: 64px;
        height: 64px;
        margin: 0 18px 10px 0;
        border-radius: 10px;
        align-self: start
    }

    .section-hero-editorial .lead {
        display: block;
        min-height: 0;
        overflow: visible;
        line-clamp: unset;
        -webkit-line-clamp: unset
    }

    .story-list a {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px
    }

    .site-footer {
        padding-top: 20px
    }

    .legal-page {
        padding: 32px 0 48px
    }

    .legal-document {
        padding: 22px
    }

    .legal-section {
        scroll-margin-top: 112px
    }

    .legal-toc ol {
        columns: 1
    }

    .sample-feedback-heading {
        align-items: start;
        flex-direction: column
    }

    .sample-feedback-track {
        --sample-feedback-card-width: 100%;
        gap: 14px
    }

    .sample-feedback-card {
        min-height: 210px;
        padding: 22px
    }

    .footer-row {
        grid-template-columns: 1fr;
        gap: 14px
    }

    .footer-nav--legal {
        justify-items: start;
        text-align: left
    }

    .footer-nav--legal ul {
        justify-content: flex-start
    }

    .footer-nav {
        gap: 6px
    }

    .footer-nav ul {
        gap: 8px 12px
    }

    .footer-nav a {
        min-height: 32px
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-toast {
        transition: none
    }

    .sample-feedback-track {
        scroll-behavior: auto
    }
}

@media (max-width:1100px) {
    .article-layout--article .article-radio-cta.section-radio-aside {
        grid-template-columns: minmax(0, 1fr) max-content;
        grid-template-rows: minmax(36px, auto) auto auto;
        row-gap: 0;
        order: 1;
        width: calc(100% + 32px);
        max-width: none;
        min-height: 0;
        margin-inline: -16px;
        padding-block: 12px;
        padding-inline: 12px;
        border-inline: 0;
        border-radius: 0;
        justify-self: stretch
    }

    .article-radio-cta.section-radio-aside.article-footer-radio-aside {
        display: grid;
        grid-template-columns: minmax(0, 230px) minmax(0, 1fr);
        grid-template-rows: minmax(36px, auto) auto auto;
        row-gap: 0;
        width: 100%;
        max-width: none;
        min-height: 0;
        margin: 0;
        padding-block: 12px;
        padding-inline: 12px;
        border-inline: 0;
        border-bottom: 0;
        border-radius: 0;
        justify-self: stretch
    }

    .article-layout--article .article-header {
        order: 3;
        margin-top: 5px
    }

    .article-layout--article .article-ai-label--desktop {
        display: none
    }

    .article-layout--article .article-ai-label--mobile {
        display: block;
        order: 2;
        margin-top: -16px
    }

    .article-layout--article .article-body {
        order: 4
    }

    .article-layout--article .article-ai-disclosure {
        order: 5
    }

    .article-layout--article .article-radio-cta.section-radio-aside .eyebrow-live,
    .article-radio-cta.section-radio-aside.article-footer-radio-aside .eyebrow-live {
        grid-column: 1;
        grid-row: 1;
        width: fit-content;
        min-width: max-content;
        max-width: none;
        min-height: 36px;
        height: auto;
        font-size: .75rem;
        line-height: 1.15;
        overflow: visible;
        white-space: nowrap
    }

    .article-layout--article .article-radio-cta.section-radio-aside .eyebrow-live__full,
    .article-radio-cta.section-radio-aside.article-footer-radio-aside .eyebrow-live__full {
        display: none
    }

    .article-layout--article .article-radio-cta.section-radio-aside .eyebrow-live__compact,
    .article-radio-cta.section-radio-aside.article-footer-radio-aside .eyebrow-live__compact {
        display: inline
    }

    .article-layout--article .article-radio-cta.section-radio-aside .eyebrow-live__compact,
    .article-layout--article .article-radio-cta.section-radio-aside .section-radio-aside__desktop-title,
    .article-layout--article .article-radio-cta.section-radio-aside .section-radio-aside__text {
        display: none
    }

    .article-layout--article .article-radio-cta.section-radio-aside .eyebrow-live__mobile,
    .article-layout--article .article-radio-cta.section-radio-aside .section-radio-aside__mobile-title {
        display: inline
    }

    .article-layout--article .article-radio-cta.section-radio-aside h2,
    .article-layout--article .article-radio-cta.section-radio-aside .cta-title,
    .article-layout--article .article-radio-cta.section-radio-aside p:not(.eyebrow-live):not(.cta-title),
    .article-radio-cta.section-radio-aside.article-footer-radio-aside h2,
    .article-radio-cta.section-radio-aside.article-footer-radio-aside .cta-title,
    .article-radio-cta.section-radio-aside.article-footer-radio-aside p:not(.eyebrow-live):not(.cta-title) {
        grid-column: 1 / -1
    }

    .article-layout--article .article-radio-cta.section-radio-aside h2,
    .article-layout--article .article-radio-cta.section-radio-aside .cta-title {
        grid-row: 2;
        font-size: clamp(1.21rem, 2.14vw, 1.7rem);
        font-weight: 700;
        line-height: 1.15;
        color: var(--text);
        margin-top: 7px
    }

    .article-layout--article .article-radio-cta.section-radio-aside .cta-title {
        margin-top: 10px
    }

    .article-radio-cta.section-radio-aside.article-footer-radio-aside h2,
    .article-radio-cta.section-radio-aside.article-footer-radio-aside .cta-title {
        grid-row: 2;
        font-size: clamp(1.21rem, 2.14vw, 1.7rem);
        font-weight: 700;
        line-height: 1.15;
        color: var(--text);
        margin-top: 7px
    }

    .article-layout--article .article-radio-cta.section-radio-aside p:not(.eyebrow-live):not(.cta-title) {
        grid-row: 3;
        font-size: .8rem;
        margin-top: 4px
    }

    .article-radio-cta.section-radio-aside.article-footer-radio-aside p:not(.eyebrow-live):not(.cta-title) {
        grid-row: 3;
        font-size: .8rem;
        margin-top: 4px
    }

    .article-layout--article .article-radio-cta.section-radio-aside .button {
        grid-column: 2;
        grid-row: 1;
        width: max-content;
        max-width: none;
        min-height: 34px;
        height: auto;
        padding: 0 12px;
        font-size: .88rem;
        align-self: center;
        justify-self: end;
        border-radius: 999px;
        line-height: 1.15;
        white-space: nowrap;
        text-align: center;
        box-sizing: border-box
    }

    .article-radio-cta.section-radio-aside.article-footer-radio-aside .button {
        grid-column: 2;
        grid-row: 1;
        width: auto;
        max-width: 100%;
        min-height: 34px;
        height: auto;
        padding: 0 12px;
        font-size: .88rem;
        align-self: center;
        justify-self: end;
        border-radius: 999px;
        line-height: 1.15;
        white-space: nowrap;
        text-align: center
    }
}
