@charset "UTF-8";
.page-container>main .grid-container,
.site-footer,
.site-header,
.site-header-main {
    display: grid;
    grid-template-columns: [full-start] minmax(24px, 1fr) [main-start] minmax(0, 1600px) [main-end] minmax(24px, 1fr) [full-end]
}
@media (min-width:1000px) {
    .page-container>main .grid-container,
    .site-footer,
    .site-header,
    .site-header-main {
        grid-template-columns: [full-start] minmax(45px, 1fr) [main-start] minmax(0, 1600px) [main-end] minmax(45px, 1fr) [full-end]
    }
}
@media (min-width:1400px) {
    .page-container>main
    .grid-container,
    .site-footer,
    .site-header,
    .site-header-main {
        grid-template-columns: [full-start] minmax(100px, 1fr) [main-start] minmax(0, 1600px) [main-end] minmax(100px, 1fr) [full-end]
    }
}
[data-animation] {
    animation-duration: 1s;
    animation-fill-mode: both
}
[data-animation].infinite {
    animation-iteration-count: infinite
}
[data-animation*=In] {
    visibility: hidden
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
    [data-animation*=In] {
        visibility: visible !important
    }
}
[data-animation*=In].-animated {
    visibility: visible
}
@media (prefers-reduced-motion:reduce), print {
    *, :after, :before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important
    }
    [data-animation*=Out] {
        opacity: 0 !important
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUp {
    animation-name: fadeInUp
}
*, :after, :before {
    box-sizing: border-box
}
body, html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}
html {
    font-size: 16px
}
body {

    color: #484848;
    font-family: Inter;
    font-size: 100%;
    line-height: 1.5;
    margin: 0;
    min-height: 100vh;
    min-width: 360px;
    position: relative;
    text-rendering: optimizeSpeed
}
.js-blocker {
    background: #000;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 99
}
html[data-dialog=open] .js-blocker, html[data-menu=open] .js-blocker {
    opacity: .8;
    pointer-events: auto;
    visibility: visible
}
hr {
    background-color: initial;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    clear: both;
    margin: 40px auto
}
figure {
    display: block;
    margin: 0
}
img, picture, svg {
    display: block;
    max-width: 100%
}
img[width] {
    width: auto
}
img {
    height: auto
}
img[src$=".svg"], svg {
    height: auto;
    max-width: none;
    width: 100%
}
.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}
.video-container .placeholder, .video-container embed, .video-container iframe, .video-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
iframe {
    border: 0
}
.sr-text {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    white-space: nowrap
}
.sr-text, .visuallyhidden {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}
.visuallyhidden {
    clip: rect(0 0 0 0);
    border: 0;
    margin: -1px;
    padding: 0
}
a.skiplink {
    clip: rect(1px, 1px, 1px, 1px);
    background: #416b79;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    color: #fff;
    font-weight: 500;
    height: 1px;
    overflow: hidden;
    padding: 1em;
    position: absolute;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 1px
}
.skiplink:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 1000
}
.skiplink:focus-visible, .skiplink:hover {
    background-color: #094348
}
.system {
    grid-column: main
}
@font-face {
    font-display: swap;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(bespoke-fonts/icomoon.woff2?be36rz) format("woff2")
}
.icon-menu:before {
    content: "\e900"
}
.icon-menu:before, .icon-search:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-search:before {
    content: "\e901"
}
.icon-close:before {
    content: "\e902"
}
.icon-close:before, .icon-email:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-email:before {
    content: "\e903"
}
.icon-republish:before {
    content: "\e904"
}
.icon-filters:before, .icon-republish:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    margin-right: .75rem;
    font-size: 1.25rem;
}
.icon-filters:before {
    content: "\e905"
}
.icon-arrow:before {
    content: "\e906"
}
.icon-arrow-back:before, .icon-arrow:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-arrow-back:before {
    content: "\e907"
}
.icon-arrow-down:before {
    content: "\e908"
}
.icon-arrow-down:before, .icon-arrow-up:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-arrow-up:before {
    content: "\e909"
}
.icon-caret-up:before {
    content: "\e90a"
}
.icon-caret-down:before, .icon-caret-up:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-caret-down:before {
    content: "\e90b"
}
.icon-caret-right:before {
    content: "\e90c"
}
.icon-caret-left:before, .icon-caret-right:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-caret-left:before {
    content: "\e90d"
}
.icon-check:before {
    content: "\e916"
}
.icon-check:before, .icon-flipboard:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-flipboard:before {
    content: "\e90e"
}
.icon-facebook:before {
    content: "\e90f"
}
.icon-facebook:before, .icon-twitter:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-twitter:before {
    content: "\e5999"
}
.icon-linkedin:before {
    content: "\e911"
}
.icon-instagram:before, .icon-linkedin:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-instagram:before {
    content: "\e912"
}
.icon-pocket:before {
    content: "\e918"
}
.icon-pocket:before, .icon-print:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-print:before {
    content: "\e917"
}
.icon-youtube:before {
    content: "\e913"
}
.icon-feed:before, .icon-youtube:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-feed:before {
    content: "\e914"
}
.icon-reddit:before {
    content: "\e915"
}
.icon-reddit:before, .icon-whatsapp:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.icon-whatsapp:before {
    content: "\e919"
}
p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 30px;
    word-break: break-word;
}
p:last-child {
    margin-bottom: 0
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: Inter;
    font-weight: 800;
    margin: 0 0 20px
}
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none
}
.h1.-flush, .h2.-flush, .h3.-flush, .h4.-flush, .h5.-flush, .h6.-flush, h1.-flush, h2.-flush, h3.-flush, h4.-flush, h5.-flush, h6.-flush {
    margin-bottom: .5rem
}
.wysiwyg-content :where(h1, h2, h3, h4, h5, h6) {
    margin-top: 45px
}
.wysiwyg-content :where(h1, h2, h3, h4, h5, h6):first-child {
    margin-top: 0
}
.h1, .wysiwyg-content h1 {
    font-size: clamp(2.5rem, 6.6666666667vw, 3.5rem);
    line-height: 1.14
}
.h2, .wysiwyg-content h2 {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    line-height: 1.25
}
.h3, .wysiwyg-content h3 {
    font-size: clamp(1.25rem, 3.3333333333vw, 2rem);
    line-height: 1.13
}
.h4, .wysiwyg-content h4 {
    font-size: clamp(1.125rem, 3vw, 1.5rem);
    line-height: 1.17
}
.h5, .wysiwyg-content h5 {
    font-size: clamp(1.25rem, 3.3333333333vw, 1.375rem);
    line-height: 1.18
}
.h6, .wysiwyg-content h6 {
    font-size: clamp(1rem, 2.6666666667vw, 1.125rem);
    line-height: 1.33
}
.eyebrow {
    border-left: 4px solid #af4d1c;
    color: #af4d1c;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.125rem;
    padding-left: .5rem;
    text-transform: uppercase;
    white-space: nowrap
}
[data-section=reviews] .eyebrow,
[data-section=reviews] .eyebrow a {
    border-color: #416b79;
    color: #416b79;
}
[data-section=knowledge] .eyebrow,
[data-section=knowledge] .eyebrow a {
    border-color: #8e7828;
    color: #8e7828
}
[data-section=work] .eyebrow,
[data-section=work] .eyebrow a {
    border-color: #2a5989;
    color: #2a5989
}
[data-section=about] .eyebrow,
[data-section=about] .eyebrow a {
    border-color: #af4d1c;
    color: #af4d1c
}
[data-section=supporters] .eyebrow,
[data-section=supporters] .eyebrow a {
    color: #89477F
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.wysiwyg-content ol, .wysiwyg-content ul {
    list-style-position: outside;
    margin-bottom: 40px;
    padding-left: 15px
}
.wysiwyg-content ol:last-child, .wysiwyg-content ul:last-child {
    margin-bottom: 0
}
.wysiwyg-content ol li, .wysiwyg-content ul li {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 10px;
    padding-left: 5px
}
.wysiwyg-content ol li:last-child, .wysiwyg-content ul li:last-child {
    margin-bottom: 0
}
.wysiwyg-content ol li::marker, .wysiwyg-content ul li::marker {
    color: #416b79
}
.wysiwyg-content ol li ol, .wysiwyg-content ol li ul, .wysiwyg-content ul li ol, .wysiwyg-content ul li ul {
    margin-top: 10px
}
.wysiwyg-content ul, .wysiwyg-content ul ul, .wysiwyg-content ul ul ul {
    list-style-type: square
}
.wysiwyg-content ol {
    list-style-type: decimal;
    padding-left: 20px
}
.wysiwyg-content ol>li::marker {
    font-size: .944em;
    font-weight: 700
}
.wysiwyg-content ol ol {
    list-style-type: lower-alpha
}
.wysiwyg-content ol ol ol {
    list-style-type: lower-roman
}
.text-block .text-block-content blockquote {
    border-left: 5px solid #416b79;
    padding: .625rem 0 .625rem 1.5rem
}
blockquote,
blockquote p, 
.text-block .text-block-content blockquote, 
.text-block .text-block-content blockquote p {
    font-size: clamp(1.125rem, 3vw, 1.375rem);
    font-weight: 500;
    line-height: 1.64;
    color: #484848;
}
.loading-spinner {
    align-items: center;
    background: #fffffff2;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: .15s ease-in-out;
    width: 100%;
    z-index: 99999
}
.loading-spinner:before {
    background-image: url(/images/magazine/spinner.svg);
    background-position: 50%;
    background-size: 100px auto;
    content: "";
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50px, -50px);
    width: 100px;
    z-index: 99999
}
.loading-spinner-text {
    color: #666;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .09375rem;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 60px)
}
.loading-spinner-text:after {
    animation: ellipsis .75s steps(4) infinite;
    content: "…";
    overflow: hidden;
    position: absolute;
    width: 0
}
@keyframes ellipsis {
    to {
        width: 18px
    }
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
fieldset legend {
    display: block;
    margin: 0 0 10px
}
label {
    display: block
}
.form-field {
    margin: 0 0 30px
}
.form-field label {
    margin-bottom: 10px
}
.error-message {
    color: #c00;
    font-size: .875rem;
    font-weight: 500;
    margin-top: 8px
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-shadow: none;
    color: #000;
    display: block;
    font: inherit;
    font-size: 16px;
    margin: 0;
    padding: 12px;
    transition: .15s ease-in-out;
    width: 100%
}
input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=url]::placeholder, select::placeholder, textarea::placeholder {
    opacity: 1
}
input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: #416b79;
    outline: none
}
input[type=email]:focus::placeholder, input[type=password]:focus::placeholder, input[type=search]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=text]:focus::placeholder, input[type=url]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder {
    color: #416b79
}
input[type=email].-invalid, input[type=password].-invalid, input[type=search].-invalid, input[type=tel].-invalid, input[type=text].-invalid, input[type=url].-invalid, select.-invalid, textarea.-invalid {
    border: 1px solid #c00;
    color: #c00
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}
textarea {
    min-height: 100px;
    resize: vertical
}
select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/images/magazine/select-arrow-down.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-right: 35px;
    text-decoration: none
}
select:hover {
    cursor: pointer
}
.checks legend, .radios legend {
    margin: 0 0 15px
}
.checks .check, .checks .radio, .radios .check, .radios .radio {
    margin-bottom: 15px;
    position: relative
}
.checks .check:last-child, .checks .radio:last-child, .radios .check:last-child, .radios .radio:last-child {
    margin: 0
}
.checks label, .radios label {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.43;
    margin: 0;
    padding: 0 0 0 32px;
    position: relative
}
.checks .check label:before, .radios .check label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #666;
    color: #0000;
    display: inline-block;
    font-family: icomoon !important;
    font-size: .875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 20px;
    left: 0;
    line-height: 1;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-transform: none;
    top: 0;
    transition: .15s ease-in-out;
    width: 20px
}
.checks .radio label:before, .radios .radio label:before {
    background: #0000;
    border: 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    left: 3px;
    line-height: 1;
    position: absolute;
    top: 4px;
    transition: .15s ease-in-out;
    width: 12px
}
.checks .radio label:after, .radios .radio label:after {
    border: 1px solid #666;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 1px;
    width: 18px
}
.checks input[type=checkbox], .radios input[type=checkbox] {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}
.checks input[type=checkbox]+label:before,
.radios input[type=checkbox]+label:before {
    content: "\e916"
}
.checks input[type=checkbox]+label:hover:before, .checks input[type=checkbox]:focus+label:before, .radios input[type=checkbox]+label:hover:before, .radios input[type=checkbox]:focus+label:before {
    background-color: #d8e8e9
}
.checks input[type=checkbox]:checked+label:before, .radios input[type=checkbox]:checked+label:before {
    color: #416b79
}
.checks input[type=radio], .radios input[type=radio] {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}
.checks input[type=radio]+label:hover:before, .checks input[type=radio]:focus+label:before, .radios input[type=radio]+label:hover:before, .radios input[type=radio]:focus+label:before {
    background: #d8e8e9
}
.checks input[type=radio]:checked+label:before, .radios input[type=radio]:checked+label:before {
    background: #416b79
}
.page-container {
    background: #fff;
    display: grid;
    grid-template: auto 1fr auto/minmax(0, 1fr);
    grid-template-areas: "header" "pending" "main" "footer";
    min-height: 100%;
    position: relative
}
@media (min-width:2057px) {
    .page-container {
        margin-inline: auto;
        max-width: 2056px
    }
}
.page-container>.site-header {
    grid-area: header;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}
