:root{--ww-copper:#9E5E1E;--ww-copper-dark:#7D4A17;--ww-copper-light:#B8742E;--ww-ink:#1A1714;--ww-ink-2:#3D3732;--ww-ink-3:#5C5347;--ww-ink-4:#847768;--ww-bg:#F8F6F2;--ww-bg-warm:#FFF8F0;--ww-bg-card:#FEFDFB;--ww-border:#E8E2D8;--ww-border-light:#F0EBE3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:56px;--space-10:64px;--space-11:80px;--space-12:96px;--radius-subtle:6px;--radius-control:8px;--radius-media:12px;--radius-card:16px;--radius-pill:9999px;--shadow-1:0 1px 2px rgba(26,23,20,0.05);--shadow-2:0 4px 12px rgba(26,23,20,0.06);--shadow-3:0 12px 28px rgba(26,23,20,0.08);--shadow-4:0 20px 44px rgba(26,23,20,0.12);--shadow-copper:0 10px 26px rgba(158,94,30,0.26);--text-sm:0.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:clamp(2.4rem,5vw,3.4rem);--ls-tight:-0.015em;--ls-normal:0;--ls-label:0.08em;--measure:700px;}

.right-sidebar .content-area{width:100%!important}
.right-sidebar #right-sidebar{display:none!important}
.site-content{display:block!important}
.blog .site-footer,.single .site-footer,.archive .site-footer{display:none!important}
.site-info{background:#F0EBE3!important;color:#5C5347!important}
.site-info a{color:#9E5E1E!important}
.entry-meta,.entry-meta a,.cat-links,.tags-links{color:#6B6158!important}
.ww-site-footer{padding:48px 0 32px;border-top:1px solid var(--border,#E8E2D8);font-family:"Plus Jakarta Sans",sans-serif;color:var(--ink,#1A1714);background:var(--border-light,#F0EBE3)}
.ww-site-footer *{box-sizing:border-box;margin:0;padding:0}
.ww-site-footer a{color:#5C5347;text-decoration:none}
.ww-site-footer a:hover{color:var(--copper,#9E5E1E)}
.ww-sf-w{max-width:1100px;margin:0 auto;padding:0 28px}
.ww-sf-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1.5fr;gap:36px;margin-bottom:36px}
.ww-sf-brand-name{font-size:18px;font-weight:800;color:var(--ink,#1A1714);margin-bottom:2px}
.ww-sf-by{font-size:13px;color:#5C5347;display:block;margin-bottom:10px}
.ww-sf-brand>p{font-size:13px;color:#5C5347;line-height:1.6;max-width:220px}
.ww-sf-col-title{font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--copper-dark,#7D4A17);margin-bottom:14px}
.ww-sf-col ul{list-style:none}
.ww-sf-col li{margin-bottom:8px}
.ww-sf-col a{font-size:14px;color:#5C5347;font-weight:500;transition:color 0.2s}
.ww-sf-nl p{font-size:13px;color:#5C5347;line-height:1.6;margin-bottom:10px}
.ww-sf-nl-row{display:flex;gap:8px}
.ww-sf-nl-row input{flex:1;padding:9px 12px;background:#FEFDFB;border:1px solid var(--border,#E8E2D8);border-radius:8px;color:var(--ink,#1A1714);font-family:inherit;font-size:13px;font-weight:500;outline:none;min-width:0}
.ww-sf-nl-row input::placeholder{color:#5C5347}
.ww-sf-nl-row input:focus{border-color:var(--copper,#9E5E1E)}
.ww-sf-nl-row button{padding:9px 14px;background:var(--copper,#9E5E1E);color:#fff;font-family:inherit;font-size:13px;font-weight:700;border:none;border-radius:8px;cursor:pointer;white-space:nowrap}
.ww-sf-nl-row button:hover{background:var(--copper-dark,#7D4A17)}
.ww-sf-bottom{padding-top:24px;border-top:1px solid var(--border,#E8E2D8)}
.ww-sf-legal{font-size:11px;color:#5C5347;line-height:1.7;margin-bottom:6px}
.ww-sf-copy{font-size:11px;color:#5C5347;margin-top:4px}
.reach-subscription-message{align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:600;line-height:1.5}
.reach-subscription-message__icon{display:flex;align-items:center}
.reach-subscription-message.is-success{color:#2E7D4F}
.reach-subscription-message.is-error{color:#B3261E}
.ww-nl .reach-subscription-message.is-success{color:#A8E6C3}
.ww-nl .reach-subscription-message.is-error{color:#FFB4AB}
@media(max-width:1024px){.ww-sf-grid{grid-template-columns:1fr 1fr;gap:28px}.ww-sf-brand{grid-column:1/-1}}
@media(max-width:640px){.ww-sf-grid{grid-template-columns:1fr;gap:20px}.ww-sf-nl-row{flex-direction:column}}


:root{--purple:#9E5E1E;--purple-dark:#7D4A17;--purple-bg:rgba(158,94,30,0.06);--copper:#9E5E1E;--copper-dark:#7D4A17;--copper-light:#B8742E;--copper-glow:rgba(158,94,30,0.15);--copper-bg:rgba(158,94,30,0.06);--bg:#F8F6F2;--bg-warm:#FFF8F0;--bg-card:#FEFDFB;--white:#FEFDFB;--border:#E8E2D8;--border-light:#F0EBE3;--ink:#1A1714;--ink-2:#3D3732;--ink-3:#5C5347;--ink-4:#847768}body{background-color:var(--bg) !important}.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header{background-color:var(--bg-card);border-color:var(--border)}html{scroll-behavior:smooth}::selection{background:rgba(158,94,30,0.2);color:var(--ink)}.ww-hero h1,.ww-hero .ww-hero-title{font-family:'Instrument Serif',Georgia,serif !important;font-size:clamp(2.8rem,6.5vw,4.5rem) !important;font-weight:400 !important;line-height:1.05 !important;letter-spacing:-0.03em !important;color:var(--ink) !important}.ww-hero h1 em,.ww-hero .ww-hero-title em{font-style:italic;color:var(--copper) !important}.ww-section-title,.ww h2:not(.entry-content h2){font-family:'Instrument Serif',Georgia,serif !important;font-size:clamp(2rem,4.5vw,3rem) !important;font-weight:400 !important;line-height:1.1 !important;letter-spacing:-0.02em !important}h1.entry-title,.entry-header .entry-title{font-family:'Instrument Serif',Georgia,serif !important;font-size:clamp(2.4rem,5.5vw,3.8rem) !important;font-weight:400 !important;line-height:1.08 !important;letter-spacing:-0.025em !important}.entry-content h2{font-family:'Instrument Serif',Georgia,serif !important;font-size:clamp(1.6rem,3.5vw,2.2rem) !important;font-weight:400 !important;line-height:1.15 !important;letter-spacing:-0.015em !important;margin-top:3.5rem !important;margin-bottom:1.25rem !important;padding-bottom:0.5rem;border-bottom:2px solid var(--border)}.entry-content h3{font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:700 !important;text-transform:uppercase;font-size:0.85rem !important;letter-spacing:0.08em !important;color:var(--ink-3) !important;margin-top:2.5rem !important}.entry-content p{font-size:1.125rem !important;line-height:1.85 !important;color:var(--ink-2) !important}a:not(.ww-hero-cta):not(.wp-block-button__link){color:var(--copper) !important;text-decoration-color:rgba(158,94,30,0.3) !important;text-underline-offset:3px;transition:color 0.2s ease,text-decoration-color 0.2s ease}a:not(.ww-hero-cta):not(.wp-block-button__link):hover{color:var(--copper-dark) !important;text-decoration-color:var(--copper) !important}.main-navigation .current-menu-item>a,.main-nav .current-menu-item>a{color:var(--copper) !important}.main-navigation a:hover,.main-nav a:hover{color:var(--copper) !important}.main-navigation .menu-bar-items,.main-navigation .main-nav>ul>li>a{color:#3D3D3D}.ww-blog-tag,.ww-tag-purple{background:var(--copper-bg) !important;color:var(--copper-dark) !important;border:1px solid rgba(158,94,30,0.15) !important}.entry-content blockquote{border-left-color:var(--copper) !important;background:var(--copper-bg) !important}*:focus-visible{outline-color:var(--copper) !important}.ww-hero{padding:100px 0 80px !important;position:relative}.ww-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(158,94,30,0.06) 0%,transparent 70%);pointer-events:none;z-index:0}.ww-hero>*{position:relative;z-index:1}.ww-hero-cta{background:var(--ink) !important;color:var(--white) !important;padding:16px 36px !important;font-size:1rem !important;font-weight:600 !important;border-radius:8px !important;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;position:relative;overflow:hidden}.ww-hero-cta:hover{background:var(--copper-dark) !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(158,94,30,0.2) !important}.ww-hero-stats,.ww-hero aside{background:var(--bg-warm) !important;border:1px solid var(--border) !important;border-radius:16px !important;box-shadow:0 4px 20px rgba(0,0,0,0.04) !important}.ww-path-card{transition:all 0.35s cubic-bezier(0.25,0.46,0.45,0.94) !important;border-radius:12px !important}.ww-path-card:hover{transform:translateY(-4px) !important;box-shadow:0 12px 32px rgba(0,0,0,0.06),0 2px 8px rgba(0,0,0,0.04) !important;background:var(--bg-warm) !important}.ww-blog-featured{border-radius:16px !important;overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94) !important}.ww-blog-featured:hover{transform:translateY(-6px) !important;box-shadow:0 20px 40px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04) !important}.ww-blog-featured-img img,.ww-blog-featured img{transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94) !important}.ww-blog-featured:hover img{transform:scale(1.06) !important}.ww-blog-row{transition:all 0.3s ease !important;border-radius:10px !important;padding:12px !important}.ww-blog-row:hover{background:var(--bg-warm) !important;transform:translateX(6px) !important}article.post:hover{transform:none !important;box-shadow:0 4px 16px rgba(0,0,0,0.04) !important}.ww-fw-item:hover,.ww-framework [class*='item']:hover{background:var(--copper-bg) !important;border-color:rgba(158,94,30,0.2) !important}.ww-nl-card{background:#2A2118 !important;border-radius:20px !important;border:1px solid rgba(158,94,30,0.15) !important;position:relative;overflow:hidden}.ww-nl-card::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(158,94,30,0.08) 0%,transparent 70%);pointer-events:none}.ww-nl-card h2,.ww-nl-card .ww-nl-title{font-family:'Instrument Serif',Georgia,serif !important;color:#FFF8F0 !important}.ww-nl-form button,.ww-nl-card button{background:var(--copper-light) !important;color:#fff !important;font-weight:600 !important;transition:all 0.3s ease !important}.ww-nl-form button:hover,.ww-nl-card button:hover{background:var(--copper) !important;transform:translateY(-1px) !important}.site-header,header.site-header{border-bottom:1px solid var(--border) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(248,246,242,0.92) !important}.ww-footer,.ww-site-footer{background:#F0EBE3 !important;border-top:1px solid var(--border) !important}.ww-footer-col-title{color:var(--copper-dark) !important}.blog .site-footer .site-info{padding:48px 0 32px;border-top:2px solid var(--border)}.blog .site-info .copyright-bar{max-width:1100px;margin:0 auto;text-align:left;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px}.blog .site-info .copyright-bar::before{content:'WrayWest \B7 By Dwayne Lindsay';display:block;font-size:16px;font-weight:800;color:var(--ink);margin-bottom:16px}.single .site-footer .site-info{padding:32px 0;border-top:2px solid var(--border)}.single .site-info .copyright-bar{max-width:1100px;margin:0 auto;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px}.site-info a[href*='generatepress']{display:none}.site-info .copyright-bar{color:var(--ink-4)}.site-info,.entry-meta,.paging-navigation{font-family:'Plus Jakarta Sans',-apple-system,sans-serif}@keyframes ww-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ww-hero h1,.ww-hero .ww-hero-title{animation:ww-fade-up 0.8s cubic-bezier(0.25,0.46,0.45,0.94) both}.ww-hero p,.ww-hero .ww-hero-desc{animation:ww-fade-up 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.1s both}.ww-hero-cta{animation:ww-fade-up 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.2s both}.ww-hero-stats,.ww-hero aside{animation:ww-fade-up 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.3s both}.ww-path-card:nth-child(1){animation:ww-fade-up 0.6s ease 0.1s both}.ww-path-card:nth-child(2){animation:ww-fade-up 0.6s ease 0.2s both}.ww-path-card:nth-child(3){animation:ww-fade-up 0.6s ease 0.3s both}.ww-path-card:nth-child(4){animation:ww-fade-up 0.6s ease 0.4s both}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.entry-header{margin-bottom:2.5rem !important;padding-bottom:2rem !important;border-bottom:2px solid var(--border) !important}.post-image img,.wp-post-image{border-radius:12px !important;box-shadow:0 8px 24px rgba(0,0,0,0.06) !important}.entry-meta{color:var(--ink-4) !important;font-size:0.85rem !important;letter-spacing:0.02em !important;text-transform:uppercase !important}.entry-meta a{color:var(--copper) !important;font-weight:600 !important}.entry-content>p:first-of-type::first-letter{font-family:'Instrument Serif',Georgia,serif;font-size:3.5em;float:left;line-height:0.8;padding-right:12px;padding-top:6px;color:var(--copper);font-weight:400}.entry-content hr{border:none !important;height:2px !important;background:linear-gradient(to right,transparent,var(--border),transparent) !important;margin:3rem 0 !important}.entry-content ul li::marker{color:var(--copper)}.entry-content ol li::marker{color:var(--copper);font-weight:700}.entry-content pre,.entry-content code{background:var(--bg-warm) !important;border:1px solid var(--border) !important;border-radius:8px !important}.entry-content table th{background:var(--bg-warm) !important;border-bottom:2px solid var(--copper) !important;font-weight:700 !important;text-transform:uppercase !important;font-size:0.8rem !important;letter-spacing:0.06em !important}article img,.entry-content img{border-radius:10px !important}.paging-navigation{padding-bottom:40px !important;margin-bottom:20px}.wp-block-button__link,button[type='submit'],input[type='submit']{background:var(--copper) !important;color:#fff !important;border:none !important;border-radius:8px !important;font-weight:600 !important;transition:all 0.3s ease !important}.wp-block-button__link:hover,button[type='submit']:hover,input[type='submit']:hover{background:var(--copper-dark) !important;transform:translateY(-1px) !important;box-shadow:0 4px 16px rgba(158,94,30,0.2) !important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}[class*='ww-path-num']{color:var(--copper) !important}.ww-path-num-1,.ww-path-num-2,.ww-path-num-3,.ww-path-num-4{color:var(--copper) !important}.ww-fw-cta,.ww-fw-cta a,.ww-framework a{color:var(--copper) !important}.ww-fw-cta:hover,.ww-fw-cta a:hover,.ww-framework a:hover{color:var(--copper-dark) !important}.tl-card-link{color:var(--copper) !important}.tl-card-link:hover{color:var(--copper-dark) !important}.tl-method-link{color:var(--copper) !important}.tl-method-link:hover{color:var(--copper-dark) !important}.ab-belief-icon{background:rgba(158,94,30,0.06) !important}.sh-card a,.sh-link{color:var(--copper) !important}.sh-card a:hover,.sh-link:hover{color:var(--copper-dark) !important}[style*='color:#7C3AED'],[style*='color:#7C3AED']{color:var(--copper) !important}[style*='color:#6926CC'],[style*='color:#6926CC']{color:var(--copper-dark) !important}[style*='background:rgba(124,58,237'],[style*='background:rgba(124,58,237']{background:rgba(158,94,30,0.06) !important}[style*='background-color:#7C3AED'],[style*='background-color:#7C3AED']{background-color:var(--copper) !important}[style*='border-color:#7C3AED'],[style*='border-color:#7C3AED']{border-color:var(--copper) !important}.ww-nl-form input::placeholder,.ww-nl-card input::placeholder{color:rgba(255,255,255,0.65) !important}.ww-footer a,.ww-site-footer a,.ww-sf-col a{color:#5C5347 !important}.ww-footer a:hover,.ww-site-footer a:hover,.ww-sf-col a:hover{color:var(--copper) !important}.ww-sf-brand p,.ww-sf-nl p{color:#5C5347 !important}.ww-sf-legal,.ww-sf-copy{color:#847768 !important}.entry-meta,.site-info .copyright-bar{color:#6B6158 !important}.ww-site-hero{position:relative;min-height:380px;display:flex;padding:clamp(40px,6vw,80px) clamp(20px,5vw,80px);background-color:#0F1A2E;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:none}.ww-site-hero-inner{position:relative;z-index:1;width:100%;max-width:800px;margin:0}.ww-site-hero-tag{display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:0.875rem;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,0.72);margin:0 0 0.75rem 0;padding:0;border-bottom:none}.ww-site-hero-title{font-family:'Instrument Serif',Georgia,serif !important;font-weight:400;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;color:#C68A3E !important;-webkit-text-fill-color:#C68A3E !important;margin:0 0 0.6em 0;letter-spacing:0;text-shadow:0 1px 4px rgba(0,0,0,0.15)}.ww-site-hero-sub{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;color:rgba(255,255,255,0.92);margin:0 0 1.25rem 0;max-width:680px}.ww-site-hero-meta{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:0.875rem;color:rgba(255,255,255,0.72);display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding-top:0;border-top:none}.ww-site-hero-meta-sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.4);opacity:1}.ww-site-hero-meta a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:500}body.home .ww-site-hero{background-image:url('/wp-content/uploads/2026/04/Honest-strategies-for-building-a-second-income-while-working-full-time.png.webp') ;background-color:#0F1A2E;align-items:center;justify-content:center;min-height:460px;padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(60px,8vw,110px)}body.home .ww-site-hero-inner{text-align:center}body.home .ww-site-hero-meta{justify-content:center}body:not(.home) .ww-site-hero{background-image:url('/wp-content/uploads/2026/06/wraywest-hero-banner-wide.webp') ;background-color:#2A1F3D;align-items:center;justify-content:center;min-height:380px}body:not(.home) .ww-site-hero-inner{text-align:center}body:not(.home) .ww-site-hero-meta{justify-content:center}@media (max-width:768px){.ww-site-hero{min-height:320px;padding:clamp(30px,8vw,50px) clamp(20px,6vw,30px)}body.home .ww-site-hero{min-height:320px;background-position:center top}}@media (max-width:480px){.ww-site-hero-title{font-size:clamp(1.75rem,7vw,2.25rem)}.ww-site-hero-meta{gap:8px}.ww-site-hero-meta-sep{display:none}}body.page .ww-site-hero-tag,body.page-id-100 .ww-site-hero-tag{display:none !important}html body.blog footer.ww-site-footer,html body.single footer.ww-site-footer,html body.archive footer.ww-site-footer{display:block !important}body.blog .site-main::before,body.blog .site-main::after{display:none !important;content:none !important}body.blog .ww-site-hero,body.archive .ww-site-hero,body.search .ww-site-hero{margin:0 0 32px 0 !important;width:100% !important}body.blog .ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{grid-column:1 / -1 !important;width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;min-height:320px !important;padding:60px 28px !important;margin:0 0 40px 0 !important;box-sizing:border-box !important;background-image:url('/wp-content/uploads/2026/06/wraywest-hero-banner-wide.webp')  !important;background-color:#2A1F3D !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;position:relative !important}body.blog .ww-site-hero-archive .ww-site-hero-inner,body.archive .ww-site-hero-archive .ww-site-hero-inner,body.search .ww-site-hero-archive .ww-site-hero-inner{text-align:center !important;max-width:800px !important;margin:0 auto !important;width:100% !important}body.blog .ww-site-hero-archive .ww-site-hero-title,body.archive .ww-site-hero-archive .ww-site-hero-title,body.search .ww-site-hero-archive .ww-site-hero-title{font-family:'Instrument Serif',Georgia,serif !important;font-size:clamp(2rem,5vw,3.5rem) !important;font-weight:400 !important;color:#C68A3E !important;-webkit-text-fill-color:#C68A3E !important;margin:0 0 0.6em 0 !important;letter-spacing:0 !important;text-shadow:0 1px 4px rgba(0,0,0,0.15)}body.blog .ww-site-hero-archive .ww-site-hero-sub,body.archive .ww-site-hero-archive .ww-site-hero-sub,body.search .ww-site-hero-archive .ww-site-hero-sub{font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:500 !important;font-size:clamp(1rem,1.5vw,1.25rem) !important;line-height:1.55 !important;color:rgba(255,255,255,0.92) !important;margin:0 auto !important;max-width:680px !important}@media (max-width:768px){body.blog .ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{min-height:240px !important;padding:40px 20px !important}}.site-header,header.site-header{position:sticky !important;top:0 !important;z-index:100 !important;box-shadow:0 1px 0 rgba(232,226,216,0.6),0 2px 12px rgba(0,0,0,0.03);transition:box-shadow 0.2s ease}body.admin-bar .site-header,body.admin-bar header.site-header{top:32px !important}@media (max-width:782px){body.admin-bar .site-header,body.admin-bar header.site-header{top:46px !important}}@media (prefers-reduced-motion:reduce){.site-header,header.site-header{transition:none !important}}.ww-header-cta-wrap{display:flex;align-items:center;margin-left:auto;padding:0 12px}.ww-header-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--copper);color:#FFF8F0 !important;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.02em;text-decoration:none !important;border:1px solid var(--copper);border-radius:8px;transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;white-space:nowrap;min-height:40px;box-sizing:border-box}.ww-header-cta:hover,.ww-header-cta:focus-visible{background:var(--copper-dark);border-color:var(--copper-dark);color:#FFF8F0 !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(158,94,30,0.25);text-decoration:none !important}.ww-header-cta:focus-visible{outline:2px solid #C68A3E;outline-offset:2px}@media (max-width:768px){.ww-header-cta-wrap{padding:0 6px;margin-left:auto;margin-right:6px}.ww-header-cta{padding:8px 14px;font-size:12px;min-height:36px}}@media (max-width:480px){.ww-header-cta{padding:7px 12px;font-size:11px}}.ww-header-cta-li~.ww-header-cta-li{display:none !important}.ww-header-cta-li>a{background-color:var(--copper) !important;background:var(--copper) !important;color:#FFF8F0 !important;padding:8px 18px !important;border:1px solid var(--copper) !important;border-radius:8px !important;font-size:13px !important;font-weight:700 !important;font-family:'Plus Jakarta Sans',sans-serif !important;line-height:1.4 !important;height:auto !important;min-height:0 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0.02em !important;display:inline-block !important;white-space:nowrap !important;margin:0 24px 0 16px !important;vertical-align:middle !important;box-sizing:border-box;transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.ww-header-cta-li>a:hover,.ww-header-cta-li>a:focus-visible{background:var(--copper-dark) !important;border-color:var(--copper-dark) !important;color:#FFF8F0 !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(158,94,30,0.25);text-decoration:none !important}.ww-header-cta-li>a:focus-visible{outline:2px solid #C68A3E;outline-offset:2px}@media (max-width:768px){.ww-header-cta-li>a{padding:6px 14px !important;font-size:12px !important;margin:0 12px !important}}html body .main-navigation .main-nav ul li.ww-header-cta-li>a{background-color:var(--copper) !important;background:var(--copper) !important;color:#FFF8F0 !important;border:1px solid var(--copper) !important;border-radius:8px !important;text-decoration:none !important;text-transform:none !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-size:13px !important;font-weight:700 !important;letter-spacing:0.02em !important;line-height:1.4 !important;display:inline-block !important;width:auto !important;min-width:90px !important;height:auto !important;min-height:0 !important;padding:8px 18px !important;margin:0 24px 0 16px !important;white-space:nowrap !important;vertical-align:middle !important;text-align:center !important;overflow:visible !important;box-sizing:border-box !important}html body .main-navigation .main-nav ul li.ww-header-cta-li>a:hover,html body .main-navigation .main-nav ul li.ww-header-cta-li>a:focus-visible{background:var(--copper-dark) !important;background-color:var(--copper-dark) !important;border-color:var(--copper-dark) !important;color:#FFF8F0 !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(158,94,30,0.25) !important;text-decoration:none !important}@media (max-width:768px){html body .main-navigation .main-nav ul li.ww-header-cta-li>a{padding:6px 14px !important;font-size:12px !important;margin:0 12px !important;min-width:80px !important}}body.page-id-100 .ww-footer{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box;position:relative}body.page-id-100 .ww-footer .ww-w{max-width:1100px !important;margin:0 auto !important;padding:0 28px !important}.sh-faq-list{display:flex;flex-direction:column;gap:12px;margin:24px 0 32px 0;max-width:760px}.sh-faq-item{background:#FEFDFB;border:1px solid #E8E2D8;border-radius:12px;padding:0;overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease}.sh-faq-item[open]{border-color:rgba(158,94,30,0.25);box-shadow:0 4px 16px rgba(0,0,0,0.04)}.sh-faq-item summary{list-style:none;cursor:pointer;padding:18px 52px 18px 22px;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:600;font-size:16px;line-height:1.45;color:var(--ink);position:relative;user-select:none;transition:color 0.2s ease}.sh-faq-item summary::-webkit-details-marker{display:none}.sh-faq-item summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--copper);transition:transform 0.25s ease;line-height:1}.sh-faq-item[open] summary::after{content:'\2212';transform:translateY(-50%) rotate(180deg)}.sh-faq-item summary:hover{color:var(--copper)}.sh-faq-item summary:focus-visible{outline:2px solid var(--copper);outline-offset:-2px;border-radius:12px}.sh-faq-body{padding:0 22px 20px 22px;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-size:15px;line-height:1.7;color:#3D3732}.sh-faq-body p{margin:0 0 12px 0;font-size:15px !important;line-height:1.7 !important;color:#3D3732 !important}.sh-faq-body p:last-child{margin-bottom:0}.sh-faq-body a{color:var(--copper) !important;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(158,94,30,0.3) !important;font-weight:500}.sh-faq-body a:hover{color:var(--copper-dark) !important;text-decoration-color:var(--copper) !important}@media (max-width:768px){.sh-faq-list{gap:10px}.sh-faq-item summary{padding:16px 44px 16px 18px;font-size:15px}.sh-faq-item summary::after{right:18px;font-size:20px}.sh-faq-body{padding:0 18px 18px 18px;font-size:14px}.sh-faq-body p{font-size:14px !important}}@media (prefers-reduced-motion:reduce){.sh-faq-item,.sh-faq-item summary,.sh-faq-item summary::after{transition:none !important}}.entry-content h2#faq,.entry-content h2#frequently-asked-questions,.entry-content h2[id*="frequent"]{margin-bottom:0.5rem !important}.sh-faq-list+h2,h2+.sh-faq-list{margin-top:1.25rem}html body.right-sidebar.single .site-main,html body.right-sidebar.page:not(.page-id-100) .site-main,html body.right-sidebar.archive .site-main,html body.right-sidebar.blog .site-main,html body.right-sidebar.search .site-main{margin-left:auto !important;margin-right:auto !important;float:none !important;width:100% !important;max-width:920px !important}html body .grid-container.grid-parent{margin-left:auto !important;margin-right:auto !important}@media (max-width:768px){html body.right-sidebar .site-main{max-width:100% !important;padding-left:0 !important;padding-right:0 !important}}.ww-search-li{display:flex !important;align-items:center;list-style:none;margin:0 8px 0 0 !important;padding:0 !important}.ww-search-li::marker{content:''}.ww-search-li::before{content:none !important}.ww-search-form{display:flex;align-items:center;gap:0;margin:0;position:relative}.ww-search-toggle{background:transparent;border:1px solid #E8E2D8;color:#3D3732;padding:0;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;flex-shrink:0}.ww-search-toggle:hover,.ww-search-toggle:focus-visible{background:rgba(158,94,30,0.06);border-color:rgba(158,94,30,0.35);color:var(--copper);outline:none}.ww-search-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.ww-search-toggle svg{display:block}.ww-search-input{width:0;padding:0;border:0;background:#FEFDFB;font-size:14px;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;color:var(--ink);border-radius:8px;margin:0;opacity:0;pointer-events:none;transition:width 0.3s ease,padding 0.3s ease,opacity 0.3s ease,margin 0.3s ease;height:36px;box-sizing:border-box;outline:none}.ww-search-form.is-open .ww-search-input{width:240px;padding:8px 12px;border:1px solid #E8E2D8;margin-left:6px;opacity:1;pointer-events:auto}.ww-search-input:focus{border-color:var(--copper);box-shadow:0 0 0 2px rgba(158,94,30,0.12)}.ww-search-input::placeholder{color:#847768;opacity:1}.ww-search-submit{background:var(--copper);color:#FFF8F0 !important;border:1px solid var(--copper);border-radius:8px;padding:0 14px;font-size:13px;font-weight:700;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:0.02em;cursor:pointer;display:none;margin-left:6px;height:36px;align-items:center;flex-shrink:0;transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.ww-search-form.is-open .ww-search-submit{display:inline-flex}.ww-search-submit:hover,.ww-search-submit:focus-visible{background:var(--copper-dark);border-color:var(--copper-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(158,94,30,0.25);outline:none}.ww-search-submit:focus-visible{outline:2px solid #C68A3E;outline-offset:2px}@media (max-width:1024px){.ww-search-form.is-open .ww-search-input{width:180px;font-size:13px}}@media (max-width:768px){.ww-search-li{margin-right:4px !important}.ww-search-toggle{width:34px;height:34px}.ww-search-form.is-open .ww-search-input{width:150px;height:34px;font-size:13px}.ww-search-submit{height:34px;padding:0 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ww-search-input,.ww-search-toggle,.ww-search-submit{transition:none !important}}body.search .entry-title{font-family:'Instrument Serif',Georgia,serif}body.search .search-form,body.search-no-results .search-form{max-width:760px;margin:24px auto}body:not(.home) .ww-site-hero{min-height:220px !important;padding-top:clamp(28px,4vw,50px) !important;padding-bottom:clamp(28px,4vw,50px) !important}body:not(.home) .ww-site-hero-title{font-size:clamp(1.75rem,4vw,2.75rem) !important;margin-bottom:0.4em !important;line-height:1.15 !important}body:not(.home) .ww-site-hero-sub{font-size:clamp(0.95rem,1.4vw,1.1rem) !important;margin-bottom:0.75rem !important}body:not(.home) .ww-site-hero-meta{font-size:0.8rem !important}@media (max-width:768px){body:not(.home) .ww-site-hero{min-height:160px !important;padding-top:28px !important;padding-bottom:28px !important}body:not(.home) .ww-site-hero-title{font-size:clamp(1.5rem,6vw,2rem) !important}}body.blog .ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{min-height:200px !important;padding:36px 28px !important}body.blog .ww-site-hero-archive .ww-site-hero-title,body.archive .ww-site-hero-archive .ww-site-hero-title,body.search .ww-site-hero-archive .ww-site-hero-title{font-size:clamp(1.75rem,4vw,2.75rem) !important;margin:0 0 0.4em 0 !important;line-height:1.15 !important}body.blog .ww-site-hero-archive .ww-site-hero-sub,body.archive .ww-site-hero-archive .ww-site-hero-sub,body.search .ww-site-hero-archive .ww-site-hero-sub{font-size:clamp(0.95rem,1.4vw,1.1rem) !important}@media (max-width:768px){body.blog .ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{min-height:150px !important;padding:28px 20px !important}}.entry-content .tl-card h3,.entry-content .tl-card-top h3,.entry-content .ww-path-card h3,.entry-content .ww-path-card .ww-path-name,.entry-content .ww-path-card .ww-path-title,.entry-content .ww-fw-item h3,.entry-content .ww-fw-step h3,.entry-content .sh-card h3,.entry-content .sh-step h3,.entry-content .ww-blog-featured h3,.entry-content .ww-blog-row h3,.entry-content .ww-resource-card h3,.entry-content [class*="-card"] h3{font-family:'Instrument Serif',Georgia,serif !important;font-size:1.4rem !important;font-weight:400 !important;text-transform:none !important;letter-spacing:-0.005em !important;color:var(--ink) !important;line-height:1.25 !important;margin:0 0 0.4em 0 !important}@media (max-width:768px){.entry-content .tl-card h3,.entry-content .tl-card-top h3,.entry-content .ww-path-card h3,.entry-content .sh-card h3,.entry-content [class*="-card"] h3{font-size:1.2rem !important}}.entry-content .tl-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.entry-content .tl-card-top h3{flex:1;margin-bottom:0 !important}.entry-content .qcalc .qcalc-hero-title,.entry-content .qcalc-hero .qcalc-hero-title,.qcalc .qcalc-hero-title{font-family:'Instrument Serif',Georgia,serif !important;font-size:clamp(2rem,5vw,3.4rem) !important;font-weight:400 !important;line-height:1.08 !important;letter-spacing:-0.02em !important;color:var(--ink) !important;margin:0 0 14px !important}.entry-content .qcalc .qcalc-hero-title em,.qcalc .qcalc-hero-title em{font-style:italic;color:var(--copper) !important}.entry-content .qcalc .qcalc-hero-sub,.qcalc .qcalc-hero-sub{font-size:1.0625rem !important;line-height:1.6 !important;color:#3D3D3D !important;max-width:580px !important;margin:0 auto 18px !important}.entry-content .qcalc .qcalc-hero-meta,.qcalc .qcalc-hero-meta{font-size:0.9rem !important;color:#5C5347 !important}@media (max-width:768px){.entry-content .qcalc .qcalc-hero-title,.qcalc .qcalc-hero-title{font-size:clamp(1.75rem,7vw,2.5rem) !important}}.ww-footer .ww-footer-legal,.ww-site-footer .ww-footer-legal,footer.ww-footer .ww-footer-legal{color:#3D3732 !important;font-weight:500}.ww-footer .ww-footer-copy,.ww-site-footer .ww-footer-copy,footer.ww-footer .ww-footer-copy{color:#3D3732 !important;font-weight:500}.ww-footer .ww-sf-legal,.ww-site-footer .ww-sf-legal{color:#525252 !important}.ww-footer .ww-sf-copy,.ww-site-footer .ww-sf-copy{color:#525252 !important}footer.ww-footer .ww-footer-brand p,footer.ww-footer .ww-sf-brand p,.ww-footer .ww-footer-brand,.ww-footer .ww-footer-brand p{color:#3D3732 !important}

/* ============================================================================
   A11y final pass (2026-05-08)
   PSI flagged 4 specific issues:
   1. .qcalc-cta dark CTA section: H3+P text being overridden by global
      .entry-content { color: var(--ink-*) !important } rules - light-on-dark
      design becomes dark-on-dark (1.64:1 contrast on the P)
   2. .ww-sf-by footer "By Dwayne Lindsay" text: 3.67:1 contrast (need 4.5:1)
   ============================================================================ */

/* Calculator CTA: restore light-on-dark colors with higher specificity */
.entry-content .qcalc .qcalc-cta h3,
.entry-content .qcalc-cta h3,
.qcalc .qcalc-cta h3 {
  color: #FFF8F0 !important;
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.entry-content .qcalc .qcalc-cta p,
.entry-content .qcalc-cta p,
.qcalc .qcalc-cta p {
  color: rgba(255, 248, 240, 0.92) !important;
  font-size: 1rem !important;
}

.entry-content .qcalc .qcalc-cta .qcalc-cta-fine,
.entry-content .qcalc-cta .qcalc-cta-fine,
.qcalc .qcalc-cta .qcalc-cta-fine {
  color: rgba(255, 248, 240, 0.7) !important;
  font-size: 12px !important;
}

/* Footer "By Dwayne Lindsay" text - bump from #847768 (3.67:1) to #525252 (7:1+) */
footer.ww-site-footer .ww-sf-by,
.ww-site-footer .ww-sf-by,
.ww-footer .ww-sf-by {
  color: #525252 !important;
  font-weight: 500;
}

footer.ww-site-footer .ww-sf-brand p,
.ww-site-footer .ww-sf-brand p {
  color: #3D3732 !important;
}


/* ============================================================================
   Hero spacing + mobile overflow fix (2026-05-08)

   ISSUE 1: Blog archive hero touches the site header. Cause:
     `body.blog .ww-site-hero { margin: 0 0 32px 0 !important }`
     forces top margin to 0. Static pages don't override and keep natural
     GeneratePress separate-containers spacing.

   ISSUE 2: Mobile (≤768px) hero titles + subs overflow horizontally on
     long-token titles like "$3,200/Month" or "9-to-5? Calculator". No
     word-break/overflow-wrap rules → unbreakable tokens spill past hero.
   ============================================================================ */

/* Fix 1: Restore top spacing on archive hero */
body.blog .ww-site-hero,
body.archive .ww-site-hero,
body.search .ww-site-hero {
  margin: 20px 0 32px 0 !important;
}

/* Fix 2: Mobile text overflow handling - applies to all hero variants */
@media (max-width: 768px) {
  .ww-site-hero-title,
  .ww-site-hero-sub,
  .ww-site-hero-meta,
  .ww-site-hero-tag,
  body.blog .ww-site-hero-archive .ww-site-hero-title,
  body.archive .ww-site-hero-archive .ww-site-hero-title,
  body.search .ww-site-hero-archive .ww-site-hero-title,
  body.blog .ww-site-hero-archive .ww-site-hero-sub,
  body.archive .ww-site-hero-archive .ww-site-hero-sub,
  body.search .ww-site-hero-archive .ww-site-hero-sub {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Slightly smaller mobile title so 80-char headlines fit cleaner */
  body:not(.home) .ww-site-hero-title,
  body.blog .ww-site-hero-archive .ww-site-hero-title,
  body.archive .ww-site-hero-archive .ww-site-hero-title,
  body.search .ww-site-hero-archive .ww-site-hero-title {
    font-size: clamp(1.4rem, 5.2vw, 1.8rem) !important;
    line-height: 1.2 !important;
  }

  /* Inner has lateral padding so text never reaches the edge */
  .ww-site-hero-inner,
  body.blog .ww-site-hero-archive .ww-site-hero-inner,
  body.archive .ww-site-hero-archive .ww-site-hero-inner,
  body.search .ww-site-hero-archive .ww-site-hero-inner {
    padding: 0 12px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Don't constrain hero height on mobile - let content drive it */
  body:not(.home) .ww-site-hero {
    min-height: 0 !important;
    padding: 32px 16px !important;
  }
  body.blog .ww-site-hero-archive,
  body.archive .ww-site-hero-archive,
  body.search .ww-site-hero-archive {
    min-height: 0 !important;
    padding: 32px 16px !important;
  }
}

/* Very narrow viewports: shrink one more notch */
@media (max-width: 380px) {
  body:not(.home) .ww-site-hero-title,
  body.blog .ww-site-hero-archive .ww-site-hero-title,
  body.archive .ww-site-hero-archive .ww-site-hero-title,
  body.search .ww-site-hero-archive .ww-site-hero-title {
    font-size: clamp(1.25rem, 5.5vw, 1.5rem) !important;
  }
}

/* ============================================================================
   Inline post opt-in styling (.lmb-post-optin)
   PASTE this into the existing wraywest_custom_css option, at the end.

   Matches the .ww-tool-callout pattern used for the calculator + LMB CTAs
   already on 12 posts, so visually consistent across the site.
   ============================================================================ */

.lmb-post-optin{
  margin:48px 0;
  padding:32px 28px;
  background:#FFF8F0;
  border:1px solid #E8E2D8;
  border-left:4px solid var(--copper);
  border-radius:12px;
  font-family:'Plus Jakarta Sans',sans-serif
}
.lmb-post-optin-label{
  font-size:11px;
  font-weight:800;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--copper);
  margin:0 0 8px
}
.lmb-post-optin h3{
  font-family:'Instrument Serif',Georgia,serif;
  font-size:1.5rem;
  font-weight:400;
  line-height:1.2;
  color:var(--ink);
  margin:0 0 12px;
  letter-spacing:-0.015em
}
.lmb-post-optin > p{
  font-size:15px;
  color:#3D3D3D;
  line-height:1.7;
  margin:0 0 16px
}
.lmb-post-optin a{
  color:var(--copper);
  text-decoration:underline
}
.lmb-post-optin-fine{
  font-size:12px;
  color:#5C5347;
  margin:10px 0 0
}

/* WPForms shortcode renders its own form inside - adjust to fit our look */
.lmb-post-optin .wpforms-container{
  margin:8px 0 0!important;
  max-width:480px
}
.lmb-post-optin .wpforms-form{
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.lmb-post-optin .wpforms-field{
  flex:1;
  min-width:200px;
  padding:0!important;
  margin:0!important
}
.lmb-post-optin .wpforms-field-label{
  display:none
}
.lmb-post-optin .wpforms-field input[type="email"]{
  width:100%;
  padding:15px 18px;
  font-family:inherit;
  font-size:17px;
  line-height:1.4;
  border:1.5px solid #D9D2BD;
  border-radius:10px;
  background:#fff;
  color:var(--ink)
}
.lmb-post-optin .wpforms-field input[type="email"]:focus{
  outline:none;
  border-color:var(--copper);
  box-shadow:0 0 0 4px rgba(158,94,30,0.15)
}

.lmb-post-optin .wpforms-field input[type="email"]::placeholder{
  color:#9E8B7A;
  opacity:1;
  font-size:16px
}
.lmb-post-optin .wpforms-submit-container{
  margin:0!important;
  padding:0!important;
  flex-shrink:0
}
.lmb-post-optin .wpforms-submit{
  padding:15px 22px!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:700!important;
  background:var(--copper)!important;
  color:#FFF8F0!important;
  border:1.5px solid var(--copper)!important;
  border-radius:10px!important;
  cursor:pointer;
  line-height:1.4
}
.lmb-post-optin .wpforms-submit:hover{
  background:var(--copper-dark)!important
}

/* Mobile: stack form fields */
@media (max-width:640px){
  .lmb-post-optin .wpforms-form{flex-direction:column}
  .lmb-post-optin .wpforms-submit-container{width:100%}
  .lmb-post-optin .wpforms-submit{width:100%}
}

/* === hero-v3-homepage (appended 2026-05-30, robust solid title) === */
body.home .ww-site-hero{min-height:clamp(460px,60vh,580px) !important;display:flex !important;align-items:center !important;position:relative;overflow:hidden}
/* legibility overlay: dark on the left where text sits, image shows through on the right (not muddy) */
body.home .ww-site-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(100deg,rgba(15,26,46,0.86) 0%,rgba(15,26,46,0.58) 50%,rgba(15,26,46,0.30) 100%)}
/* soft copper glow top-right for depth */
body.home .ww-site-hero::after{content:"";position:absolute;top:-25%;right:-8%;width:50%;height:140%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(198,138,62,0.20),transparent 72%)}
body.home .ww-site-hero-inner{position:relative;z-index:2;max-width:780px !important;animation:ww-fade-up 0.9s cubic-bezier(0.25,0.46,0.45,0.94) both}
/* kicker */
body.home .ww-site-hero-kicker{display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.8rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#D4956B !important;margin:0 0 1.15rem;padding:0;border:none !important}
body.home .ww-site-hero-kicker::before{content:"";display:inline-block;width:30px;height:2px;background:#C68A3E;vertical-align:middle;margin-right:11px;transform:translateY(-3px)}
/* SOLID cream serif title — guaranteed visible (no gradient-text) */
body.home .ww-site-hero-title{font-family:'Instrument Serif',Georgia,serif !important;font-weight:400 !important;font-size:clamp(2.6rem,5.4vw,4.3rem) !important;line-height:1.07 !important;letter-spacing:0 !important;color:#F6E4C9 !important;-webkit-text-fill-color:#F6E4C9 !important;background:none !important;text-shadow:0 2px 26px rgba(0,0,0,0.40) !important;margin:0 0 1.05rem !important;max-width:16ch;border:none !important}
body.home .ww-site-hero-sub{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:clamp(1.06rem,1.5vw,1.3rem) !important;color:rgba(248,246,242,0.92) !important;line-height:1.6 !important;font-weight:450 !important;max-width:55ch !important;margin:0 0 1.9rem !important}
/* CTA row */
body.home .ww-site-hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0;padding:0;border:none}
body.home .ww-hero-btn-primary{display:inline-flex;align-items:center;gap:7px;background:var(--copper) !important;color:#fff !important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1rem;padding:14px 28px;border-radius:10px;text-decoration:none !important;box-shadow:0 8px 22px rgba(158,94,30,0.38);transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}
body.home .ww-hero-btn-primary span{color:#fff !important}
body.home .ww-hero-btn-primary:hover{background:#B86E26 !important;transform:translateY(-2px);box-shadow:0 12px 30px rgba(158,94,30,0.48)}
body.home .ww-hero-btn-secondary{display:inline-flex;align-items:center;gap:6px;color:#F6E4C9 !important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:1rem;padding:14px 12px;text-decoration:none !important;border-bottom:1px solid rgba(246,228,201,0.35);transition:border-color 0.2s ease,color 0.2s ease}
body.home .ww-hero-btn-secondary:hover{border-bottom-color:#C68A3E;color:#FBEFD9 !important}
@media (max-width:768px){body.home .ww-site-hero{min-height:auto !important;padding:62px 22px 52px !important}body.home .ww-site-hero-title{font-size:clamp(2rem,9vw,2.7rem) !important;max-width:none}body.home .ww-site-hero-kicker{font-size:0.72rem;margin-bottom:0.9rem}body.home .ww-hero-btn-primary,body.home .ww-hero-btn-secondary{font-size:0.92rem;padding:12px 20px}}
@media (prefers-reduced-motion:reduce){body.home .ww-site-hero-inner{animation:none !important}}


/* === homepage-hero-centered (appended 2026-05-30) === */
body.home .ww-site-hero-inner{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
body.home .ww-site-hero-kicker::after{content:"" !important;display:inline-block;width:30px;height:2px;background:#C68A3E;vertical-align:middle;margin-left:11px;transform:translateY(-3px)}
body.home .ww-site-hero-title{margin-left:auto !important;margin-right:auto !important}
body.home .ww-site-hero-sub{margin-left:auto !important;margin-right:auto !important}
body.home .ww-site-hero-cta{justify-content:center !important}

/* === homepage-hero-title-wider (appended 2026-05-30) === */
body.home .ww-site-hero-inner{max-width:1040px !important}
body.home .ww-site-hero-title{max-width:30ch !important}
@media (max-width:768px){body.home .ww-site-hero-title{max-width:none !important}}

/* === homepage-hero-fullbleed (appended 2026-05-30) — break hero out of 1200px container, edge-to-edge === */
html{overflow-x:clip}
body.home .ww-site-hero{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;border-radius:0 !important;background-size:cover !important;background-position:center !important}

/* === hero-secondary-link-sophisticated (appended 2026-05-30) === */
body.home .ww-hero-btn-secondary{position:relative;border-bottom:none !important;letter-spacing:0.01em;transition:color 0.25s ease,letter-spacing 0.3s ease}
body.home .ww-hero-btn-secondary::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:1.5px;background:linear-gradient(90deg,#C68A3E,#F6E4C9);border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}
body.home .ww-hero-btn-secondary:hover{color:#FBEFD9 !important;letter-spacing:0.035em}
body.home .ww-hero-btn-secondary:hover::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){body.home .ww-hero-btn-secondary::after{transition:none}}
/* category dedup 2026-06-04: hide GP archive title, banner carries it */ body.blog .page-title,body.archive .page-title,body.search .page-title{display:none !important}
/* === non-home wide banner 1920x480 (4:1) full-bleed no-crop 2026-06-04 === */ body:not(.home) .ww-site-hero,body.blog .ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;border-radius:0 !important;aspect-ratio:4 / 1 !important;min-height:0 !important;background-color:#1a0f1a !important;background-size:cover !important;background-position:center !important} @media(max-width:768px){body:not(.home) .ww-site-hero,body.blog .ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{aspect-ratio:auto !important;min-height:190px !important}}
/* archive hero un-collapse (grid item) - min-height not aspect-ratio 2026-06-04 */ body.blog .ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{aspect-ratio:auto !important;height:auto !important;min-height:clamp(220px,22vw,380px) !important}


.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
*:focus-visible{outline:2px solid var(--copper,#9E5E1E)!important;outline-offset:2px!important}
.ww-sf-nl .ww-sf-reach{max-width:340px;margin-top:8px}.ww-sf-reach iframe,.ww-sf-reach form,.ww-sf-reach input,.ww-sf-reach button{max-width:100%}
@media(max-width:1024px){.ww-sf-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.ww-sf-brand{grid-column:1/-1}.ww-hero{padding:80px 0 60px!important}}
@media(max-width:640px){.ww-sf-grid{grid-template-columns:1fr!important;gap:20px!important}.ww-sf-nl-row{flex-direction:column!important}}

@media (max-width:768px){.site-header .site-logo img,.site-header .header-image.is-logo-image{max-width:56px!important;height:auto!important}.site-header .inside-header{padding-top:12px!important;padding-bottom:12px!important}}
.single-post .entry-content h2{font-family:'Instrument Serif',Georgia,serif!important;font-weight:400!important;font-size:clamp(1.7rem,3.6vw,2.3rem)!important;line-height:1.16!important;letter-spacing:-0.015em!important;color:#1A1714!important;}.single-post .entry-content h3:not([style]){font-family:'Instrument Serif',Georgia,serif!important;font-weight:400!important;font-size:clamp(1.3rem,2.6vw,1.6rem)!important;line-height:1.2!important;letter-spacing:-0.01em!important;text-transform:none!important;color:#9E5E1E!important;margin:2.2rem 0 0.6rem!important;}.single-post .entry-content h3[style]{font-size:1.125rem!important;}.single-post .entry-content p{line-height:1.7!important;}.entry-content a[style*="7C3AED"],.entry-content a[style*="7c3aed"]{color:#9E5E1E!important;}

/* ===== WRAYWEST v8.0 - FULL DESIGN SYSTEM ===== */
/* Audited: typography, contrast, consistency, polish */
/* NO @import - fonts loaded via plugin link tag */

/* ===== DESIGN TOKENS ===== */
:root{
  --copper:#9E5E1E;
  --copper-dark:#7D4A17;
  --copper-bg:rgba(158,94,30,0.06);
  --ink:#1A1A1A;
  --ink-2:#3D3D3D;
  --ink-3:#737373;
  --ink-4:#9A9A9A;
  --bg:#FFF;
  --bg-subtle:#FAFAFA;
  --bg-muted:#F7F7F5;
  --border:#E8E6E3;
  --border-light:#F0EEEB;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --shadow-sm:0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:0 8px 24px rgba(0,0,0,0.1);
  --prose-width:720px;
  --container:1140px;
}

/* ===== GLOBAL ===== */
html{scroll-behavior:smooth}
body{background:var(--bg)!important;font-family:'Plus Jakarta Sans',sans-serif!important;-webkit-font-smoothing:antialiased;font-weight:500}
#page{background:var(--bg)!important}
::selection{background:var(--copper-bg);color:var(--ink)}
:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:var(--radius-sm)}

/* ===== HEADER ===== */
.site-header{background:var(--bg)!important;border-bottom:1px solid var(--border)!important}
.site-title a,.main-navigation a{color:var(--ink)!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600!important}
.main-navigation a:hover{color:var(--copper)!important}
.main-navigation .current-menu-item a{color:var(--copper)!important}
.custom-logo,.custom-logo-link img,.site-header img[src*="logo"],.site-header img[src*="wraywest"]{border-radius:50%!important}

/* ===== HIDE DEFAULT FOOTER ON CUSTOM + BLOG PAGES ===== */
.page-id-100 .site-footer,
.page-id-101 .site-footer,
/* ========================================================
   Bio images - force circular, kill any square wrapper outline
   ======================================================== */
img.ww-hero-avatar,
img[src*="Wraywest-bio-image"],
img[src*="Wraywest-bio"] {
  border-radius: 50% !important;
  outline: none !important;
  object-fit: cover !important;
}
.wp-block-image:has(img[src*="Wraywest-bio"]),
figure:has(img[src*="Wraywest-bio"]) {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}
img.ww-hero-avatar:focus,
img.ww-hero-avatar:focus-visible {
  outline: 2px solid var(--copper) !important;
  outline-offset: 4px !important;
  border-radius: 50% !important;
}

/* ========================================================
   "Start Here" CTA buttons - guarantee visible text
   ======================================================== */
a.fw-btn-fill,
.fw-btn-fill {
  background: #9E5E1E !important;
  color: #FFFFFF !important;
  border: none !important;
}
a.fw-btn-fill:hover,
.fw-btn-fill:hover {
  background: #7D4A17 !important;
  color: #FFFFFF !important;
}
a.fw-btn-ghost,
.fw-btn-ghost {
  background: #FEFEFE !important;
  color: #1A1A1A !important;
  border: 1px solid #E8E6E3 !important;
}
a.ww-hero-cta {
  color: #FFFFFF !important;
  background: #1A1A1A !important;
}

/* ========================================================
   Footer links - strong color + underline-on-hover affordance
   ======================================================== */
.ww-footer a,
.ww-footer-col a,
.ww .ww-footer-col a,
.site-footer a {
  color: #3D3D3D !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
  font-weight: 500 !important;
}
.ww-footer a:hover,
.ww-footer-col a:hover,
.ww .ww-footer-col a:hover,
.site-footer a:hover {
  color: #9E5E1E !important;
  border-bottom-color: #9E5E1E !important;
}
.site-footer .site-info a,
.ww-footer-legal a {
  text-decoration: underline !important;
  text-decoration-color: rgba(158,94,30,0.3) !important;
  text-underline-offset: 2px !important;
}
.page-id-102 .site-footer,
.page-id-103 .site-footer,
.page-id-104 .site-footer,
.page-id-105 .site-footer,
.page-id-106 .site-footer,
.page-id-107 .site-footer,
.page-id-108 .site-footer,
.page-id-109 .site-footer,
.page-id-110 .site-footer,
.page-id-650 .site-footer{display:none!important}

/* Hide old plugin footer on blog page */
.blog .ww-site-footer{display:none!important}

/* Blog page footer - clean copyright bar */
.blog .site-footer{background:var(--bg)!important;padding:32px 0!important;border-top:1px solid var(--border)!important}
.blog .site-footer .site-info{max-width:var(--container)!important;margin:0 auto!important;padding:0 28px!important;font-size:0.8rem!important;color:var(--ink-3)!important}

/* ===== HIDE PAGE TITLES ON CUSTOM PAGES ===== */
.page-id-100 .entry-title,
.page-id-101 .entry-title,
.page-id-102 .entry-title,
.page-id-103 .entry-title,
.page-id-104 .entry-title,
.page-id-105 .entry-title,
.page-id-106 .entry-title,
.page-id-107 .entry-title,
.page-id-108 .entry-title,
.page-id-109 .entry-title,
.page-id-110 .entry-title{display:none!important}

/* ===== FULL WIDTH ON CUSTOM PAGES ===== */
.page-id-100 .entry-content,.page-id-101 .entry-content,.page-id-102 .entry-content,
.page-id-103 .entry-content,.page-id-104 .entry-content,.page-id-105 .entry-content,
.page-id-106 .entry-content,.page-id-107 .entry-content,.page-id-108 .entry-content,
.page-id-109 .entry-content,.page-id-110 .entry-content{max-width:100%!important;padding:0!important;margin:0!important}
.page-id-100 .inside-article,.page-id-101 .inside-article,.page-id-102 .inside-article,
.page-id-103 .inside-article,.page-id-104 .inside-article,.page-id-105 .inside-article,
.page-id-106 .inside-article,.page-id-107 .inside-article,.page-id-108 .inside-article,
.page-id-109 .inside-article,.page-id-110 .inside-article{padding:0!important;margin:0!important;max-width:100%!important}

/* ===== DEFAULT FOOTER STYLING (GeneratePress .site-footer) ===== */
.site-footer{background:var(--bg)!important;border-top:1px solid var(--border)!important;color:var(--ink-3)!important;font-family:'Plus Jakarta Sans',sans-serif!important;padding:64px 0 32px!important}
.site-footer a{color:var(--ink-3)!important}
.site-footer a:hover{color:var(--copper)!important}
.site-info{color:var(--ink-3)!important;font-size:0.8rem!important}

/* Hide "Built with GeneratePress" */
.site-info .copyright + span,
.site-info a[href*="developer.wordpress.org"],
.site-info a[href*="developer.wordpress.org"] + span,
.site-info a[href*="developer.wordpress.org"] + br + span + a,
.site-info a[href*="developer.wordpress.org"] + br,
.site-info a[href*="developer.wordpress.org"] ~ *{display:none!important}

/* ===== CUSTOM FOOTER (.ww-footer) POLISH OVERRIDES ===== */
.ww .ww-footer{padding:64px 0 32px!important;border-top:1px solid var(--border)!important}
.ww .ww-footer-col-title{font-size:0.8rem!important;letter-spacing:0.08em!important;font-weight:600!important;color:var(--ink-2)!important}
.ww .ww-footer-col a{color:var(--ink-3)!important}
.ww .ww-footer-col a:hover{color:var(--copper)!important}
.ww .ww-footer-grid{gap:32px!important}
.ww .ww-footer-bottom{border-top:1px solid var(--border)!important;padding-top:32px!important}
.ww .ww-footer-legal{font-size:0.8rem!important;color:var(--ink-3)!important}
.ww .ww-footer-copy{font-size:0.8rem!important;color:var(--ink-3)!important}

/* ===== HERO POLISH OVERRIDES ===== */
.ww .ww-hero{padding:96px 0 72px!important;border-bottom:1px solid var(--border)!important}
.ww .ww-hero h1{font-size:clamp(2.4rem,5vw,3.2rem)!important}
.ww .ww-hero-aside{background:var(--bg-muted)!important}
.ww .ww-hero-cta:hover{background:#333!important;transform:translateY(-1px)!important}
.ww .ww-hero-cta:active{transform:translateY(0)!important}

/* ===== PATHS SECTION POLISH OVERRIDES ===== */
.ww .ww-paths{padding:80px 0!important}
.ww .ww-paths h2{font-size:0.85rem!important;letter-spacing:0.05em!important;margin-bottom:40px!important}
.ww .ww-paths-grid{border:none!important;background:none!important;gap:20px!important}
.ww .ww-path-card{border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:all 0.2s ease!important}
.ww .ww-path-card:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}

/* ===== FRAMEWORK SECTION POLISH OVERRIDES ===== */
.ww .ww-framework{padding:80px 48px!important}
.ww .ww-framework-label{margin-bottom:24px!important}
.ww .ww-fw-item{min-height:140px!important}
.ww .ww-fw-item::before{font-weight:600!important}
.ww .ww-framework-cta{margin-top:32px!important}
.ww .ww-framework-cta:hover{color:var(--copper-dark)!important;text-decoration:underline!important}

/* ===== LATEST ARTICLES SECTION POLISH OVERRIDES ===== */
.ww .ww-blog{padding:80px 0!important}
.ww .ww-blog-head a{font-weight:500!important;color:var(--copper)!important;text-decoration:none!important}
.ww .ww-blog-head a:hover{text-decoration:underline!important;color:var(--copper-dark)!important}
.ww .ww-blog-featured-img img{border-radius:var(--radius-sm) var(--radius-sm) 0 0!important}
.ww .ww-blog-row-img,.ww .ww-blog-row-img img{border-radius:var(--radius-sm)!important}
.ww .ww-blog-tag{padding:6px 12px!important;font-size:0.75rem!important}

/* ===== NEWSLETTER CTA POLISH OVERRIDES ===== */
.ww .ww-nl-card{border-radius:var(--radius-md)!important;padding:48px 40px!important}
.ww .ww-nl-form input{border-radius:6px!important;height:44px!important;padding-top:0!important;padding-bottom:0!important}
.ww .ww-nl-form button{border-radius:6px!important;height:44px!important;padding-top:0!important;padding-bottom:0!important}

/* =============================================
   BLOG ARCHIVE PAGE STYLING
   ============================================= */

.blog .site-content,
.archive .site-content{
  background:var(--bg-subtle)!important;
}

.blog .page-header,
.archive .page-header{
  max-width:var(--container)!important;
  margin:0 auto!important;
  padding:60px 28px 32px!important;
}

.blog .page-header .page-title,
.archive .page-header .page-title{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:2rem!important;
  font-weight:800!important;
  color:var(--ink)!important;
  letter-spacing:-0.02em!important;
}

.blog .site-main,
.archive .site-main{
  max-width:var(--container)!important;
  margin:0 auto!important;
  padding:0 28px 64px!important;
  display:grid!important;
  grid-template-columns:repeat(2, 1fr)!important;
  gap:32px!important;
}

.blog .site-main .paging-navigation,
.blog .site-main nav.navigation,
.archive .site-main .paging-navigation,
.archive .site-main nav.navigation{
  grid-column:1 / -1!important;
  padding-top:32px!important;
}

.blog .site-main .paging-navigation a,
.archive .site-main .paging-navigation a,
.blog .site-main nav.navigation a,
.archive .site-main nav.navigation a{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-weight:600!important;
  color:var(--copper)!important;
  text-decoration:none!important;
}

.blog .site-main .paging-navigation a:hover,
.archive .site-main .paging-navigation a:hover{
  color:var(--copper-dark)!important;
}

/* Each post = card */
.blog article.post,
.archive article.post{
  background:var(--bg)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-md)!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  transition:transform 0.2s ease, box-shadow 0.2s ease!important;
  box-shadow:var(--shadow-sm)!important;
  display:flex!important;
  flex-direction:column!important;
}

.blog article.post:hover,
.archive article.post:hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--shadow-md)!important;
}

.blog .inside-article,
.archive .inside-article{
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}

.blog .post-image,
.archive .post-image{
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid var(--border-light)!important;
  order:-1!important;
}

.blog .post-image img,
.archive .post-image img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border-radius:var(--radius-md) var(--radius-md) 0 0!important;
}

.blog .entry-header,
.archive .entry-header{
  padding:22px 24px 0!important;
}

.blog .entry-summary,
.archive .entry-summary{
  padding:0 24px!important;
  flex-grow:1!important;
}

.blog .entry-meta,
.archive .entry-meta{
  padding:0 24px!important;
}

.blog footer.entry-meta,
.archive footer.entry-meta{
  padding:12px 24px 22px!important;
  margin-top:auto!important;
}

/* Post titles */
.blog .entry-title,
.archive .entry-title{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.35!important;
  margin-bottom:6px!important;
  letter-spacing:-0.01em!important;
  display:block!important;
}

.blog .entry-title a,
.archive .entry-title a{
  color:var(--ink)!important;
  text-decoration:none!important;
  transition:color 0.2s!important;
}

.blog .entry-title a:hover,
.archive .entry-title a:hover{
  color:var(--copper)!important;
}

/* Post meta - FIXED contrast (was #9A9A9A, now #737373 = 4.8:1) */
.blog .entry-meta,
.archive .entry-meta{
  font-size:12px!important;
  color:var(--ink-3)!important;
  font-weight:500!important;
}

.blog .entry-meta a,
.archive .entry-meta a{
  color:var(--ink-3)!important;
  text-decoration:none!important;
}

.blog .entry-meta a:hover,
.archive .entry-meta a:hover{
  color:var(--copper)!important;
}

/* Excerpt */
.blog .entry-summary p,
.archive .entry-summary p{
  font-size:14px!important;
  color:var(--ink-2)!important;
  line-height:1.6!important;
  font-weight:400!important;
  margin-bottom:12px!important;
}

/* Category badges - copper */
.blog footer.entry-meta .cat-links a,
.archive footer.entry-meta .cat-links a{
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:0.06em!important;
  color:var(--copper-dark)!important;
  background:var(--copper-bg)!important;
  padding:3px 9px!important;
  border-radius:4px!important;
  text-decoration:none!important;
  display:inline-block!important;
  margin-right:4px!important;
  margin-bottom:4px!important;
  transition:background 0.2s!important;
}

.blog footer.entry-meta .cat-links a:hover,
.archive footer.entry-meta .cat-links a:hover{
  background:rgba(158,94,30,0.12)!important;
}

.blog footer.entry-meta .cat-links,
.archive footer.entry-meta .cat-links{
  display:block!important;
  margin-bottom:6px!important;
}

/* Tags */
.blog footer.entry-meta .tags-links,
.archive footer.entry-meta .tags-links{
  display:block!important;
  margin-bottom:4px!important;
}

.blog footer.entry-meta .tags-links a,
.archive footer.entry-meta .tags-links a{
  font-size:11px!important;
  font-weight:600!important;
  color:var(--ink-3)!important;
  text-decoration:none!important;
  margin-right:4px!important;
}

.blog footer.entry-meta .tags-links a:hover,
.archive footer.entry-meta .tags-links a:hover{
  color:var(--copper)!important;
}

/* Hide "Leave a comment" link */
.blog footer.entry-meta .comments-link,
.archive footer.entry-meta .comments-link{
  display:none!important;
}

.blog footer.entry-meta .tags-links > span:first-child,
.archive footer.entry-meta .tags-links > span:first-child{
  display:none!important;
}

/* Pagination */
.blog .nav-links,
.archive .nav-links{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
}

.blog .nav-links .page-numbers,
.archive .nav-links .page-numbers{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:var(--radius-sm)!important;
  font-size:14px!important;
  font-weight:600!important;
  color:var(--ink-2)!important;
  background:var(--bg)!important;
  border:1px solid var(--border)!important;
  text-decoration:none!important;
  transition:all 0.2s!important;
}

.blog .nav-links .page-numbers:hover,
.archive .nav-links .page-numbers:hover{
  border-color:var(--copper)!important;
  color:var(--copper)!important;
}

.blog .nav-links .page-numbers.current,
.archive .nav-links .page-numbers.current{
  background:var(--copper)!important;
  color:var(--bg)!important;
  border-color:var(--copper)!important;
}

.blog .nav-links .page-numbers.dots,
.archive .nav-links .page-numbers.dots{
  border:none!important;
  background:none!important;
}

/* ===== BLOG PAGE HEADER (CSS fallback) ===== */
.blog .site-main::before{content:'Articles'!important;grid-column:1 / -1!important;order:-2!important;display:block!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:2.4rem!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-0.02em!important;padding-top:60px!important}
.blog .site-main::after{content:'Practical strategies, honest reviews, and real lessons from building a creator business with a full-time job.'!important;grid-column:1 / -1!important;order:-1!important;display:block!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:1.05rem!important;font-weight:400!important;color:var(--ink-3)!important;line-height:1.6!important;max-width:640px!important;margin-bottom:48px!important}

/* Pagination - Next/Prev auto width */
.blog .nav-links .page-numbers.next,.blog .nav-links .page-numbers.prev,.archive .nav-links .page-numbers.next,.archive .nav-links .page-numbers.prev{width:auto!important;padding:0 14px!important}
.blog .site-main .paging-navigation,.blog .site-main nav.navigation{text-align:center!important}

/* ===== SINGLE POST STYLING ===== */
.single-post .site-content{background:var(--bg)!important}

.single-post .entry-title{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  color:var(--ink)!important;
  font-size:clamp(1.8rem,4vw,2.6rem)!important;
  line-height:1.2!important;
  letter-spacing:-0.02em!important;
  font-weight:800!important;
}

.single-post .entry-content{
  color:var(--ink-2)!important;
  font-size:17px!important;
  line-height:1.8!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-weight:400!important;
  max-width:var(--prose-width)!important;
}

/* Heading hierarchy - single post */
.single-post .entry-content h2{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  color:var(--ink)!important;
  font-weight:700!important;
  font-size:clamp(1.35rem,3vw,1.65rem)!important;
  line-height:1.25!important;
  margin-top:2.5rem!important;
  margin-bottom:1rem!important;
  letter-spacing:-0.01em!important;
}

.single-post .entry-content h3{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  color:var(--ink)!important;
  font-weight:700!important;
  font-size:clamp(1.1rem,2.5vw,1.3rem)!important;
  line-height:1.3!important;
  margin-top:2rem!important;
  margin-bottom:0.75rem!important;
}

.single-post .entry-content h4{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  color:var(--ink)!important;
  font-weight:700!important;
  font-size:1.05rem!important;
  line-height:1.35!important;
  margin-top:1.5rem!important;
  margin-bottom:0.5rem!important;
}

/* Links */
.single-post .entry-content a{color:var(--copper)!important;text-decoration-line:underline!important;text-decoration-color:var(--copper-bg)!important;text-underline-offset:2px!important;transition:text-decoration-color 0.2s!important}
.single-post .entry-content a:hover{color:var(--copper-dark)!important;text-decoration-color:var(--copper-dark)!important}

/* Meta - FIXED contrast */
.single-post .entry-meta{color:var(--ink-3)!important;font-size:13px!important}
.single-post .entry-meta a{color:var(--ink-3)!important}
.single-post .entry-meta a:hover{color:var(--copper)!important}

/* Single post category badges - copper */
.single-post .cat-links a{
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:0.06em!important;
  color:var(--copper-dark)!important;
  background:var(--copper-bg)!important;
  padding:3px 9px!important;
  border-radius:4px!important;
  text-decoration:none!important;
}

/* Blockquotes */
.single-post .entry-content blockquote{
  border-left:3px solid var(--copper)!important;
  padding:16px 24px!important;
  margin:24px 0!important;
  background:var(--bg-muted)!important;
  border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;
  font-style:italic!important;
  color:var(--ink-2)!important;
}

/* Tables */
.single-post .entry-content table{
  border-collapse:collapse!important;
  width:100%!important;
  margin:24px 0!important;
  font-size:15px!important;
}
.single-post .entry-content th{
  background:var(--bg-muted)!important;
  font-weight:700!important;
  text-align:left!important;
  padding:10px 14px!important;
  border:1px solid var(--border)!important;
  color:var(--ink)!important;
  font-size:13px!important;
  text-transform:uppercase!important;
  letter-spacing:0.04em!important;
}
.single-post .entry-content td{
  padding:10px 14px!important;
  border:1px solid var(--border)!important;
  color:var(--ink-2)!important;
}
.single-post .entry-content tr:nth-child(even) td{
  background:var(--bg-subtle)!important;
}

/* Lists */
.single-post .entry-content ul,.single-post .entry-content ol{
  padding-left:1.5em!important;
  margin:16px 0!important;
}
.single-post .entry-content li{
  margin-bottom:8px!important;
  line-height:1.7!important;
}

/* Images */
.single-post .entry-content img{
  border-radius:var(--radius-sm)!important;
  height:auto!important;
  max-width:100%!important;
}

/* HR */
.single-post .entry-content hr{
  border:none!important;
  border-top:1px solid var(--border)!important;
  margin:2rem 0!important;
}

/* Code */
.single-post .entry-content code{
  background:var(--bg-muted)!important;
  padding:2px 6px!important;
  border-radius:4px!important;
  font-size:0.9em!important;
  color:var(--copper-dark)!important;
}
.single-post .entry-content pre{
  background:var(--ink)!important;
  color:#E5E7EB!important;
  padding:20px 24px!important;
  border-radius:var(--radius-sm)!important;
  overflow-x:auto!important;
  font-size:14px!important;
  line-height:1.6!important;
  margin:24px 0!important;
}
.single-post .entry-content pre code{
  background:none!important;
  padding:0!important;
  color:inherit!important;
}

/* Comments */
.comments-area{color:var(--ink-2)!important}
.comment-reply-title{font-family:'Plus Jakarta Sans',sans-serif!important;color:var(--ink)!important;font-weight:700!important}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .blog .site-main,
  .archive .site-main{
    grid-template-columns:1fr!important;
    padding:0 20px 48px!important;
  }
  .blog .page-header,
  .archive .page-header{
    padding:40px 20px 24px!important;
  }
  .blog .site-main::before{font-size:1.8rem!important;padding-top:40px!important}
  .blog .site-main::after{font-size:0.95rem!important;margin-bottom:32px!important}
  article.post:hover{transform:none!important}
  .ww .ww-hero{padding:56px 0 48px!important}
  .ww .ww-paths{padding:56px 0!important}
  .ww .ww-path-card:hover{transform:none!important}
  .ww .ww-framework{padding:64px 24px!important}
  .ww .ww-nl-card{padding:32px 24px!important;border-radius:var(--radius-md)!important}
  .single-post .entry-content{max-width:100%!important}
}

/* ===== REDUCED MOTION ===== */
@media(prefers-reduced-motion:reduce){
  *{transition-duration:0.01ms!important;animation-duration:0.01ms!important;scroll-behavior:auto!important}
}

/* ===== PRINT ===== */
@media print{
  .site-header,.site-footer,.ww-footer,.ww-nl-card,.comments-area{display:none!important}
  .single-post .entry-content{max-width:100%!important;color:#000!important}
  .single-post .entry-content a{color:#000!important;text-decoration:underline!important}
  .single-post .entry-content a::after{content:" (" attr(href) ")"!important;font-size:0.8em!important}
}
/* ── In-content graphics ── */
.ww-in-content-graphic {
  max-width: 720px;
  margin: 40px auto;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.ww-in-content-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ── Archive-page footer: unhide the WrayWest-branded footer that's in the DOM ── */
.archive .site-footer {
  display: block !important;
}
/* Force content area to full container width, centered */
.content-area {
  width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
}

/* Center the hero stats aside (was left-stacked after the single-column change) */
.ww-hero-aside {
  margin: 48px auto 0 !important;
}
/* ========================================================
   FIX: Newsletter body text - force pure-white readability
   ======================================================== */
.ww-nl-card,
.ww-nl-card > div,
.ww-nl-card > div > p,
.ww-nl-card p {
  color: #FFFFFF !important;
}
.ww-nl-card > div > p,
.ww-nl-card p {
  opacity: 1 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}
.ww-nl-card .ww-nl-count {
  color: rgba(255,255,255,0.95) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.ww-nl-card .ww-nl-fine {
  color: rgba(255,255,255,0.80) !important;
  font-size: 13px !important;
}
.ww-nl-card input::placeholder {
  color: rgba(255,255,255,0.75) !important;
}

/* ========================================================
   FIX: "Where are you right now?" heading - promote from
   tiny 0.85rem kicker to a prominent section heading
   ======================================================== */
body .ww .ww-paths h2,
body .ww-paths h2 {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--ink) !important;
  line-height: 1.15 !important;
  margin-bottom: 40px !important;
}
/* ========================================================
   ROUND 4 - Final overrides for button text + footer color
   Must come LAST in Additional CSS to win cascade
   ======================================================== */

/* START HERE BUTTON - force text visibility with max specificity + all edge-case overrides */
html body a.fw-btn.fw-btn-fill,
html body a.fw-btn-fill,
html body .fw a.fw-btn-fill,
.fw a.fw-btn.fw-btn-fill {
  background: #9E5E1E !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-indent: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
}
html body a.fw-btn-fill:hover,
.fw a.fw-btn-fill:hover {
  background: #7D4A17 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* Kill any pseudo-elements that might be covering the text */
a.fw-btn-fill::before,
a.fw-btn-fill::after,
.fw a.fw-btn-fill::before,
.fw a.fw-btn-fill::after {
  content: none !important;
  display: none !important;
}
/* ===========================================================
   ROUND 5 - WCAG AA contrast fixes (Accessibility 96 -> 100)
   Footer bg is #F8F6F2 (body bg) - text must be dark enough
   for 4.5:1+ contrast. Using --copper-dark + darker grey.
   =========================================================== */

/* Footer links - darker copper (8.6:1 contrast, passes AAA) */
html body .ww-footer a,
html body .ww-footer-col a,
html body .ww .ww-footer-col a,
html body .ww-sf-col a,
html body .ww-site-footer a,
html body .site-footer a {
  color: #7D4A17 !important;
  -webkit-text-fill-color: #7D4A17 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
}
html body .ww-footer a:hover,
html body .ww-footer-col a:hover,
html body .ww .ww-footer-col a:hover,
html body .ww-sf-col a:hover,
html body .ww-site-footer a:hover,
html body .site-footer a:hover {
  color: #5A3610 !important;
  -webkit-text-fill-color: #5A3610 !important;
  border-bottom-color: #5A3610 !important;
}

/* Legal / copyright text - darker grey (6.8:1 contrast, passes AAA) */
html body .ww-footer-bottom,
html body .ww-footer-legal,
html body .ww-footer-copy,
html body .site-info,
html body .ww-sf-legal,
html body .ww-sf-copy {
  color: #525252 !important;
}
html body .ww-footer-legal a,
html body .ww-footer-bottom a,
html body .site-info a,
html body .ww-sf-legal a {
  color: #7D4A17 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(125, 74, 23, 0.4) !important;
  text-underline-offset: 2px !important;
}
/* fix-04: Start Here deck-promo + CTA button visibility (page-scoped) */
/* 1) Light card inside the dark .sh-cta-final: undo the section's light-text p rule */
html body .sh .sh-cta-final .ww-deck-promo{color:#1A1714;-webkit-text-fill-color:currentColor;text-align:left}
html body .sh .sh-cta-final .ww-deck-promo p{max-width:none!important;font-weight:500!important;line-height:1.55!important}
html body .sh .sh-cta-final .ww-deck-promo .wwdp-label{color:#9E5E1E!important;-webkit-text-fill-color:#9E5E1E!important;font-size:12px!important;font-weight:800!important;margin:0 0 6px!important}
html body .sh .sh-cta-final .ww-deck-promo .wwdp-body{color:#3D3833!important;-webkit-text-fill-color:#3D3833!important;font-size:15.5px!important;margin:0 0 8px!important}
html body .sh .sh-cta-final .ww-deck-promo .wwdp-fine{color:#6B655E!important;-webkit-text-fill-color:#6B655E!important;font-size:12.5px!important;margin:8px 0 0!important}
html body .sh .sh-cta-final .ww-deck-promo h3{color:#1A1714!important;-webkit-text-fill-color:#1A1714!important;font-size:22px!important;line-height:1.25!important;font-weight:800!important;text-transform:none!important;letter-spacing:-0.01em!important;margin:0 0 10px!important}
html body .sh .sh-cta-final .ww-deck-promo input[type=email]{color:#1A1714!important;-webkit-text-fill-color:#1A1714!important;background:#fff!important;border:1.5px solid #C9BCA6!important}
html body .sh .sh-cta-final .ww-deck-promo input[type=email]::placeholder{color:#6B655E;-webkit-text-fill-color:#6B655E;opacity:1}
/* 2) New jump link: make it a real button */
html body .sh .sh-cta-final .sh-cta-form{justify-content:center}
html body .sh .sh-cta-final a.sh-cta-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:14px 26px!important;background:#9E5E1E!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:800!important;font-size:15px!important;line-height:1.3!important;border-radius:10px!important;text-decoration:none!important;text-align:center;transition:background .2s}
html body .sh .sh-cta-final a.sh-cta-btn:hover,html body .sh .sh-cta-final a.sh-cta-btn:focus-visible{background:#B36E28!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html body .sh .sh-cta-final a.sh-cta-btn:focus-visible{outline:2px solid #D4956B;outline-offset:3px}
/* visual-audit-2026-10-18 */
/* va-01: buttons whose white text is overridden by the global copper link rule */
html body.postid-46 .entry-content a[style*="#1DA1F2"],
html body.postid-46 .entry-content a[style*="#0A66C2"]{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html body.postid-46 .entry-content a[style*="#1DA1F2"]{background:#0F1419!important}
html body .sh .sh-card a.sh-btn,
html body .sh a.sh-help-cta,
html body .ab a.ab-cta-btn{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
/* va-02: WPForms honeypot visible until LiteSpeed runs the delayed inline hide script */
#wpforms-3660-field_1-container,#wpforms-2957-field_1-container,#wpforms-2941-field_1-container{position:absolute!important;overflow:hidden!important;display:inline!important;height:1px!important;width:1px!important;z-index:-1000!important;padding:0!important;margin:0!important;clip-path:inset(50%)!important}
/* va-03: unstyled WPForms in the Second Income Engine worksheet card (page-id-102) */
body.page-id-102 .fw-worksheet-card .wpforms-container{max-width:440px!important;margin:18px auto 0!important}
body.page-id-102 .fw-worksheet-card .wpforms-field{padding:0 0 12px!important;text-align:left}
body.page-id-102 .fw-worksheet-card .wpforms-field-label{display:block!important;color:#F5EFE6!important;-webkit-text-fill-color:#F5EFE6!important;font-size:14px!important;font-weight:600!important;margin:0 0 6px!important}
body.page-id-102 .fw-worksheet-card input[type=email]{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;padding:12px 14px!important;border:1.5px solid #C9BCA6!important;border-radius:10px!important;background:#FFFFFF!important;color:#1A1714!important;-webkit-text-fill-color:#1A1714!important;font-size:16px!important}
body.page-id-102 .fw-worksheet-card .wpforms-submit-container{padding:0!important}
body.page-id-102 .fw-worksheet-card .wpforms-submit{display:block!important;width:100%!important;height:auto!important;padding:14px 22px!important;border-radius:10px!important;font-size:15px!important;font-weight:800!important;line-height:1.3!important}
/* va-04: deck-promo card heading/label overridden by global .entry-content h3 / p rules (all pages except Start Here, already covered by fix-04) */
html body .entry-content .ww-deck-promo.ww-deck-promo h3{color:#1A1714!important;-webkit-text-fill-color:#1A1714!important;font-size:22px!important;line-height:1.25!important;font-weight:800!important;text-transform:none!important;letter-spacing:-0.01em!important;margin:0 0 10px!important}
html body .entry-content .ww-deck-promo.ww-deck-promo .wwdp-label{color:#9E5E1E!important;-webkit-text-fill-color:#9E5E1E!important;font-size:12px!important;font-weight:800!important;margin:0 0 6px!important}
html body .entry-content .ww-deck-promo.ww-deck-promo input[type=email]{border:1.5px solid #C9BCA6!important}
@media (max-width:640px){html body .entry-content .ww-deck-promo.ww-deck-promo h3{font-size:19px!important}}
/* va-05: homepage newsletter band, white placeholder on white input */
body.home .ww-nl-form input::placeholder{color:#6B655E!important;-webkit-text-fill-color:#6B655E!important;opacity:1!important}
/* va-06: Second Income Engine labels */
body.page-id-102 .fw-case-label{color:#9E5E1E!important;-webkit-text-fill-color:#9E5E1E!important}
body.page-id-102 .fw-do-do .fw-do-label{color:#047857!important;-webkit-text-fill-color:#047857!important}
/* va-07: small pastel badges below 4.5:1 */
.rs-b-free,.rs-tier-pill.tier-1,.sh-cat-money,.sm-badge-green{color:#047857!important}
.rs-b-freemium,.rs-tier-pill.tier-2,.sh-cat-growth{color:#1D4ED8!important}
.rs-b-paid,.rs-tier-pill,.rs-tier-pill.tier-3,.sh-cat-found{color:#8A5119!important}
.sm-badge-amber{color:#B45309!important}
/* va-08: faint form-field borders */
.ww-sf-nl-row input,.tl-subscribe .hostinger-reach-block-form-fields input{border-color:#A89C88!important}
body.single .comment-form input[type=text],body.single .comment-form input[type=email],body.single .comment-form input[type=url],body.single .comment-form textarea{border-color:#C9BCA6!important}
.qcalc-form input,.lmb-form input[type=text],.lmb-form select{border-color:#C9BCA6!important}
/* va-09: post opt-in email field only ~150px wide */
.lmb-post-optin .wpforms-container,.lmb-post-optin .wpforms-form,.lmb-post-optin .wpforms-field-container,.lmb-post-optin .wpforms-field-email{width:100%!important;max-width:440px!important}
.lmb-post-optin .wpforms-field input[type=email]{width:100%!important;max-width:100%!important;border-color:#A89C88!important}
/* va-10: in-post TOC links 4.46:1 */
.single-post .entry-content div[style*="#F3EEE4"] a{color:#8A5119!important;-webkit-text-fill-color:#8A5119!important}

/* end visual-audit-2026-10-18 */


@media(max-width:768px){.entry-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}}@media(max-width:768px){.page-numbers,.nav-links a,.generate-columns .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}}#commentform input:focus,#commentform textarea:focus,.comment-form input:focus,.comment-form textarea:focus{outline:none!important;box-shadow:0 0 0 3px rgba(158,94,30,.30)!important;border-color:#9E5E1E!important;}.single-post .entry-content{max-width:760px;margin-left:auto;margin-right:auto;}.entry-content a[style*="background:#9E5E1E"],.entry-content a[style*="background: #9E5E1E"]{padding:10px 20px!important;font-size:0.92rem!important;}@media(max-width:768px){.ww-search-toggle,.ww-search-submit{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}}.single-post footer.entry-meta,.single-post .post-navigation,.single-post #nav-below{display:none !important;}
.ww-mobile-actions{display:none;}@media(max-width:768px){.inside-header{position:relative;}.ww-mobile-actions{display:flex;align-items:center;gap:9px;margin-left:auto;}body.home .ww-mobile-actions .ww-search-form{display:none !important;}.ww-mobile-actions .ww-mobile-sub{display:inline-flex;align-items:center;justify-content:center;background:#9E5E1E;color:#fff !important;-webkit-text-fill-color:#fff !important;font-weight:700;font-size:0.82rem;line-height:1;letter-spacing:0.01em;padding:0 15px;height:40px;border-radius:9999px;text-decoration:none !important;white-space:nowrap;box-shadow:0 3px 12px rgba(158,94,30,0.28);}.ww-mobile-actions .ww-mobile-sub:active{transform:translateY(1px);}.ww-mobile-actions .ww-search-form{position:static;display:flex;align-items:center;}.ww-mobile-actions .ww-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;border:1px solid rgba(26,23,20,0.16);border-radius:9999px;background:#fff;color:#3D3732;cursor:pointer;}.ww-mobile-actions .ww-search-input{display:none;}.ww-mobile-actions .ww-search-submit{display:none;}.ww-mobile-actions .ww-search-form.is-open{position:absolute;left:16px;right:16px;top:calc(100% + 8px);z-index:60;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(26,23,20,0.18);border-radius:12px;padding:6px;box-shadow:0 16px 34px -14px rgba(26,23,20,0.42);}.ww-mobile-actions .ww-search-form.is-open .ww-search-toggle{display:none;}.ww-mobile-actions .ww-search-form.is-open .ww-search-input{display:block;flex:1;min-width:0;border:0;outline:none;height:42px;padding:0 12px;font-size:1rem;color:#1A1714;background:transparent;}.ww-mobile-actions .ww-search-form.is-open .ww-search-submit{display:inline-flex;align-items:center;justify-content:center;background:#9E5E1E;color:#fff;-webkit-text-fill-color:#fff;font-weight:700;font-size:0.85rem;height:42px;padding:0 16px;border:0;border-radius:9px;cursor:pointer;}}@media(min-width:769px){.ww-mobile-actions{display:none !important;}}

/* ============================================================
   GLOBAL WARM CANVAS + LIGHT BANNERS + SINGLE POST (2026-06-10)
   Authored centrally (agents for these surfaces hit spend cap).
   Scope: site-wide canvas, body:not(.home) .ww-site-hero banners,
   .ww-site-hero-archive, single-post reading surface.
   Does NOT touch .ww-cine-hero, Reach/WPForms markup, or any JS.
   ============================================================ */

/* ---- Warm paper canvas everywhere (Customizer paints cool #FFF) ---- */
body, #page, .site-content {
  background-color: #F8F6F2 !important;
}

/* ---- Post/page banners: navy + pattern image -> light warm band ---- */
html body:not(.home) .ww-site-hero {
  background-image: none !important;
  background-color: #F3EEE4 !important;
  background: linear-gradient(180deg, #F3EEE4 0%, #F8F6F2 100%) !important;
  border-bottom: 1px solid #E7E0D5 !important;
}
html body:not(.home) .ww-site-hero-title {
  color: #1A1714 !important;
  -webkit-text-fill-color: #1A1714 !important;
  text-shadow: none !important;
}
html body:not(.home) .ww-site-hero-tag {
  color: #7D4A17 !important;
  border-bottom: 2px solid #9E5E1E !important;
}
html body:not(.home) .ww-site-hero-sub {
  color: #3D3732 !important;
}
html body:not(.home) .ww-site-hero-meta {
  color: #5C5347 !important;
}
html body:not(.home) .ww-site-hero-meta a { color: #7D4A17 !important; }
html body:not(.home) .ww-site-hero-meta-sep { background: #C9BCA6 !important; }

/* Archive banner (blog/category/search): same light treatment */
html body.blog .ww-site-hero-archive,
html body.archive .ww-site-hero-archive,
html body.search .ww-site-hero-archive {
  background-image: none !important;
  background: linear-gradient(180deg, #F3EEE4 0%, #F8F6F2 100%) !important;
  border-bottom: 1px solid #E7E0D5 !important;
}
html body.blog .ww-site-hero-archive .ww-site-hero-title,
html body.archive .ww-site-hero-archive .ww-site-hero-title,
html body.search .ww-site-hero-archive .ww-site-hero-title {
  color: #1A1714 !important;
  -webkit-text-fill-color: #1A1714 !important;
  text-shadow: none !important;
}
html body.blog .ww-site-hero-archive .ww-site-hero-sub,
html body.archive .ww-site-hero-archive .ww-site-hero-sub,
html body.search .ww-site-hero-archive .ww-site-hero-sub {
  color: #3D3732 !important;
}

/* ---- Single post: reading surface polish ---- */
body.single .inside-article {
  background: #FFFFFF !important;
  border: 1px solid #E7E0D5 !important;
  border-radius: 16px !important;
}
/* Copper links in body text; skip inline-styled CTA buttons (they carry background in style="") */
body.single .entry-content a:not([style*="background"]):not([class*="btn"]):not([class*="button"]) {
  color: #9E5E1E;
  text-decoration: underline;
  text-decoration-color: rgba(158,94,30,0.35);
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
body.single .entry-content a:not([style*="background"]):not([class*="btn"]):not([class*="button"]):hover {
  color: #7D4A17;
  text-decoration-color: #7D4A17;
}
body.single .entry-content blockquote {
  border-left: 3px solid #9E5E1E !important;
  background: rgba(158,94,30,0.05) !important;
  border-radius: 0 12px 12px 0;
}
body.single .comments-area {
  background: #FFFFFF !important;
  border: 1px solid #E7E0D5 !important;
  border-radius: 16px !important;
}


/* ============================================================
   ARCHIVE REDESIGN PASS (2026-06-10)
   Scope: body.blog, body.archive, body.search ONLY.
   Covers: post cards, pagination, category labels, spacing.
   Does NOT touch .ww-site-hero-archive (banner owned by the
   global pass), .ww-cine-hero, Reach/WPForms, or any JS.
   Printed at wp_head prio 102 (after Customizer wp-custom-css).
   ============================================================ */

/* ---- 1) Warm paper canvas (Customizer paints cool #FFF/#FAFAFA here) ---- */
body.blog, body.archive, body.search,
body.blog #page, body.archive #page, body.search #page,
body.blog .site-content, body.archive .site-content, body.search .site-content {
  background: #F8F6F2 !important;
}

/* ---- 2) Grid width + airy rhythm (was 920px / 64px bottom) ---- */
html body.right-sidebar.blog .site-main,
html body.right-sidebar.archive .site-main,
html body.right-sidebar.search .site-main {
  max-width: 1040px !important;
}
body.blog .site-main,
body.archive .site-main {
  gap: 36px !important;
  padding: 0 28px 96px !important;
}
@media (max-width: 768px) {
  body.blog .site-main,
  body.archive .site-main {
    gap: 24px !important;
    padding: 0 20px 64px !important;
  }
}

/* ---- 3) Post cards: 16px radius, warm hairline, warm shadow ---- */
body.blog article.post,
body.archive article.post {
  background: #FFFFFF !important;
  border: 1px solid #E7E0D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(26,23,20,0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
@media (hover: hover) {
  body.blog article.post:hover,
  body.archive article.post:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(158,94,30,0.30) !important;
    box-shadow: 0 12px 28px rgba(26,23,20,0.08), 0 2px 6px rgba(26,23,20,0.05) !important;
  }
}

/* Card image: clip + slow zoom on card hover */
body.blog .post-image,
body.archive .post-image {
  overflow: hidden !important;
  border-bottom: 1px solid #F0EBE3 !important;
}
body.blog .post-image img,
body.archive .post-image img {
  border-radius: 16px 16px 0 0 !important;
  box-shadow: none !important;
  transition: transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}
@media (hover: hover) {
  body.blog article.post:hover .post-image img,
  body.archive article.post:hover .post-image img {
    transform: scale(1.03) !important;
  }
}

/* ---- 4) Kill the phantom gap: stray single-post header rules leak in ---- */
body.blog .inside-article .entry-header,
body.archive .inside-article .entry-header,
body.search .inside-article .entry-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
body.blog .inside-article .entry-summary,
body.archive .inside-article .entry-summary,
body.search .inside-article .entry-summary {
  margin-top: 14px !important;
}
body.blog .entry-header,
body.archive .entry-header {
  padding: 24px 24px 0 !important;
}

/* ---- 5) Card titles: Instrument Serif display type ---- */
body.blog .site-main .entry-title,
body.archive .site-main .entry-title,
body.search .site-main .entry-title {
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-size: 1.55rem !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 8px !important;
  text-wrap: balance;
}
body.blog .site-main .entry-title a,
body.archive .site-main .entry-title a,
body.search .site-main .entry-title a {
  color: #1A1714 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
body.blog .site-main .entry-title a:hover,
body.archive .site-main .entry-title a:hover,
body.search .site-main .entry-title a:hover {
  color: #9E5E1E !important;
}
@media (max-width: 480px) {
  body.blog .site-main .entry-title,
  body.archive .site-main .entry-title,
  body.search .site-main .entry-title {
    font-size: 1.35rem !important;
  }
}

/* ---- 6) Meta: unified warm gray, 11px letterspaced, tabular dates ---- */
body.blog .entry-meta,
body.archive .entry-meta,
body.search .entry-meta {
  color: #5C5347 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-variant-numeric: tabular-nums !important;
}
body.blog .entry-meta a,
body.archive .entry-meta a,
body.search .entry-meta a {
  color: #5C5347 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
body.blog .entry-meta a:hover,
body.archive .entry-meta a:hover,
body.search .entry-meta a:hover {
  color: #9E5E1E !important;
}

/* ---- 7) Excerpts: warm secondary ink ---- */
body.blog .entry-summary p,
body.archive .entry-summary p,
body.search .entry-summary p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #3D3732 !important;
}

/* ---- 8) Category labels: clean 4px copper tags, no folder icon ---- */
body.blog footer.entry-meta .cat-links .gp-icon,
body.archive footer.entry-meta .cat-links .gp-icon,
body.search footer.entry-meta .cat-links .gp-icon,
body.blog footer.entry-meta .tags-links .gp-icon,
body.archive footer.entry-meta .tags-links .gp-icon,
body.search footer.entry-meta .tags-links .gp-icon {
  display: none !important;
}
body.blog footer.entry-meta .cat-links a,
body.archive footer.entry-meta .cat-links a,
body.search footer.entry-meta .cat-links a {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  color: #7D4A17 !important;
  background: rgba(158,94,30,0.07) !important;
  border: 1px solid rgba(158,94,30,0.16) !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}
body.blog footer.entry-meta .cat-links a:hover,
body.archive footer.entry-meta .cat-links a:hover,
body.search footer.entry-meta .cat-links a:hover {
  background: rgba(158,94,30,0.12) !important;
  border-color: rgba(158,94,30,0.30) !important;
}
/* Tag rows: hide the raw comma text nodes via font-size:0, restyle links quiet */
body.blog footer.entry-meta .tags-links,
body.archive footer.entry-meta .tags-links,
body.search footer.entry-meta .tags-links {
  font-size: 0 !important;
  letter-spacing: 0 !important;
  margin-top: 2px !important;
}
body.blog footer.entry-meta .tags-links a,
body.archive footer.entry-meta .tags-links a,
body.search footer.entry-meta .tags-links a {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #5C5347 !important;
  margin-right: 10px !important;
  text-decoration: none !important;
}
body.blog footer.entry-meta .tags-links a:hover,
body.archive footer.entry-meta .tags-links a:hover,
body.search footer.entry-meta .tags-links a:hover {
  color: #9E5E1E !important;
}
body.blog footer.entry-meta,
body.archive footer.entry-meta {
  padding: 14px 24px 24px !important;
}

/* ---- 9) Pagination: kill the boxed white slab, round pills ---- */
body.blog .site-main .paging-navigation,
body.archive .site-main .paging-navigation,
body.search .site-main .paging-navigation,
body.blog .site-main nav.navigation,
body.archive .site-main nav.navigation {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 40px 0 0 !important;
  margin: 0 !important;
  text-align: center !important;
}
body.blog .nav-links .page-numbers,
body.archive .nav-links .page-numbers,
body.search .nav-links .page-numbers {
  width: auto !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 9999px !important;
  background: #FFFFFF !important;
  border: 1px solid #E7E0D5 !important;
  color: #3D3732 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease !important;
}
body.blog .nav-links .page-numbers.next,
body.blog .nav-links .page-numbers.prev,
body.archive .nav-links .page-numbers.next,
body.archive .nav-links .page-numbers.prev,
body.search .nav-links .page-numbers.next,
body.search .nav-links .page-numbers.prev {
  padding: 0 20px !important;
}
@media (hover: hover) {
  body.blog .nav-links a.page-numbers:hover,
  body.archive .nav-links a.page-numbers:hover,
  body.search .nav-links a.page-numbers:hover {
    border-color: #9E5E1E !important;
    color: #7D4A17 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(26,23,20,0.08) !important;
  }
}
body.blog .nav-links a.page-numbers:active,
body.archive .nav-links a.page-numbers:active,
body.search .nav-links a.page-numbers:active {
  transform: scale(0.98) !important;
}
body.blog .nav-links .page-numbers.current,
body.archive .nav-links .page-numbers.current,
body.search .nav-links .page-numbers.current {
  background: #9E5E1E !important;
  border-color: #9E5E1E !important;
  color: #FFF8F0 !important;
}
body.blog .nav-links .page-numbers.dots,
body.archive .nav-links .page-numbers.dots,
body.search .nav-links .page-numbers.dots {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #5C5347 !important;
}

/* ---- 10) Search results: warm card cosmetics (list layout kept) ---- */
body.search .site-main article {
  background: #FFFFFF !important;
  border: 1px solid #E7E0D5 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(26,23,20,0.04) !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
@media (hover: hover) {
  body.search .site-main article:hover {
    border-color: rgba(158,94,30,0.30) !important;
    box-shadow: 0 8px 20px rgba(26,23,20,0.06) !important;
  }
}
body.search .separate-containers .inside-article {
  padding: 32px !important;
}

/* ---- 11) Hide GP's redundant copyright bar on taxonomy/search archives.
   It prints dangling text "Built with" (the GeneratePress link is already
   CSS-hidden) and the warm ww-site-footer below it carries the copyright.
   Matches the .blog behavior where layout-fix already hides it. ---- */
body.archive div.site-footer,
body.search div.site-footer {
  display: none !important;
}

/* ---- 12) Motion safety net for this block ---- */
@media (prefers-reduced-motion: reduce) {
  body.blog article.post, body.archive article.post,
  body.blog .post-image img, body.archive .post-image img,
  body.blog .nav-links .page-numbers, body.archive .nav-links .page-numbers,
  body.search .nav-links .page-numbers, body.search .site-main article {
    transition: none !important;
    transform: none !important;
  }
}
/* ===== END ARCHIVE REDESIGN PASS ===== */

/* ============================================================
   /tools/ Creator Tools Directory (page-id-105) - redesign pass
   HERO + PAGE CANVAS overrides. Append-only, scoped to page-id-105.
   Prints at wp_head prio 102 (after Customizer wp-custom-css), so
   equal-importance rules here win on order + specificity.
   2026-06-10
   ============================================================ */

/* -- Page canvas: warm paper instead of Customizer cool #FFF -- */
body.page-id-105,
body.page-id-105 #page{background:#F8F6F2 !important}

/* Let the paper show through GeneratePress' white article box
   (the page content paints its own cards) */
body.page-id-105 .separate-containers .inside-article{background-color:transparent !important}

/* -- Hero: retire the navy/purple banner image; light typographic
      treatment matching the new front-page hero language -- */
body.page-id-105 .ww-site-hero{
  background-image:none !important;
  background-color:#F8F6F2 !important;
  aspect-ratio:auto !important;
  min-height:0 !important;
  padding:88px 28px 64px !important;
  border-bottom:1px solid #E7E0D5 !important;
}

/* Copper dash mark above the title (dash-kicker motif; the text tag
   is hidden on pages because it duplicates the H1) */
body.page-id-105 .ww-site-hero-inner::before{
  content:"";display:block;width:34px;height:2px;
  background:#9E5E1E;margin:0 auto 30px;
}

body.page-id-105 .ww-site-hero-title{
  color:#1A1714 !important;
  -webkit-text-fill-color:#1A1714 !important;
  text-shadow:none !important;
  letter-spacing:-0.01em !important;
  text-wrap:balance;
  margin:0 auto 16px !important;
}
body.page-id-105 .ww-site-hero-sub{
  color:#3D3732 !important;
  margin:0 auto 22px !important;
}
body.page-id-105 .ww-site-hero-meta{
  color:#5C5347 !important;
  justify-content:center;
}
body.page-id-105 .ww-site-hero-meta-sep{background:#C9C1B5 !important}
body.page-id-105 .ww-site-hero-meta a{color:#9E5E1E !important}
body.page-id-105 .ww-site-hero-meta a:hover{color:#7D4A17 !important}

@media (max-width:768px){
  body.page-id-105 .ww-site-hero{padding:56px 20px 44px !important;min-height:0 !important;aspect-ratio:auto !important}
  body.page-id-105 .ww-site-hero-title{font-size:clamp(1.9rem,7vw,2.4rem) !important;line-height:1.12 !important}
  body.page-id-105 .ww-site-hero-inner::before{margin-bottom:20px}
}


/* ================================================================
   WRAYWEST REDESIGN OVERRIDES - surface: contact / subscribe / tools
   Pages: 104 (/contact/), 3245 (/subscribe/),
          2302 (/tools/quit-9-to-5-calculator/), 2936 (/tools/lead-magnet-builder/)
   Append-only. Must print AFTER Customizer CSS (wp_head priority 102).
   Every selector is scoped to one of the four body.page-id-N classes.
   ================================================================ */

/* ---- 0. Warm token re-assert (beats Customizer :root cool tokens,
        only on these four pages). Body bg/color go paper + warm ink. ---- */
body.page-id-104, body.page-id-3245, body.page-id-2302, body.page-id-2936 {
  --bg: #F8F6F2;
  --bg-card: #FFFFFF;
  --bg-muted: #FFF8F0;
  --border: #E7E0D5;
  --ink: #1A1714;
  --ink-2: #3D3732;
  --ink-3: #5C5347;
  color: #1A1714;
}
/* kill the white inside-article slab behind full-bleed page content */
body.page-id-104 .inside-article,
body.page-id-3245 .inside-article,
body.page-id-2302 .inside-article,
body.page-id-2936 .inside-article {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ---- 1. Page banner (.ww-site-hero): purple image banner -> warm paper
        typography hero. Beats option CSS body:not(.home) rules (same
        specificity, later order) and .ww-site-hero-title !importants. ---- */
body.page-id-104 .ww-site-hero,
body.page-id-3245 .ww-site-hero,
body.page-id-2302 .ww-site-hero,
body.page-id-2936 .ww-site-hero {
  background-color: #F8F6F2 !important;
  background-image: radial-gradient(ellipse 72% 75% at 50% 12%, rgba(158,94,30,0.07), rgba(158,94,30,0) 70%) !important;
  border-bottom: 1px solid #E7E0D5 !important;
}
body.page-id-104 .ww-site-hero-title,
body.page-id-3245 .ww-site-hero-title,
body.page-id-2302 .ww-site-hero-title,
body.page-id-2936 .ww-site-hero-title {
  color: #1A1714 !important;
  -webkit-text-fill-color: #1A1714 !important;
  text-shadow: none !important;
}
body.page-id-104 .ww-site-hero-sub,
body.page-id-3245 .ww-site-hero-sub {
  color: #3D3732 !important;
}
body.page-id-104 .ww-site-hero-meta,
body.page-id-3245 .ww-site-hero-meta {
  color: #5C5347 !important;
}
body.page-id-104 .ww-site-hero-meta-sep,
body.page-id-3245 .ww-site-hero-meta-sep {
  background: rgba(26,23,20,0.3) !important;
}
/* contact + subscribe: airy hero */
body.page-id-104 .ww-site-hero,
body.page-id-3245 .ww-site-hero {
  min-height: 0 !important;
  padding: clamp(56px, 8vw, 96px) 28px clamp(48px, 6vw, 80px) !important;
}
/* tool pages: compact title band - each tool repeats its own large hero
   directly below, so the banner shrinks to a slim breadcrumb-style band.
   Banner sub + meta are duplicated by the in-page tool hero; hide them. */
body.page-id-2302 .ww-site-hero,
body.page-id-2936 .ww-site-hero {
  min-height: 0 !important;
  padding: 40px 24px 32px !important;
}
body.page-id-2302 .ww-site-hero-title,
body.page-id-2936 .ww-site-hero-title {
  font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important;
  margin: 0 !important;
}
body.page-id-2302 .ww-site-hero-sub,
body.page-id-2302 .ww-site-hero-meta,
body.page-id-2936 .ww-site-hero-sub,
body.page-id-2936 .ww-site-hero-meta {
  display: none !important;
}
@media (max-width: 768px) {
  body.page-id-104 .ww-site-hero,
  body.page-id-3245 .ww-site-hero {
    padding: 44px 20px 36px !important;
  }
  body.page-id-2302 .ww-site-hero,
  body.page-id-2936 .ww-site-hero {
    padding: 26px 16px 22px !important;
  }
  body.page-id-2302 .ww-site-hero-title,
  body.page-id-2936 .ww-site-hero-title {
    font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
  }
}

/* ---- 2. CONTACT (104): warm the .pg scope, card to system spec,
        email link -> copper pill CTA ---- */
body.page-id-104 .pg {
  background: transparent;
  color: #1A1714;
}
body.page-id-104 .pg-body {
  padding: 80px 0 96px;
}
body.page-id-104 .pg-contact-card {
  background: #FFFFFF;
  border: 1px solid #E7E0D5;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(26,23,20,0.04), 0 8px 24px rgba(26,23,20,0.05);
}
/* rescue 'Email Me' from the global .entry-content h2 underline-slab rule */
body.page-id-104 .pg-contact-card h2 {
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-size: clamp(1.5rem, 3vw, 1.9rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
  color: #1A1714 !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin: 0 0 6px !important;
}
body.page-id-104 .pg-email-link {
  background: #9E5E1E;
  color: #FFF8F0 !important;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 30px;
  border-radius: 9999px;
  margin: 18px 0 26px;
  box-shadow: 0 6px 18px rgba(158,94,30,0.25);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
body.page-id-104 .pg-email-link:hover,
body.page-id-104 .pg-email-link:focus-visible {
  background: #7D4A17;
  color: #FFF8F0 !important;
  text-decoration: none !important;
  transform: scale(1.03);
  box-shadow: 0 8px 22px rgba(158,94,30,0.3);
}
body.page-id-104 .pg-email-link:active {
  transform: scale(0.98);
}
/* pin the disclosure note back to its intended small size
   (.entry-content p !important inflates it to 1.125rem) */
body.page-id-104 .pg-note {
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #5C5347 !important;
  max-width: 400px;
}

/* ---- 3. SUBSCRIBE (3245): hide duplicate GP credit footer (matches the
        .page-id-104/2302/2936 pattern), card around the Reach embed.
        The Reach embed div/iframe itself is NOT touched. ---- */
body.page-id-3245 .site-footer {
  display: none !important;
}
body.page-id-3245 .inside-article {
  padding: 0 !important;
  border: none !important;
}
body.page-id-3245 .ww-subscribe-wrap {
  background: #FFFFFF;
  border: 1px solid #E7E0D5;
  border-radius: 16px;
  padding: clamp(28px, 5vw, 48px) !important;
  max-width: 640px !important;
  margin: 64px auto 96px !important;
  box-shadow: 0 1px 2px rgba(26,23,20,0.04), 0 8px 24px rgba(26,23,20,0.05);
}

/* ---- 4. QUIT 9-TO-5 CALCULATOR (2302): radius system, off-palette
        buffer states, dark CTA panel, WPForms 2941 theme, micro-interactions.
        Visual-only: no display/position changes on any JS-driven element. ---- */
body.page-id-2302 .qcalc {
  color: #1A1714;
}
body.page-id-2302 .qcalc-hero {
  padding: 88px 0 56px;
}
body.page-id-2302 .qcalc-main {
  padding: 56px 0 40px;
}
body.page-id-2302 .qcalc-form,
body.page-id-2302 .qcalc-card,
body.page-id-2302 .qcalc-result-zero,
body.page-id-2302 .qcalc-citations {
  border-radius: 16px;
  border-color: #E7E0D5;
}
body.page-id-2302 .qcalc-card {
  box-shadow: 0 1px 2px rgba(26,23,20,0.04), 0 10px 28px rgba(26,23,20,0.06);
}
body.page-id-2302 .qcalc-form input {
  border-radius: 10px;
}
/* copper dash-kickers on section labels */
body.page-id-2302 .qcalc-form legend::before,
body.page-id-2302 .qcalc-eyebrow::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 1px;
  background: #9E5E1E;
  vertical-align: middle;
  margin-right: 8px;
  transform: translateY(-1px);
}
/* tabular figures for all computed numerals */
body.page-id-2302 .qcalc-bignum,
body.page-id-2302 .qcalc-date,
body.page-id-2302 .qcalc-stats strong,
body.page-id-2302 .qcalc-buffer {
  font-variant-numeric: tabular-nums;
}
body.page-id-2302 .qcalc-stats > div {
  border-radius: 12px;
  border-color: #E7E0D5;
}
/* buffer states: green/amber -> copper (ready) / warm neutral (not ready) */
body.page-id-2302 .qcalc-buffer {
  border-radius: 12px;
}
body.page-id-2302 .qcalc-buffer-yes {
  background: #FFF8F0;
  border: 1px solid rgba(158,94,30,0.4);
  color: #7D4A17;
}
body.page-id-2302 .qcalc-buffer-no {
  background: rgba(26,23,20,0.04);
  border: 1px solid #E7E0D5;
  color: #3D3732;
}
/* share buttons -> pills with warm lift */
body.page-id-2302 .qcalc-share button {
  border-radius: 9999px;
  padding: 9px 18px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
body.page-id-2302 .qcalc-share button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(26,23,20,0.08);
}
body.page-id-2302 .qcalc-share button:active {
  transform: translateY(0) scale(0.98);
}
/* dark CTA: dark-panel radius 24, copper glow, airier padding */
body.page-id-2302 .qcalc-cta {
  border-radius: 24px;
  padding: 56px 32px;
  background-color: #1A1714;
  background-image: radial-gradient(ellipse 80% 90% at 85% -10%, rgba(158,94,30,0.28), rgba(158,94,30,0) 60%);
}
/* CTA title is an H2 (.qcalc-cta-title) but the page CSS targets 'h3' -
   rescue it from the global .entry-content h2 underline-slab rule */
body.page-id-2302 .qcalc-cta .qcalc-cta-title {
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-size: clamp(1.7rem, 3.5vw, 2.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
  color: #FFF8F0 !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin: 0 0 10px !important;
}
/* WPForms 2941 inside the dark panel: warm theme via CSS vars + direct
   overrides (default vars are blue #066aab / 3px radii). Colors, radius,
   and width caps only - no display/positioning changes. */
body.page-id-2302 #wpforms-2941 {
  --wpforms-field-border-radius: 12px;
  --wpforms-field-background-color: #FFF8F0;
  --wpforms-field-border-color: rgba(255,248,240,0.25);
  --wpforms-field-text-color: #1A1714;
  --wpforms-label-color: rgba(255,248,240,0.92);
  --wpforms-button-background-color: #9E5E1E;
  --wpforms-button-text-color: #FFF8F0;
  --wpforms-button-border-radius: 9999px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
body.page-id-2302 #wpforms-2941 .wpforms-field-label {
  color: rgba(255,248,240,0.92) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
body.page-id-2302 #wpforms-2941 .wpforms-required-label {
  color: #D4956B !important;
}
body.page-id-2302 #wpforms-2941 input.wpforms-field-medium {
  width: 100%;
  max-width: 420px;
  background: #FFF8F0 !important;
  border: 1px solid rgba(255,248,240,0.25) !important;
  border-radius: 12px !important;
  color: #1A1714 !important;
}
body.page-id-2302 #wpforms-2941 input.wpforms-field-medium:focus {
  border-color: #D4956B !important;
  box-shadow: 0 0 0 3px rgba(158,94,30,0.25) !important;
}
body.page-id-2302 #wpforms-2941 button.wpforms-submit {
  background: #9E5E1E !important;
  color: #FFF8F0 !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 13px 30px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
body.page-id-2302 #wpforms-2941 button.wpforms-submit:hover {
  background: #7D4A17 !important;
  transform: scale(1.03);
}
body.page-id-2302 #wpforms-2941 button.wpforms-submit:active {
  transform: scale(0.98);
}
/* footnote sizes (inflated by global .entry-content p !important) */
body.page-id-2302 .qcalc-disclaimer {
  font-size: 12px !important;
  color: #5C5347 !important;
  line-height: 1.65 !important;
}
body.page-id-2302 .qcalc-result-zero p {
  font-size: 15px !important;
}
body.page-id-2302 .qcalc-citations {
  padding: 28px 32px;
}
/* FAQ: radius + hover/open states */
body.page-id-2302 .qcalc-faq {
  padding: 56px 0 96px;
}
body.page-id-2302 .qcalc-faq details {
  border-radius: 12px;
  border-color: #E7E0D5;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body.page-id-2302 .qcalc-faq details:hover {
  border-color: rgba(158,94,30,0.35);
}
body.page-id-2302 .qcalc-faq details[open] {
  border-color: rgba(158,94,30,0.3);
  box-shadow: 0 4px 16px rgba(26,23,20,0.05);
}
@media (max-width: 768px) {
  body.page-id-2302 .qcalc-hero {
    padding: 56px 0 40px;
  }
  body.page-id-2302 .qcalc-cta {
    padding: 40px 20px;
  }
}

/* ---- 5. LEAD MAGNET BUILDER (2936): radius system, pill buttons with
        lift, FAQ minus-sign bugfix, text sizes pinned. Visual-only. ---- */
body.page-id-2936 .lmb-hero {
  padding: 88px 0 56px;
}
body.page-id-2936 .lmb-main {
  padding: 56px 0 40px;
}
body.page-id-2936 .lmb-form,
body.page-id-2936 .lmb-output {
  border-radius: 16px;
  border-color: #E7E0D5;
}
body.page-id-2936 .lmb-form input[type="text"],
body.page-id-2936 .lmb-form select {
  border-radius: 10px;
}
body.page-id-2936 .lmb-form legend::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 1px;
  background: #9E5E1E;
  vertical-align: middle;
  margin-right: 8px;
  transform: translateY(-1px);
}
body.page-id-2936 .lmb-titles,
body.page-id-2936 .lmb-cta-block {
  border-radius: 12px;
}
/* pin helper/label/hero text sizes (inflated by .entry-content p !important) */
body.page-id-2936 .lmb-form-help {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #5C5347 !important;
}
body.page-id-2936 .lmb-hero-sub {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #3D3732 !important;
}
body.page-id-2936 .lmb-hero-meta {
  font-size: 13px !important;
  color: #5C5347 !important;
}
body.page-id-2936 .lmb-titles-label,
body.page-id-2936 .lmb-cta-block-label {
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.1em !important;
  color: #9E5E1E !important;
}
body.page-id-2936 .lmb-hook {
  font-size: 16px !important;
}
body.page-id-2936 .lmb-cta-block p {
  font-size: 15px !important;
}
/* action buttons -> pills with warm lift; disabled state exempted */
body.page-id-2936 .lmb-btn {
  border-radius: 9999px;
  padding: 11px 22px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
body.page-id-2936 .lmb-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(26,23,20,0.08);
}
body.page-id-2936 .lmb-btn-primary:hover {
  box-shadow: 0 8px 20px rgba(158,94,30,0.3);
}
body.page-id-2936 .lmb-btn:active {
  transform: translateY(0) scale(0.98);
}
body.page-id-2936 .lmb-btn[disabled],
body.page-id-2936 .lmb-btn[disabled]:hover {
  transform: none;
  box-shadow: none;
}
/* FAQ: radius + states + BUGFIX - inline CSS has content:"2212" (missing
   backslash), which renders the literal digits 2212 on open items */
body.page-id-2936 .lmb-faq {
  padding: 64px 0 96px;
}
body.page-id-2936 .lmb-faq details {
  border-radius: 12px;
  border-color: #E7E0D5;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body.page-id-2936 .lmb-faq details:hover {
  border-color: rgba(158,94,30,0.35);
}
body.page-id-2936 .lmb-faq details[open] {
  border-color: rgba(158,94,30,0.3);
  box-shadow: 0 4px 16px rgba(26,23,20,0.05);
}
body.page-id-2936 .lmb-faq details[open] summary::after {
  content: "\2212";
}
body.page-id-2936 .lmb-toast {
  border-radius: 9999px;
  padding: 11px 22px;
}
@media (max-width: 768px) {
  body.page-id-2936 .lmb-hero {
    padding: 56px 0 40px;
  }
}
/* ---- end WW redesign overrides (contact/subscribe/tools) ---- */
    
.single-post .entry-content h2,.single-post .entry-content h2 em,.single-post .entry-content h2 strong{font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:800 !important;font-style:normal !important;letter-spacing:-0.02em !important;line-height:1.2 !important;}.single-post .entry-content h3,.single-post .entry-content h3 em,.single-post .entry-content h3 strong{font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:700 !important;font-style:normal !important;letter-spacing:-0.01em !important;}

/* Tools page: "View full methodology" button was copper-on-dark (invisible) */
body.page-id-105 .tl-method-link{
  display:inline-block;
  background:#9E5E1E !important;
  color:#FFFFFF !important;
  padding:12px 28px;
  border-radius:9999px;
  font-size:14px;
  font-weight:700;
  text-decoration:none !important;
  transition:transform .2s ease,background .2s ease;
}

/* Banner titles: brighter copper, larger presence */
html body:not(.home) .ww-site-hero-title,
html body.blog .ww-site-hero-archive .ww-site-hero-title,
html body.archive .ww-site-hero-archive .ww-site-hero-title,
html body.search .ww-site-hero-archive .ww-site-hero-title{
  color:#9E5E1E !important;
  -webkit-text-fill-color:#9E5E1E !important;
  font-size:clamp(2.1rem,4.6vw,3.2rem) !important;
  line-height:1.12 !important;
}

/* Banners: flat gradient -> subtle branded backdrop (faint warm hills, text-safe) */
html body:not(.home) .ww-site-hero,
html body.blog .ww-site-hero-archive,
html body.archive .ww-site-hero-archive,
html body.search .ww-site-hero-archive{
  background:
    linear-gradient(180deg, rgba(248,246,242,0.94) 0%, rgba(248,246,242,0.62) 55%, rgba(248,246,242,0.22) 100%),
    url('https://wraywestblog.com/wp-content/uploads/ww-hero/ww-banner-bg.webp') center bottom / cover no-repeat !important;
  background-color:#F8F6F2 !important;
}

/* Single post components (deep polish, CSS-reachable set) */
body.single .sh-faq-item{
  background:#FFFFFF;
  border:1px solid #E7E0D5;
  border-radius:12px;
  margin-bottom:10px;
  padding:6px 18px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
body.single .sh-faq-item:hover{border-color:rgba(158,94,30,0.35)}
body.single .sh-faq-body{color:#3D3732;line-height:1.7}
body.single .entry-content table{
  border-collapse:separate;
  border-spacing:0;
  border:1px solid #E7E0D5 !important;
  border-radius:12px;
  overflow:hidden;
}
body.single .entry-content th{background:#F3EEE4 !important;color:#1A1714 !important}
body.single .entry-content td, body.single .entry-content th{border-color:#F0EAE0 !important}
body.single .post-navigation a, body.single .tags-links a{color:#7D4A17}
body.single .comment-form input[type="text"],
body.single .comment-form input[type="email"],
body.single .comment-form input[type="url"],
body.single .comment-form textarea{
  background:#FFFFFF;
  border:1px solid #E7E0D5;
  border-radius:10px;
  transition:border-color .2s ease;
}
body.single .comment-form input:focus,
body.single .comment-form textarea:focus{border-color:#9E5E1E;outline:none}
body.single .comment-form input[type="submit"]{
  background:#1A1714;
  color:#fff;
  border:none;
  border-radius:9999px;
  padding:12px 28px;
  font-weight:700;
  transition:transform .2s ease;
}
body.single .comment-form input[type="submit"]:hover{transform:scale(1.03)}
    
.ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{min-height:200px !important;}body.blog .page-header,body.archive .page-header,body.search .page-header{display:none !important;}@media(max-width:768px){.ww-site-hero-archive,body.archive .ww-site-hero-archive,body.search .ww-site-hero-archive{min-height:150px !important;}}body.single-post .inside-article{padding-top:0 !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important;}body.single-post .inside-article > .ww-site-hero:first-child{margin-top:0 !important;}@media(max-width:768px){html body.page-id-104 .pg-body{padding-top:0 !important;}html body.page-id-104 .pg-contact-card{margin-top:-56px !important;position:relative !important;z-index:2 !important;}}
.ww-nl-form input::placeholder,.ww-nl-card input::placeholder{color:rgba(255,255,255,0.85)!important}.ww-nl-card{border-radius:var(--radius-card)!important}.ww-blog-featured,.ww-blog-row{border-radius:var(--radius-card)!important}.ww-path-card,.sh-faq-item,.ww-related-card,.ww-related-cta{border-radius:var(--radius-card)!important}article img,.entry-content img,.wp-post-image,.post-image img{border-radius:var(--radius-media)!important}.single-post .entry-content{max-width:700px!important}

/* =========================================================================
   WRAYWEST HERO - "COPPER MASTHEAD" (final, production)  2026-07-06
   DEPLOYED as mu-plugin ww-hero-masthead.php: this CSS is printed inline in
   an <style id="ww-hero-masthead"> at wp_head priority 999 (built by
   build_muplugin.py, which strips any BOM and normalizes punctuation).
   Priority 999 makes it the LAST .ww-site-hero background block in document
   order so it wins the (0,0,2,2) source-order tie vs the ww-redesign-fixes-r2
   / litespeed-ccss dunes rules. Reversible: delete the mu-plugin.
   2026-07-06 (later) TYPOGRAPHY PASS (/typeset + /overdrive): single-family
   Plus Jakarta system pushed to editorial-masthead craft - bigger display
   H1, numeral control (lining figures in the title, tabular in the meta),
   tighter label>title coupling, defined micro-type on the meta line.
   ========================================================================= */

/* ---- 1. THE BAND: warm layered paper, compact, copper top-rule ---- */
html body:not(.home) .ww-site-hero,
html body.blog    .ww-site-hero-archive,
html body.archive .ww-site-hero-archive,
html body.search  .ww-site-hero-archive {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;                /* centered masthead (owner 2026-07-06) */
  text-align: center !important;
  aspect-ratio: auto !important;                 /* kill the 4/1 aspect rule */
  min-height: clamp(240px, 22vw, 340px) !important;
  padding: clamp(44px,6vw,76px) clamp(20px,5vw,72px) !important;
  border-top: 2px solid #9E5E1E !important;      /* copper printed-plate edge */
  border-bottom: 1px solid #E7E0D5 !important;
  /* Single `background` SHORTHAND so it cleanly beats the incumbent `background:` shorthand
     (#ww-redesign-fixes-r2) at equal specificity by source order. Copper corner-light (6% alpha,
     warmth never glow) + weighted warm gradient (lighter top, deeper foot = mass) over a warm base.
     Paper grain lives on ::before so no single-layer parse error can drop the whole background. */
  background:
    radial-gradient(120% 130% at 10% 0%, rgba(158,94,30,0.06) 0%, rgba(158,94,30,0) 44%) no-repeat,
    linear-gradient(180deg, #FBF9F5 0%, #F3EEE4 58%, #EDE4D5 100%) no-repeat,
    #F3EEE4 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6),          /* lit top edge */
              0 8px 22px -14px rgba(125,74,23,0.28) !important; /* elevation */
}

/* Grain veil on ::before, multiplied over cream, behind content */
html body:not(.home) .ww-site-hero::before,
html body.blog    .ww-site-hero-archive::before,
html body.archive .ww-site-hero-archive::before,
html body.search  .ww-site-hero-archive::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;                          /* positive z, NOT -1 */
  pointer-events: none !important;
  opacity: 0.5 !important;
  mix-blend-mode: multiply !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E") !important;
}

/* Inner column above grain; left axis, capped measure */
html body:not(.home) .ww-site-hero .ww-site-hero-inner,
html body.blog    .ww-site-hero-archive .ww-site-hero-inner,
html body.archive .ww-site-hero-archive .ww-site-hero-inner,
html body.search  .ww-site-hero-archive .ww-site-hero-inner {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* ---- 2. EYEBROW as copper index-tab; rule draws in on load ---- */
html body:not(.home) .ww-site-hero-tag,
html body.blog    .ww-site-hero-archive .ww-site-hero-tag,
html body.archive .ww-site-hero-archive .ww-site-hero-tag,
html body.search  .ww-site-hero-archive .ww-site-hero-tag {
  position: relative !important;
  display: inline-block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;              /* open tracking = masthead index-tab */
  text-transform: uppercase !important;
  font-variant-numeric: normal !important;
  color: #7D4A17 !important;                      /* copper-dark, AA (>=5.82:1) */
  -webkit-text-fill-color: #7D4A17 !important;
  background: none !important;
  border: none !important;                        /* replace base border w/ ::after */
  padding: 0 0 9px 0 !important;
  margin: 0 0 16px 0 !important;                  /* tight to the H1 = one title unit */
  animation: ww-rise 0.55s cubic-bezier(.2,.7,.2,1) both !important;
}
html body:not(.home) .ww-site-hero-tag::after,
html body.blog    .ww-site-hero-archive .ww-site-hero-tag::after,
html body.archive .ww-site-hero-archive .ww-site-hero-tag::after,
html body.search  .ww-site-hero-archive .ww-site-hero-tag::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; bottom: 0 !important;
  width: 100% !important; height: 2px !important;
  background: #9E5E1E !important;                 /* bright copper: graphic, >=4.09:1 */
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  animation: ww-draw 0.6s cubic-bezier(.2,.7,.2,1) 0.14s forwards !important;
}

/* ---- 3. THE H1: bold ink command, big scale (the POP) ---- */
html body:not(.home) .ww-site-hero-title,
html body.blog    .ww-site-hero-archive .ww-site-hero-title,
html body.archive .ww-site-hero-archive .ww-site-hero-title,
html body.search  .ww-site-hero-archive .ww-site-hero-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(2.4rem, 5vw, 3.85rem) !important;   /* bigger command = more pop */
  line-height: 1.06 !important;                        /* tight display leading (1-3 line heads) */
  letter-spacing: -0.03em !important;                  /* optical tracking for large display */
  color: #1A1714 !important;                      /* 14.16-16.97:1 (AAA) */
  -webkit-text-fill-color: #1A1714 !important;
  background: none !important;
  border: none !important;
  margin: 0 auto 18px auto !important;   /* auto L/R centers the measure-capped title */
  padding: 0 !important;
  max-width: 22ch !important;    /* 22ch: audit-verified <=3 lines for every sub-62-char title */
  text-wrap: balance !important;
  hyphens: none !important;                            /* never hyphenate a title */
  font-kerning: normal !important;
  font-variant-numeric: lining-nums proportional-nums !important; /* "2026" at cap height */
  text-rendering: optimizeLegibility !important;       /* real kerning on the display line */
  animation: ww-rise 0.55s cubic-bezier(.2,.7,.2,1) 0.08s both !important;
}

/* ---- 3b. HEADLINE LENGTH TIERS (2026-07-06 "jumbled title" fix) ----
   The display size above is tuned for short editorial heads (1-3 lines).
   Pipeline posts can run 80-100 chars, which at full display size wrap
   into a 5-6 line wall with display-tight leading = reads as jumble.
   Newspaper practice: long heads step DOWN in size and UP in leading.
   Classes are set by ww-hero.php from the title's character count:
   >=62 chars -> --long, >=90 chars -> --xlong. Extra class = higher
   specificity (0,0,3,2), so these cleanly beat the base rule above. */
html body:not(.home) .ww-site-hero-title.ww-title--long {
  font-size: clamp(2.05rem, 3.9vw, 3rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.022em !important;
  max-width: 26ch !important;
}
html body:not(.home) .ww-site-hero-title.ww-title--xlong {
  font-size: clamp(1.8rem, 3.3vw, 2.55rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.016em !important;
  max-width: 30ch !important;
}

/* ---- 4. SUB ---- */
html body:not(.home) .ww-site-hero-sub,
html body.blog    .ww-site-hero-archive .ww-site-hero-sub,
html body.archive .ww-site-hero-archive .ww-site-hero-sub,
html body.search  .ww-site-hero-archive .ww-site-hero-sub {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(16.5px, 1.15vw, 18.5px) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #3D3732 !important;                      /* 9.30-11.15:1 (AAA) */
  max-width: 62ch !important;
  margin: 0 auto 22px auto !important;            /* auto L/R centers the deck */
  text-wrap: pretty !important;                   /* no orphans/rivers in the deck */
  hyphens: none !important;                       /* theme hyphenation breaks words ("hus-tles") */
  animation: ww-rise 0.55s cubic-bezier(.2,.7,.2,1) 0.16s both !important;
}

/* ---- 5. META (posts only render it) ---- */
html body:not(.home) .ww-site-hero-meta {
  justify-content: center !important;             /* center the byline row (base is display:flex) */
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.005em !important;
  font-variant-numeric: tabular-nums !important;  /* even figures across read-time + date */
  color: #5C5347 !important;                      /* 5.99-7.18:1 (AA/AAA) */
  border-top: 1px solid #E1D8C8 !important;
  padding-top: 18px !important;
  animation: ww-rise 0.55s cubic-bezier(.2,.7,.2,1) 0.22s both !important;
}
html body:not(.home) .ww-site-hero-meta a {
  color: #7D4A17 !important;
  font-weight: 600 !important;                    /* the byline name carries a touch more weight */
  text-decoration: none !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
}
html body:not(.home) .ww-site-hero-meta a:hover,
html body:not(.home) .ww-site-hero-meta a:focus-visible { text-decoration: underline !important; }
html body:not(.home) .ww-site-hero-meta-sep,
html body:not(.home) .ww-site-hero-meta-dot { background: #C9BCA6 !important; }

/* ---- 6. KEYFRAMES (transform/opacity only = compositor-cheap) ---- */
@keyframes ww-draw { to { transform: scaleX(1); } }
@keyframes ww-rise {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---- 7. MOBILE ( <= 768px ) ---- */
@media (max-width: 768px) {
  html body:not(.home) .ww-site-hero,
  html body.blog    .ww-site-hero-archive,
  html body.archive .ww-site-hero-archive,
  html body.search  .ww-site-hero-archive {
    min-height: clamp(180px, 46vw, 240px) !important;
    padding: 40px 22px 36px !important;
  }
  html body:not(.home) .ww-site-hero::before,
  html body.blog    .ww-site-hero-archive::before,
  html body.archive .ww-site-hero-archive::before,
  html body.search  .ww-site-hero-archive::before { opacity: 0.4 !important; }
  html body:not(.home) .ww-site-hero-tag,
  html body.blog    .ww-site-hero-archive .ww-site-hero-tag,
  html body.archive .ww-site-hero-archive .ww-site-hero-tag,
  html body.search  .ww-site-hero-archive .ww-site-hero-tag {
    font-size: 12px !important; letter-spacing: 0.16em !important; margin-bottom: 12px !important;
  }
  html body:not(.home) .ww-site-hero-title,
  html body.blog    .ww-site-hero-archive .ww-site-hero-title,
  html body.archive .ww-site-hero-archive .ww-site-hero-title,
  html body.search  .ww-site-hero-archive .ww-site-hero-title {
    /* CRITICAL: leading must loosen on mobile. Without this override the title
       inherits the 1.06 desktop display leading while wrapping 3-6 lines at
       phone width - ascenders/descenders nearly touch and it reads as jumble.
       Caps match the desktop clamp minimums so the size never INVERTS (shrinks)
       when the viewport crosses 768px. */
    font-size: clamp(2rem, 8.5vw, 2.4rem) !important; line-height: 1.14 !important;
    max-width: 100% !important; margin-bottom: 14px !important;
  }
  /* Mobile tiers re-declare max-width too: the 3b tier rules are (0,0,3,2) and
     would otherwise keep their 26/30ch measure cap over the (0,0,2,2) base. */
  html body:not(.home) .ww-site-hero-title.ww-title--long {
    font-size: clamp(1.7rem, 7.2vw, 2.05rem) !important; line-height: 1.2 !important;
    max-width: 100% !important;
  }
  html body:not(.home) .ww-site-hero-title.ww-title--xlong {
    font-size: clamp(1.55rem, 6.4vw, 1.8rem) !important; line-height: 1.22 !important;
    max-width: 100% !important;
  }
  html body:not(.home) .ww-site-hero-sub,
  html body.blog    .ww-site-hero-archive .ww-site-hero-sub,
  html body.archive .ww-site-hero-archive .ww-site-hero-sub,
  html body.search  .ww-site-hero-archive .ww-site-hero-sub {
    font-size: 15.5px !important; margin-bottom: 18px !important;
  }
  html body:not(.home) .ww-site-hero-meta { font-size: 12.5px !important; padding-top: 15px !important; }
}

/* ---- 7b. SEARCH-RESULTS TITLE SAFETY ----
   The search hero H1 is "Search results for: <query>" - unbounded length, and
   ww-injectors.php can't add length-tier classes there. Step it down at all
   widths. Same (0,0,3,2) specificity as the base/mobile archive rules; placed
   AFTER both, so it wins the tie by source order everywhere. */
html body.search .ww-site-hero-archive .ww-site-hero-title {
  font-size: clamp(1.7rem, 3.4vw, 2.55rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.016em !important;
  max-width: 34ch !important;
}

/* ---- 8. REDUCED MOTION ---- */
@media (prefers-reduced-motion: reduce) {
  html body:not(.home) .ww-site-hero-tag,
  html body:not(.home) .ww-site-hero-title,
  html body:not(.home) .ww-site-hero-sub,
  html body:not(.home) .ww-site-hero-meta,
  html body.blog    .ww-site-hero-archive .ww-site-hero-title,
  html body.archive .ww-site-hero-archive .ww-site-hero-title,
  html body.search  .ww-site-hero-archive .ww-site-hero-title,
  html body.blog    .ww-site-hero-archive .ww-site-hero-tag,
  html body.archive .ww-site-hero-archive .ww-site-hero-tag,
  html body.search  .ww-site-hero-archive .ww-site-hero-tag {
    animation: none !important; opacity: 1 !important; transform: none !important;
  }
  html body:not(.home) .ww-site-hero-tag::after,
  html body.blog    .ww-site-hero-archive .ww-site-hero-tag::after,
  html body.archive .ww-site-hero-archive .ww-site-hero-tag::after,
  html body.search  .ww-site-hero-archive .ww-site-hero-tag::after {
    animation: none !important; transform: scaleX(1) !important;
  }
}

/* item-02 header (REPORT #2 / PR-2), ver 20261019.2 */
:focus-visible{outline:2px solid #8A4A12;outline-offset:2px;border-radius:4px}
.site-header .site-logo img.header-image{width:44px!important;height:44px!important}
.site-header .inside-header{padding-top:12px!important;padding-bottom:12px!important;align-items:center!important}
.site-header .site-branding-container{align-items:center!important}
.site-header .main-navigation,.site-header .main-navigation .inside-navigation{background:transparent!important}
@media (max-width:768px){
.site-header .inside-header{flex-wrap:wrap!important;min-height:64px;padding:0 16px!important;column-gap:12px;row-gap:0}
.site-header .site-branding-container{flex:1 1 0;min-width:0;margin:0!important;height:64px}
.site-header .site-logo{margin-right:10px!important}
.site-header .site-logo img.header-image{width:40px!important;height:40px!important}
.site-header .ww-mobile-actions,.site-header .mobile-menu-control-wrapper{margin:0!important;flex:0 0 auto;align-self:center}
.site-header .menu-toggle{height:44px!important;line-height:44px!important;padding:0 12px!important}
.site-header #site-navigation{flex:0 0 100%}
}
@media (max-width:359px){.site-header .site-branding{display:none!important}}
/* item-03 photos (REPORT #3), ver 20261019.4 */
.ww-cs-hero img.ww-cs-avatar{display:block!important;width:96px!important;height:96px!important;max-width:none!important;border-radius:50%!important;object-fit:cover!important;object-position:50% 40%;margin:0 auto 16px!important;padding:0!important;border:3px solid #FFFDF9!important;box-shadow:0 0 0 1px #D8CBB8!important}
.ab .ab-photo-top{max-width:760px!important;margin:24px auto 24px!important;padding:0 28px!important}
.ab .ab-photo-top img{display:block;width:100%;height:auto;border-radius:14px}
@media (max-width:768px){.ww-cs-hero img.ww-cs-avatar{width:80px!important;height:80px!important}.ab .ab-photo-top{padding:0 20px!important}}
/* item-03 follow-up a: mobile header fit with search button, ver 20261019.5 */
@media (max-width:768px){
.site-header .inside-header{column-gap:8px!important}
.site-header .site-logo{margin-right:8px!important}
.site-header .ww-mobile-actions{gap:6px!important}
.site-header .ww-mobile-actions .ww-mobile-sub{padding:0 12px!important}
}
@media (max-width:420px){.site-header .main-title,.site-header .main-title a{font-size:22px!important}}
@media (max-width:359px){.site-header .inside-header:has(.ww-search-form) .site-branding{display:none!important}}
/* item-03 follow-up b: headline punctuation spacing */
.ww-cs-title .ww-cs-punct{margin-left:-.14em}
/* item-03 follow-up b2: period a little looser than the comma */
.ww-cs-title .ww-cs-punct:last-child{margin-left:-.07em}
/* item-04 type system (REPORT #4), ver 20261019.6 */
/* no faux bold: Instrument Serif ships 400 only (deck promo left as is) */
body{font-synthesis-weight:none}
.ww-deck-promo,.ww-deck-promo *{font-synthesis-weight:auto}
/* About h2s match post h2s (Plus Jakarta Sans 800, 1.65rem / 1.35rem mobile, lh 1.2, -.02em) */
html body .ab h2{font-weight:800!important;font-size:1.65rem!important;line-height:1.2!important;letter-spacing:-.02em!important}
@media (max-width:768px){html body .ab h2{font-size:1.35rem!important}}
/* 13px floor for kickers and labels */
.ww-blog-tag:not(#ww-x#ww-y),.tl-cat-label:not(#ww-x#ww-y),.sh-tools-card-label:not(#ww-x#ww-y),
.ww-cs-pill,.ab-counter-label,.ab-duality-label,.ab-receipt-label,.ab-path-when,.ab-path-read,.ww-related-cat,.ww-cluster-eyebrow,.sh-tldr-label,.sh-readfirst-label,.sh-firstweek-label,.sh-featured-cat,.sh-tools-card-label,.tl-cat-label,.tl-card-cat,.ww-blog-tag,.ww-sf-col-title{font-size:13px!important}
/* item-05 tokens + contrast (REPORT #5), ver 20261019.7 */
:root{--ww-paper:#FFFDF9;--ww-flour:#F5EFE6;--ww-surface:#FFFFFF;--ww-line:#E6DCCD;--ww-line-strong:#D8CBB8;--ww-ink:#211B16;--ww-ink-2:#4A4038;--ww-ink-3:#6B5E52;--ww-copper:#8A4A12;--ww-copper-hover:#723C0E;--ww-copper-tint:#F6E7D6;--ww-sage:#2F5D46;--ww-sage-tint:#EAF1EC;--ww-cast-iron:#211B16;
--contrast:var(--ww-ink)}
/* off-palette colors */
body,.site-header{color:var(--ww-ink)!important}
.ww-related-cta{background:var(--ww-cast-iron)!important}
.entry-content div[style*="background:#FFFBEB"]{background:var(--ww-flour)!important;border-color:var(--ww-line)!important;color:var(--ww-ink-2)!important}
/* contrast fixes */
.ww-cs-search input::placeholder,.ww-search-input::placeholder{color:var(--ww-ink-3)!important;opacity:1}
.ww-site-footer a:not([class]):not(#ww-x#ww-y){color:var(--ww-copper)!important}
a[href*="twitter.com/intent/tweet"]:not(#ww-x#ww-y),a[href*="linkedin.com/sharing"]:not(#ww-x#ww-y),a[href*="facebook.com/sharer"]:not(#ww-x#ww-y),a[href*="x.com/intent"]:not(#ww-x#ww-y){color:var(--ww-copper)!important}
/* item-A home hero search icon button, ver 20261019.9 */
.ww-cs-search button.ww-cs-search-go{flex:none;width:44px;height:44px;min-width:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;background:transparent!important;color:var(--ww-ink-3)!important;border:0;border-radius:9999px!important;box-shadow:none!important;transform:none!important;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.ww-cs-search button.ww-cs-search-go svg{width:20px;height:20px;color:inherit!important;stroke:currentColor!important}
.ww-cs-search:focus-within button.ww-cs-search-go{color:var(--ww-copper)!important}
.ww-cs-search button.ww-cs-search-go:hover{background:var(--ww-copper-tint)!important;color:var(--ww-copper-hover)!important}
.ww-cs-search button.ww-cs-search-go:focus-visible{outline:2px solid var(--ww-copper);outline-offset:2px}
.ww-cs-search:focus-within{border-color:var(--ww-line-strong)}
@media (max-width:768px){.ww-cs-search button.ww-cs-search-go{padding:0!important}}
/* item-B contact page two-column, ver 20261019.11 */
.page-id-104 .pg .ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:start;max-width:1040px;margin:0 auto}
.page-id-104 .pg .ct-photo{margin:0 0 20px}
.page-id-104 .pg .ct-photo img{display:block;width:100%;height:auto;border-radius:14px}
.page-id-104 .pg .ct-intro{font-size:17px;color:var(--ww-ink-2);line-height:1.7;margin-bottom:20px}
.page-id-104 .pg h2:not(#ww-x#ww-y){font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:800!important;font-size:1.35rem!important;line-height:1.2!important;letter-spacing:-.02em!important;color:var(--ww-ink)!important;margin-bottom:12px}
.page-id-104 .pg .ct-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.page-id-104 .pg .ct-list li{position:relative;padding-left:20px;font-size:16px;color:var(--ww-ink-2);line-height:1.6}
.page-id-104 .pg .ct-list li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--ww-copper)}
.page-id-104 .pg .ct-right .pg-contact-card{text-align:left;max-width:none;padding:32px;background:var(--ww-paper);border-color:var(--ww-line)}
.page-id-104 .pg .ct-right .pg-note{margin:20px 0 0;max-width:none}
.page-id-104 .ww-contact-form .wpforms-field{padding:0 0 16px}
.page-id-104 .ww-contact-form .wpforms-field-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;color:var(--ww-ink);margin-bottom:6px}
.page-id-104 .ww-contact-form input[type=text],.page-id-104 .ww-contact-form input[type=email],.page-id-104 .ww-contact-form textarea{width:100%!important;max-width:100%!important;min-height:48px;font-size:16px!important;padding:12px 14px!important;border:1px solid var(--ww-line-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--ww-ink)!important;font-family:'Plus Jakarta Sans',sans-serif}
.page-id-104 .ww-contact-form textarea{min-height:160px}
.page-id-104 .ww-contact-form input:focus,.page-id-104 .ww-contact-form textarea:focus{border-color:var(--ww-copper)!important;outline:2px solid var(--ww-copper-tint);outline-offset:0}
.page-id-104 .ww-contact-form button[type=submit]{min-height:48px;padding:0 24px!important;background:var(--ww-copper)!important;color:#fff!important;border:0!important;border-radius:8px!important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px}
.page-id-104 .ww-contact-form button[type=submit]:hover{background:var(--ww-copper-hover)!important}
.page-id-104 .ww-contact-form button[type=submit]:focus-visible{outline:2px solid var(--ww-copper);outline-offset:2px}
@media (max-width:860px){.page-id-104 .pg .ct-grid{grid-template-columns:1fr;gap:32px}.page-id-104 .pg .ct-right .pg-contact-card{padding:24px 20px}}
/* item-C mobile menu, ver 20261019.12 */
@media (max-width:768px){
#site-navigation.toggled,#site-navigation.toggled .inside-navigation,#site-navigation.toggled .main-nav{width:100%!important;max-width:none!important;flex:0 0 100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
#site-navigation.toggled .main-nav>ul{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;padding:8px 0 16px!important;margin:0!important;width:100%}
#site-navigation.toggled .main-nav>ul>li{display:block!important;width:100%!important;margin:0!important;float:none!important;text-align:left!important}
#site-navigation.toggled .main-nav>ul>li:not(.ww-header-cta-li):not(.ww-search-li)>a{display:flex!important;align-items:center;min-height:48px;padding:0 4px!important;line-height:1.3!important;font-size:16px!important;font-weight:600;color:var(--ww-ink)!important;border-bottom:1px solid var(--ww-line);background:none!important}
#site-navigation.toggled .main-nav>ul>li:not(.ww-header-cta-li):not(.ww-search-li)>a:hover{color:var(--ww-copper)!important}
#site-navigation.toggled .main-nav>ul>li.ww-search-li{order:90;padding:16px 0 0!important}
#site-navigation.toggled .main-nav>ul>li.ww-header-cta-li{order:99;padding:12px 0 0!important}
#site-navigation.toggled .ww-header-cta-li>a:not(#ww-x#ww-y){display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px!important;height:48px!important;padding:0 16px!important;margin:0!important;border-radius:8px!important;background:var(--ww-copper)!important;color:#fff!important;font-size:16px!important;font-weight:700;box-shadow:none!important;line-height:1!important}
#site-navigation.toggled .ww-header-cta-li>a:not(#ww-x#ww-y):hover{background:var(--ww-copper-hover)!important}
#site-navigation.toggled .ww-search-li .ww-search-form{display:flex!important;align-items:center;width:100%!important;height:48px;padding:0 2px 0 14px!important;margin:0!important;border:1px solid var(--ww-line-strong)!important;border-radius:8px!important;background:#fff!important;position:static!important}
#site-navigation.toggled .ww-search-li .ww-search-toggle{display:none!important}
#site-navigation.toggled .ww-search-li .ww-search-input{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:44px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;font-size:16px!important;color:var(--ww-ink)!important;opacity:1!important;visibility:visible!important;position:static!important;box-shadow:none!important;outline:none}
#site-navigation.toggled .ww-search-li .ww-search-form:focus-within{border-color:var(--ww-copper)!important}
#site-navigation.toggled .ww-search-li .ww-search-submit{flex:none;display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ww-ink-3)!important;font-size:0!important;line-height:0!important;box-shadow:none!important;position:static!important;opacity:1!important;visibility:visible!important}
#site-navigation.toggled .ww-search-li .ww-search-submit::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center/contain no-repeat}
#site-navigation.toggled .ww-search-li .ww-search-submit:hover,#site-navigation.toggled .ww-search-li .ww-search-form:focus-within .ww-search-submit{color:var(--ww-copper)!important}
#site-navigation.toggled .ww-search-li .ww-search-submit:focus-visible{outline:2px solid var(--ww-copper);outline-offset:2px}
}
/* item-E newsletter band: drop stray dash before the fine print, ver 20261019.13 */
.ww-nl-count .ww-nl-count-dot{display:none!important}
.ww-nl-count{gap:0!important}

/* item-03 photo removal: p1/p3 pair block CSS removed, ver 20261020.14 */
/* item-contact-mobile: stacked card no longer overlaps the list; WPForms honeypot kept off-screen, ver 20261020.15 */
@media (max-width:860px){html body.page-id-104 .ct-right .pg-contact-card:not(#ww-x#ww-y){margin-top:0!important}}
.page-id-104 #wpforms-3684-field_5-container:not(#ww-x#ww-y){position:absolute!important;left:-9000px!important;top:-9000px!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

/* ===== W009 cream hero, ver 20261020.16 (append only) ===== */
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/wp-content/uploads/ww-fonts/ww9-instrument-serif-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* metric-matched fallbacks keep CLS ~0 while web fonts swap */
@font-face{font-family:"IS Fallback";src:local("Georgia"),local("Times New Roman"),local("DejaVu Serif"),local("Liberation Serif");size-adjust:84%;ascent-override:110%;descent-override:30%}
@font-face{font-family:"PJS Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans"),local("DejaVu Sans");size-adjust:104%;ascent-override:98%;descent-override:26%}
/* ===== W009 hero: scoped to .ww9 ===== */
.ww9{--cream:#F8F6F2;--paper:#FFFDF9;--ink:#1A1714;--ink2:#3D3732;--ink3:#5C5347;--cu:#9E5E1E;--cud:#7D4A17;--cul:#D4956B;--brown:#2B2119;--rule:rgb(125 74 23/.18);
  position:relative;isolation:isolate;overflow:hidden;background:var(--cream);color:var(--ink);
  font-family:"Plus Jakarta Sans","PJS Fallback",system-ui,sans-serif;padding:clamp(40px,7vw,96px) clamp(20px,5vw,72px) clamp(48px,7vw,88px)}
.ww9 *{box-sizing:border-box}
/* lighting: one warm key light top-right, soft copper bounce bottom-left */
.ww9::before{content:"";position:absolute;inset:-20%;z-index:-2;pointer-events:none;
  background:radial-gradient(40% 45% at 78% 22%,rgb(212 149 107/.30),transparent 70%),
             radial-gradient(35% 40% at 8% 92%,rgb(158 94 30/.14),transparent 70%)}
/* grain: inline SVG noise, ~0.6KB, no image request */
.ww9::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ww9-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.ww9-by{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cud)}
.ww9-by img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--rule)}
.ww9-by span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin:0 10px 3px;opacity:.6}
.ww9 h1{font-family:"Instrument Serif","IS Fallback",Georgia,serif;font-weight:400;font-size:clamp(3rem,7.4vw,6.75rem);line-height:.95;letter-spacing:-.022em;margin:0;color:var(--ink);text-wrap:balance}
.ww9 h1 em{font-style:italic;color:var(--cu);display:inline-block;position:relative}
.ww9 h1 em::after{content:"";position:absolute;left:.04em;right:.1em;bottom:.04em;height:.06em;background:linear-gradient(90deg,var(--cu),var(--cul));transform-origin:left;border-radius:2px;animation:ww9-ink 1.1s .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes ww9-ink{from{transform:scaleX(0)}}
.ww9-sub{font-size:clamp(1.0625rem,1.35vw,1.25rem);line-height:1.6;color:var(--ink2);max-width:34em;margin:26px 0 32px;text-wrap:pretty}
.ww9-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.ww9-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--cud);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;
  box-shadow:0 1px 0 rgb(255 255 255/.25) inset,0 10px 24px -10px rgb(125 74 23/.7);transition:transform .2s,background .2s}
.ww9-btn:hover{background:#6A3E12;transform:translateY(-1px)}
.ww9-btn svg{transition:transform .2s}.ww9-btn:hover svg{transform:translateX(3px)}
.ww9-link{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--cul);text-decoration-thickness:2px;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.ww9-link:hover{color:var(--cud)}
.ww9 a:focus-visible,.ww9 input:focus-visible,.ww9 button:focus-visible{outline:3px solid var(--cu);outline-offset:3px}
.ww9-search{margin-top:34px;max-width:440px;display:flex;align-items:center;gap:8px;border-bottom:1.5px solid rgb(61 55 50/.35);transition:border-color .2s}
.ww9-search:focus-within{border-color:var(--cu)}
.ww9-search svg{flex:none;color:var(--ink3)}
.ww9-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:.9375rem;color:var(--ink);padding:12px 4px;min-height:44px}
.ww9-search input::placeholder{color:#6B6258}
.ww9-search button{border:0;background:none;font:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cud);cursor:pointer;min-height:44px;padding:0 4px}
.ww9-promise{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.8125rem;color:var(--ink3)}
.ww9-promise li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cu);margin-right:8px;vertical-align:2px}
/* ---- right column: clock + ledger card ---- */
.ww9-card{position:relative;background:linear-gradient(180deg,rgb(255 253 249/.92),rgb(255 253 249/.78));border:1px solid var(--rule);border-radius:28px;padding:28px;
  box-shadow:0 1px 0 #fff inset,0 30px 60px -30px rgb(43 33 25/.35),0 8px 18px -12px rgb(43 33 25/.18);backdrop-filter:blur(6px)}
.ww9-clock{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding-bottom:22px;border-bottom:1px dashed var(--rule)}
.ww9-clock svg{width:150px;height:150px;display:block}
.ww9-k{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cud);margin:0 0 10px}
.ww9-legend{list-style:none;margin:0;padding:0;font-size:.875rem;color:var(--ink2);display:grid;gap:8px}
.ww9-legend b{font-weight:600;color:var(--ink)}
.ww9-sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.ww9-now{font-variant-numeric:tabular-nums;font-size:.8125rem;color:var(--ink3);margin-top:12px}
.ww9-hand{transform-origin:80px 80px;transition:transform 1s}
.ww9-arc{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:ww9-draw 1.4s .2s cubic-bezier(.3,.6,.2,1) forwards}
@keyframes ww9-draw{to{stroke-dashoffset:0}}
.ww9-ledger{margin:20px 0 0}
.ww9-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.ww9-row:last-child{border-bottom:0;padding-bottom:0}
.ww9-row dt{font-size:.9375rem;font-weight:600;color:var(--ink)}
.ww9-row dd{margin:0;font-family:"Instrument Serif","IS Fallback",Georgia,serif;font-size:2rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}
.ww9-row small{grid-column:1/-1;font-size:.8125rem;color:var(--ink3)}
.ww9-stamp{position:absolute;top:-14px;right:24px;background:var(--brown);color:#F3E6D6;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
/* entrance (CSS only); disabled for reduced motion */
.ww9-rise{animation:ww9-rise .8s cubic-bezier(.2,.7,.2,1) both}
.ww9-d1{animation-delay:.08s}.ww9-d2{animation-delay:.16s}.ww9-d3{animation-delay:.26s}
@keyframes ww9-rise{from{opacity:0;transform:translateY(14px)}}
.ww9 h1{animation:none} /* LCP element never hidden */
@media (max-width:900px){.ww9-in{grid-template-columns:1fr}.ww9-card{max-width:560px}}
@media (max-width:480px){.ww9-clock{grid-template-columns:112px 1fr;gap:16px}.ww9-clock svg{width:112px;height:112px}.ww9-card{padding:22px;border-radius:22px}.ww9-row dd{font-size:1.75rem}.ww9-cta{gap:10px 18px}}
@media (prefers-reduced-motion:reduce){.ww9 *,.ww9 *::after{animation:none!important;transition:none!important}.ww9-arc{stroke-dashoffset:0}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* ===== end W009 ===== */

/* ===== W010 Stage 1: global tokens and base CSS (20261021.1) ===== */
/* WrayWest design tokens v1 (W010). Extends the W009 cream hero. */
@font-face{font-family:"IS Fallback";src:local("Liberation Serif"),local("Times New Roman"),local("Georgia");size-adjust:81.5%;ascent-override:110%;descent-override:30%}
@font-face{font-family:"IS Fallback";font-style:italic;src:local("Liberation Serif Italic"),local("Times New Roman Italic"),local("Georgia Italic");size-adjust:86.4%;ascent-override:104%;descent-override:28%}
@font-face{font-family:"PJS Fallback";font-weight:100 500;src:local("Liberation Sans"),local("Arial"),local("Helvetica");size-adjust:103.5%;ascent-override:98%;descent-override:26%}
@font-face{font-family:"PJS Fallback";font-weight:600 900;src:local("Liberation Sans Bold"),local("Arial Bold"),local("Helvetica Bold");size-adjust:102.5%;ascent-override:98%;descent-override:26%}
:root{
  color-scheme:light dark;
  /* color: brand */
  --ww-copper:#9E5E1E; --ww-copper-dk:#7D4A17; --ww-copper-deep:#6A3E12; --ww-copper-lt:#D4956B; --ww-copper-tint:#F3E6D6;
  --ww-cream:#F8F6F2; --ww-paper:#FFFDF9; --ww-sand:#EFE8DE; --ww-brown:#2B2119; --ww-brown-2:#3A2E25;
  /* color: semantic (light) */
  --ww-bg:var(--ww-cream); --ww-surface:var(--ww-paper); --ww-surface-2:var(--ww-sand);
  --ww-ink:#1A1714; --ww-ink-2:#3D3732; --ww-ink-3:#5C5347; --ww-muted:#6B6258;
  --ww-accent:var(--ww-copper); --ww-accent-strong:var(--ww-copper-dk); --ww-on-accent:#FFFFFF;
  --ww-rule:rgb(125 74 23/.18); --ww-rule-strong:rgb(61 55 50/.35);
  --ww-good:#2F6B3A; --ww-good-bg:#E8F1E6; --ww-bad:#9A2F22; --ww-bad-bg:#F7E6E2; --ww-note-bg:#F6EEDF;
  --ww-focus:var(--ww-copper);
  /* type */
  --ww-serif:"Instrument Serif","IS Fallback",Georgia,serif;
  --ww-sans:"Plus Jakarta Sans","PJS Fallback",system-ui,sans-serif;
  --ww-fs-xs:.8125rem; --ww-fs-sm:.9375rem; --ww-fs-md:1.0625rem; --ww-fs-body:clamp(1.0625rem,.98rem + .3vw,1.1875rem);
  --ww-fs-lg:1.25rem; --ww-fs-h4:1.375rem;
  --ww-fs-h3:clamp(1.5rem,1.3rem + .8vw,1.875rem); --ww-fs-h2:clamp(2rem,1.6rem + 1.8vw,3rem);
  --ww-fs-h1:clamp(2.75rem,2rem + 3.6vw,4.75rem); --ww-fs-display:clamp(3rem,7.4vw,6.75rem);
  --ww-lh-tight:.98; --ww-lh-head:1.08; --ww-lh-body:1.65; --ww-track-display:-.022em; --ww-track-label:.14em;
  --ww-measure:68ch; --ww-measure-narrow:56ch;
  /* space: 4px base */
  --ww-s1:4px;--ww-s2:8px;--ww-s3:12px;--ww-s4:16px;--ww-s5:24px;--ww-s6:32px;--ww-s7:48px;--ww-s8:64px;--ww-s9:96px;--ww-s10:128px;
  --ww-section:clamp(64px,9vw,128px); --ww-gutter:clamp(20px,5vw,72px); --ww-max:1240px;
  /* radius */
  --ww-r-sm:8px;--ww-r-md:14px;--ww-r-lg:22px;--ww-r-xl:28px;--ww-r-pill:999px;
  /* shadow */
  --ww-sh-1:0 1px 2px rgb(43 33 25/.06),0 2px 8px -4px rgb(43 33 25/.10);
  --ww-sh-2:0 1px 0 #fff inset,0 8px 18px -12px rgb(43 33 25/.18),0 30px 60px -30px rgb(43 33 25/.30);
  --ww-sh-cta:0 1px 0 rgb(255 255 255/.25) inset,0 10px 24px -10px rgb(125 74 23/.7);
  /* grain + light */
  --ww-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --ww-grain-opacity:.22;
  --ww-keylight:radial-gradient(40% 45% at 78% 22%,rgb(212 149 107/.30),transparent 70%),radial-gradient(35% 40% at 8% 92%,rgb(158 94 30/.14),transparent 70%);
  /* motion */
  --ww-ease:cubic-bezier(.2,.7,.2,1); --ww-dur-1:.2s; --ww-dur-2:.45s; --ww-dur-3:.8s;
}
/* W010 Stage 1: dark mode gated until Phase 4. Uncomment to enable.
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --ww-bg:#1F1813; --ww-surface:#2B2119; --ww-surface-2:#3A2E25;
  --ww-ink:#F6EEE3; --ww-ink-2:#E4D7C6; --ww-ink-3:#C9B8A3; --ww-muted:#BFAE98;
  --ww-accent:#E0A472; --ww-accent-strong:#E8B184; --ww-on-accent:#2B2119;
  --ww-rule:rgb(232 177 132/.20); --ww-rule-strong:rgb(246 238 227/.35);
  --ww-good:#9FD3A6; --ww-good-bg:#22301F; --ww-bad:#F0A493; --ww-bad-bg:#3A221C; --ww-note-bg:#33281F;
  --ww-sh-2:0 30px 60px -30px #000; --ww-grain-opacity:.30; --ww-focus:#E8B184;
}}
*/
:root[data-theme=dark]{
  --ww-bg:#1F1813; --ww-surface:#2B2119; --ww-surface-2:#3A2E25;
  --ww-ink:#F6EEE3; --ww-ink-2:#E4D7C6; --ww-ink-3:#C9B8A3; --ww-muted:#BFAE98;
  --ww-accent:#E0A472; --ww-accent-strong:#E8B184; --ww-on-accent:#2B2119;
  --ww-rule:rgb(232 177 132/.20); --ww-rule-strong:rgb(246 238 227/.35);
  --ww-good:#9FD3A6; --ww-good-bg:#22301F; --ww-bad:#F0A493; --ww-bad-bg:#3A221C; --ww-note-bg:#33281F;
  --ww-sh-2:0 30px 60px -30px #000; --ww-grain-opacity:.30; --ww-focus:#E8B184;
}

/* W010 Stage 1 compat: keep the live copper (#8A4A12). The tokens.css value #9E5E1E drops existing footer and menu links to 4.34:1 on #F0EBE3. */
:root{--ww-copper:#8A4A12}
/* WrayWest components v1 (W010). Requires tokens.css. All classes prefixed ww- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ww-bg);color:var(--ww-ink);font-family:var(--ww-sans);font-size:var(--ww-fs-body);line-height:var(--ww-lh-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ww-focus);outline-offset:3px;border-radius:4px}
.ww-skip{position:absolute;left:12px;top:-60px;z-index:99;background:var(--ww-brown);color:#fff;padding:10px 16px;border-radius:var(--ww-r-sm)}
.ww-skip:focus{top:12px}
.ww-wrap{max-width:var(--ww-max);margin:0 auto;padding-inline:var(--ww-gutter)}
.ww-section{padding-block:var(--ww-section)}
.ww-grain{position:relative;isolation:isolate}
.ww-grain::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--ww-grain);opacity:var(--ww-grain-opacity);mix-blend-mode:multiply}
.ww-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


/* type */
.ww-kicker{font-size:var(--ww-fs-xs);font-weight:700;letter-spacing:var(--ww-track-label);text-transform:uppercase;color:var(--ww-accent-strong);margin:0 0 var(--ww-s3)}
.ww-h1,.ww-h2,.ww-h3{font-family:var(--ww-serif);font-weight:400;letter-spacing:-.015em;color:var(--ww-ink);margin:0;text-wrap:balance}
.ww-h1{font-size:var(--ww-fs-h1);line-height:var(--ww-lh-tight)}
.ww-h2{font-size:var(--ww-fs-h2);line-height:var(--ww-lh-head)}
.ww-h3{font-size:var(--ww-fs-h3);line-height:1.15}
.ww-h1 em,.ww-h2 em{color:var(--ww-accent);font-style:italic}
.ww-lede{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.55;color:var(--ww-ink-2);max-width:var(--ww-measure-narrow);text-wrap:pretty}
.ww-muted{color:var(--ww-ink-3)}
.ww-num{font-variant-numeric:tabular-nums lining-nums}

/* buttons */
.ww-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--ww-r-pill);border:0;background:var(--ww-accent-strong);color:var(--ww-on-accent);font:700 1rem/1 var(--ww-sans);text-decoration:none;cursor:pointer;box-shadow:var(--ww-sh-cta);transition:transform var(--ww-dur-1),background var(--ww-dur-1)}
.ww-btn:hover{background:var(--ww-copper-deep);transform:translateY(-1px)}
:root[data-theme=dark] .ww-btn:hover{background:#F2C49C}
.ww-btn--ghost{background:transparent;color:var(--ww-ink);box-shadow:inset 0 0 0 1.5px var(--ww-rule-strong)}
.ww-btn--ghost:hover{background:var(--ww-surface-2)}
.ww-link{color:var(--ww-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--ww-copper-lt);text-decoration-thickness:2px;text-underline-offset:5px}
.ww-link:hover{color:var(--ww-accent-strong)}
.ww-arrow::after{content:" \2192"}

/* search (quiet) */
.ww-search{display:flex;align-items:center;gap:8px;border-bottom:1.5px solid var(--ww-rule-strong);max-width:520px}
.ww-search:focus-within{border-color:var(--ww-accent)}
.ww-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:var(--ww-ink);padding:12px 4px;min-height:48px}
.ww-search input::placeholder{color:var(--ww-muted)}
.ww-search button{border:0;background:none;font:700 var(--ww-fs-xs)/1 var(--ww-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ww-accent-strong);cursor:pointer;min-height:44px}
/* reduced motion */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* ===== end W010 Stage 1 ===== */

/* W009 fix: Start here label white (Dwayne yes 2026-10-21 00:35 ET) */
section.ww9 a.ww9-btn, section.ww9 a.ww9-btn:hover { color: #fff !important; }

/* ===== W012 Ledger hero (A v3 "The Ledger"), ver 20261023.1, append on top of W010 Stage 1 20261021.1. Scoped to section.wwl; W009 .ww9 rules and the Start here white fix stay untouched. ===== */
section.wwl{--wwl-cream:#F8F6F2;--wwl-paper:#FFFDF9;--wwl-sand:#EFE8DE;--wwl-ink:#1A1714;--wwl-ink2:#3D3732;--wwl-ink3:#5C5347;--wwl-cu:#8A4A12;--wwl-cut:#F3E6D6;--wwl-brown:#3A2E25;--wwl-good:#2F6B3A;--wwl-e:cubic-bezier(.16,1,.3,1);
  position:relative;background:var(--wwl-cream);color:var(--wwl-ink);font-family:"Plus Jakarta Sans","PJS Fallback",system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  padding:clamp(32px,6vw,88px) clamp(20px,5vw,48px) clamp(48px,7vw,104px)}
section.wwl *{box-sizing:border-box}
section.wwl a,section.wwl button{touch-action:manipulation}
.wwl-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
section.wwl h1{font-family:"Instrument Serif","IS Fallback",Georgia,serif!important;font-weight:400!important;font-size:clamp(48px,6vw,88px)!important;line-height:1!important;letter-spacing:-.015em!important;color:var(--wwl-ink)!important;margin:0 0 24px!important;padding:0!important;border:0!important;background:none!important;text-wrap:balance}
section.wwl h1 em{font-style:italic;color:var(--wwl-cu)}
.wwl-lede{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--wwl-ink2);max-width:34ch;margin:0;text-wrap:pretty}
.wwl-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
section.wwl .wwl-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;font-weight:600;font-size:16px;line-height:1.2;text-decoration:none!important;
  transition:transform .15s var(--wwl-e),background-color .15s var(--wwl-e),box-shadow .15s var(--wwl-e)}
section.wwl a.wwl-p,section.wwl a.wwl-p:hover,section.wwl a.wwl-p:visited{background:var(--wwl-cu);color:#fff!important;box-shadow:0 2px 6px -2px rgb(138 74 18/.45)}
section.wwl a.wwl-s,section.wwl a.wwl-s:visited{background:#fff;color:var(--wwl-ink)!important;border:1px solid rgb(61 55 50/.35)}
section.wwl .wwl-btn:active{transform:scale(.97)}
section.wwl a:focus-visible{outline:2px solid var(--wwl-cu);outline-offset:3px;border-radius:999px}
.wwl-chips{display:flex;gap:8px 20px;flex-wrap:wrap;margin:32px 0 0;padding:0;list-style:none;font-size:14px;line-height:1.5;max-width:560px;color:var(--wwl-ink3)}
.wwl-chips li{margin:0}.wwl-chips li::before{content:"✓ ";color:var(--wwl-cu);font-weight:700}
.wwl-card{background:var(--wwl-paper);border-radius:24px;box-shadow:0 1px 2px rgb(43 33 25/.06),0 12px 32px -16px rgb(43 33 25/.22);padding:32px;font-size:14px}
section.wwl h2.wwl-k{font-family:inherit!important;font-size:13px!important;line-height:1.4!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--wwl-ink3)!important;display:flex;justify-content:space-between;gap:12px;font-weight:600!important;margin:0!important;padding:0!important;border:0!important}
.wwl-life{display:inline-flex;gap:6px;align-items:center}.wwl-life i{width:8px;height:8px;border-radius:50%;background:var(--wwl-good)}
.wwl-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid rgb(138 74 18/.15)}
.wwl-row b{font-size:16px;color:var(--wwl-ink)}.wwl-row small{display:block;color:var(--wwl-ink3);font-size:13px;margin-top:4px}
.wwl-amt{font-family:"Instrument Serif","IS Fallback",Georgia,serif;font-size:39px;line-height:1.1;color:var(--wwl-ink);font-variant-numeric:tabular-nums;display:inline-block;min-width:4.4em;text-align:right;white-space:nowrap}
.wwl-bar{margin-top:20px}
.wwl-cap{display:flex;justify-content:space-between;color:var(--wwl-ink3);font-size:13px;margin:0 0 32px!important}
.wwl-track{position:relative;color:var(--wwl-ink);height:16px;border-radius:999px;background:linear-gradient(90deg,var(--wwl-sand) 0 27.08%,var(--wwl-brown) 27.08% 62.5%,var(--wwl-cu) 62.5% 100%)}
.wwl-now{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:currentColor;border-radius:2px}
.wwl-now span{font-style:normal;position:absolute;top:-24px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;font-weight:600;line-height:16px}
.wwl-now span.wwl-l{left:0;transform:none}.wwl-now span.wwl-r{left:auto;right:0;transform:none}
.wwl-legend{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;font-size:13px;color:var(--wwl-ink2)}
.wwl-legend li{margin:0}.wwl-sw{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:8px;vertical-align:-1px}.wwl-sw1{background:var(--wwl-brown)}.wwl-sw2{background:var(--wwl-cu)}
[data-wwl-tilt]{transition:transform .2s var(--wwl-e)}
@media (hover:hover) and (pointer:fine){section.wwl .wwl-btn:hover{transform:translateY(-1px)}section.wwl a.wwl-s:hover{background:var(--wwl-cut)}section.wwl a.wwl-p:hover{background:#7A410F}}
@media (max-width:900px){.wwl-in{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:480px){.wwl-card{padding:24px}.wwl-amt{font-size:32px}}
@media (prefers-reduced-motion:no-preference){.wwl-rise{animation:wwl-up .36s var(--wwl-e) both}.wwl-d2{animation-delay:.04s}.wwl-d3{animation-delay:.08s}.wwl-d4{animation-delay:.12s}}
@keyframes wwl-up{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.wwl-rise{animation:none!important}[data-wwl-tilt]{transform:none!important;transition:none!important}}
/* ===== end W012 ===== */

/* ===== W018 homepage (free tools, start with these, posts by topic, one signup), ver 20261025.1, append on top of W012 20261023.1. Markup from mu-plugins/ww-home-w018.php; everything scoped to .ww18 or body.ww18-home. ===== */
.ww .ww18{--ww18-cu:#8A4A12;--ww18-cream:#F8F6F2;--ww18-line:rgb(138 74 18/.15);--ww18-e:cubic-bezier(.16,1,.3,1);padding:64px 0;border-top:1px solid var(--ww18-line)}
.ww .ww18-tools{background:var(--ww18-cream);border-top:0;padding-top:8px}
.ww .ww18 .ww-blog-head{margin-bottom:24px;gap:16px;align-items:center}
.ww .ww18 .ww-blog-head h2{margin:0!important}
.ww .ww18 .ww-blog-head h2{font-family:"Instrument Serif","IS Fallback",Georgia,serif;font-weight:400;font-size:clamp(32px,3.6vw,40px);line-height:1.1;letter-spacing:0;text-wrap:balance}
.ww .ww18 .ww-blog-head a{display:inline-flex;align-items:center;min-height:44px;color:var(--ww18-cu)!important;font-weight:600!important;white-space:nowrap}
.ww .ww18-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ww .ww18-start .ww18-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ww .ww18-grid li,.ww .ww18-posts-grid li{margin:0;display:flex}
.ww .ww18-card{flex:1;display:flex;flex-direction:column;gap:8px;padding:24px;background:#FFFDF9;border:1px solid var(--ww18-line);border-radius:16px;min-height:44px;touch-action:manipulation;transition:transform .15s var(--ww18-e)}
.ww .ww18-card h3,.ww .ww18-card h4{font-family:"Instrument Serif","IS Fallback",Georgia,serif!important;font-weight:400!important;font-size:22px!important;line-height:1.2!important;letter-spacing:0!important;color:var(--ink);text-wrap:balance}
.ww .ww18-card p{font-size:15px;line-height:1.55;color:#5C5347;text-wrap:pretty}
.ww .ww18-go{margin-top:auto;padding-top:8px;font-size:15px;font-weight:600;color:var(--ww18-cu)}
.ww .ww18-posts{padding:64px 0}
.ww .ww18-cat+.ww18-cat{margin-top:40px}
.ww .ww18-cat-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--ww18-line)}
.ww .ww18-cat-head h3{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5C5347}
.ww .ww18-cat-head a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;color:var(--ww18-cu);white-space:nowrap}
.ww .ww18-posts-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ww .ww18 a:focus-visible{outline:2px solid var(--ww18-cu);outline-offset:3px;border-radius:12px}
.ww .ww18-anchor{display:block;scroll-margin-top:96px}
@media (hover:hover) and (pointer:fine){.ww .ww18-card:hover{border-color:var(--ww18-cu);transform:translateY(-1px)}.ww .ww18-post:hover h4{color:var(--ww18-cu)}.ww .ww18-cat-head a:hover,.ww .ww18 .ww-blog-head a:hover{text-decoration:underline!important}}
@media (prefers-reduced-motion:reduce){.ww .ww18-card{transition:none}.ww .ww18-card:hover{transform:none}}
@media (max-width:900px){.ww .ww18-start .ww18-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ww .ww18{padding:48px 0}.ww .ww18-tools{padding-top:48px}.ww .ww18-grid,.ww .ww18-start .ww18-grid{grid-template-columns:minmax(0,1fr);gap:12px}.ww .ww18-card{padding:20px}
  .ww .ww18-posts-grid{grid-template-columns:minmax(0,1fr);gap:12px}.ww .ww18-post p{display:none}}
/* W-018b: hero gets its own band (deeper warm tone + bottom rule), tools strip sits on white, headings align to the hero's left edge. */
body.ww18-home section.wwl{background:#F1EAE0;border-bottom:1px solid rgb(138 74 18/.18)}
.ww .ww18 .ww-w{max-width:calc(1240px + 2 * clamp(20px,5vw,48px));padding:0 clamp(20px,5vw,48px);box-sizing:border-box}
.ww .ww18-tools{background:#FFFFFF;padding-top:64px;border-bottom:1px solid var(--ww18-line)}
.ww .ww18-tools .ww18-card{background:var(--ww18-cream)}
.ww .ww18-tools+.ww18-start{border-top:0}
.ww .ww18 .ww-blog-head{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;text-align:left!important}
.ww .ww18 .ww-blog-head h2{text-align:left!important}
/* W-018c: hero and tools bands run edge to edge. Painted with box-shadow spread clipped by clip-path, which never adds scroll width; content stays on the container. The tools band (white fill plus its top and bottom copper rules) is a border-image with a horizontal outset, also ink overflow only. */
body.ww18-home section.wwl{border-bottom:0;box-shadow:0 0 0 100vmax #F1EAE0;clip-path:inset(0 -100vmax)}
.ww .ww18-tools{border:0;background:none;border-image:linear-gradient(rgb(138 74 18/.18) 0 1px,#FFFFFF 1px calc(100% - 1px),rgb(138 74 18/.15) calc(100% - 1px)) 0 fill/0/0 100vmax}
/* Form cut: one signup on the homepage (deck form 3660). Footer Reach column hidden on the front page only. */
body.ww18-home .ww-sf-nl{display:none!important}
@media (min-width:1025px){body.ww18-home .ww-sf-grid{grid-template-columns:2.5fr 1fr 1fr!important}}
/* ===== end W018 ===== */

/* W-019 i07 (2026-10-25): in-content graphics were cropped by aspect-ratio:16/9 + overflow:hidden.
   SVG and HTML-built graphics now size to their content; photos keep the 16:9 crop. */
.ww-in-content-graphic:has(> svg),
.ww-in-content-graphic:has(> div){aspect-ratio:auto;height:auto}
.ww-in-content-graphic > svg{display:block;width:100%;height:auto}
/* W-019 gate fix: category chip counts were opacity .6 (2.42:1). Full opacity is #9E5E1E on #FFFDFB, about 5:1. */
.ww-chip .ww-chip-n{opacity:1}

/* ===== W-020 (2026-10-25, staged): post template i06, /tools/ i05, tag links i12 ===== */
/* i06 post template: answer first, one-line disclosure, collapsible TOC, single end block */
.single-post .entry-content > .ww-answer{margin:0 0 12px}
.single-post .entry-content > .ww-answer > *{margin-top:0!important;margin-bottom:0!important}
.single-post .entry-content .ww-disc,.page-id-105 .tl-disc{font-size:13px;line-height:1.5;color:#5C5347;margin:0 0 18px}
.single-post .entry-content .ww-disc a,.page-id-105 .tl-disc a{color:#8A4A12;text-decoration:underline;text-underline-offset:2px}
.single-post details.ww-toc{background:#F3EEE4;border:1px solid #E7E0D5;border-radius:12px;padding:0 20px;margin:0 0 28px}
.single-post details.ww-toc>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15px;color:#3D3732;touch-action:manipulation}
.single-post details.ww-toc>summary::-webkit-details-marker{display:none}
.single-post details.ww-toc>summary::after{content:"+";font-size:20px;line-height:1;color:#9E5E1E}
.single-post details.ww-toc[open]>summary::after{content:"\2212"}
.single-post details.ww-toc>summary:focus-visible{outline:2px solid #9E5E1E;outline-offset:2px;border-radius:8px}
.single-post details.ww-toc>ol{margin:0 0 16px;padding-left:20px;line-height:1.9;font-size:15px}
body.single-post .ww-site-hero{min-height:140px!important;padding-top:clamp(18px,2.4vw,30px)!important;padding-bottom:clamp(18px,2.4vw,30px)!important}
@media (max-width:768px){body.single-post .ww-site-hero{min-height:0!important;padding-top:18px!important;padding-bottom:18px!important}}
@media(min-width:1024px){.single-post .entry-content>p,.single-post .entry-content>ul,.single-post .entry-content>ol{max-width:68ch}}
.ww-end{max-width:1080px;margin:3rem auto 0;padding:0 4px;display:grid;gap:20px;font-family:'Plus Jakarta Sans',sans-serif}
.ww-end .ww-related{margin:0;padding:0}
.ww-end-calc,.ww-end-nl{border:1px solid #E8E2D8;border-radius:14px;padding:22px 24px;background:#FFFDFB}
.ww-end-calc{border-left:4px solid #9E5E1E}
.ww-end-kicker{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8A4A12}
.ww-end-title{margin:0 0 6px;font-family:'Instrument Serif',Georgia,serif;font-size:1.5rem;line-height:1.2;color:#1A1714}
.ww-end-calc p,.ww-end-nl p{color:#3D3732;margin:0 0 14px}
.ww-end-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:9999px;background:#9E5E1E;color:#fff!important;font-weight:600;text-decoration:none!important;touch-action:manipulation}
.ww-end-btn-alt{background:#0F1729}
.ww-end-btn:focus-visible{outline:2px solid #1A1714;outline-offset:3px}
@media (hover:hover) and (pointer:fine){.ww-end-btn{transition:background-color .12s ease-out}.ww-end-btn:hover{background:#8A5119}.ww-end-btn-alt:hover{background:#1E2A44}}
/* i12: no tag links on posts (template filter removes them; this is the fallback) */
.single-post .entry-meta .tags-links{display:none!important}
/* i05 /tools/: free calculators first */
.page-id-105 .tl-sec-h{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15;color:#1A1714;margin:0 0 6px}
.page-id-105 .tl-sec-h::before{content:none!important;display:none!important}
.page-id-105 .tl-sec-dek{color:#3D3732;margin:0 0 18px;max-width:60ch}
.page-id-105 .tl-free{background:#FFF8F0}
.page-id-105 .tl-free-card{border:2px solid #9E5E1E!important}
.page-id-105 .tl-badge-free{display:inline-block;font-size:12px;font-weight:700;color:#1F5130;background:#E6F2E9;border-radius:9999px;padding:4px 10px;white-space:nowrap}
.page-id-105 .tl-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:9999px;background:#9E5E1E;color:#fff!important;font-weight:600;text-decoration:none!important;touch-action:manipulation}
.page-id-105 .tl-btn:focus-visible{outline:2px solid #1A1714;outline-offset:3px}
@media (hover:hover) and (pointer:fine){.page-id-105 .tl-btn{transition:background-color .12s ease-out}.page-id-105 .tl-btn:hover{background:#8A5119}}
.page-id-105 h3.tl-cat-label{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:#8A4A12;margin:0 0 6px!important}
.page-id-105 .tl-tested{padding-top:28px}
.page-id-105 .tl-note[hidden]{display:none!important}
/* gate fixes: TOC links 4.45:1 -> #8A4A12 on #F3EEE4; end-block buttons were losing to the theme link colour */
.single-post details.ww-toc a{color:#8A4A12!important}
.single-post .ww-end a.ww-end-btn,.single-post .ww-end a.ww-end-btn:visited{color:#fff!important}
/* i13: related cards whose photo showed a person use the logo graphic */
.ww-related-thumb[style*="ww-logo-gold-circ.png"]{background-color:#F3EEE4!important;background-size:72px 72px!important;background-repeat:no-repeat!important;background-position:center!important}
.ab-receipt a{text-decoration:underline!important;text-underline-offset:2px}

/* === W-025 "After the Shift" (staged 2026-10-25 ET, bundle 20261025.4). Source: visual-research-20261025/mockups/after-shift.override.css with W-025 edits. Undo: restore 20261025.3. === */
/* WrayWest visual direction "After the Shift" (V-25). Merges ledger-lines (receipt language, tabular figures, ruled post h2s)
   with ink-weight (one ink anchor band, stronger title weight) and a disciplined slice of gold-bands (logo gold repeated on dark only).
   CSS override only, loads after wraywest.css. Graphics are hand-authored inline SVG (no external or paid assets, no photos). */
:root{--ws-ink:#1A1714;--ws-ink2:#2A241E;--ws-paper:#FFFDF9;--ws-cream:#F0E8DE;--ws-line:#DCCFBD;--ws-body:#4A423A;
--ws-cu:#9E5E1E;--ws-cud:#7D4A17;--ws-gold:#D9A43A;--ws-goldsoft:#F6E7C4;--ws-cutint:#F1D9C0;--ws-inktint:#E3DCD2;
--ws-ease:cubic-bezier(.16,1,.3,1);--ws-s1:8px;--ws-s2:16px;--ws-s3:24px;--ws-s4:32px;--ws-s6:48px;--ws-s8:64px}

/* 1. SECTION RHYTHM: three distinct surfaces instead of cream on cream on white */
.ww .ww18-tools{border-image:none!important;border:0!important;background:var(--ws-goldsoft)!important;box-shadow:0 0 0 100vmax var(--ws-goldsoft);clip-path:inset(0 -100vmax);padding-block:var(--ws-s8)!important}
.ww .ww18-start{border:0!important;background:var(--ws-ink)!important;box-shadow:0 0 0 100vmax var(--ws-ink);clip-path:inset(0 -100vmax);padding-block:var(--ws-s8)!important}
.ww .ww18-posts{border-image:none!important;border:0!important;box-shadow:0 0 0 100vmax var(--ws-paper);clip-path:inset(0 -100vmax);background:var(--ws-paper)!important;padding-block:var(--ws-s8)!important}

/* section heads: type scale 1.25, ruled like a ledger, gold italic on dark echoes the hero's italic accent */
.ww-blog-head{border-bottom:2px solid var(--ws-ink)!important;padding-bottom:var(--ws-s2)!important;margin-bottom:var(--ws-s4)!important;align-items:baseline}
.ww-blog-head h2{border:0!important;padding-bottom:0!important;font-size:clamp(2.25rem,3.6vw,2.875rem)!important;line-height:1.05!important;color:var(--ws-ink)!important;text-wrap:balance}
.ww-blog-head h2::after{display:none!important}
.ww-blog-head a,.ww18-cat-head a{font-weight:700!important;color:var(--ws-cud)!important;font-size:.9375rem!important;min-height:44px;display:inline-flex!important;align-items:center;gap:6px}
.ww18-start .ww-blog-head{border-color:var(--ws-gold)!important}
.ww18-start .ww-blog-head h2{border:0!important;padding-bottom:0!important;color:#F8F3EA!important}

/* 2. CARDS: one card, three jobs. Tool = receipt stub with a drawn cover; Start = ink card; Post = paper card with a category cover */
body .ww .ww18-card{background:var(--ws-paper)!important;border:1px solid var(--ws-line)!important;border-radius:12px!important;box-shadow:none!important;padding:0 var(--ws-s3) var(--ws-s3)!important;overflow:hidden;gap:10px!important}
body .ww .ww18-card::before{content:"";display:block;height:96px;margin:0 calc(-1*var(--ws-s3)) var(--ws-s1);background:var(--ws-cutint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h12a4 4 0 0 1 4 4v26a3 3 0 0 0-3-3H8zM40 10H28a4 4 0 0 0-4 4v26a3 3 0 0 1 3-3h13z'/%3E%3C/svg%3E") right 20px center/52px no-repeat;border-bottom:1px dashed var(--ws-line)}
body .ww .ww18-card h3,body .ww .ww18-card h4{color:var(--ws-ink)!important;text-wrap:balance;font-variant-numeric:tabular-nums}
body .ww .ww18-card h3{font-size:1.75rem!important;line-height:1.1!important}
body .ww .ww18-card h4{font-size:1.5rem!important;line-height:1.15!important}
body .ww .ww18-card p{color:var(--ws-body)!important;font-size:.9375rem!important;line-height:1.55!important}
.ww18-go{margin-top:auto;display:inline-flex!important;align-items:center;gap:6px;font-weight:700!important;font-size:.9375rem!important;color:var(--ws-cud)!important}
.ww18-go span{display:inline-block;transition:transform 140ms var(--ws-ease)}
/* tool covers: gold receipt header with a drawn instrument */
body .ww .ww18-tools .ww18-card::before{content:"";display:flex;align-items:flex-end;padding:0 0 14px 24px;box-sizing:border-box;font:700 1.375rem/1 'Plus Jakarta Sans',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ws-cud);background-color:var(--ws-paper);background-size:60px;border-bottom:1px dashed #D9B97A}
body .ww .ww18-tools .ww18-card[href*="freelance-rate"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='24' height='36' rx='3'/%3E%3Crect x='16' y='10' width='16' height='7' rx='1'/%3E%3Cpath d='M17 24h2M23 24h2M29 24h2M17 30h2M23 30h2M29 30h2M17 36h8M29 36h2'/%3E%3C/svg%3E")}
body .ww .ww18-tools .ww18-card[href*="quit-9-to-5"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='16'/%3E%3Cpath d='M24 14v10l7 4'/%3E%3Cpath d='M24 6v3M24 39v3M6 24h3M39 24h3'/%3E%3C/svg%3E")}
body .ww .ww18-tools .ww18-card[href*="lead-magnet"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='11' y='6' width='26' height='36' rx='3'/%3E%3Cpath d='M16 16l2.5 2.5L23 14M27 16h5M16 26l2.5 2.5L23 24M27 26h5M16 36h16'/%3E%3C/svg%3E")}
body .ww .ww18-tools .ww18-card{border-color:#E4CFA2!important}
/* start cards: ink on ink, gold line art, cover shorter */
body .ww .ww18-start .ww18-card{background:var(--ws-ink2)!important;border-color:rgba(248,243,234,.14)!important}
body .ww .ww18-start .ww18-card::before{height:72px;background-color:transparent;border-bottom:1px dashed rgba(217,164,58,.45);background-position:left 0 center;background-size:40px}
body .ww .ww18-start .ww18-card[href*="second-income-engine"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D9A43A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='6'/%3E%3Cpath d='M24 8v5M24 35v5M8 24h5M35 24h5M12.7 12.7l3.5 3.5M31.8 31.8l3.5 3.5M12.7 35.3l3.5-3.5M31.8 16.2l3.5-3.5'/%3E%3C/svg%3E")}
body .ww .ww18-start .ww18-card[href*="start-here"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D9A43A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12l10-4 12 4 10-4v28l-10 4-12-4-10 4z'/%3E%3Cpath d='M18 8v28M30 12v28'/%3E%3C/svg%3E")}
body .ww .ww18-start .ww18-card[href*="resources"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D9A43A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h12a4 4 0 0 1 4 4v26a3 3 0 0 0-3-3H8zM40 10H28a4 4 0 0 0-4 4v26a3 3 0 0 1 3-3h13z'/%3E%3C/svg%3E")}
body .ww .ww18-start .ww18-card[href*="scoring"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D9A43A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 8v32M12 40h24M10 16h28M10 16l-5 12h10zM38 16l-5 12h10z'/%3E%3C/svg%3E")}
body .ww .ww18-start .ww18-card h3{color:#F8F3EA!important;font-size:1.5rem!important}
body .ww .ww18-start .ww18-card p{color:#D9D1C6!important}
body .ww .ww18-start .ww18-card{padding-left:var(--ws-s3)!important}
/* post covers: category coded, warm tints only */
body .ww .ww18-cat:has([id^=ww18-cat-19]) .ww18-card::before{background-color:var(--ws-cutint);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='20' cy='14' rx='11' ry='4'/%3E%3Cpath d='M9 14v6c0 2.2 4.9 4 11 4s11-1.8 11-4v-6M9 20v6c0 2.2 4.9 4 11 4M9 26v6c0 2.2 4.9 4 11 4'/%3E%3Ccircle cx='33' cy='32' r='8'/%3E%3Cpath d='M33 28v8M30.5 30h4a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 0 0 3h4'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-22]) .ww18-card::before{background-color:var(--ws-goldsoft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 8a9 9 0 0 0-8.5 12L8 33.5a3.5 3.5 0 0 0 5 5L26.5 25A9 9 0 0 0 39 15l-5.5 5.5-5-1-1-5L33 9a9 9 0 0 0-3-1z'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-16]) .ww18-card::before{background-color:var(--ws-inktint);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='12' width='36' height='24' rx='3'/%3E%3Cpath d='M7 14l17 12 17-12'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-19]) li:nth-child(2) .ww18-card::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 8a14 14 0 1 0 10 22A12 12 0 0 1 30 8z'/%3E%3Cpath d='M12 40h24'/%3E%3Cpath d='M36 10l1 3 3 1-3 1-1 3-1-3-3-1 3-1z'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-19]) li:nth-child(3) .ww18-card::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 42V8M34 42V8M14 16h20M14 26h20M14 36h20'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-22]) li:nth-child(2) .ww18-card::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='6'/%3E%3Cpath d='M24 6l3 5 6-1 1 6 5 3-3 5 3 5-5 3-1 6-6-1-3 5-3-5-6 1-1-6-5-3 3-5-3-5 5-3 1-6 6 1z'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-22]) li:nth-child(3) .ww18-card::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6v10M30 6v10M14 16h20v8a10 10 0 0 1-20 0zM24 34v8'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-16]) li:nth-child(2) .ww18-card::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 28l6-16h24l6 16v10H6z'/%3E%3Cpath d='M6 28h10l2 4h12l2-4h10'/%3E%3C/svg%3E")}
body .ww .ww18-cat:has([id^=ww18-cat-16]) li:nth-child(3) .ww18-card::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%237D4A17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 20v8h6l14 8V12l-14 8zM34 18a8 8 0 0 1 0 12M14 28l3 10h5l-2-9'/%3E%3C/svg%3E")}
body .ww .ww18-posts .ww18-card::before{background-size:84px;background-position:right -6px bottom -14px;height:104px}
body .ww .ww18-cat-head{border-bottom:1px dashed var(--ws-line)!important;margin-bottom:var(--ws-s2)!important}
body .ww .ww18-cat-head h3{font-size:.8125rem!important;letter-spacing:.08em!important;color:var(--ws-cud)!important;font-weight:800!important}
body .ww .ww18-cat+.ww18-cat{margin-top:var(--ws-s6)!important}

/* 3. BLOG GRID: heavier titles over the existing featured images, ruled meta */
body.blog .entry-header .entry-title,body.blog .entry-header .entry-title a,body.archive .entry-title a{font-size:1.625rem!important;line-height:1.12!important;color:var(--ws-ink)!important;text-wrap:balance}
body.blog article .inside-article,body.archive article .inside-article{background:var(--ws-paper)!important;border:1px solid var(--ws-line)!important;border-radius:12px!important;box-shadow:none!important}
body.blog .entry-meta,body.archive .entry-meta{font-variant-numeric:tabular-nums;color:#5C4A36!important}
.ww-chip.is-active{background:var(--ws-ink)!important;color:#F8F3EA!important;border-color:var(--ws-ink)!important}

/* 4. POST: ledger-ruled h2 with copper tick, gold-soft TOC, tabular tables */
.single .entry-content h2.wp-block-heading{position:relative;padding-top:var(--ws-s3);margin-top:var(--ws-s8)!important;border-top:2px solid var(--ws-ink);font-size:clamp(1.875rem,3vw,2.375rem)!important;line-height:1.1!important;color:var(--ws-ink)!important;text-wrap:balance}
.single .entry-content h2.wp-block-heading::before{content:"";position:absolute;top:-2px;left:0;width:56px;height:4px;background:var(--ws-cu)}
.single .entry-content h3{color:var(--ws-cud)!important}
.ww-toc{background:#FBF1DA!important;border:1px solid #E4CFA2!important;border-radius:12px!important}
.single .entry-content table{font-variant-numeric:tabular-nums}
.single .entry-content thead th{background:var(--ws-ink)!important;color:#F8F3EA!important}

/* 5. MOTION: 140ms custom ease-out, transform only, fine pointers only, press feedback, reduced-motion off */
body .ww .ww18-card,body.blog article .inside-article{transition:transform 140ms var(--ws-ease),border-color 140ms var(--ws-ease)!important}
@media (hover:hover) and (pointer:fine){
 .ww18-card:hover,body.blog article .inside-article:hover{transform:translateY(-3px);border-color:#B9A68C!important}
 .ww18-card:hover .ww18-go span,.ww-blog-head a:hover span{transform:translateX(3px)}
 .ww18-card:hover h3,.ww18-card:hover h4{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}
body .ww .ww18-card:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){.ww18-card,.ww18-go span,body.blog article .inside-article{transition:none!important;transform:none!important}}

/* 6. MOBILE: shorter covers, two-up start cards stay one column */
@media (max-width:640px){
 body .ww .ww18-card::before{height:72px;background-size:40px}
 body .ww .ww18-card h3{font-size:1.5rem!important} body .ww .ww18-card h4{font-size:1.375rem!important}
 .ww18-tools,.ww18-start,.ww18-posts{padding-block:var(--ws-s6)!important}}

/* W-024b shared gate fixes (same in every direction): AA chip counts, 44px targets, focus ring, motion guards */
.ww-chip-n{color:#5C4A36!important;opacity:1!important}
.ww-chip.is-active .ww-chip-n{color:#FFF!important}
.site-logo a,.site-branding a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.ww-header-cta-li a{min-height:44px!important;display:inline-flex!important;align-items:center}
.menu-toggle,.ww-header-cta-li a,.ww-chip{touch-action:manipulation}
.ww-chip{min-height:44px;display:inline-flex!important;align-items:center;touch-action:manipulation}
.wwdp-form button,.wwdp-form input,.ww-sf-nl input,.ww-sf-nl button{min-height:44px}
.ww-sf-legal a{display:inline-block;padding:15px 2px}
:where(a,button,input,summary):focus-visible{outline:2px solid #7D4A17!important;outline-offset:3px}
/* 7. POST CALLOUTS: quieter, no side-tab stripes (Impeccable), short-answer box reads as a receipt */
.single .ww-answer .wp-block-quote{background:var(--ws-paper)!important;border:1px solid var(--ws-line)!important;border-top:2px solid var(--ws-ink)!important;border-left-width:1px!important;border-radius:0 0 12px 12px!important;padding:var(--ws-s3)!important;font-style:normal!important}
.single .ww-answer .wp-block-quote p{font-style:normal!important;color:var(--ws-ink)!important;font-size:1.0625rem!important;line-height:1.6!important}
.single .ww-answer .wp-block-quote p:first-child strong{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ws-cud)}
.single .entry-content div[style*="border-left:4px solid"]{border-left:1px solid var(--ws-line)!important;border-top:2px solid var(--ws-ink)!important;background:var(--ws-paper)!important;border-radius:0 0 12px 12px!important}
/* blog grid titles: one step larger so the serif out-weighs its excerpt */
body.blog .entry-header .entry-title,body.blog .entry-header .entry-title a{font-size:1.875rem!important;line-height:1.08!important}
/* 8. TARGET SIZE: 44px for primary controls, 24px floor (WCAG 2.2 AA 2.5.8) for inline meta links */
a[href="/subscribe/"]{min-height:44px;display:inline-flex!important;align-items:center}
.menu-toggle{min-width:44px;min-height:44px;touch-action:manipulation}
.wpforms-form input:not([type=hidden]),.wpforms-submit{min-height:44px!important}
.single .entry-content a[href*="twitter.com/intent"],.single .entry-content a[href*="linkedin.com/share"],.single .entry-content a[href*="facebook.com/share"]{min-height:44px;box-sizing:border-box}
body.blog .entry-meta a,body.blog .cat-links a,.ww-byline-author{display:inline-flex;align-items:center;min-height:24px}

/* 9. DROP CAP (W-025): the old rule (.entry-content>p:first-of-type) hit the affiliate disclosure p.ww-disc.
   The cap now goes on the first real body paragraph. Fallback for browsers without :nth-child(of S): no cap on the disclosure. */
.entry-content>p.ww-disc::first-letter{float:none!important;font:inherit!important;color:inherit!important;padding:0!important;line-height:inherit!important}
.entry-content>p:first-of-type:not(:nth-child(1 of p:not(.ww-disc):not([class*="disc"]):not([style]):not(:empty):not(:has(script,img,iframe,svg))))::first-letter{float:none!important;font:inherit!important;color:inherit!important;padding:0!important;line-height:inherit!important}
.entry-content>p:nth-child(1 of p:not(.ww-disc):not([class*="disc"]):not([style]):not(:empty):not(:has(script,img,iframe,svg)))::first-letter{font-family:'Instrument Serif',Georgia,serif;font-size:3.5em;float:left;line-height:.8;padding-right:12px;padding-top:6px;color:var(--copper);font-weight:400}
/* 10. TRANSITION (W-025): theme and bundle "transition: all" on buttons and cards -> explicit properties; durations and easing unchanged */
html body :is(button,input[type="submit"],button[type="submit"],div.wpforms-container-full button[type="submit"],.wp-block-button__link,.ww-hero-cta,.ww-path-card,.ww-blog-featured,.ww-blog-row,.ww-nl-form button,.ww-nl-card button,.nav-links .page-numbers){transition-property:color,background-color,border-color,box-shadow,transform,opacity!important}
@media (prefers-reduced-motion:reduce){button,input[type="submit"],.wp-block-button__link,.ww-hero-cta,.ww-path-card,.ww-blog-featured,.ww-blog-row,.page-numbers{transition-duration:.01ms!important}}
/* 11. ABOUT: inline links in body text get an underline (axe link-in-text-block) */
.ab-w p a{text-decoration:underline;text-underline-offset:3px}