/* ArenaFlow Article Engine — shared components */
.single-main{max-width:1180px;min-width:0}.single-article{max-width:100%;min-width:0}.spf-article{--spf-reading:var(--spf-reading-width);--spf-reading-narrow:var(--spf-reading-narrow-width);--spf-reading-wide:var(--spf-reading-wide-width)}.spf-content-narrow{--spf-reading:var(--spf-reading-narrow)}.spf-content-wide{--spf-reading:var(--spf-reading-wide)}
.single-header{max-width:900px;margin:36px auto 22px;min-width:0}.single-header h1,.spf-article-title{font-size:clamp(2rem,4.6vw,3.7rem);line-height:1.12;letter-spacing:-.02em;margin:10px 0 14px;overflow-wrap:anywhere;word-break:normal}.single-excerpt{font-size:1.14rem;color:var(--spf-muted);max-width:800px}.single-header .post-meta{margin-top:12px}
.single-featured{margin:0 0 34px;max-width:100%;overflow:hidden}.single-featured img{display:block;width:100%;height:auto;object-fit:cover;border-radius:var(--spf-radius)}.single-featured.spf-featured-ratio-16-9 img{aspect-ratio:16/9}.single-featured.spf-featured-ratio-3-2 img{aspect-ratio:3/2}.single-featured.spf-featured-ratio-4-3 img{aspect-ratio:4/3}.single-featured.spf-featured-ratio-auto img{aspect-ratio:auto;max-height:none}
.spf-article-frame{display:grid;grid-template-columns:minmax(0,var(--spf-reading)) minmax(240px,var(--spf-sidebar-width));gap:var(--spf-space-2xl);justify-content:center;align-items:start;min-width:0}.spf-article-primary,.article-content,.article-sidebar{min-width:0;max-width:100%}.article-content{font-size:1.05rem;line-height:1.9;overflow-wrap:anywhere}.article-content>*{max-width:100%}.article-content>p:first-child{margin-top:0}.article-content h2{font-size:clamp(1.45rem,3vw,1.7rem);line-height:1.3;margin-top:2em}.article-content h3{font-size:clamp(1.2rem,2.4vw,1.35rem);margin-top:1.7em}.article-content a{color:var(--spf-link);text-decoration:underline;text-underline-offset:3px}.article-content img{border-radius:var(--spf-radius-sm);height:auto}.article-content iframe,.article-content video{width:100%;height:auto;aspect-ratio:16/9}.article-content blockquote{margin:28px 0;padding:8px 22px;border-inline-start:4px solid var(--spf-accent);background:var(--spf-surface)}.article-content table{display:block;max-width:100%;overflow-x:auto}.spf-lead-first-paragraph .article-content>p:first-of-type{font-size:1.16em;line-height:1.85;font-weight:600;color:var(--spf-text)}
.article-sidebar{position:relative}.article-sidebar .widget:first-child{margin-top:0}.spf-sidebar-sticky .article-sidebar{position:sticky;top:84px}.spf-sidebar-none .spf-article-frame{grid-template-columns:minmax(0,var(--spf-reading));}.spf-sidebar-left .spf-article-frame{grid-template-columns:minmax(240px,var(--spf-sidebar-width)) minmax(0,var(--spf-reading))}
.article-tail{max-width:var(--spf-reading);margin:40px auto 0}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-tags a{padding:5px 9px;border:1px solid var(--spf-border);border-radius:var(--spf-radius-sm);font-size:.8rem}.author-box{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:start;margin-top:30px;padding:24px;border:1px solid var(--spf-border);background:var(--spf-surface);border-radius:var(--spf-radius);min-width:0}.author-avatar{display:inline-flex;border-radius:50%;min-width:44px;min-height:44px}.author-avatar img{border-radius:50%;width:88px;height:88px;object-fit:cover}.author-content{min-width:0}.author-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.author-name{display:inline-flex;align-items:center;min-height:44px;font-weight:900;font-size:1.08rem}.author-job{display:block;color:var(--spf-accent);font-size:.82rem;font-weight:800;margin-top:2px}.author-more{min-height:44px;display:inline-flex;align-items:center;font-size:.8rem;font-weight:800;color:var(--spf-muted);white-space:nowrap}.author-bio{color:var(--spf-muted);font-size:.94rem}.author-bio p:last-child{margin-bottom:0}.post-navigation-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.post-navigation-links a{min-width:0;overflow-wrap:anywhere}.related-section{margin-top:54px}.related-section .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comments-area{max-width:var(--spf-reading);margin:48px auto}.spf-reading-column{max-width:var(--spf-reading);margin-inline:auto}.spf-wide-reading-column{max-width:var(--spf-reading-wide);margin-inline:auto}.spf-newsroom-column{max-width:var(--spf-reading-wide);margin-inline:auto}
.page-article{max-width:820px;margin:auto;min-width:0}.page-article .article-content{display:block}.article-content #ez-toc-container,.article-content .ez-toc-container,.article-content .lwptoc,.article-content .toc,.article-content .toc-container{width:100%!important;max-width:100%!important;min-width:0!important;float:none!important}.article-content #ez-toc-container ul,.article-content .lwptoc ul{max-width:100%;overflow-wrap:anywhere}.article-content #ez-toc-container a.ez-toc-link{min-height:44px;padding-block:8px;display:inline-flex;align-items:center;line-height:1.45}.article-content #ez-toc-container .ez-toc-title-toggle a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.article-content [class*="related-posts"],.article-content [class*="centered-text-area"]{max-width:100%}.article-content .centered-text-area .postTitle,.article-content .centered-text-area .ctaText{color:#111827!important;text-shadow:none!important}.article-content a[class]>.centered-text-area{color:#111827!important}.article-content img[width][height]{width:auto;max-width:100%;height:auto;object-fit:contain}.article-content figure img[width][height],.article-content .wp-caption img[width][height]{width:100%}.article-content figure,.article-content .wp-caption{max-width:100%!important;height:auto}.article-content .wp-caption{contain:layout}
@media(max-width:900px){.spf-article-frame,.spf-sidebar-left .spf-article-frame{grid-template-columns:minmax(0,1fr);gap:30px}.article-sidebar{order:2}.single-header{margin-top:24px}.single-featured img{border-radius:12px}.article-tail,.comments-area{max-width:100%}.related-section .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spf-sidebar-sticky .article-sidebar{position:relative;top:auto}}
@media(max-width:560px){.single-header{margin-top:16px}.breadcrumbs+.single-article .single-header{margin-top:10px}.single-header h1,.spf-article-title{font-size:clamp(1.8rem,9vw,2.45rem);line-height:1.18;margin-top:8px}.single-excerpt{font-size:1rem}.single-featured{margin-bottom:26px}.article-content{font-size:1rem;line-height:1.85}.article-sidebar{margin-top:34px}.spf-sidebar-hide-mobile .article-sidebar{display:none}.author-box{grid-template-columns:64px minmax(0,1fr);padding:18px;gap:14px}.author-avatar img{width:64px;height:64px}.author-heading{display:block}.author-more{display:inline-flex;margin-top:5px;white-space:normal}.author-bio{grid-column:1/-1}.post-navigation-links{grid-template-columns:1fr}.related-section{margin-top:42px}.related-section .cards-grid{grid-template-columns:1fr}.spf-mobile-fullbleed-featured .single-featured{margin-inline:calc(50% - 50vw);width:100vw;max-width:100vw}.spf-mobile-fullbleed-featured .single-featured img{border-radius:0}}
/* Sidebar override keeps every layout flexible. */
.spf-sidebar-left.spf-article-layout-1 .spf-article-frame{grid-template-areas:"sidebar content"}.spf-sidebar-right.spf-article-layout-2 .spf-article-frame{grid-template-areas:"content sidebar"}.spf-sidebar-none .article-sidebar{display:none}
/* Use physical left/right consistently even on RTL sites, while restoring text direction inside columns. */
.spf-article-frame{direction:ltr}.rtl .spf-article-frame>.spf-article-primary,.rtl .spf-article-frame>.article-sidebar{direction:rtl}
.spf-sidebar-none.spf-article-layout-1 .spf-article-frame,.spf-sidebar-none.spf-article-layout-2 .spf-article-frame{grid-template-areas:"content";grid-template-columns:minmax(0,var(--spf-reading))}.spf-sidebar-none.spf-article-layout-1 .spf-article-primary,.spf-sidebar-none.spf-article-layout-2 .spf-article-primary{grid-area:content}

