/* WPKoi's selected layout and motion, with Wesley's brand/content. */
body.wesley-blog{--wpkoi--c10:#1769ff;--wpkoi--c6:#d6ea57;font-family:'Avant Garde','Microsoft YaHei','PingFang SC',sans-serif}
body.wesley-blog .nhh-title .nnh-red{--title-red:#1769ff}
body.wesley-blog :focus-visible{outline:3px solid #1769ff!important;outline-offset:5px}
.blog-skip{position:fixed;top:-100px;left:20px;z-index:10000000;padding:14px 22px;background:#fff;color:#151515}
.blog-skip:focus{top:12px}
body.wesley-blog .logo-sub{margin-left:.5em;font-size:.7em;letter-spacing:.08em}
body.wesley-blog .fw-site-logo .logo-text{white-space:nowrap}
/* Initial sticky placeholder layout stays external for the strict site CSP. */
body.wesley-blog .sticky-header-placeholder{width:0;height:0;margin:0;padding:0;visibility:hidden}
body.wesley-blog .fw-nav-menu>li>a{font-size:clamp(12px,1.05vw,18px);line-height:1.5;font-weight:500;white-space:nowrap}
body.wesley-blog .fw-nav-menu>li>a[aria-current=page]{color:#76a6ff}
.blog-preview-controls{position:fixed;z-index:1000001;right:16px;bottom:14px;display:flex;align-items:center;gap:12px;background:#151515e8;color:#fff;border:1px solid #ffffff44;padding:8px 12px;font:12px/1.4 'Microsoft YaHei',sans-serif;backdrop-filter:blur(8px);border-radius:4px}
.blog-preview-controls a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.blog-preview-controls span{color:#bdbdbd}
.blog-footer-intro{padding:1vw 0 3vw}
.blog-footer-intro .blog-eyebrow{font-size:clamp(10px,1vw,16px);letter-spacing:.1em}
.blog-footer-intro h2{font-size:clamp(24px,3vw,52px);line-height:1.3;margin:1vw 0}
.blog-footer-intro>p:not(.blog-eyebrow){font-size:clamp(14px,1.2vw,20px);line-height:1.8;margin:1vw 0 2vw}
.blog-footer-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:.4em;font-size:clamp(16px,1.4vw,24px);font-weight:600}
body.wesley-blog footer #menu-footer-menu a{font-family:'Microsoft YaHei',sans-serif;font-size:clamp(14px,1.3vw,24px);line-height:1.65}
.blog-footer-author{font-size:clamp(20px,2vw,36px);font-weight:700;line-height:1.6}
.blog-footer-author span{font-size:clamp(12px,1vw,17px);font-weight:400}
.blog-card-date{font-size:11px;opacity:.7;line-height:1.5}
body.wesley-blog .wsfl-h,body.wesley-blog .wpkoi-side-links,body.wesley-blog .chatpopup{display:none!important}
@media(max-width:767px){
  body.wesley-blog .fw-wrap-logo{max-width:75%}
  body.wesley-blog .fw-site-logo .logo-text{font-size:24px;line-height:1.2}
  body.wesley-blog .mmenu-link{position:absolute;right:5vw;top:20px;min-width:36px;min-height:32px}
  body.wesley-blog .mmenu-link svg{width:24px}
  body.wesley-blog #fw-menu-primary.active{position:relative;background:#151515;padding:18px 5vw;margin-top:15px;z-index:10001}
  body.wesley-blog #fw-menu-primary.active a{font-size:17px!important;line-height:2.5}
  body.wesley-blog .footer-ccols{display:block;padding:9vw 5vw}
  body.wesley-blog .footer-ccol1,body.wesley-blog .footer-ccol2,body.wesley-blog .footer-ccol3{width:100%;max-width:none;padding:0 0 25px}
  body.wesley-blog .footer-ccol2 ul{display:flex;flex-wrap:wrap;gap:12px 24px}
  .blog-footer-intro h2{margin:16px 0}
  .blog-footer-intro>p:not(.blog-eyebrow){margin:12px 0 20px}
}

body.wesley-blog .fw-nav-menu>li>a{font-size:clamp(12px,.95vw,17px)}
body.wesley-blog .fw-site-logo .logo-sub{font-size:.66em}
body.wesley-blog .fw-nav-menu .sub-menu a{font-size:14px;line-height:1.7}
@media(max-width:767px){body.wesley-blog #fw-menu-primary.active .sub-menu{display:none}.blog-preview-controls{right:10px;bottom:10px}}