#gnpub-gnfollow-shortcode-wrapper a{text-decoration:none;color:#000;border:1px solid #c6d2d9;padding:7px 15px 3px 16px;line-height:1;height:40px;vertical-align:middle;position:absolute}#gnpub-gnfollow-shortcode-wrapper a:focus{box-shadow:none}#gnpub-gnfollow-shortcode-wrapper img{width:120px;position:relative;top:9px;left:5px}#gnpub-gnfollow-shortcode-wrapper a:hover{border:1px solid #000}#gnpub-gnfollow-shortcode-follow-text{font-weight:500;font-size:13px}.share-with-ai {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
padding: 15px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.share-with-ai a {
outline: 0!important;
text-decoration: none!important;
}
.share-with-ai .share-ai.perplexity {
background: #20808D;
}
.share-with-ai .share-ai.chatgpt,
.share-with-ai .share-ai.grok {
background: #000;
}
.share-with-ai .share-ai.claude {
background: #ff6b35;
}
.share-ai-text {
margin-right: 10px;
}
.share-ai-text span {
font-weight: 600;
color: #495057;
font-size: 14px;
}
.share-ai {
display: inline-block;
}
.summarize-with-ai-icon {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: 500;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.summarize-with-ai-icon:hover {
text-decoration: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.summarize-with-ai-icon img {
width: 16px;
height: 16px;
flex-shrink: 0;
} .summarize-with-chatgpt:hover {
background: #10a37f;
color: #ffffff;
border-color: #10a37f;
}
.summarize-with-grok:hover {
background: #000;
color: #ffffff;
border-color: #000;
}
.summarize-with-perplexity:hover {
background: #20808d;
color: #ffffff;
border-color: #20808d;
}
.summarize-with-claude {
border-color: #d77655;
background: #d77655;
}
.summarize-with-claude:hover {
background: #d77655;
color: #ffffff;
border-color: #d77655;
} @media (max-width: 768px) {
.share-with-ai {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.share-ai-text {
margin-right: 0;
margin-bottom: 5px;
}
.share-ai {
display: block;
width: 100%;
overflow: hidden;
}
.summarize-with-ai-icon {
display: flex;
width: 100%;
justify-content: center;
padding: 12px;
}
}
@media (max-width: 480px) {
.share-with-ai {
padding: 12px;
margin: 15px 0;
}
.summarize-with-ai-icon {
font-size: 14px;
padding: 10px;
}
.summarize-with-ai-icon img {
width: 18px;
height: 18px;
}
} @media (prefers-color-scheme: dark) {
.share-with-ai {
background: #2d3748;
border-color: #4a5568;
}
.share-ai-text span {
color: #e2e8f0;
}
.summarize-with-ai-icon {
background: #4a5568;
border-color: #718096;
color: #e2e8f0;
}
} @media print {
.share-with-ai {
display: none;
}
}.algolia-autocomplete {
z-index: 999999 !important;
}
.aa-dropdown-menu { font-family: sans-serif;
background-color: #fff;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
}
.aa-dropdown-menu:after {
content: " ";
display: block;
clear: both;
}
.aa-dropdown-menu .aa-input, .aa-dropdown-menu .aa-hint {
width: 100%;
}
.aa-dropdown-menu .aa-hint {
color: #999;
} .aa-dropdown-menu {
color: #1a1a1a;
font-size: 12px;
}
.aa-dropdown-menu a {
font-size: 12px;
color: #1a1a1a;
font-weight: normal;
text-decoration: none;
}
.aa-dropdown-menu a:hover {
text-decoration: none;
} .aa-dropdown-menu .autocomplete-header {
margin: 0 14px;
line-height: 3em;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.aa-dropdown-menu .autocomplete-header-title,
.aa-dropdown-menu .autocomplete-header-more
{
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-title {
float: left;
}
.aa-dropdown-menu .autocomplete-header-more {
float: right;
}
.aa-dropdown-menu .autocomplete-header-more a {
color: rgba(0,0,0,.3);
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-more a:hover {
color:  rgba(0,0,0,.4);
} .aa-dropdown-menu .aa-suggestion {
padding: 5px 0;
}
.aa-dropdown-menu .aa-suggestion:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.aa-dropdown-menu .aa-suggestion em {
color: #174d8c;
background: rgba(143,187,237,.1);
font-style: normal;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-title {
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content {
color: #63676d;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content em {
padding: 0 0 1px;
background: inherit;
box-shadow: inset 0 -2px 0 0 rgba(69,142,225,.8);
color: inherit;
}
.aa-dropdown-menu .aa-suggestion.aa-cursor {
background-color: #f9f9f9;
}
.aa-dropdown-menu a.suggestion-link {
display: block;
padding: 0 14px;
}
.aa-dropdown-menu a.suggestion-link.user-suggestion-link {
line-height: 32px;
}
.aa-dropdown-menu a.suggestion-link svg {
vertical-align: middle;
fill: rgba(0,0,0,.3);
float: left;
}
.aa-dropdown-menu .suggestion-post-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 3px;
width: 32px;
height: 32px;
}
.aa-dropdown-menu .suggestion-user-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 16px;
width: 32px;
height: 32px;
} .aa-dropdown-menu .autocomplete-footer-branding {
padding: 15px 14px 0;
float: right;
color: rgba(0,0,0,.3);
margin-bottom: 7px;
} .aa-dropdown-menu .clear {
clear: both;
} .autocomplete-empty {
clear: both;
padding: 15px;
}
.autocomplete-empty .empty-query {
font-weight: bold;
}@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/6366cef4b4-rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-JDV36TGI.ttf) format('truetype');
}
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/5e6a26180b-rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9uCl36TGI.ttf) format('truetype');
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/fd09da0e25-rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRR23z.ttf) format('truetype');
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/03ecb0741a-rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZtRR23z.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/8838add44a-L0xtDF02iFML4hGCyMqgdyNEf6or5L2WA10QUqmmY8U.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/464b2b38a2-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4vH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/eb83efc7a1-L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4vH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/cf559f7435-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkvH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/01ccbc1f5e-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkvH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/5982f1ae15-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkvH5mv.ttf) format('truetype');
}html[data-wp-dark-mode-active] {
--wd-canvas: #101011;
--wd-surface: #1c1c1e;
--wd-raised: #242426;
--wd-border: rgba(255,255,255,.10);
--wd-text: #bcbcc3;
--wd-title: #dedee3;
--wd-secondary: #98989d;
--wd-accent: #0000ff;
--wd-button: #0000ff;
color-scheme: dark;
background: var(--wd-canvas) !important;
}
html[data-wp-dark-mode-active] body,
html[data-wp-dark-mode-active] #wrapper,
html[data-wp-dark-mode-active] #footer {
background: var(--wd-canvas) !important;
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] .bg-box {
background: var(--wd-surface) !important;
border-color: var(--wd-border) !important;
box-shadow: none !important;
border-radius: 20px;
}
html[data-wp-dark-mode-active] #single article.main-article {
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
} html[data-wp-dark-mode-active] #header .grid-container {
background: rgba(28,28,30,.82) !important;
border: 1px solid rgba(255,255,255,.08) !important;
border-radius: 28px !important;
box-shadow: 0 8px 32px rgba(0,0,0,.16) !important;
-webkit-backdrop-filter: blur(24px) saturate(150%);
backdrop-filter: blur(24px) saturate(150%);
}
html[data-wp-dark-mode-active] #header[data-stuck] .menu-wrapper {
background: transparent !important;
}
html[data-wp-dark-mode-active] .text,
html[data-wp-dark-mode-active] .text p,
html[data-wp-dark-mode-active] .text li,
html[data-wp-dark-mode-active] #footer .widgets {
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] .title,
html[data-wp-dark-mode-active] .text :is(h1,h2,h3,h4,h5,h6,strong),
html[data-wp-dark-mode-active] .title a,
html[data-wp-dark-mode-active] #sidebar .widget-title {
color: var(--wd-title) !important;
}
html[data-wp-dark-mode-active] .meta,
html[data-wp-dark-mode-active] .meta-info,
html[data-wp-dark-mode-active] .meta time,
html[data-wp-dark-mode-active] .meta .name,
html[data-wp-dark-mode-active] #footer .copyright {
color: var(--wd-secondary) !important;
}
html[data-wp-dark-mode-active] #sidebar .info.bg-box {
background: var(--wd-surface) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
border-radius: 20px;
}
html[data-wp-dark-mode-active] #sidebar .info a,
html[data-wp-dark-mode-active] #header nav ul.menu > li > a:not(.epcl-button) {
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] #sidebar .toc a {
color: var(--wd-secondary) !important;
}
html[data-wp-dark-mode-active] #sidebar .toc a:hover,
html[data-wp-dark-mode-active] #sidebar .toc a.is-active-link {
color: var(--wd-title) !important;
}
html[data-wp-dark-mode-active] .toc-link::before {
background: var(--wd-border) !important;
}
html[data-wp-dark-mode-active] .is-active-link::before {
background: var(--wd-accent) !important;
}
html[data-wp-dark-mode-active] .epcl-social-buttons .email,
html[data-wp-dark-mode-active] #sidebar .info svg.icon {
color: var(--wd-accent) !important;
}
html[data-wp-dark-mode-active] .widget-title svg.decoration {
color: var(--wd-accent) !important;
fill: currentColor !important;
} html[data-wp-dark-mode-active] .epcl-button,
html[data-wp-dark-mode-active] .epcl-button.epcl-shortcode,
html[data-wp-dark-mode-active] button[type="submit"],
html[data-wp-dark-mode-active] #epcl-copy-button,
html[data-wp-dark-mode-active] #footer #back-to-top {
background: var(--wd-button) !important;
color: #fff !important;
border-color: transparent !important;
border-radius: 980px !important;
box-shadow: none !important;
transition: background-color .2s ease, box-shadow .2s ease;
}
html[data-wp-dark-mode-active] .epcl-button:hover,
html[data-wp-dark-mode-active] .epcl-button.epcl-shortcode:hover,
html[data-wp-dark-mode-active] button[type="submit"]:hover,
html[data-wp-dark-mode-active] #epcl-copy-button:hover {
background: #2929ff !important;
}
html[data-wp-dark-mode-active] :is(a,button,input,summary):focus-visible {
outline: 2px solid var(--wd-accent) !important;
outline-offset: 4px;
}
html[data-wp-dark-mode-active] #single .share-buttons,
html[data-wp-dark-mode-active] #single .bottom-tags,
html[data-wp-dark-mode-active] #epcl-related-stories .item,
html[data-wp-dark-mode-active] #epcl-related-stories .item .info,
html[data-wp-dark-mode-active] #footer .widget ul li {
border-color: var(--wd-border) !important;
}
html[data-wp-dark-mode-active] .inputbox,
html[data-wp-dark-mode-active] #copy-link,
html[data-wp-dark-mode-active] .subscribe-form input[type="email"] {
background: var(--wd-surface) !important;
border-color: var(--wd-border) !important;
border-radius: 16px !important;
color: var(--wd-text) !important;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] .inputbox:focus {
border-color: var(--wd-accent) !important;
}
html[data-wp-dark-mode-active] #epcl-related-stories .image-container,
html[data-wp-dark-mode-active] #epcl-related-stories .epcl-number {
background: var(--wd-surface) !important;
color: var(--wd-secondary) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
} html[data-wp-dark-mode-active] .epcl-cta {
background: linear-gradient(180deg, #101011 0%, #171719 50%, #101011 100%) !important;
border-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] .epcl-cta svg,
html[data-wp-dark-mode-active] .epcl-cta svg path {
fill: #0000ff !important;
color: #0000ff !important;
}
html[data-wp-dark-mode-active] .epcl-cta svg {
opacity: 1;
} html[data-wp-dark-mode-active] #single img.cover,
html[data-wp-dark-mode-active] #single .wp-block-image img {
filter: none !important;
border-radius: 18px;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] #single .wp-block-image:has(img[src*="wd-visual-"]) {
background: var(--wd-surface) !important;
border-radius: 20px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
overflow: hidden;
isolation: isolate;
}
html[data-wp-dark-mode-active] #single .wp-block-image img[src*="wd-visual-"] {
mix-blend-mode: lighten;
}
html[data-wp-dark-mode-active] .wd-visual-equivalent {
color: var(--wd-secondary) !important;
}
@media (prefers-reduced-motion: reduce) {
html[data-wp-dark-mode-active] .epcl-button { transition: none; }
}
html[data-wp-dark-mode-active] .share-ai {
background: var(--wd-surface) !important;
border-radius: 12px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
overflow: hidden;
}
html[data-wp-dark-mode-active] .share-ai a {
background: transparent !important;
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] .share-ai:hover {
background: var(--wd-raised) !important;
}
html[data-wp-dark-mode-active] .share-ai-text {
color: var(--wd-secondary) !important;
}
html[data-wp-dark-mode-active] nav.side-nav {
background: var(--wd-surface) !important;
}
html[data-wp-dark-mode-active] :is(a,button,input,summary):focus-visible {
outline-color: #9595ff !important;
} html[data-wp-dark-mode-active] #header[data-stuck] .grid-container {
border-radius: 0 !important;
transition-property: background-color, box-shadow, border-color !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
} html[data-wp-dark-mode-active] #sidebar .info.bg-box {
background: #191a1b !important;
border: 0 !important;
border-radius: 0;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] #sidebar .info,
html[data-wp-dark-mode-active] #sidebar .info :is(.meta-info, .name, .fw-semibold) {
color: #9cabb7 !important;
}
html[data-wp-dark-mode-active] #sidebar .info a,
html[data-wp-dark-mode-active] #sidebar .info svg.icon {
color: #f0f0f0 !important;
}html:not([data-wp-dark-mode-active]) {
--epcl-background-color: #fff;
--epcl-boxes-background-color: #f5f5f7;
--epcl-titles-color: #1d1d1f;
--epcl-text-color: #424245;
--epcl-meta-color: #6e6e73;
--epcl-border-color: #d2d2d7;
--epcl-boxes-border-color: #e5e5e7;
--epcl-boxes-shadow: none;
--wd-owned-link: #0066cc;
}
html:not([data-wp-dark-mode-active]) body,
html:not([data-wp-dark-mode-active]) #wrapper,
html:not([data-wp-dark-mode-active]) #single .main-article {
background: #fff !important; color: #424245; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) #header .grid-container {
background: rgb(250 250 252 / 92%) !important;
backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
border: 1px solid #e8e8ed !important; box-shadow: none !important;
border-radius: 22px;
}
html:not([data-wp-dark-mode-active]) #header nav ul.menu > li > a:not(.epcl-button) { color: #424245; }
html:not([data-wp-dark-mode-active]) #single :is(h1,h2,h3,h4,.title),
html:not([data-wp-dark-mode-active]) #single .text strong { color: #1d1d1f !important; }
html:not([data-wp-dark-mode-active]) #single .main-article > header h1 {
letter-spacing: -.035em; line-height: 1.12; font-weight: 700;
}
html:not([data-wp-dark-mode-active]) #single .text { color: #424245 !important; }
html:not([data-wp-dark-mode-active]) #single .text a[data-wd-destination],
html:not([data-wp-dark-mode-active]) #single .text a[data-wd-destination] strong { color: #0066cc !important; }
html:not([data-wp-dark-mode-active]) body #sidebar :is(.info.bg-box,.wd-toc-disclosure),
html:not([data-wp-dark-mode-active]) body #sidebar .wd-sidebar-ai .share-with-ai {
background: #f5f5f7 !important; border: 1px solid #e8e8ed !important;
box-shadow: none !important; border-radius: 18px;
}
html:not([data-wp-dark-mode-active]) #sidebar :is(.meta-info,.meta-info a,.widget-title,.toc a) { color: #515154 !important; }
html:not([data-wp-dark-mode-active]) #sidebar .widget-title { color: #1d1d1f !important; }
html:not([data-wp-dark-mode-active]) .share-ai,
html:not([data-wp-dark-mode-active]) .share-ai a { background: #fff !important; color: #424245 !important; box-shadow: none !important; }
html:not([data-wp-dark-mode-active]) .share-ai { border: 1px solid #d2d2d7; border-radius: 10px; }
html:not([data-wp-dark-mode-active]) .share-ai-text { color: #6e6e73 !important; }
html:not([data-wp-dark-mode-active]) body .wd-audio-player:not(.wd-audio-docked) {
background: #f5f5f7 !important; border-color: #d2d2d7 !important; color: #424245 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) .wd-audio-title { color: #424245 !important; }
html:not([data-wp-dark-mode-active]) #single .main-article > header .meta time {
background: #f5f5f7 !important; color: #6e6e73 !important;
}
html:not([data-wp-dark-mode-active]) body #single .text h2.wd-section-divider {
background: #f5f5f7 !important; border: 1px solid #e8e8ed !important;
box-shadow: none !important; color: #1d1d1f !important; border-radius: 20px;
}
html:not([data-wp-dark-mode-active]) body #single .text h2.wd-section-divider::before {
color: #0066cc !important; background: none !important; -webkit-text-fill-color: #0066cc;
}
html:not([data-wp-dark-mode-active]) body #single .text .wd-takeaway,
html:not([data-wp-dark-mode-active]) #single .text p.wd-editorial-note,
html:not([data-wp-dark-mode-active]) body #single .wd-inline-cta {
background: #f5f5f7 !important; color: #424245 !important; border-color: #e0e0e5 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body #single .text p.wd-contact-note { border-color: #5672ff !important; }
html:not([data-wp-dark-mode-active]) body #single .wd-inline-cta { border-color: #78c754 !important; }
html:not([data-wp-dark-mode-active]) #single .wd-inline-cta p { color: #424245 !important; }
html:not([data-wp-dark-mode-active]) .wd-accordion-group {
--wd-accordion-bg: #f5f5f7; --wd-accordion-border: #e8e8ed;
--wd-accordion-heading: #1d1d1f; --wd-accordion-text: #424245; --wd-accordion-hover: #ededf0;
}
html:not([data-wp-dark-mode-active]) #single .text .wd-table-wrap {
background: #fff !important; border: 1px solid #d2d2d7 !important; box-shadow: none;
}
html:not([data-wp-dark-mode-active]) #single .wd-comparison-table caption { background: #f5f5f7; color: #1d1d1f; }
html:not([data-wp-dark-mode-active]) #single .text .wd-comparison-table :is(th,td) { color: #424245; border-color: #e5e5e7; }
html:not([data-wp-dark-mode-active]) #single .text .wd-comparison-table thead th { background: #f5f5f7; color: #1d1d1f; }
html:not([data-wp-dark-mode-active]) #epcl-related-stories,
html:not([data-wp-dark-mode-active]) #single .prevnext { background: #f5f5f7 !important; border-color: #e5e5e7 !important; box-shadow: none !important; }
html:not([data-wp-dark-mode-active]) body .epcl-cta {
background: #f5f5f7 !important; color: #424245 !important;
border-top: 1px solid #e5e5e7 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) .epcl-cta .title { color: #1d1d1f !important; }
html:not([data-wp-dark-mode-active]) .epcl-cta :is(.bg,.bg2) { opacity: .08; }
html:not([data-wp-dark-mode-active]) nav.side-nav { background: #fff !important; }
html:not([data-wp-dark-mode-active]) :is(a,button,input,summary):focus-visible { outline-color: #0066cc; }
@media (prefers-reduced-motion:reduce) {
html body #header nav ul.menu > li.menu-item > a,
html body nav.side-nav ul.menu > li.menu-item > a { transition: none !important; }
}
html:not([data-wp-dark-mode-active]) body #sidebar .wd-info-card {
background: #f5f5f7 !important; border-color: #e8e8ed !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body #sidebar .wd-info-card .info.bg-box {
background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body .share-ai {
border: 1px solid #d2d2d7 !important; overflow: hidden; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body .share-ai:not(.claude) img { filter: brightness(0) !important; }
html:not([data-wp-dark-mode-active]) body .share-ai a { border-radius: inherit; }
html:not([data-wp-dark-mode-active]) body .share-ai:hover { border-color: #86868b !important; }
html:not([data-wp-dark-mode-active]) body #single .main-article { background: transparent !important; }:root { --wd-radius-card: 16px; --wd-radius-feature: 18px; --wd-radius-nav: 28px; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #header .grid-container {
border-radius: var(--wd-radius-nav) !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #header.enable-sticky[data-stuck] .grid-container {
border-radius: 0 !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #sidebar :is(.wd-info-card,.wd-toc-disclosure),
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #sidebar .wd-sidebar-ai .share-with-ai,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single :is(.wd-takeaway,.wd-inline-cta,.wd-accordion),
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .wd-audio-player:not(.wd-audio-docked) {
border-radius: var(--wd-radius-card) !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #sidebar .wd-info-card .info.bg-box { border-radius: 0 !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .text h2.wd-section-divider,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single img.cover,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .wp-block-image img {
border-radius: var(--wd-radius-feature) !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .text :is(.wd-editorial-note,.wd-table-wrap),
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #epcl-related-stories,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .prevnext { border-radius: 20px !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .share-ai { border-radius: 10px !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .share-ai a { border-radius: inherit !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .epcl-cta { border-radius: 0 !important; }:root {
--wd-brand-blue: #0000ff;
--wd-ink: #1d1d1f;
--wd-soft: #f5f5f7;
--wd-radius-card: 8px;
}
html[data-wp-dark-mode-active] {
--wd-brand-blue: #a4b4ff;
--wd-ink: #dedee3;
--wd-soft: #1c1c1e;
}
body.wanted-design-v2 #header .logo.wanted-design-logo {
flex: 0 1 190px;
max-width: 46%;
margin-right: 24px;
}
body.wanted-design-v2 #header .logo.wanted-design-logo img {
display: block;
width: 190px;
max-width: 100%;
height: auto;
aspect-ratio: 509.37 / 100.9;
} html[data-wp-dark-mode-active] body.wanted-design-v2 .wanted-design-logo img {
filter: invert(1);
}
body.wanted-design-v2 #header[data-stuck].has-sticky-logo .wanted-design-logo {
display: block;
}
body.wanted-design-v2 #header .menu-wrapper .grid-wrapper { align-items: center; }
body.wanted-design-v2 #single.main { max-width: 1240px; }
body.wanted-design-v2 #single .main-article { overflow: visible; }
body.wanted-design-v2 #single .main-article > header { margin-bottom: 28px; }
body.wanted-design-v2 #single .post-content .text { max-width: 780px; margin-inline: auto; }
body.wanted-design-v2 #single :is(h1, h2, h3, h4, .title) { letter-spacing: 0; overflow-wrap: anywhere; }
body.wanted-design-v2 #single .text :is(h2, h3)[id] { scroll-margin-top: 140px; }
body.wanted-design-v2 #single .text .wd-takeaway h2 { font-size: 28px; }
body.wanted-design-v2 #footer .mobile-sidebar { display: block !important; }
body.wanted-design-v2 .wd-audio-player {
box-sizing: border-box;
margin: 0 auto 28px;
max-width: 780px;
border-radius: 8px;
}
body.wanted-design-v2 .wd-audio-player[hidden] { display: none !important; }
body.wanted-design-v2 .wd-audio-heading { min-width: 0; margin: 0; }
body.wanted-design-v2 .wd-audio-player .wd-audio-title { white-space: normal; overflow-wrap: anywhere; }
body.wanted-design-v2 .wd-audio-player.wd-audio-docked { max-width: none; margin: 0; border-radius: 0; }
body.wanted-design-v2 .wd-audio-player.wd-audio-sidebar { max-width: 100%; }
body.wanted-design-v2 #sidebar .wd-audio-player.wd-audio-sidebar { flex-wrap: wrap; }
body.wanted-design-v2 .wd-audio-player .wd-audio-play {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
flex-basis: 44px !important;
}
body.wanted-design-v2 .wd-audio-status.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
body.wanted-design-v2 #single .text .wd-v2-toc {
--wd-accordion-bg: var(--wd-soft);
--wd-accordion-border: var(--epcl-border-color, #d2d2d7);
--wd-accordion-heading: var(--wd-ink);
--wd-accordion-hover: var(--wd-soft);
max-width: 780px;
margin: 0 auto 28px;
border: 1px solid var(--epcl-border-color, #d2d2d7);
border-radius: 8px;
color: var(--wd-ink);
}
body.wanted-design-v2 #single .wd-v2-toc summary {
display: list-item;
list-style: revert;
cursor: pointer;
font-size: 16px;
font-weight: 700;
color: var(--wd-ink);
}
body.wanted-design-v2 #single .wd-v2-toc summary::marker { content: normal; }
body.wanted-design-v2 #single .wd-v2-toc summary::-webkit-details-marker { display: inline; }
body.wanted-design-v2 .wd-v2-toc ol { margin: 14px 0 0; padding-left: 1.5rem; }
body.wanted-design-v2 .wd-v2-toc .level-3 { margin-left: 1rem; }
body.wanted-design-v2 .wd-v2-toc a { color: var(--wd-brand-blue); overflow-wrap: anywhere; }
html[data-wp-dark-mode-active] body.wanted-design-v2 .wd-audio-player .wd-audio-title {
color: var(--wd-ink);
}
@media (prefers-reduced-motion: reduce) {
body.wanted-design-v2 #wrapper,
body.wanted-design-v2 #header .logo img,
body.wanted-design-v2 #single .text a {
transition: none !important;
}
}
@media (max-width: 767px) {
body.wanted-design-v2 #header .logo.wanted-design-logo { margin-right: 0; }
body.wanted-design-v2 #header .logo.wanted-design-logo img { width: 150px; }
html body.wanted-design-v2 #single h1.main-title.title { font-size: 28px !important; letter-spacing: 0; }
body.wanted-design-v2 #single .post-content .text { max-width: 100%; }
body.wanted-design-v2 .wd-audio-player:not(.wd-audio-docked) { flex-wrap: wrap; }
body.wanted-design-v2 .wd-audio-player:not(.wd-audio-docked) .wd-audio-heading { flex-basis: 100%; }
body.wanted-design-v2 .wd-audio-player:not(.wd-audio-docked) .wd-audio-controls { width: 100%; flex-basis: 100%; }
body.wanted-design-v2 .wd-audio-player.wd-audio-docked .wd-audio-heading { display: none; }
}body.wanted-design-v2.error404 :is(#header, #footer, .epcl-cta) { display: block; }
body.wanted-design-v2.error404 #page-404 > header { display: none; }
html body.wanted-design-v2 :is(#header, nav.side-nav, .epcl-cta, #footer) { letter-spacing: 0; }
@media (min-width: 1024px) {
html body.wanted-design-v2 #header.enable-sticky .menu-wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 100;
transition: padding-top 520ms cubic-bezier(.22,1,.36,1) !important;
}
html body.wanted-design-v2 #header.enable-sticky .grid-container {
max-width: min(1190px, 100%);
transition: max-width 520ms cubic-bezier(.22,1,.36,1), border-radius 520ms cubic-bezier(.22,1,.36,1), background-color 400ms ease, border-color 400ms ease, box-shadow 400ms ease !important;
}
html body.wanted-design-v2 #header.enable-sticky[data-stuck] .grid-container {
max-width: 100%;
border-radius: 0 !important;
}
html body.wanted-design-v2 #header.enable-sticky .grid-wrapper {
transition: padding 520ms cubic-bezier(.22,1,.36,1) !important;
}
}
html body.wanted-design-v2 :is(#header, nav.side-nav) .epcl-button.subscribe-button,
html body.wanted-design-v2 .epcl-cta a.epcl-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
font-family: var(--epcl-title-font-family) !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
min-height: 44px;
padding: 12px 24px !important;
border: 0 !important;
border-radius: 999px !important;
box-sizing: border-box;
background: #90d56f !important;
color: #11270c !important;
box-shadow: none !important;
transition: background-color 180ms ease !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) .epcl-button.subscribe-button:hover,
html body.wanted-design-v2 .epcl-cta a.epcl-button:hover {
background: #c2e9ad !important;
color: #11270c !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a {
position: relative;
border-radius: 999px;
padding: 8px 13px !important;
margin: -8px -13px !important;
transition: background-color 220ms ease, color 220ms ease, box-shadow 220ms ease !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a::before,
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a::after {
display: none !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a:focus-visible {
background: #ef3e20 !important;
color: #fff !important;
outline: 2px solid var(--wd-brand-blue) !important;
outline-offset: 3px;
}
@media (hover: hover) {
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a:hover {
background: #ef3e20 !important;
color: #fff !important;
box-shadow: 0 4px 18px rgb(239 62 32 / 22%) !important;
}
}
html body.wanted-design-v2 .epcl-cta.bg-box {
background: #f5f5f7 !important;
border-top: 1px solid #e5e5e7 !important;
border-bottom: 1px solid #d8d2e5 !important;
border-radius: 0 !important;
margin-bottom: 0;
}
html[data-wp-dark-mode-active] body.wanted-design-v2 .epcl-cta.bg-box {
background: #222225 !important;
border-color: #38383e !important;
}
html body.wanted-design-v2 #footer { border-top: 1px solid #dedbe5; }
html body.wanted-design-v2 #footer .widgets { padding-top: 56px; padding-bottom: 40px; }
html body.wanted-design-v2 #footer .default-sidebar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr);
gap: 48px;
align-items: start;
}
html body.wanted-design-v2 #footer .mobile-sidebar { display: none !important; }
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget {
width: 100% !important;
max-width: none !important;
min-width: 0;
float: none;
padding: 0;
margin: 0;
box-sizing: border-box;
justify-self: stretch;
}
html body.wanted-design-v2 #footer .widget-title { font-size: 20px; margin-bottom: 22px; padding-left: 0; }
html body.wanted-design-v2 #footer .widget-title .decoration { display: none; }
html body.wanted-design-v2 #footer .widget ul li { margin: 0; border: 0 !important; padding: 0; }
html body.wanted-design-v2 #footer .widget ul li a {
display: flex;
align-items: center;
min-height: 44px;
padding: 8px 0;
box-sizing: border-box;
color: var(--wd-ink) !important;
}
html body.wanted-design-v2 #footer .widget ul li a:hover { color: #3e7ff1 !important; }
html body.wanted-design-v2 #footer .widget_epcl_social .name { font-size: 15px; }
html body.wanted-design-v2 #footer .widget_epcl_social .icon { margin-left: auto; }
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form {
padding: 26px;
border: 1px solid #dedbe5;
border-radius: 8px;
background: #f5f3fa;
}
html body.wanted-design-v2 #footer .widget_epcl_subscribe_form :is(.widget_text, .textwidget, .subscribe-form, .form-group) {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
html body.wanted-design-v2 #footer .textwidget p { font-size: 15px; line-height: 1.8; margin-bottom: 18px; }
html body.wanted-design-v2 #footer .textwidget img { width: 170px; max-width: 100%; height: auto; }
html body.wanted-design-v2 #footer .widget_text > br { display: none; }
html body.wanted-design-v2 #footer > .published { border-top: 1px solid #dedbe5; padding: 22px 24px; text-align: center; }
html body.wanted-design-v2 #footer > .published p { margin: 0; font-size: 13px; }
html[data-wp-dark-mode-active] body.wanted-design-v2 #footer { background: #151517 !important; border-color: #303035; }
html[data-wp-dark-mode-active] body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form {
background: #202023 !important;
border-color: #38383e !important;
}
html[data-wp-dark-mode-active] body.wanted-design-v2 #footer > .published { border-color: #303035 !important; color: #98989d !important; }
@media (max-width: 1023px) {
html body.wanted-design-v2 #footer .default-sidebar {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
html body.wanted-design-v2 #footer.hide-default .default-sidebar,
html body.wanted-design-v2 #footer.no-sidebar .default-sidebar { display: none !important; }
html body.wanted-design-v2 #footer.hide-default .mobile-sidebar {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
align-items: start;
}
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form { grid-column: 1 / -1; }
}
@media (max-width: 550px) {
html body.wanted-design-v2 #footer .widgets { padding-top: 36px; padding-bottom: 28px; }
html body.wanted-design-v2 #footer .default-sidebar,
html body.wanted-design-v2 #footer.hide-default .mobile-sidebar { gap: 24px 20px; }
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form { padding: 22px; }
html body.wanted-design-v2 #footer .widget-title { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
html body.wanted-design-v2 :is(#header, nav.side-nav, .epcl-cta, #footer),
html body.wanted-design-v2 :is(#header, nav.side-nav, .epcl-cta, #footer) * { transition: none !important; }
}