/* RC14 — article identity: restrained color accents without changing content semantics */
.spf-article:not(.spf-article-hero-overlay) .spf-article-header{position:relative;padding-bottom:var(--spf-space-md);border-bottom:1px solid var(--spf-border)}.spf-article:not(.spf-article-hero-overlay) .spf-article-header::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:76px;height:3px;border-radius:999px;background:var(--spf-accent)}.spf-article-header>.category-badge{background:var(--spf-accent-soft);color:var(--spf-accent);padding:5px 10px;border-radius:999px}.single-header .post-meta a{color:var(--spf-muted)}.single-header .post-meta a:hover{color:var(--spf-accent)}.article-content h2{border-inline-start:4px solid var(--spf-accent);padding-inline-start:12px}.article-content h3{color:var(--spf-dark)}.article-content blockquote{border-inline-start-color:var(--spf-accent);background:var(--spf-accent-soft);border-radius:var(--spf-radius-sm);padding:14px 20px}.post-tags a{background:var(--spf-surface);transition:border-color .15s ease,color .15s ease,background .15s ease}.post-tags a:hover{border-color:var(--spf-accent);color:var(--spf-accent);background:var(--spf-accent-soft)}.author-box{border-top:3px solid var(--spf-accent)}.post-navigation-links a{display:block;padding:12px;border-radius:var(--spf-radius-sm);background:var(--spf-surface);border:1px solid var(--spf-border)}.post-navigation-links a:hover{border-color:var(--spf-accent);color:var(--spf-accent)}.single-article .related-section .section-heading{border-bottom-color:var(--spf-accent)}.article-sidebar .widget-title{padding-bottom:8px;border-bottom:1px solid var(--spf-border);position:relative}.article-sidebar .widget-title::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:38px;height:2px;background:var(--spf-accent)}.article-content #ez-toc-container,.article-content .ez-toc-container,.article-content .lwptoc,.article-content .toc,.article-content .toc-container{border-top:3px solid var(--spf-accent)!important}.article-content #ez-toc-container .ez-toc-title,.article-content .lwptoc_title{color:var(--spf-accent)!important}
@media(max-width:560px){.spf-article:not(.spf-article-hero-overlay) .spf-article-header::after{width:54px}.article-content h2{border-inline-start-width:3px;padding-inline-start:10px}}