.page-container>main {
    -ms-grid-column: 1;
    -ms-grid-row: 2
}
.pendingWaterMark {
    margin: 0 auto;
    max-width: 1467.97px;
    width: 100%;
}
@media (min-width:1200px) {
    .page-container>main {
        min-height: 400px
    }
}
.page-container>.site-footer {
    grid-area: footer;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}
.js-link-event {
    cursor: pointer
}
.card .h2 a,
.card .h3 a,
.card-grid .card-promo p a,
.featured-article .h1 a,
.home-article .h1 a,
.mobile-menu .nav-main-link span,
.mobile-menu-header-ar-logo span,
.search-results-teaser .h3 a,
.site-footer-legal a,
.site-footer-nav a {
    text-decoration: underline;
    text-decoration-color: #0000;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}
.card .h2 a:focus-visible, .card .h2 a:hover, .card .h3 a:focus-visible, .card .h3 a:hover, .card-grid .card-promo p a:focus-visible, .card-grid .card-promo p a:hover, .featured-article .h1 a:focus-visible, .featured-article .h1 a:hover, .home-article .h1 a:focus-visible, .home-article .h1 a:hover, .mobile-menu .nav-main-link span:focus-visible, .mobile-menu .nav-main-link span:hover, .mobile-menu-header-ar-logo span:focus-visible, .mobile-menu-header-ar-logo span:hover, .search-results-teaser .h3 a:focus-visible, .search-results-teaser .h3 a:hover, .site-footer-legal a:focus-visible, .site-footer-legal a:hover, .site-footer-nav a:focus-visible, .site-footer-nav a:hover {
    text-decoration-color: #fff
}
.search-results-active-filter .resetFilter, .site-footer-info-publishing a, .staff .staff-member-email, .wysiwyg-content a:not(.btn), a .-underline:not(.btn) {
    text-decoration: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}
.search-results-active-filter .resetFilter:focus-visible, .search-results-active-filter .resetFilter:hover, .site-footer-info-publishing a:focus-visible, .site-footer-info-publishing a:hover, .staff .staff-member-email:focus-visible, .staff .staff-member-email:hover, .wysiwyg-content a:focus-visible:not(.btn), .wysiwyg-content a:hover:not(.btn), a .-underline:focus-visible:not(.btn), a .-underline:hover:not(.btn) {
    text-decoration-color: #0000
}
a {
    color: #416b79;
    display: inline-block;
    text-decoration: none;
    transition: .15s ease-in-out
}
a:focus-visible {
    outline: 2px dotted #416b79;
    outline-offset: 5px
}
.site-footer a:focus-visible {
    outline-color: #fff
}
.wysiwyg-content a:not(.btn), a .-underline:not(.btn) {
    color: #416b79;
    display: inline;
    text-decoration-color: #416b79;
    text-underline-offset: 3px
}
a:disabled, a[disabled] {
    opacity: .5;
    pointer-events: none
}
button
    /*  input[type=button],
        input[type=reset],
        input[type=submit]*/ {
    -webkit-appearance: none;
    appearance: none;
    backface-visibility: hidden;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    padding: 0;
    transition: .15s ease-in-out
}
button:disabled, button[disabled], input[type=button]:disabled, input[type=button][disabled], input[type=reset]:disabled, input[type=reset][disabled], input[type=submit]:disabled, input[type=submit][disabled] {
    opacity: .5;
    pointer-events: none
}
button:focus-visible, input[type=button]:focus-visible, input[type=reset]:focus-visible, input[type=submit]:focus-visible {
    outline: 2px dotted #416b79;
    outline-offset: 5px
}
.site-footer button:focus-visible, .site-footer input[type=button]:focus-visible, .site-footer input[type=reset]:focus-visible, .site-footer input[type=submit]:focus-visible {
    outline-color: #fff
}
.btn {
    align-items: center;
    background: #416b79;
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-family: Inter;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    padding: 11px 22px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .15s ease-in-out
}

.btn:focus-visible, .btn:hover, .btn:focus {
    background: #094348;
    color: #fff;
}
.btn:focus-visible {
    outline: 2px dotted #416b79;
    outline-offset: 5px
}
.btn.-white {
    background-color: #fff;
    color: #416b79
}
.btn.-white:focus-visible, .btn.-white:hover {
    background-color: #416b79;
    color: #fff
}
.btn.-white.-outline {
    outline: 1px solid #0000
}
.btn.-white.-outline:focus-visible, .btn.-white.-outline:hover {
    outline-color: #fff
}
.btn.-tag {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    font-size: .8125rem;
    font-weight: 400;
    padding: 8px 12px;
    text-transform: none
}
.btn.-tag:focus-visible, .btn.-tag:hover {
    background-color: #416b79;
    border-color: #416b79;
    color: #fff
}
.wysiwyg-content .btn {
    margin-top: 5px
}
.wysiwyg-content .btn+.button {
    margin-left: 5px
}
.meta .authors {
    font-size: .9375rem;
    font-weight: 600;
    display: inline;
    position: relative;
    margin: 0

}
.meta .date {
    font-size: .9375rem;
    font-weight: 400;
    display: inline;
    margin: 0;
}

.card {
    align-items: flex-start;
    display: flex;
    gap: 1rem
}
@media (min-width:600px) {
    .card {
        gap: 1.5rem
    }
}
@media (min-width:900px) {
    .card {
        display: block;
        gap: unset
    }
}
@media (max-width:899px) {
    .card+.card, .card+.card-promo, .card+.card-promo-ad {
        margin-top: 2rem
    }
}
.card .eyebrow {
    margin-bottom: .5rem
}
.card-image {
    overflow: hidden;
    position: relative
}
@media (max-width:899px) {
    .card-image {
        flex: none;
        width: clamp(120px, 30vw, 200px)
    }
}
@media (min-width:900px) {
    .card-image {
        margin-bottom: 1.5rem
    }
}
.card-image img {
    transform: scale(1);
    transition: .15s ease-in-out
}
.card-content {
    flex: 1 1 0%;
    position: relative
}
.card .h2, .card .h3 {
    margin-bottom: .5rem
}
.card .h2 a, .card .h3 a {
    color: #000;
    text-decoration-thickness: 2px
}
@media (min-width:800px) {
    .card .h2 a, .card .h3 a {
        text-underline-offset: 4px
    }
}
.card .h2 a:focus-visible, .card .h2 a:hover, .card .h3 a:focus-visible, .card .h3 a:hover {
    text-decoration-color: #000
}
.card-meta p {
    font-size: .8125rem
}
@media (min-width:900px) {
    .card-meta p {
        font-size: .875rem
    }
}
.card-text {
    margin-top: .75rem
}
@media (max-width:599px) {
    .card-text {
        display: none
    }
}
@media (min-width:900px) {
    .card-text {
        margin-top: 1.5rem
    }
}
.card.js-link-event:focus-visible .card-image img, .card.js-link-event:hover .card-image img {
    transform: scale(1.1)
}
.card.js-link-event:focus-visible .h2 a, .card.js-link-event:focus-visible .h3 a, .card.js-link-event:hover .h2 a, .card.js-link-event:hover .h3 a {
    text-decoration-color: #000
}
.card-grid-featured .card {
    display: block
}
.card-grid-featured .card .card-image {
    margin: 0;
    width: 100%
}
.card-grid-featured .card .card-content {
    margin: clamp(-48px, -4vw, -24px) clamp(.75rem, 2vw, 2.25rem) 0;
    padding: clamp(1.5rem, 4vw, 2.25rem) clamp(.75rem, 2vw, 2.25rem) 0
}
.card-grid-featured .card-content {
    background-color: #fff;
}
.ad-block-728 {
    display: flex;
    grid-column: main;
    justify-content: center;
    margin-bottom: clamp(28.8px, 4.8vw, 72px)
}

.text-block-content .ad-block-728 {
    /*make margin to be default as of the other article content block*/
    margin-top: 20px;
    margin-bottom: 30px;
}
.ad-block-728 .ad-placeholder {
    align-items: center;
    background-color: #d9d9d9;
    color: #acacac;
    display: flex;
    height: 250px;
    justify-content: center;
    width: 300px
}
@media (min-width:800px) {
    .ad-block-728 .ad-placeholder {
        height: 90px;
        width: 728px
    }
}
@media (max-width:729px) {
    /* hide .ad-block-728 if it contains an iframe at mobile viewports as its fixed width */
    .ad-block-728:has(iframe) {
        display: none;
    }
}
#alerts {
    background-color: #416b79;
    bottom: 0;
    color: #fff;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99
}

