/* Shared Yareel shell. Specificity bridges the legacy inline article/home CSS.
   :is(body,#yrl-editorial) matches the body; the ID weight beats opt-in article rules. */
@font-face{font-family:YareelMontserrat;src:url('/wp-content/themes/Yareel/fonts/Montserrat-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:YareelMontserrat;src:url('/wp-content/themes/Yareel/fonts/Montserrat-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:YareelMontserrat;src:url('/wp-content/themes/Yareel/fonts/Montserrat-Bold.woff') format('woff');font-weight:700 900;font-display:swap}
:root{--yrl-brand:#d91d4b;--yrl-brand-hover:#b81740;--yrl-link:#bc1942;--yrl-blue:#0068ae;--yrl-ink:#242027;--yrl-muted:#696570;--yrl-line:#ebecf0;--yrl-shell:#262027;--yrl-panel:#302730;--yrl-ui:YareelMontserrat,Arial,sans-serif;--yrl-radius:12px;--yrl-header:64px}
html body.page:is(body,#yrl-editorial) .page__header{background:var(--yrl-shell)!important;height:var(--yrl-header)!important;position:fixed!important;top:0;left:0;right:0;z-index:1000!important;overflow:visible!important;border-bottom:1px solid #ffffff14;box-shadow:none}
html body.page:is(body,#yrl-editorial).admin-bar .page__header{top:32px!important}
html body.page:is(body,#yrl-editorial) .header__main{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between;gap:24px!important;height:var(--yrl-header)!important;min-height:0!important;padding:0 32px!important;margin:0!important;background:none!important;z-index:3!important}
html body.page:is(body,#yrl-editorial) .header__main .logo{width:122px!important;height:36px!important;flex:0 0 auto}
html body.page:is(body,#yrl-editorial) .header__main .logo svg{display:block;width:100%;height:100%}
html body.page:is(body,#yrl-editorial) .header__additional{display:flex;align-items:center;gap:18px!important;position:relative;z-index:5;margin:0!important}
html body.page:is(body,#yrl-editorial) .menu-toggler{margin:0!important;width:32px!important;height:40px!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
html body.page:is(body,#yrl-editorial) .menu-toggler svg{width:27px!important;height:27px!important}
html body.page:is(body,#yrl-editorial) .header-language-switcher{position:relative}
html body.page:is(body,#yrl-editorial) .language-dropdown-toggler{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;min-width:86px!important;height:40px!important;padding:8px 12px!important;border:1px solid #ffffff38!important;border-radius:var(--yrl-radius)!important;background:#ffffff08!important;color:#fff!important;box-shadow:none!important;font:600 13px/1.4 var(--yrl-ui)!important;letter-spacing:0!important;cursor:pointer}
html body.page:is(body,#yrl-editorial) .language-dropdown-toggler.active,
html body.page:is(body,#yrl-editorial) .language-dropdown-toggler:hover{border-color:#e96586!important;background:#ffffff12!important}
html body.page:is(body,#yrl-editorial) .language-dropdown-toggler>span{display:flex;align-items:center;gap:8px;margin:0!important}
html body.page:is(body,#yrl-editorial) .language-dropdown-toggler img,
html body.page:is(body,#yrl-editorial) .language-dropdown__item img{margin:0!important;flex:0 0 auto}
html body.page:is(body,#yrl-editorial) .language-dropdown-toggler .icon{width:12px;height:12px;margin:0!important}
html body.page:is(body,#yrl-editorial) .language-dropdown.js-language-drop{box-sizing:border-box;width:100%!important;min-width:100%!important;max-width:calc(100vw - 32px)!important;max-height:min(480px,calc(100dvh - 100px))!important;overflow-y:auto!important;overflow-x:hidden!important;background:var(--yrl-panel)!important;color:#fff!important;border:1px solid #ffffff26!important;border-radius:var(--yrl-radius)!important;padding:4px 2px!important;box-shadow:0 16px 40px #16101933!important;backdrop-filter:none!important;scrollbar-width:thin;scrollbar-color:#8a717f transparent;z-index:1100!important}
html body.page:is(body,#yrl-editorial) .header-language-switcher .language-dropdown.js-language-drop{top:calc(100% + 10px)!important;right:0!important;left:auto!important}
html body.page:is(body,#yrl-editorial) .language-dropdown__item{box-sizing:border-box;display:flex!important;align-items:center;gap:8px!important;min-height:40px!important;height:auto!important;width:100%!important;margin:0!important;padding:10px 8px!important;border:0!important;border-radius:8px!important;font:400 14px/1.4 var(--yrl-ui)!important;color:#fff!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-decoration:none!important}
html body.page:is(body,#yrl-editorial) .language-dropdown__item span{width:auto!important;max-width:none!important;overflow:visible!important;color:inherit!important;text-overflow:clip!important;white-space:nowrap!important}
html body.page:is(body,#yrl-editorial) .language-dropdown__item:hover,
html body.page:is(body,#yrl-editorial) .language-dropdown__item:focus-visible{background:#d91d4b33!important;color:#fff!important}
html body.page:is(body,#yrl-editorial) .language-dropdown__item.is-missing-translation::after{color:#eab8c5!important}
html body.page:is(body,#yrl-editorial) .side-menu{background:var(--yrl-shell)!important;color:#fff;max-height:100dvh;overflow-y:auto}
html body.page:is(body,#yrl-editorial) .side-menu :is(a,.side-menu-header,.side-menu-tweets-header){font-family:var(--yrl-ui)!important}
html body.page:is(body,#yrl-editorial) .side-menu a{color:#eee8ef!important}
html body.page:is(body,#yrl-editorial) .side-menu a:hover{color:#e96586!important}
html body.page:is(body,#yrl-editorial) .side-menu-close svg{fill:#fff!important;color:#fff!important}
html body.page:is(body,#yrl-editorial) .yrl-tools,
html body.page:is(body,#yrl-editorial) .yrl-tools a{font-family:var(--yrl-ui)!important}
html body.page:is(body,#yrl-editorial) .yrl-online{color:#e4dfe7}
html body.page:is(body,#yrl-editorial) .yrl-search-inline{height:40px;border:1px solid #ffffff38;border-radius:var(--yrl-radius);background:#ffffff08}
html body.page:is(body,#yrl-editorial) .yrl-search-inline input{font-family:var(--yrl-ui)!important;font-size:13px!important}
html body.page:is(body,#yrl-editorial) .yrl-search-inline input::placeholder{color:#e4dfe7}
html body.page:is(body,#yrl-editorial) .yrl-search-inline:focus-within{outline:2px solid #e96586;outline-offset:2px}
html body.page:is(body,#yrl-editorial) :is(.yrl-play,.yrl-cta,.ynh-btn--primary,#yrl-search-results button){background:var(--yrl-brand)!important;color:#fff!important;border:1px solid var(--yrl-brand)!important;border-radius:var(--yrl-radius)!important;box-shadow:none!important;font-family:var(--yrl-ui)!important;text-shadow:none}
html body.page:is(body,#yrl-editorial) :is(.yrl-play,.yrl-cta,.ynh-btn--primary,#yrl-search-results button):hover{background:var(--yrl-brand-hover)!important;border-color:var(--yrl-brand-hover)!important;box-shadow:none!important}
html body.page:is(body,#yrl-editorial) .ynh-btn--primary::after{display:none}
html body.page:is(body,#yrl-editorial) .ynh-btn--ghost{border-radius:var(--yrl-radius);border:1px solid #ffffff55;background:#262027bb;box-shadow:none;font-family:var(--yrl-ui)}
html body.page:is(body,#yrl-editorial) .ynh-play-icon{color:#fff;border-color:#ffffff70}
html body.page:is(body,#yrl-editorial) .ynh-play-icon__shape{fill:currentColor}
html body.page:is(body,#yrl-editorial) .ynh-title{font-family:var(--yrl-ui)!important;font-weight:800}
html body.page:is(body,#yrl-editorial) .ynh-title span{color:#fff}
html body.page:is(body,#yrl-editorial) .ynh-title em{color:var(--yrl-brand)}
html body.page:is(body,#yrl-editorial) .ynh-online{border-color:#e9658680;background:#262027bb;border-radius:var(--yrl-radius);box-shadow:none;color:#fff}
html body.page:is(body,#yrl-editorial) .ynh-online::before{background:var(--yrl-panel);color:#fff;border-radius:8px}
html body.page:is(body,#yrl-editorial) .ynh-online span{color:#fff}
html body.page:is(body,#yrl-editorial) .ynh-preview-main :is(h2,h3){font-family:var(--yrl-ui)!important}
html body.page:is(body,#yrl-editorial) .ynh-section-tag{color:var(--yrl-link)}
html body.page:is(body,#yrl-editorial) #yrl-editorial{--accent:var(--yrl-link);--ink:var(--yrl-ink);--muted:var(--yrl-muted);--line:var(--yrl-line);--soft:#f8f6f8}
html body.page:is(body,#yrl-editorial) #yrl-editorial :is(h1,h2,h3,h4,.yrl-deck,.yrl-byline,.yrl-sources,.yrl-endnote,figcaption),
html body.page:is(body,#yrl-editorial) .banner__container.just-title h1,
html body.page:is(body,#yrl-editorial) #yrl-search-results :is(h1,h2,input,button,time,nav,summary),
html body.page:is(body,#yrl-editorial) #yrl-discussion :is(h2,p,a),
html body.page:is(body,#yrl-editorial) :is(.yrl-tabs button,.yrl-platforms button,.yrl-reading-time){font-family:var(--yrl-ui)!important}
html body.page:is(body,#yrl-editorial) .yrl-tabs{border-bottom-color:var(--yrl-line)}
html body.page:is(body,#yrl-editorial) :is(.yrl-tabs button,.yrl-platforms button)[aria-selected=true]{color:var(--yrl-link);border-bottom-color:var(--yrl-brand)}
html body.page:is(body,#yrl-editorial) #yrl-discussion a,
html body.page:is(body,#yrl-editorial) #yrl-search-results a{color:var(--yrl-link)!important}
html body.page:is(body,#yrl-editorial) #yrl-search-results{padding-top:116px}
html body.page:is(body,#yrl-editorial) #yrl-search-results input{border-color:#b8b2bc;border-radius:var(--yrl-radius)}
html body.page:is(body,#yrl-editorial) #yrl-search-results :is(.yrl-result-image,.page-numbers){border-radius:var(--yrl-radius)}
html body.page:is(body,#yrl-editorial) #yrl-search-results .current{background:var(--yrl-brand);color:#fff!important}
html body.page:is(body,#yrl-editorial) .nex-cursor-popup-link.nex-popup-active{background:var(--yrl-brand)}
html body.page:is(body,#yrl-editorial) :is(.nex-cursor-popup-tooltip,#nex-mobile-widget){background:var(--yrl-shell)!important;color:#fff;font-family:var(--yrl-ui)!important}
html body.page:is(body,#yrl-editorial) #nex-offcanvas .nexindex-link{font-family:var(--yrl-ui)!important;color:var(--yrl-link)!important}
@media(max-width:1050px){html body.page:is(body,#yrl-editorial) .header__main{gap:14px!important}}
@media(max-width:782px){html body.page:is(body,#yrl-editorial).admin-bar .page__header{top:46px!important}}
@media(max-width:760px){
 html body.page:is(body,#yrl-editorial) .header__main{padding:0 16px!important;gap:10px!important}
 html body.page:is(body,#yrl-editorial) .header__main .logo{width:100px!important;height:30px!important}
 html body.page:is(body,#yrl-editorial):has(#yrl-editorial) .header__main{padding:0 12px!important}
 html body.page:is(body,#yrl-editorial):has(#yrl-editorial) .header__main .logo{width:80px!important;height:25px!important}
 html body.page:is(body,#yrl-editorial) .header__additional{gap:10px!important}
 html body.page:is(body,#yrl-editorial) .language-dropdown-toggler{min-width:70px!important;padding:8px!important}
 html body.page:is(body,#yrl-editorial) .header-language-switcher .language-dropdown.js-language-drop{right:0!important}
 html body.page:is(body,#yrl-editorial) .yrl-search-inline input{font-size:16px!important}
 html body.page:is(body,#yrl-editorial) #yrl-search-results{padding-top:96px}
}
/* v6: remove decorative overlays; let narrow heroes grow with their content. */
html body.page:is(body,#yrl-editorial) main.ynh-preview-main .ynh-hero__transition{display:none!important}
html body.page:is(body,#yrl-editorial) main.ynh-preview-main .ynh-capabilities{margin-top:0!important}
@media(max-width:991px){
 html body.page:is(body,#yrl-editorial) .ynh-hero{height:auto!important;min-height:100svh!important;max-height:none!important}
 html body.page:is(body,#yrl-editorial) .ynh-hero__content{position:relative!important;inset:auto!important;width:100%!important;box-sizing:border-box;margin:0!important;padding:clamp(240px,38svh,380px) 18px 36px!important}
}
/* All post templates use one quiet title area below the shared navigation. */
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)){background:#fff}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title{background:#fff!important;padding:116px 24px 0!important;min-height:0!important;height:auto!important;clip-path:none!important;overflow:visible!important}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title::before,
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title::after{display:none!important}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title :is(.container,.row){width:100%;max-width:700px;margin:0 auto;padding:0}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title h1{font:700 48px/1.12 var(--yrl-ui)!important;letter-spacing:-.035em!important;color:var(--yrl-ink)!important;text-align:start!important;text-transform:none!important;max-width:700px;margin:0 0 24px!important;padding:0!important}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title h1::after{display:none!important}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .blog_content.single-blog{padding-top:12px!important;background:#fff}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .blog_content.single-blog :is(.container,.cf_wrap){max-width:700px;width:100%;margin-inline:auto}
html body.page:is(body,#yrl-editorial):has(#yrl-editorial) .banner__container.just-title{padding-top:162px!important}
/* Header controls share the same layout on every article. Existing 2+2 controls are reused. */
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .blog_content.single-blog{padding-inline:24px!important}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .single-blog :is(.container,.blog_wrap,.blog_item,.single_post,.cf_wrap){width:100%;max-width:700px;margin-inline:auto;padding-inline:0;float:none}
html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .single-blog .row{margin-inline:0}
.yrl-tools{margin-left:auto;display:flex;align-items:center;gap:24px;color:#fff;font:14px/1.4 var(--yrl-ui)}
.yrl-tools a{color:#fff!important;white-space:nowrap;font:14px/1.4 var(--yrl-ui)}
.yrl-tools .yrl-play{padding:10px 17px;font-weight:700}
.yrl-online{white-space:nowrap;display:flex;align-items:center;gap:6px;font-size:13px}
.yrl-online i{width:6px;height:6px;border-radius:50%;background:#72e8ad}
.yrl-search-inline{display:flex;align-items:center;box-sizing:border-box;width:230px;margin:0!important;padding:0 8px 0 13px!important;color:#fff}
.yrl-search-inline input{width:100%;min-width:0;height:36px;border:0!important;outline:0;background:transparent!important;color:#fff!important;padding:0!important;margin:0!important;box-shadow:none!important}
.yrl-search-inline button{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:36px;background:transparent;border:0;padding:0;color:#fff;cursor:pointer}
@media(max-width:1100px){.yrl-online{display:none}.yrl-tools{gap:14px}.yrl-search-inline{width:180px}}
@media(max-width:1050px){.yrl-tools .yrl-download,.yrl-tools .yrl-play{display:none}}
@media(max-width:820px){
 .yrl-tools .yrl-download,.yrl-tools .yrl-play{display:none}
 .yrl-tools{flex:1;min-width:0;gap:0;justify-content:flex-end}
 .yrl-search-inline{width:100%;max-width:190px;min-width:56px;padding-left:8px!important}
 html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .header__main{padding:0 12px!important;gap:10px!important}
 html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .header__main .logo{width:80px!important;height:25px!important}
}

html body.page:is(body,#yrl-editorial) .language-dropdown-toggler{min-width:94px!important}
html body.page:is(body,#yrl-editorial) .language-dropdown__item span{white-space:normal!important;overflow-wrap:normal!important}
html body.page:is(body,#yrl-editorial) .language-dropdown__item.is-missing-translation::after{position:absolute;right:3px;font-size:9px}

@media(max-width:600px){
 html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title{padding:96px 20px 0!important}
 html body.page:is(body,#yrl-editorial):has(.single-blog):not(:has(.elementor-8939)) .banner__container.just-title h1{font-size:34px!important;line-height:1.15!important}
 html body.page:is(body,#yrl-editorial):has(#yrl-editorial) .banner__container.just-title{padding-top:142px!important}
}

/* Insiders landing: preserve full-width hero and readable title. */
body.page:has(.elementor-8939) .yareel-seo-page-heading h1{color:#242027;}
body.page:has(.elementor-8939) .single-blog{margin-top:24px;}

/* Keep the plugin grid, completing rows at the actual content width. */
.single-blog .crp_related.crp-grid{container:related-posts / inline-size;--crp-focus-color:var(--yrl-brand,#d91d4b)}
.single-blog .crp_related.crp-grid ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
.single-blog .crp_related.crp-grid a.crp_link,
.single-blog .crp_related.crp-grid a.crp_link:visited{color:var(--yrl-link,#bc1942);font-family:var(--yrl-ui,YareelMontserrat,Arial,sans-serif);text-decoration:none}
.single-blog .crp_related.crp-grid a.crp_link:hover{color:var(--yrl-brand-hover,#b81740)}
.single-blog .crp_related.crp-grid a.crp_link:hover .crp_title{text-decoration:underline;text-underline-offset:.18em}
@container related-posts (min-width:460px) and (max-width:619.98px){
 .crp_related.crp-grid li:nth-child(n+4){display:none}
}
@container related-posts (max-width:299.98px){
 .crp_related.crp-grid li:nth-child(n+3){display:none}
}