#alerts .fr-view {
    margin-inline: auto;
    max-width: 1600px
}
#alerts h2 {
    color: #fff
}
#alerts .btn.-alert-close {
    align-items: center;
    background-color: #fff;
    color: #416b79;
    display: flex;
    font-size: 0;
    height: 2rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 2rem
}
#alerts .btn.-alert-close:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: inline-block;
    font-family: icomoon !important;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.article-info {
    border-top: 1px solid #416b79;
    margin-top: 2.5rem;
    padding: .75rem 0
}
.article-info .article-doi p {
    font-size: .8125rem;
    font-style: italic
}
.article-promo {
    margin: 40px 0
}
@media (min-width:500px) {
    .article-promo {
        width: clamp(180px, 36vw, 360px)
    }
}
@media (min-width:1000px) {
    .article-promo {
        margin-bottom: 2rem
    }
}
@media (min-width:500px) {
    .article-promo.-right {
        float: right;
        margin: 0 0 40px clamp(24px, 4.8vw, 44px)
    }
}
@media (min-width:1000px) {
    .article-promo.-right {
        margin-right: clamp(-100px, -5vw, -50px)
    }
}
@media (min-width:1400px) {
    .article-promo.-right {
        margin-right: -100px
    }
}
@media (min-width:500px) {
    .article-promo.-left {
        float: left;
        margin: 0 clamp(24px, 4.8vw, 44px) 40px 0
    }
}
@media (min-width:1000px) {
    .article-promo.-left {
        margin-left: clamp(-100px, -5vw, -50px)
    }
}
@media (min-width:1400px) {
    .article-promo.-left {
        margin-left: -100px
    }
}
.article-promo-title {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 2.25rem
}
@media (min-width:500px) {
    .article-promo .card {
        display: block
    }
}
.article-promo .card+.card {
    margin-top: 2.25rem
}
@media (min-width:500px) {
    .article-promo .card .card-image {
        margin-bottom: .75rem;
        width: 100%
    }
}
@media (min-width:900px) {
    .article-promo .card .card-image {
        margin-bottom: 1.5rem
    }
}
.article-promo .card .h4 {
    font-size: clamp(1.125rem, 3vw, 1.5rem);
    line-height: 1.17;
    margin: 0
}
.article-promo .card .h4 a {
    color: #000;
    text-decoration-color: #0000;
    transition: .15s ease-in-out
}
.article-promo .card .card-meta {
    margin-top: .5rem
}
.article-promo .card.js-link-event:focus-visible .h4 a, .article-promo .card.js-link-event:hover .h4 a {
    text-decoration-color: #000
}
.article-info .republish-button {
    margin-top: 1.5rem;
}

.skinny-promo-personlisation .btn {
    margin: 1.5rem 0 0 0;
    min-width: 240px;
    max-height: 43px;
    font-size: 0.75rem;
}
.skinny-promo-personlisation .btn .fa {
    font-size: 1.25rem;
    margin-right: .50rem
}

.js-nli-createalert {
    display: inline-block;
}
.js-alertDiv {
    display:inline-block;
}

.author-block {
    background-color: #ece8da;
    margin-top: 1.5rem;
    padding: 24px
}
@media (min-width:500px) {
    .author-block {
        display: flex;
        padding: 0
    }
}
.author-block-img {
    position: relative
}
@media (min-width:500px) {
    .author-block-img:not(:empty) {
        flex: none;
        width: 90px
    }

}
.author-block-img picture {
    height: 100%;
    min-height: 90px
}
.author-block-img img {
    margin: 0 0 1.25rem
}
@media (min-width:500px) {
    .author-block-img img {
        /* height: 100%; */
        left: 0;
        margin: 0;
        object-fit: cover;
        object-position: top;
        top: 0;
        width: 100%;
        min-height: 90px;
    }
}
.author-block-img img {
    min-height: 100%
}
@media (min-width:500px) {
    .author-block-text {
        align-self: center;
        padding: 1rem 1.5rem 1rem 2.75rem
    }
}
.author-block-text p {
    font-size: .875rem
}
.card-grid-featured {
    grid-column: main;
    margin-bottom: clamp(28.8px, 4.8vw, 72px)
}
@media (min-width:900px) {
    .card-grid-featured {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(2, 1fr)
    }
}
@media (min-width:1200px) {
    .card-grid-featured {
        gap: 3rem
    }
}
@media (min-width:1400px) {
    .card-grid-featured {
        padding-inline: 40px
    }
}
.card-grid-featured .card[data-section=reviews] .card-content {
    border-top: 1px solid #416b79
}
.card-grid-featured .card[data-section=knowledge] .card-content {
    border-top: 1px solid #8e7828
}
.card-grid-featured .card[data-section=work] .card-content {
    border-top: 1px solid #2a5989
}
.card-grid-featured .card[data-section=about] .card-content {
    border-top: 1px solid #af4d1c
}
.card-grid {
    grid-column: main;
    margin-bottom: clamp(28.8px, 4.8vw, 72px)
}
@media (min-width:1400px) {
    .card-grid {
        padding-inline: 40px
    }
}
@media (min-width:900px) {
    .card-grid-cards {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(3, 1fr)
    }
}
@media (min-width:1200px) {
    .card-grid-cards {
        gap: 3rem
    }
}
.card-grid .card-promo {
    border: 1px solid #43888d;
    height: -moz-fit-content;
    height: fit-content;
    padding: 1.5rem
}
.card-grid .card-promo .card-promo-logo {
    margin-bottom: 1.5rem;
    width: 136px
}
.card-grid .card-promo .card-promo-footer {
    border-top: 1px solid #d8e8e9;
    padding-top: 1.5rem
}
.card-grid .card-promo p {
    margin-bottom: 1.5rem
}
.card-grid .card-promo p a {
    color: #33666b
}
.card-grid .card-promo p a:focus-visible, .card-grid .card-promo p a:hover {
    text-decoration-color: #33666b
}
.card-grid .card-grid-more {
    margin-top: 2.5rem;
    text-align: center
}

.card-grid-more .more {
    display:none;
}
.card-grid .card-promo-ad {
    align-items: center;
    color: #8c8c8c;
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    justify-content: center;
    grid-column: 1 / -1;
}

.card-grid .card-promo-ad a {
    display: block;
}

@media (max-width:899px) {
    .card-grid .card-promo-ad+.card {
        margin-top: 2rem
    }
}
.cta {
    background-color: #d8e8e9;
    background-image: url(/images/magazine/background-images/bg-books.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    grid-column: main;
    margin-bottom: clamp(28.8px, 4.8vw, 72px);
    margin-inline: auto;
    max-width: 62.5rem;
    padding: 2.5rem 24px;
    position: relative;
    text-align: center;
    width: 100%
}
@media (min-width:1000px) {
    .cta {
        padding: 2.5rem 45px
    }
}
.cta-content {
    position: relative
}
@media (min-width:1000px) {
    .cta-content {
        align-items: center;
        display: flex;
        gap: 2.5rem;
        justify-content: center
    }
    .cta .h3 {
        margin: 0
    }
}
.text-block .cta {
    margin: 3.75rem 0
}
.dialog, .dialog-overlay {
    inset: 0;
    position: fixed
}
.dialog {
    display: flex;
    z-index: 300
}
.dialog[aria-hidden=true] {
    display: none
}
.dialog-overlay {
    animation: dialog-fade-in .2s both;
    cursor: pointer
}
.dialog-main {
    animation: dialog-fade-in .4s .2s both, dialog-slide-up .4s .2s both;
    background-color: #fff;
    margin: auto;
    max-height: 90vh;
    max-width: 800px;
    position: relative;
    width: 90%;
    z-index: 200
}
.dialog-content, .dialog-main {
    display: flex;
    flex-direction: column;
    overflow: hidden
}
.dialog-content {
    flex-grow: 1;
    height: 100%;
    margin-right: 0;
    min-height: 0;
    width: 100%
}
.dialog-content-inner {
    flex-grow: 1;
    height: 100%;
    min-height: 0;
    overflow-y: auto
}
.dialog-close {
    color: #000;
    height: 44px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 44px
}
.dialog-close:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.dialog-text {
    padding: 3.5rem 2.25rem 2.25rem
}
.dialog .button {
    margin-top: 1.5rem
}
.dialog .html-container {
    margin-top: 2rem
}
.dialog .html-container textarea {
    background-color: #eee;
    border: 0;
    font-size: 14px;
    margin: 0;
    min-height: 100px;
    padding: 10px;
    resize: none
}
.dialog .html-container .copy-html-btn {
    margin-top: 1.5rem
}
.dialog .html-container .copy-html-btn.-success:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e916";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .5rem;
    text-transform: none
}
@keyframes dialog-fade-in {
    0% {
        opacity: 0
    }
}
@keyframes dialog-slide-up {
    0% {
        transform: translateY(10%)
    }
}
.hero-standard + .featured-article {
    margin-top: 20px;
}
.featured-article {
    background-color: #f8f8f8;
    grid-column: full;
    margin-bottom: clamp(28.8px, 4.8vw, 72px)
}
@media (min-width:1600px) {
    .featured-article {
        grid-column: main
    }
}
@media (min-width:1000px) {
    .featured-article-inner {
        display: flex;
        min-height: clamp(380px, 38vw, 600px)
    }
}
.featured-article-image {
    position: relative;
    height: clamp(300px, 58vw, 380px)
}
@media (min-width:1000px) {
    .featured-article-image {
        height: auto;
        width: 50%
    }
}
.featured-article-image picture {
    overflow: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.featured-article-image img {
    transform: scale(1);
    transition: .15s ease-in-out;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.featured-article-image img {
    min-height: 100%
}
.featured-article-text {
    padding: 45px 24px
}
@media (min-width:1000px) {
    .featured-article-text {
        align-content: center;
        padding: 45px;
        width: 50%
    }
}
@media (min-width:1200px) {
    .featured-article-text {
        padding: clamp(50px, 5vw, 80px) clamp(50px, 4.16vw, 128px)
    }
}
@media (min-width:1700px) {
    .featured-article-text {
        padding-inline: 128px
    }
}
.featured-article .eyebrow {
    font-size: .8125rem
}
@media (min-width:1000px) {
    .featured-article .h1 {
        font-size: clamp(2.5rem, 4vw, 3.5rem)
    }
}
.featured-article .h1 a {
    color: #000;
    text-decoration-thickness: 3px;
    text-underline-offset: 5px
}
.featured-article .h1 a:focus-visible, .featured-article .h1 a:hover {
    text-decoration-color: #000
}
.featured-article p {
    font-size: .9375rem;
    line-height: 1.6
}
.featured-article .meta {
    margin-top: 1.5rem
}
.featured-article.js-link-event:focus-visible .featured-article-image img, .featured-article.js-link-event:hover .featured-article-image img {
    transform: scale(1.06)
}
.featured-article.js-link-event:focus-visible .h1 a, .featured-article.js-link-event:hover .h1 a {
    text-decoration-color: #000
}
.hero-article {
    background-color: #f8f8f8;
    grid-column: full;
}
@media (min-width:1400px) {
    .hero-article,
    .grid-container .skinny-promo {
        grid-column: main;
    }
}
@media (min-width:1000px) {
    .hero-article-inner {
        display: flex;
        min-height: clamp(380px, 38vw, 600px)
    }
}
.hero-article-image {
    position: relative;
    height: clamp(340px, 68vw, 420px)
}

@media (min-width:1000px) {
    .hero-article-image {
        height: auto;
        width: 50%
    }
}

.hero-article-image img {
    transform: scale(1);
    transition: .15s ease-in-out;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
.hero-article-image img {
    object-fit: cover;
    object-position: center;
}

.hero-article-image img {
    min-height: 100%;
}


.hero-article-image {
    display: block;
    /* width: 100% */
}

.hero-article-image figcaption {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    color: white;
}

.hero-article-image figcaption a {
    color: white;
    text-decoration: underline;
}

.hero-article-image figcaption p {
    margin: 0;
    padding: 5px;
}
.hero-article-image figcaption p.credit {
    padding-left: 8px;
}
.hero-article-text {
    padding: 45px 24px
}
@media (min-width:1000px) {
    .hero-article-text {
        align-content: center;
        padding: 45px;
        width: 50%
    }
}
@media (min-width:1200px) {
    .hero-article-text {
        padding: clamp(50px, 5vw, 80px) clamp(50px, 4.16vw, 128px)
    }
}
@media (min-width:1700px) {
    .hero-article-text {
        padding-inline: 128px
    }
}
.hero-article .eyebrow {
    font-size: .8125rem
}



.hero-article p.below-eyebrow {
    font-size: .75rem;
    font-weight: bold;
    margin-bottom: 18px;
}

@media (min-width:1000px) {
    .hero-article .h1 {
        font-size: clamp(2.5rem, 4vw, 3.5rem)
    }
}
.hero-article p {
    font-size: .9375rem;
    line-height: 1.6
}
.hero-article .meta {
    margin-top: 1.5rem
}


.hero-article-social-links {
    margin-left: -10px;
    margin-top: .5rem
}
.hero-article-social-links ul {
    align-items: center;
    display: flex
}
@media (min-width:1100px) {
    .hero-article-social-links li {
        font-size: 1.125rem
    }
}
.hero-article-social-links a {
    align-items: center;
    background-color: initial;
    border-radius: 4px;
    color: #416b79;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}
[data-section=reviews] .hero-article-social-links a {
    color: #416b79
}
[data-section=knowledge] .hero-article-social-links a {
    color: #8e7828
}
[data-section=work] .hero-article-social-links a {
    color: #2a5989
}
[data-section=about] .hero-article-social-links a {
    color: #af4d1c
}
.hero-article-social-links a:focus-visible, .hero-article-social-links a:hover {
    background-color: #416b79;
    color: #fff
}
[data-section=reviews] .hero-article-social-links a:focus-visible, [data-section=reviews] .hero-article-social-links a:hover {
    background-color: #416b79
}
[data-section=knowledge] .hero-article-social-links a:focus-visible, [data-section=knowledge] .hero-article-social-links a:hover {
    background-color: #8e7828
}
[data-section=work] .hero-article-social-links a:focus-visible, [data-section=work] .hero-article-social-links a:hover {
    background-color: #2a5989
}
[data-section=about] .hero-article-social-links a:focus-visible, [data-section=about] .hero-article-social-links a:hover {
    background-color: #af4d1c
}
.home-article {
    background-color: #f3f8f8;
    grid-column: full
}
@media (min-width:1600px) {
    .home-article {
        grid-column: main
    }
}
@media (min-width:1000px) {
    .home-article-inner {
        display: flex;
        min-height: clamp(380px, 38vw, 600px)
    }
}
.home-article-image {
    position: relative;
    height: clamp(340px, 68vw, 420px);
}

@media (min-width:1000px) {
    .home-article-image {
        height: auto;
        width: 50%;
    }
}
.home-article-image picture {
    overflow: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.home-article-image img {
    transform: scale(1);
    transition: .15s ease-in-out;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.home-article-image img {
    min-height: 100%
}
.home-article-text {
    padding: 45px 24px
}
@media (min-width:1000px) {
    .home-article-text {
        align-content: center;
        padding: 45px;
        width: 50%
    }
}
@media (min-width:1200px) {
    .home-article-text {
        padding: clamp(50px, 5vw, 80px) clamp(50px, 4.16vw, 128px)
    }
}
@media (min-width:1700px) {
    .home-article-text {
        padding-inline: 128px
    }
}
.home-article .eyebrow {
    font-size: .8125rem
}
@media (min-width:1000px) {
    .home-article .h1 {
        font-size: clamp(2.5rem, 4vw, 3.5rem)
    }
}
.home-article .h1 a {
    color: #000;
    text-decoration-thickness: 3px;
    text-underline-offset: 5px
}
.home-article .h1 a:focus-visible, .home-article .h1 a:hover {
    text-decoration-color: #000
}
.home-article p {
    font-size: .9375rem;
    line-height: 1.6
}
.home-article .meta {
    margin-top: 1.5rem
}
.home-article.js-link-event:focus-visible .home-article-image img, .home-article.js-link-event:hover .home-article-image img {
    transform: scale(1.06)
}
.home-article.js-link-event:focus-visible .h1 a, .home-article.js-link-event:hover .h1 a {
    text-decoration-color: #000
}
.hero-standard {
    background-color: #d8e8e9;
    grid-column: full;
    margin-bottom: clamp(40px, 6.6666666667vw, 60px);
    position: relative;
    text-align: center
}
@media (min-width:1600px) {
    .hero-standard {
        grid-column: main
    }
}
.hero-standard-inner {
    padding-inline: 24px
}
@media (min-width:1000px) {
    .hero-standard-inner {
        padding-inline: 45px
    }
}
.hero-standard-content {
    padding-block: clamp(30px, 5vw, 60px) 30px
}
.hero-standard .h1 {
    color: #416b79
}
.hero-standard-bg {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: clamp(40px, 11.11vw, 123px);
    margin-inline: -24px;
    position: relative
}
@media (min-width:1000px) {
    .hero-standard-bg {
        margin-inline: -45px
    }
}
.hero-standard-bg img {
    bottom: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    width: 100%
}
.hero-standard:has(+.featured-article) {
    margin-bottom: 0
}
.hero-standard[data-section=knowledge] {
    background-color: #ece8da
}
.hero-standard[data-section=knowledge] .h1 {
    color: #7d681d
}

.hero-standard[data-section=work] {
    color: #c8ddf1
}

.hero-standard[data-section=work] .h1 {
    color: #2a5989
}

.hero-standard[data-section=about] {
    background-color: #ffeee6;
}

.hero-standard[data-section=about] .h1 {
    color: #af4d1c;
}

.hero-standard[data-section=supporters] {
    background-color: #f1d7ed;
}

.hero-standard[data-section=supporters] .h1 {
    color: #89477F;
}

.hero-standard.-search {
    margin-bottom: 0
}
.hero-standard .mainSearchForm {
    margin: 0 auto;
    max-width: 50rem;
    position: relative
}
.hero-standard .mainSearchForm .search-term {
    padding-right: 3.75rem
}
.hero-standard .mainSearchForm .searchButtons {
    background-color: initial;
    border-radius: 0 4px 4px 0;
    font-size: 0;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    z-index: 1
}
.hero-standard .mainSearchForm .searchButtons:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
    display: inline-block;
    font-family: icomoon !important;
    font-size: 1.25rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.hero-standard .mainSearchForm .searchButtons:focus-visible, .hero-standard .mainSearchForm .searchButtons:hover {
    background-color: #416b79;
    color: #fff
}
.hero-standard .mainSearchForm .clearSearch {
    color: #416b79;
    float: right;
    font-size: .875rem;
    font-weight: 800;
    margin-top: .5rem
}
.modal-video {
    animation-duration: .3s;
    animation-name: modal-video;
    animation-timing-function: ease-out;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-out;
    width: 100%;
    z-index: 300
}
.modal-video-close {
    opacity: 0
}
.modal-video-close .modal-video-movie-wrap {
    transform: translateY(100px)
}
.modal-video-body {
    margin: 0 auto;
    max-width: 1065px;
    padding: 0 10px
}
.modal-video-body, .modal-video-inner {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}
.modal-video-inner {
    align-items: center
}
.modal-video-movie-wrap {
    animation-duration: .3s;
    animation-name: modal-video-inner;
    animation-timing-function: ease-out;
    background-color: #000;
    border-radius: 10px;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    transform: translate(0);
    transition: transform .3s ease-out;
    width: 100%
}
.modal-video-movie-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
.modal-video-close-btn {
    background-color: #fff;
    border-radius: 4px;
    color: #416b79;
    height: 44px;
    position: absolute;
    right: 0;
    top: -65px;
    width: 44px
}
.modal-video-close-btn:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.modal-video-close-btn:focus-visible, .modal-video-close-btn:hover {
    background-color: #416b79;
    color: #fff
}
@media (orientation:landscape) {
    .modal-video .modal-video-inner {
        padding: 10px 65px
    }
    .modal-video .modal-video-close-btn {
        right: -65px;
        top: 0
    }
}
@media (orientation:landscape) and (min-width:1400px) {
    .modal-video .modal-video-close-btn {
        right: -70px
    }
}
@keyframes modal-video {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes modal-video-inner {
    0% {
        transform: translateY(100px)
    }
    to {
        transform: translate(0)
    }
}

.search-results-container {
    grid-column: main;
    margin-bottom: clamp(28.8px, 4.8vw, 72px)
}
@media (min-width:1000px) {
    .search-results-container .search-results-footer {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-left: clamp(240px, 24vw, 310px);
        padding-left: clamp(40px, 4vw, 80px)
    }
}
.search-results-container .paginationLinkContainer,
.search-results-container .resultsPerPageContainer {
    display: none
}
@media (min-width:1000px) {
    .search-results-container .paginationLinkContainer,
    .search-results-container .resultsPerPageContainer {
        align-items: center;
        border: 1px solid #d8d8d8;
        display: inline-flex
    }
    .search-results-container .paginationLinkContainer:empty {
        display: none
    }
}
.search-results-container .paginationLinkContainer .inactiveLink, .search-results-container .resultsPerPageContainer .inactiveLink {
    color: #0003
}
.search-results-container .paginationLinkContainer a,
.search-results-container .paginationLinkContainer span,
.search-results-container .resultsPerPageContainer a,
.search-results-container .resultsPerPageContainer span {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 1rem;
    height: 2.125rem;
    justify-content: center;
    line-height: 1;
    min-width: 2.125rem;
    padding: 0 .5rem
}
.search-results-container .paginationLinkContainer a:not(:last-child), .search-results-container .paginationLinkContainer span:not(:last-child), .search-results-container .resultsPerPageContainer a:not(:last-child), .search-results-container .resultsPerPageContainer span:not(:last-child) {
    border-right: 1px solid #d8d8d8
}
.search-results-container .paginationLinkContainer a:focus-visible, .search-results-container .paginationLinkContainer a:hover, .search-results-container .resultsPerPageContainer a:focus-visible, .search-results-container .resultsPerPageContainer a:hover {
    background-color: #416b79;
    color: #fff
}
.search-results-container .responsivePagination {
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #d8d8d8;
    bottom: 0;
    color: #000;
    display: flex;
    height: 3.5rem;
    justify-content: space-between;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 10
}
@media (min-width:1000px) {
    .search-results-container .responsivePagination {
        display: none
    }
}
.search-results-container .responsivePagination .pageLink-with-arrow-next span, .search-results-container .responsivePagination .pageLink-with-arrow-prev span {
    align-items: center;
    background: #416b79;
    color: #fff;
    display: flex;
    font-size: 0;
    height: 3.5rem;
    justify-content: center;
    opacity: .25;
    transition: .15s ease-in-out;
    width: 3.5rem
}
.search-results-container .responsivePagination .pageLink-with-arrow-next span:before, .search-results-container .responsivePagination .pageLink-with-arrow-prev span:before {
    font-size: 1.125rem
}
.search-results-container .responsivePagination .pageLink-with-arrow-next a span, .search-results-container .responsivePagination .pageLink-with-arrow-prev a span {
    opacity: 1
}
.search-results-container .responsivePagination .pageLink-with-arrow-next a:focus-visible span, .search-results-container .responsivePagination .pageLink-with-arrow-next a:hover span, .search-results-container .responsivePagination .pageLink-with-arrow-prev a:focus-visible span, .search-results-container .responsivePagination .pageLink-with-arrow-prev a:hover span {
    background-color: #fff;
    color: #416b79
}
.search-results-container .responsivePagination .pageLink-with-arrow-prev span {
    border-right: 1px solid #d8d8d8
}
.search-results-container .responsivePagination .pageLink-with-arrow-prev span:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e907";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.search-results-container .responsivePagination .pageLink-with-arrow-next span {
    border-left: 1px solid #d8d8d8
}
.search-results-container .responsivePagination .pageLink-with-arrow-next span:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.search-results-container .responsivePagination .linkList {
    background: #fff;
    color: #000;
    padding: 0 1.5rem
}
.search-results-header {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 1.5rem
}
@media (min-width:1000px) {
    .search-results-header {
        align-items: flex-end;
        border-bottom: 1px solid #d8d8d8;
        flex-direction: row;
        margin-bottom: 2.5rem;
        padding-bottom: 1.5rem
    }
}
@media (min-width:1600px) {
    .search-results-header {
        align-items: center;
        padding-bottom: 1rem
    }
}
@media (min-width:1000px) {
    .search-results-header .filters-header {
        flex: none;
        width: clamp(240px, 24vw, 310px)
    }
}
@media (min-width:1600px) {
    .search-results-header .filters-header {
        margin-bottom: .5rem
    }
}
.search-results-header .filters-header .filters-mobile-toggle {
    width: 100%
}
.search-results-header .filters-header .filters-mobile-toggle:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: inline-block;
    font-family: icomoon !important;
    font-size: .9375rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1rem;
    text-transform: none
}
@media (min-width:600px) {
    .search-results-header .filters-header .filters-mobile-toggle {
        width: auto
    }
}
@media (min-width:1000px) {
    .search-results-header .filters-header .filters-mobile-toggle {
        display: none
    }
}
.search-results-header .filters-header .filters-label {
    display: none
}
@media (min-width:1000px) {
    .search-results-header .filters-header .filters-label {
        color: #000;
        display: block;
        font-size: 1.125rem;
        letter-spacing: .0125rem;
        text-transform: uppercase
    }
    .search-results-header .filters-header .filters-label:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e905";
        display: inline-block;
        font-family: icomoon !important;
        font-size: .9375rem;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        margin-right: 1rem;
        text-transform: none
    }
}
.search-results-active-filter {
    border-bottom: 1px solid #d8d8d8;
    margin: 1.5rem 0;
    padding-bottom: 1.5rem
}
@media (min-width:1000px) {
    .search-results-active-filter {
        border: 0;
        flex: 1 1 0%;
        margin: 0 0 0 clamp(40px, 4vw, 80px);
        padding: 0
    }
}
@media (min-width:1600px) {
    .search-results-active-filter .paginationLabelContainer {
        display: flex
    }
}
.search-results-active-filter .results-total {
    font-weight: 500;
    margin: 0 0 1rem;
    padding: .25rem .75rem 0 0
}
@media (min-width:1600px) {
    .search-results-active-filter .results-total {
        margin: 0
    }
}
.search-results-active-filter .queryFilters {
    display: flex;
    flex-wrap: wrap
}
.search-results-active-filter .filter-tag:not(.resetFilter) {
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    font-size: .8125rem;
    margin: 0 .5rem .5rem 0;
    padding: .375rem .75rem
}
.search-results-active-filter .filter-tag:not(.resetFilter):after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: inline-block;
    font-family: icomoon !important;
    font-size: .625rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: .25rem;
    text-transform: none
}
.search-results-active-filter .filter-tag:not(.resetFilter):focus-visible, .search-results-active-filter .filter-tag:not(.resetFilter):hover {
    background-color: #416b79;
    color: #fff
}
.search-results-active-filter .resetFilter {
    color: #416b79;
    font-size: .875rem;
    margin: 0 .5rem .5rem 0;
    padding: .375rem;
    text-decoration-color: #416b79;
    text-transform: uppercase
}
.search-results-active-filter .follow-results-rss-container {
    font-size: .875rem;
    font-weight: 700;
    margin-top: .5rem
}
.search-results-active-filter .follow-results-rss-container .RSS {
    font-size: 0
}
.search-results-active-filter .follow-results-rss-container .RSS:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #416b79;
    content: "\e914";
    display: inline-block;
    font-family: icomoon !important;
    font-size: .75rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.search-results-active-filter .follow-results-rss-container .follow-results-rss-tooltip {
    display: none
}
@media (min-width:1000px) {
    .search-results-sort {
        flex: none;
        margin-left: 80px;
        width: 210px
    }
}
@media (min-width:1600px) {
    .search-results-sort {
        margin-bottom: .5rem
    }
}
.search-results-filter {
    margin-bottom: 2.75rem;
}

.search-results-filter-container {
    display: none;
    margin: 1.5rem 0 0
}
@media (min-width:1000px) {
    .search-results-filter-container {
        display: block !important;
        margin: 0
    }
}
.search-results .search-facet-container {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 1.5rem;
    padding-bottom: 2.25rem
}
.search-results .search-facet-container .check label {
    font-size: .9375rem
}
.search-results .search-facet-container-title {
    font-size: .9375rem;
    font-weight: 700;
    letter-spacing: .1875rem;
    margin-bottom: 1rem;
    text-transform: uppercase
}
@media (min-width:1000px) {
    .gatherControls span {
        padding-left: 20px;
    }
}
@media (max-width:450px) {
    .gatherControls {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        flex-direction: row-reverse
    }
}
.search-results-teaser {
    margin-bottom: 2.75rem
}
@media (min-width:500px) {
    .search-results-teaser {
        align-items: flex-start;
        display: flex;
        flex-direction: row-reverse
    }
}
.search-results-teaser-image {
    margin-bottom: 1.5rem;
    overflow: hidden
}
@media (min-width:500px) {
    .search-results-teaser-image {
        flex: none;
        margin: 0 0 0 clamp(24px, 4.8vw, 44px);
        width: clamp(8.75rem, 28vw, 22.5rem)
    }
}
@media (min-width:1000px) {
    .search-results-teaser-image {
        margin-left: clamp(24px, 2.4vw, 44px);
        width: clamp(10rem, 16vw, 22.5rem)
    }
}
@media (min-width:1600px) {
    .search-results-teaser-image {
        margin-left: 2.75rem;
        width: 22.5rem
    }
}
.search-results-teaser-image img {
    transform: scale(1);
    transition: .15s ease-in-out
}
.search-results-teaser .eyebrow {
    margin-bottom: .5rem
}
.search-results-teaser .h3 {
    margin: 0
}
.search-results-teaser .h3 a {
    color: #000
}
@media (min-width:768px) {
    .search-results-teaser .h3 a {
        text-decoration-thickness: 2px;
        text-underline-offset: 4px
    }
}
.search-results-teaser-meta {
    margin: .5rem 0 0
}
.search-results-teaser-meta p {
    font-size: .875rem
}
@media (min-width:500px) {
    .search-results-teaser-text {
        flex: 1 1 0%
    }
}
.search-results-teaser-text p {
    font-size: 1rem
}
.search-results-teaser-summary {
    margin-top: 1.5rem
}
.search-results-teaser.js-link-event:focus-visible .search-results-teaser-image img, .search-results-teaser.js-link-event:hover .search-results-teaser-image img {
    transform: scale(1.1)
}
.search-results-teaser.js-link-event:focus-visible .h3 a, .search-results-teaser.js-link-event:hover .h3 a {
    text-decoration-color: #000
}
.site-footer {
    background-color: #416b79;
    color: #fff;
    grid-column: full;
    padding-block: 1.5rem;
    text-align: center
}
.site-footer a {
    color: #fff
}
.site-footer-inner {
    grid-column: main
}
@media (min-width:1100px) {
    .site-footer-inner {
        display: flex;
        text-align: left
    }
}
@media (min-width:1300px) {
    .site-footer-info {
        align-items: flex-start;
        display: flex
    }
    .site-footer-ar-logo {
        flex: none;
        margin-right: 1.5rem;
        padding-top: .5rem;
        width: 3.75rem
    }
}
@media (min-width:1100px) and (max-width:1299px) {
    .site-footer-ar-logo {
        width: 2.5rem
    }
}
.site-footer-info-publishing {
    margin: 1.5rem auto 0;
    max-width: 37.5rem
}
@media (min-width:1100px) {
    .site-footer-info-publishing {
        flex: none;
        margin-top: .5rem
    }
}
@media (min-width:1100px) and (max-width:1299px) {
    .site-footer-info-publishing {
        width: 24.0625rem
    }
}
@media (min-width:1300px) {
    .site-footer-info-publishing {
        margin-top: 0;
        width: 26.5625rem
    }
}
.site-footer-info-publishing p {
    font-size: .9375rem;
    line-height: 1.73
}
.site-footer-info-publishing .copyright {
    font-size: .8125rem
}
.site-footer-links {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 1.5rem
}
@media (min-width:1100px) {
    .site-footer-links {
        flex: 1 1 0%;
        flex-direction: column;
        margin: 0 0 0 3rem
    }
}
.site-footer-social-links {
    margin-top: .5rem
}
@media (min-width:1100px) {
    .site-footer-social-links {
        margin-top: 0
    }
}
.site-footer-social-links ul {
    align-items: center;
    display: flex;
    justify-content: center
}
@media (min-width:1100px) {
    .site-footer-social-links ul {
        justify-content: flex-end
    }
    .site-footer-social-links li {
        font-size: 1.125rem
    }
}
.site-footer-social-links a {
    align-items: center;
    background-color: initial;
    border-radius: 4px;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}
.site-footer-social-links a:focus-visible, .site-footer-social-links a:hover {
    background-color: #fff;
    color: #416b79
}
.site-footer-nav {
    margin-top: 1.5rem
}
@media (min-width:1100px) {
    .site-footer-nav {
        margin-top: 0
    }
}
.site-footer-nav ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}
@media (min-width:1100px) {
    .site-footer-nav ul {
        justify-content: flex-end
    }
}
.site-footer-nav li {
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    margin: 1rem 1rem 0;
    text-transform: uppercase
}
@media (min-width:1100px) {
    .site-footer-nav li {
        margin: 0 0 1rem 1.5rem
    }
}
.site-footer-nav a {
    text-underline-offset: 4px
}
.site-footer-legal {
    font-size: .8125rem;
    grid-column: main;
    margin-top: 1.5rem
}
.site-footer-legal ul {
    align-items: center;
    display: flex;
    justify-content: center
}
@media (min-width:1100px) {
    .site-footer-legal ul {
        justify-content: flex-start
    }
}
.site-footer-legal li {
    margin: 1rem .5rem 0
}
@media (min-width:1100px) {
    .site-footer-legal li {
        margin: 0 1rem 0 0
    }
}
.mobile-menu {
    -webkit-overflow-scrolling: touch;
    background-color: #416b79;
    box-shadow: 0 13px 24px 0 #1e1e1e80;
    height: 100vh;
    max-width: 430px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.5rem;
    position: fixed;
    right: -310px;
    top: 0;
    transition: right .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 100
}
@media (min-width:500px) {
    .mobile-menu {
        right: -430px;
        width: 430px
    }
}
html[data-menu=open] .mobile-menu {
    opacity: 1;
    right: 0;
    visibility: visible
}
.mobile-menu-header {
    align-items: center;
    display: flex;
    position: relative
}
.mobile-menu-header-ar-logo {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: .6875rem
}
.mobile-menu-header-ar-logo img {
    margin-right: .75rem;
    width: 2.125rem
}
.mobile-menu-header-ar-logo span {
    transition: .15s ease-in-out
}
.mobile-menu-header-ar-logo:focus-visible span, .mobile-menu-header-ar-logo:hover span {
    text-decoration-color: #fff
}
.mobile-menu-subscribe {
    margin: 1.75rem 0 1.3125rem
}
.mobile-menu-subscribe .btn {
    border: 1px solid #0000;
    width: 100%
}
.mobile-menu-subscribe .btn:focus-visible, .mobile-menu-subscribe .btn:hover {
    background-color: #416b79;
    border-color: #fff
}
.mobile-menu .inner {
    overflow: hidden;
    position: relative
}
.mobile-menu .menu-close {
    align-items: center;
    background-color: initial;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 1.25rem;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .15s ease-in-out;
    width: 40px
}
.mobile-menu .menu-close:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: inline-block;
    flex: none;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.mobile-menu .menu-close:hover {
    background-color: #fff;
    color: #416b79
}
.mobile-menu .nav-main {
    margin-bottom: 14px;
    transform: translateX(0);
    transition: .3s ease-in-out
}
.mobile-menu .nav-main>li {
    display: flex
}
.mobile-menu .nav-main-link {
    border-radius: 4px;
    color: #fff;
    flex: 1 1 0%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.2105263158;
    padding: 6px 0;
    text-transform: uppercase
}

.mobile-menu .nav-main__nonlink {
    color: #fff;
    flex: 1 1 0%;
    font-size: 1rem;
    line-height: 2.2105263158;
    padding: 6px 0;
    text-transform: uppercase;
}

.mobile-menu h2.nav-main__nonlink {
    background-color: cadetblue;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}

.mobile-menu .nav-main-link
.mobile-menu .nav-main-link span {
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    transition: .15s ease-in-out
}
.mobile-menu .nav-main-link:focus span, .mobile-menu .nav-main-link:hover span, .mobile-menu .nav-main-link[aria-current=page] span {
    text-decoration-color: #fff
}
.mobile-menu .nav-main-panel {
    left: calc(100% + 22px);
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .3s ease-in-out;
    width: 100%;
    z-index: -1
}
.mobile-menu .nav-main-panel[aria-hidden=false] {
    opacity: 1;
    z-index: 2
}
.mobile-menu .nav-main-panel>ul>li {
    margin-bottom: 40px
}
.mobile-menu .nav-main-panel>ul>li:last-child {
    margin: 0
}
.mobile-menu .nav-main-panel>ul>li>a {
    border-bottom: 3px solid #0000;
    color: red;
    display: inline;
    font-size: 1.125rem;
    line-height: 1.5
}
.mobile-menu .nav-main-panel>ul>li>a:hover, .mobile-menu .nav-main-panel>ul>li>a[aria-current=page] {
    border-color: blue
}
.mobile-menu .nav-main-panel>ul>li ul {
    margin-top: 22px
}
.mobile-menu .nav-main-panel>ul>li ul li {
    margin-bottom: 24px
}
.mobile-menu .nav-main-panel>ul>li ul li:last-child {
    margin: 0
}
.mobile-menu .nav-main-panel>ul>li ul a {
    border-bottom: 3px solid #0000;
    color: red;
    display: inline;
    font-size: 1rem;
    line-height: 1.25
}
.mobile-menu .nav-main-panel>ul>li ul a:hover, .mobile-menu .nav-main-panel>ul>li ul a[aria-current=page] {
    border-color: blue
}
.site-header-search {
    align-items: center;
    background: #f3f8f8;
    box-shadow: 0 12px 22px 0 #00000026;
    display: flex;
    height: 86px;
    left: 0;
    opacity: 0;
    padding: 1.75rem 24px;
    position: fixed;
    top: -200px;
    transition: .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 100
}
@media (min-width:1000px) {
    .site-header-search {
        padding-inline: 45px
    }
}
html[data-search=open] .site-header-search {
    opacity: 1;
    top: 0;
    visibility: visible
}
.site-header-search-inner {
    align-items: center;
    display: flex;
    width: 100%
}
@media (min-width:1000px) {
    .site-header-search-inner {
        margin: 0 auto;
        max-width: 1600px
    }
}
.site-header-search form {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    position: relative
}
@media (min-width:800px) {
    .site-header-search form {
        max-width: 1320px;
        width: 70%
    }
}
@media (min-width:1400px) {
    .site-header-search form {
        flex: none;
        margin-inline: auto
    }
}
.site-header-search form input[type=search] {
    height: 46px;
    margin: 0;
    padding-right: 64px;
    width: 100%
}
.site-header-search form button {
    background-color: initial;
    border-radius: 0 4px 4px 0;
    color: #416b79;
    display: block;
    font-size: 1.375rem;
    height: 44px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 54px
}
.site-header-search form button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    display: inline-block;
    display: block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.site-header-search form button:focus-visible, .site-header-search form button:hover {
    background-color: #416b79;
    color: #fff
}
.site-header-search-close {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    color: #416b79;
    display: flex;
    font-size: 1.25rem;
    height: 46px;
    justify-content: center;
    margin-left: 1rem;
    width: 46px
}
@media (min-width:768px) {
    .site-header-search-close {
        margin-left: 2rem
    }
}
.site-header-search-close:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: inline-block;
    flex: none;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.site-header-search-close:hover {
    background-color: #416b79;
    border-color: #416b79;
    color: #fff;
    cursor: pointer
}
.site-header {
    grid-column: full
}
.site-header-top {
    align-items: center;
    display: flex;
    grid-column: main;
    height: 4.125rem;
    justify-content: space-between
}
@media (min-width:800px) {
    .site-header-top {
        height: auto;
        padding-block: 2rem
    }
}
.site-header-ar-logo {
    display: none
}
@media (min-width:800px) {
    .site-header-ar-logo {
        display: block;
        flex: none;
        width: 11.875rem
    }
}
.site-header-ar-logo .ar-logo {
    width: 37px
}
.site-header-logo {
    flex: none;
    font-size: 0;
    margin-right: auto;
    transition: none;
    width: 113px
}
@media (min-width:800px) {
    .site-header-logo {
        margin: 0 auto;
        width: clamp(160px, 20vw, 222px)
    }
}
.site-header-main {
    border-top: 1px solid #d8d8d8;
    grid-column: full
}
@media (min-width:1600px) {
    .site-header-main {
        grid-column: main
    }
}
.site-header-nav {
    display: none
}
@media (min-width:800px) {
    .site-header-nav {
        display: block;
        grid-column: main
    }
}
.site-header-nav-items {
    display: flex;
    flex: 1 1 0%;
    justify-content: center
}
.site-header-nav-item {
    flex: none;
    margin-inline: .8125rem;
    position: relative
}
.site-header-nav-item-link {
    border-top: 3px solid #0000;
    color: #000;
    display: block;
    font-size: clamp(.8125rem, 1.62vw, 1rem);
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase
}
.site-header-nav-item-link[data-section=reviews]:focus-visible,
.site-header-nav-item-link[data-section=reviews]:hover,
.site-header-nav-item-link[data-section=reviews][aria-current=page] {
    border-top: 3px solid #416b79;
    color: #416b79
}
.site-header-nav-item-link[data-section=knowledge]:focus-visible,
.site-header-nav-item-link[data-section=knowledge]:hover,
.site-header-nav-item-link[data-section=knowledge][aria-current=page] {
    border-top: 3px solid #8e7828;
    color: #8e7828
}
.site-header-nav-item-link[data-section=work]:focus-visible,
.site-header-nav-item-link[data-section=work]:hover,
.site-header-nav-item-link[data-section=work][aria-current=page] {
    border-top: 3px solid #2a5989;
    color: #2a5989
}
.site-header-nav-item-link[data-section=about]:focus-visible,
.site-header-nav-item-link[data-section=about]:hover,
.site-header-nav-item-link[data-section=about][aria-current=page] {
    border-top: 3px solid #af4d1c;
    color: #af4d1c;
}
.site-header-nav-item-link[data-section=supporters]:focus-visible,
.site-header-nav-item-link[data-section=supporters]:hover,
.site-header-nav-item-link[data-section=supporters][aria-current=page] {
    border-top: 3px solid #89477F;
    color: #89477F;
}
.site-header-utility {
    display: flex;
    flex: none;
    margin-left: 20px
}

.site-header-login-link {
    padding: 1px 15px 0 0;
}
.site-header-menu-open,
.site-header-search-open,
.site-header-login,
.site-header-loged-user-menu {
    align-items: center;
    background-color: initial;
    border-radius: 4px;
    display: inline-flex;
    flex: none;
    flex-direction: column;
    height: 44px;
    justify-content: center;
    width: 44px
}
.site-header-menu-open:before,
.site-header-search-open:before,
.site-header-login:before,
.site-header-loged-user-menu:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    flex: none;
    font-family: icomoon !important;
    font-size: 1.4375rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.site-header-menu-open:focus-visible,
.site-header-menu-open:hover,
.site-header-search-open:focus-visible,
.site-header-search-open:hover,
.site-header-loged-user-menu:focus-visible,
.site-header-loged-user-menu:hover {
    background-color: #094348;
    color: #fff
}
.site-header-search-open:before {
    content: "\e901"
}
.site-header-loged-user-menu:before {
    content: "\e9be"
}
.site-header-login:before {
    font-size: 1.54rem;
    content: "\e9be"
}

@media (max-width:799px) {
    .site-header-login-link {
        padding: 2px 5px 0 0;
        color: #484848;
    }

}

@media (min-width:800px) {
    .site-header-search-open,
    .site-header-login {
        color: #416b79;
        height: 2.25rem;
        width: 40px
    }
}
.site-header-menu-open:before {
    content: "\e900"
}
@media (min-width:800px) {
    .site-header-menu-open {
        display: none
    }
}
.site-header-subscribe {
    display: none
}
@media (min-width:800px) {
    .site-header-subscribe {
        align-self: center;
        display: block;
        flex: none;
        margin-left: 1.625rem
    }
}
.skinny-promo {
    align-items: center;
    background-color: #d8e8e9;
    display: flex;
    flex-direction: column;
    grid-column: full;
    justify-content: center;
    margin-bottom: clamp(28.8px, 4.8vw, 72px);
    padding: 1.5rem
}
@media (min-width:1200px) {
    .skinny-promo {
        flex-direction: row
    }
}
.skinny-promo .h3 {
    font-weight: 400;
    margin: 0
}
.skinny-promo-cta {
    margin-top: 1.5rem
}
@media (min-width:1200px) {
    .skinny-promo-cta {
        margin: 0 0 0 2.5rem
    }
}
.hero:has(+.skinny-promo) {
    margin-bottom: 0
}
.hero+.skinny-promo {
    grid-column: full
}
@media (min-width:1600px) {
    .hero+.skinny-promo {
        grid-column: main
    }
}
.skinny-promo .skinny-promo-personlisation {
    display:flex;
    justify-content: space-between;
    column-gap: 10px;
    flex-wrap: wrap;
} 
@media(max-width: 450px) {
    .skinny-promo-personlisation {
        margin-top: 1.5em;
        flex-direction: column;
    }
    .skinny-promo-personlisation  > button {
        width:100%;
    }
    .js-nli-createalert {
        display: block;
    }
}

.social-share {
    display:flex;
    justify-content: center;
}
.social-share .social-share-post-comment {
    width:auto;
    padding: 0 10px;
}
@media (max-width:857px) {
    .skinny-promo .skinny-promo-personlisation {
        flex-direction: column;
    }
    button.republish-button {
        max-height: 43px;
    }
    .social-share  {
        display: block;
    }
}
@media (max-width:450px) {
    .skinny-promo-personlisation .js-nli-createalert,
    .skinny-promo-personlisation .js-alertDiv {
        margin: 0;
    }
    .js-alertDiv{
     display: block;
    }
    .skinny-promo-personlisation .btn {
        display: flex;
        margin-bottom: 5px;
    }
}

.social-share-services {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}
@media (min-width:858px) {
    .social-share-services::after {
        content: "|";
        display: block;
    }
}

@media (min-width:1100px) {
    .social-share li {
        font-size: 1.125rem
    }
}
.social-share a, .social-share button {
    align-items: center;
    background-color: initial;
    border-radius: 4px;
    color: #416b79;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}
.social-share a:before, .social-share button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}
.social-share a[data-service=facebook]:before, .social-share button[data-service=facebook]:before {
    content: "\e90f"
}
.social-share a[data-service=twitter]:before, .social-share button[data-service=twitter]:before {
    content: "\e5999"
}
.social-share a[data-service=linkedin]:before, .social-share button[data-service=linkedin]:before {
    content: "\e911"
}
.social-share a[data-service=whatsapp]:before, .social-share button[data-service=whatsapp]:before {
    content: "\e919"
}
.social-share a[data-service=pocket]:before, .social-share button[data-service=pocket]:before {
    content: "\e918"
}
.social-share a[data-service=reddit]:before, .social-share button[data-service=reddit]:before {
    content: "\e915"
}
.social-share a[data-service=flipboard]:before, .social-share button[data-service=flipboard]:before {
    content: "\e90e"
}
.social-share a[data-service=email]:before, .social-share button[data-service=email]:before {
    content: "\e903"
}
.social-share a[data-service=print]:before, .social-share button[data-service=print]:before {
    content: "\e917"
}
.social-share a[data-service=republish]:before, .social-share button[data-service=republish]:before {
    content: "\e904"
}
[data-section=reviews] .social-share a, [data-section=reviews] .social-share button {
    color: #416b79
}
[data-section=knowledge] .social-share a, [data-section=knowledge] .social-share button {
    color: #8e7828
}
[data-section=work] .social-share a, [data-section=work] .social-share button {
    color: #2a5989
}
[data-section=about] .social-share a, [data-section=about] .social-share button {
    color: #af4d1c
}
[data-section=supporters] .social-share a, [data-section=supporters] .social-share button {
    color: #89477F
}
.social-share a[data-service=email], .social-share button[data-service=email] {
    font-size: .875rem
}
.social-share ul a:focus-visible,
.social-share ul a:hover,
.social-share ul button:focus-visible,
.social-share ul button:hover {
    background-color: #416b79;
    color: #fff
}
[data-section=reviews] .social-share a:focus-visible, [data-section=reviews] .social-share a:hover, [data-section=reviews] .social-share button:focus-visible, [data-section=reviews] .social-share button:hover {
    background-color: #416b79
}
[data-section=knowledge] .social-share a:focus-visible, [data-section=knowledge] .social-share a:hover, [data-section=knowledge] .social-share button:focus-visible, [data-section=knowledge] .social-share button:hover {
    background-color: #8e7828
}
[data-section=work] .social-share a:focus-visible, [data-section=work] .social-share a:hover, [data-section=work] .social-share button:focus-visible, [data-section=work] .social-share button:hover {
    background-color: #2a5989
}
[data-section=about] .social-share a:focus-visible, [data-section=about] .social-share a:hover, [data-section=about] .social-share button:focus-visible, [data-section=about] .social-share button:hover {
    background-color: #af4d1c
}
[data-section=supporters] .social-share a:focus-visible, [data-section=supporters] .social-share a:hover, [data-section=supporters] .social-share button:focus-visible, [data-section=about] .social-share button:hover {
    background-color: #89477F
}
.staff {
    grid-column: main;
    margin-bottom: clamp(28.8px, 4.8vw, 72px)
}
.staff-inner {
    margin-inline: auto;
    max-width: 66.25rem
}
@media (min-width:600px) {
    .staff-member {
        display: grid;
        gap: 2.75rem;
        grid-template-columns: clamp(10rem, 26.66vw, 13.9375rem) 1fr
    }
}
.staff-member-image {
    margin-bottom: 1.5rem;
    width: 10rem
}
@media (min-width:600px) {
    .staff-member-image {
        margin: 0;
        width: auto
    }
}
.staff-member .h3 {
    margin-bottom: .5rem
}
.staff-member-title {
    font-size: .875rem;
    font-weight: 500
}
.staff-member p {
    margin: 1.5rem 0 0
}
.staff-member-email {
    margin-top: 1.5rem
}
.staff-additional, .staff-member+.staff-member {
    margin-top: 2.75rem
}
.staff-additional {
    border-top: 1px solid #d8d8d8;
    padding-top: 2.75rem
}
@media (min-width:600px) {
    .staff-additional-title {
        margin-bottom: 2.5rem;
        text-align: center
    }
}
@media (min-width:900px) {
    .staff-additional-members {
        display: grid;
        gap: 2.75rem clamp(2.5rem, 4.44vw, 4.25rem);
        grid-template-columns: repeat(3, 1fr)
    }
}
.staff-additional-member {
    margin-bottom: 2.75rem
}
@media (min-width:900px) {
    .staff-additional-member {
        margin: 0
    }
}
.staff-additional .h4 {
    margin: 0
}
.staff-additional-member-title {
    font-size: .875rem;
    font-weight: 500;
    margin-top: .5rem
}
.staff-additional .staff-member-email {
    margin-top: 1rem
}
.staff .staff-member-email {
    text-decoration-color: #416b79
}
.staff .staff-member-email:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    display: inline-block;
    font-family: icomoon !important;
    font-size: .875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1rem;
    position: relative;
    text-transform: none;
    top: 2px
}
.sticky-nav {
    display: none;
    grid-column: main
}
@media (min-width:800px) {
    .sticky-nav {
        background-color: #fff;
        display: block;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        transform: translateY(-25px);
        transition: .15s ease-in-out;
        visibility: hidden;
        width: 100%;
        z-index: 99
    }
}
.sticky-nav[data-active=true] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: .25s ease-in-out;
    visibility: visible
}
.sticky-nav:after {
    background: linear-gradient(180deg, #000, #0000);
    bottom: -20px;
    content: "";
    height: 20px;
    left: 0;
    mix-blend-mode: multiply;
    opacity: .15;
    pointer-events: none;
    position: absolute;
    width: 100%
}
.sticky-nav-inner {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    margin-inline: auto;
    margin: 0 auto;
    max-width: 2056px;
    position: relative;
    width: 100%
}
@media (min-width:1200px) {
    .sticky-nav-inner {
        height: 86px
    }
}
.sticky-nav-logo {
    flex: none;
    width: 1.5rem
}
@media (min-width:1000px) {
    .sticky-nav-logo {
        width: clamp(110px, 11vw, 167px)
    }
}
.sticky-nav-logo-books {
    width: 2.75rem
}
@media (min-width:1000px) {
    .sticky-nav-logo-books {
        display: none
    }
}
.sticky-nav-logo-full {
    display: none
}
@media (min-width:1000px) {
    .sticky-nav-logo-full {
        display: block
    }
}
.sticky-nav .site-header-nav-item {
    margin-inline: .5rem
}
@media (min-width:1000px) {
    .sticky-nav .site-header-nav-item {
        margin-inline: .75rem
    }
}
.sticky-nav .site-header-nav-item-link {
    font-size: .75rem
}
@media (min-width:1000px) {
    .sticky-nav .site-header-nav-item-link {
        font-size: clamp(12px, 1.2vw, 16px)
    }
}
@media (min-width:1200px) {
    .sticky-nav .site-header-nav-item-link {
        align-items: center;
        display: flex;
        height: 86px
    }
}
.sticky-nav-utility {
    align-items: center;
    display: flex
}
.sticky-nav-search-open, .sticky-nav-login {
    align-items: center;
    background-color: initial;
    border-radius: 4px;
    display: inline-flex;
    flex: none;
    flex-direction: column;
    height: 34px;
    justify-content: center;
    margin-right: .75rem;
    width: 34px
}

.sticky-nav-login {
    color: #094348;
}

.sticky-nav-search-open:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    display: inline-block;
    flex: none;
    font-family: icomoon !important;
    font-size: 1.125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.sticky-nav-login:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9be";
    display: inline-block;
    flex: none;
    font-family: icomoon !important;
    font-size: 1.125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

@media (min-width:1000px) {
    .sticky-nav-search-open:before {
        font-size: clamp(18px, 1.8vw, 23px)
    }
    .sticky-nav-login:before {
        font-size: clamp(18px, 1.8vw, 25px);
    }
}
.sticky-nav-search-open:focus-visible, .sticky-nav-search-open:hover {
    background-color: #094348;
    color: #fff
}
@media (min-width:1000px) {
    .sticky-nav-search-open, .sticky-nav-login {
        margin-right: 1.5rem
    }
}
@media (min-width:1200px) {
    .sticky-nav-search-open, .sticky-nav-login {
        height: 36px;
        width: 36px
    }
}
.sticky-nav-subscribe {
    font-size: .75rem;
    padding-inline: .75rem
}
@media (min-width:1200px) {
    .sticky-nav-subscribe {
        font-size: .875rem;
        padding-inline: 1.375rem
    }
}
.tags {
    display: flex;
    flex-wrap: wrap;
    grid-column: main;
    margin-top: 1.5rem
}
.tags .btn {
    margin: 0 .5rem .5rem 0
}
.text-block {
    grid-column: main;
    margin-bottom: clamp(28.8px, 4.8vw, 72px)
}
.text-block-content {
    margin: 0 auto;
    max-width: 50rem
}
/* up the specifty to outtrump */
.text-block .text-block-content blockquote {
    margin: 40px 0
}
@media (min-width:1000px) {
    .text-block .text-block-content blockquote {
        margin-inline: clamp(-100px, -5vw, -50px)
    }
}
@media (min-width:1400px) {
    .text-block .text-block-content blockquote {
        margin-inline: -100px
    }
}
.text-block .text-block-content blockquote:first-child {
    margin-top: 0
}
.text-block .text-block-content blockquote:last-child {
    margin-bottom: 0
}
.text-block-figure,
.advert-block__skyscrapper {
    border-bottom: 1px solid #416b79;
    padding-bottom: 1rem
}
.text-block-figure.-center {
    margin: 40px 0
}
@media (min-width:1000px) {
    .text-block-figure.-center {
        margin-inline: clamp(-100px, -5vw, -50px)
    }
}
@media (min-width:1400px) {
    .text-block-figure.-center {
        margin-inline: -100px
    }
}
@media (min-width:1000px) {
    .text-block-figure.-center .figure-meta {
        display: flex;
        justify-content: space-between
    }
    .text-block-figure.-center .figure-source:first-child {
        margin-right: 2rem
    }
    .text-block-figure.-center .figure-credit:nth-child(2) {
        margin-top: 0
    }
}
.text-block-figure.-left, .text-block-figure.-right,
.advert-block__skyscrapper.-left, .advert-block__skyscrapper.-right {
    margin: 40px 0
}
@media (min-width:500px) {
    .text-block-figure.-left, .text-block-figure.-right {
        width: clamp(180px, 36vw, 360px)
    }
    .advert-block__skyscrapper.-left, .advert-block__skyscrapper.-right {
        width: 120px;
        min-height: 600px;
    }
}


@media (min-width:1000px) {
    .text-block-figure.-left, .text-block-figure.-right,
    .advert-block__skyscrapper.-left, .advert-block__skyscrapper.-right {
        margin-bottom: 2rem
    }
}
@media (min-width:500px) {
    .text-block-figure.-right,
    .advert-block__skyscrapper.-right {
        float: right;
        margin: 0 0 40px clamp(24px, 4.8vw, 44px)
    }
}
@media (min-width:1000px) {
    .text-block-figure.-right,
    .advert-block__skyscrapper.-right {
        margin-right: clamp(-100px, -5vw, -50px)
    }
}
@media (min-width:1400px) {
    .text-block-figure.-right,
    .advert-block__skyscrapper.-right {
        margin-right: -100px
    }
}
@media (min-width:500px) {
    .text-block-figure.-left,
    .advert-block__skyscrapper.-left {
        float: left;
        margin: 0 clamp(24px, 4.8vw, 44px) 40px 0
    }
}
@media (min-width:1000px) {
    .text-block-figure.-left,
    .advert-block__skyscrapper.-left {
        margin-left: clamp(-100px, -5vw, -50px)
    }
}
@media (min-width:1400px) {
    .text-block-figure.-left,
    .advert-block__skyscrapper.-left {
        margin-left: -100px
    }
}
.text-block .figure-meta {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.43;
    padding-top: .25rem
}
.text-block .figure-credit, .text-block .figure-source {
    text-transform: uppercase
}
.text-block .figure-credit:nth-child(2) {
    margin-top: .5rem
}
.text-block figcaption {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.43;
    margin-top: 1rem
}
@media print {
    .dialog,
    .mobile-menu,
    .republish-button,
    .site-footer-links,
    .site-header-ar-logo,
    .site-header-nav,
    .site-header-search,
    .site-header-utility,
    .social-share,
    .sticky-nav,
    .tags,
    hypothesis-sidebar,
    #alerts,
    .social-share,
    .js-nli-createalert {
        display: none !important
    }
    .site-header {
        height: auto
    }
    .hero {
        display: block !important
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height: 40px !important
    }
    .h1, .h2, .h3, .h4, .h5, .h6, blockquote, h1, h2, h3, h4, h5, h6, p {
        border: 0 !important;
        color: primary-color(gray) !important;
        page-break-inside: avoid
    }
    picture {
        page-break-inside: avoid
    }
    .btn, button, input[type=button], input[type=reset], input[type=submit] {
        border-color: primary-color(gray);
        color: primary-color(gray)
    }
    img {
        page-break-inside: avoid
    }
    .site-footer {
        display: block !important
    }
}
.text-block p:last-child{
    margin: 0 0 30px;
}
#resetForm fieldset legend{
    margin: 0 0 20px;
}
#resetForm fieldset .col-xs-12 {
    padding-left: 0;
    margin-bottom: 10px;
}
#resetForm .row {
    margin-left: 0;
}

#resetForm label {
    display:inline;
}
.card-promo-item {
    margin:20px 0;
}
.card-promo-item:not(:last-child) {
    border-bottom:1px solid #ddd;
}
.card-promo-item h3 a {
    color: #333;
}
.card-promo-item h3 a:hover {
    text-decoration: underline;
}
.fr-popup{
 overflow-wrap:break-word;
}

@media (max-width:899px) {
    .card-promo {
        margin-bottom: 20px;
    }
}