/*
Theme Name: Trading Blvd
Theme URI: https://tradingblvd.us
Author: webit
Description: 1:1 replica of tradingblvd.com (re-platformed static platform, Frosted Glass panel).
Version: 1.0.0
Text Domain: tradingblvd
*/
:root{--ink:#1a1d23;--text:#2a2f38;--muted:#5a6270;--muted-2:#8a93a3;--rule:#e8ecf2;--rule-soft:#f1f4f8;--bg:#ffffff;--bg-soft:#f7f9fc;--bg-tint:#eef5f8;--brand:var(--primary,#1ba8c8);--brand-deep:#0f8aa6;--brand-soft:#d6eef5;--brand-tint:#f0f9fc;--accent:#f0a830;--success:#10b981;--font-sans:'Nunito Sans','Inter',system-ui,sans-serif;--font-display:'Nunito','Nunito Sans',system-ui,sans-serif;--max:1200px;--narrow:920px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(20,30,50,.04),0 1px 1px rgba(20,30,50,.03);--shadow:0 2px 8px rgba(20,30,50,.05),0 1px 2px rgba(20,30,50,.04);--shadow-md:0 8px 24px rgba(20,30,50,.08),0 2px 4px rgba(20,30,50,.04);--header-h:64px;--sidebar-w:360px;--ad-slot-h:600px;--section-title-size:1.75rem;--section-title-bar:1.4em;--section-title-gap:1.5rem;--sidebar-align-offset:calc(var(--section-title-size) * 1.4 + var(--section-title-gap));--ease:cubic-bezier(.2,.7,.2,1);--logo-height:32px;--logo-max-width:min(220px,52vw);--logo-fit:contain;}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-family,var(--font-sans));font-size:var(--font-size,16px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none;transition:color .15s var(--ease)}a:hover{color:var(--brand-deep)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;color:var(--ink);letter-spacing:-.015em;margin:0;line-height:1.18;text-wrap:balance}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--rule)}.header-inner{max-width:var(--max);margin:0 auto;padding:0 1.5rem;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.site-logo{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-display);font-weight:900;font-size:1.25rem;letter-spacing:-.03em;color:var(--ink);line-height:1}.site-logo:hover{color:var(--ink)}.site-logo span{color:var(--brand);margin-left:.18rem}.site-logo-img{display:block;height:var(--logo-height,32px);width:auto;max-width:var(--logo-max-width,min(220px,52vw));object-fit:var(--logo-fit,contain)}.site-icon{display:none}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.1rem;align-items:center}.main-nav a{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.875rem;font-weight:700;color:var(--text);padding:.5rem .85rem;border-radius:var(--radius-pill);transition:background .15s var(--ease),color .15s var(--ease);line-height:1;letter-spacing:-.005em;white-space:nowrap}.main-nav a:hover{color:var(--brand-deep);background:var(--bg-soft)}.main-nav a.active{color:var(--brand-deep);background:var(--brand-tint)}.header-actions{display:flex;align-items:center;gap:.5rem}.header-actions .nav-toggle{display:none;background:none;border:0;flex-direction:column;gap:4px;padding:.55rem;cursor:pointer;border-radius:8px;transition:background .15s var(--ease)}.header-actions .nav-toggle:hover{background:var(--bg-soft)}.nav-toggle span{width:20px;height:2px;background:var(--ink);border-radius:2px}.main-content{max-width:var(--max);margin:0 auto;padding:1.75rem 1.25rem 2.5rem}.hero-section{margin:.5rem 0 2.75rem}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(340px,38vw,460px);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-tint);box-shadow:0 12px 32px rgba(15,23,42,.06);border:1px solid var(--rule,#e5e9f0)}.hero-overlay{order:1;position:relative;inset:auto;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:clamp(1.75rem,3.2vw,3rem);color:var(--ink);min-width:0}.hero-image{order:2;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:var(--bg-tint);min-width:0}.hero-category{display:inline-block;align-self:flex-start;font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-deep);margin:0 0 1.1rem;padding:.3rem .6rem;background:var(--brand-tint);border-radius:var(--radius-sm)}.hero-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.45rem);font-weight:800;line-height:1.12;letter-spacing:-.022em;color:var(--ink);margin:0 0 1rem;max-width:22ch;text-wrap:balance}.hero-title a{color:var(--ink);text-decoration:none}.hero-title a:hover{color:var(--brand-deep)}.hero-excerpt{font-family:var(--font-sans);font-size:1.02rem;font-weight:400;color:var(--text);margin:0 0 1.5rem;max-width:46ch;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{font-family:var(--font-sans);font-size:.74rem;color:var(--muted);display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-weight:600;margin:0 0 1.4rem;letter-spacing:.08em;text-transform:uppercase}.hero-meta a{color:var(--ink);font-weight:700;text-decoration:none}.hero-meta a:hover{color:var(--brand-deep)}.hero-cta{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-display);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep);border-bottom:2px solid var(--brand);padding:0 0 .3rem;width:fit-content;text-decoration:none;transition:color .2s ease,border-color .2s ease}.hero-cta:hover{color:var(--ink);border-bottom-color:var(--ink)}.content-area{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:980px){.content-area{grid-template-columns:minmax(0,1fr) var(--sidebar-w)}.content-area:not(:has(>.sidebar)),.content-area:has(>.sidebar:empty){grid-template-columns:minmax(0,1fr)}}.trending-section{margin-bottom:2.5rem}.section-title{font-family:var(--font-display);font-weight:800;font-size:var(--section-title-size);letter-spacing:-.018em;color:var(--ink);margin:0 0 var(--section-title-gap);display:flex;align-items:center;gap:.85rem}.section-title::before{content:"";flex:0 0 4px;height:var(--section-title-bar);background:var(--brand);border-radius:2px}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;align-items:stretch}.article-card{position:relative;background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.article-card:hover{transform:translateY(-2px);border-color:var(--brand-soft);box-shadow:var(--shadow-md)}.card-body{display:contents}.card-title{order:1;padding:.95rem 1.1rem 0;font-family:var(--font-display);font-size:1.05rem;font-weight:800;line-height:1.3;color:var(--ink);letter-spacing:-.01em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.3em + .1em);word-break:break-word}.card-title a:hover{color:var(--brand-deep)}.card-image-link{order:0;position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg-tint);margin:0;border-radius:0;flex-shrink:0;align-self:stretch;width:100%}.card-title a{position:static;display:block}.card-title a::after{content:"";position:absolute;inset:0;z-index:1}.card-image-link,.card-author,.card-meta a,.card-read-more{position:relative;z-index:2}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.card-image-link:hover .card-image{transform:scale(1.03)}.card-category{position:absolute;top:.55rem;left:.55rem;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);color:var(--brand-deep);font-family:var(--font-display);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding:.28rem .6rem;border-radius:var(--radius-pill)}.card-excerpt{order:3;padding:0 1.1rem;margin:.85rem 0 0;font-size:.88rem;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3 * 1.55em);word-break:break-word}.card-excerpt:empty{display:none;min-height:0;margin:0;padding:0}.card-meta{order:4;padding:.8rem 1.1rem .95rem;margin-top:auto;font-family:var(--font-sans);font-size:.78rem;color:var(--muted-2);display:flex;align-items:center;gap:.5rem;flex-shrink:0}.card-meta>*+*::before{content:"·";color:var(--muted-2);opacity:.5;margin-right:.4rem}.card-author{font-weight:700;color:var(--ink)}.card-author:hover{color:var(--brand-deep)}.card-date{font-weight:500}.card-read-more{display:none}.breadcrumb{font-family:var(--font-sans);font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:.25rem 0 1.25rem;font-weight:500}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--brand-deep)}.breadcrumb-current{color:var(--ink);font-weight:700}.site-footer{margin-top:4rem;background:var(--ink);color:#a8b2bf;padding:3.5rem 1.25rem 1.5rem}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem}.footer-logo{font-family:var(--font-display);font-weight:900;color:#fff;font-size:1.4rem;letter-spacing:-.02em}.footer-brand p{color:#7a8595;margin:.55rem 0 0;font-size:.95rem;line-height:1.5}.footer-nav h4,.footer-pages h4{font-family:var(--font-display);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 1rem}.footer-nav ul,.footer-pages ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;font-size:.93rem;font-family:var(--font-sans)}.footer-nav a,.footer-pages a{color:#a8b2bf;transition:color .15s var(--ease)}.footer-nav a:hover,.footer-pages a:hover{color:var(--brand)}.footer-bottom{max-width:var(--max);margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid #2a2f38;text-align:center;font-family:var(--font-sans);font-size:.82rem;color:#5a6270}main:has(>.static-page,>.elementor){background:linear-gradient(180deg,var(--bg-tint,#f7f8fa) 0,transparent 320px)}.static-page{max-width:780px;margin:2.5rem auto 3.5rem;padding:2.75rem clamp(1.25rem,3vw,2.5rem) 3rem;position:relative;background:var(--bg,#fff);border:1px solid var(--rule,#e5e7eb);border-radius:var(--radius-lg,16px);box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 28px -16px rgba(15,23,42,.15)}.static-page::before{content:"";display:block;width:56px;height:4px;background:var(--brand);border-radius:2px;margin-bottom:1.75rem}.static-page h1{font-family:var(--font-display);font-size:clamp(2.25rem,4.5vw,3rem);font-weight:900;letter-spacing:-.025em;line-height:1.05;color:var(--ink);margin:0 0 1.25rem;text-wrap:balance;max-width:18ch}.static-page h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--ink);margin:2.5rem 0 .85rem;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.static-page p{color:var(--text);font-size:1.0625rem;line-height:1.72;margin:0 0 1.15rem;max-width:64ch}.static-page .page-intro{font-family:var(--font-display);font-size:1.32rem;color:var(--ink);font-weight:700;letter-spacing:-.012em;line-height:1.45;margin:0 0 2.25rem;padding:0;background:transparent;border:0;max-width:64ch}.static-page .last-updated{display:inline-block;font-family:var(--font-sans);font-size:.72rem;color:var(--muted-2);font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.5rem;padding:0;background:transparent}.static-page a{color:var(--brand-deep);font-weight:700;text-decoration:underline;text-decoration-color:var(--brand-soft);text-decoration-thickness:2px;text-underline-offset:3px}.static-page a:hover{color:var(--brand);text-decoration-color:var(--brand)}.static-page ul,.static-page ol{padding-left:0;list-style:none;color:var(--text);font-size:1.02rem;line-height:1.72;margin:0 0 1.25rem;max-width:64ch}.static-page ul li{position:relative;padding-left:28px;margin:.5rem 0}.static-page ul li::before{content:"";position:absolute;left:0;top:.65em;width:16px;height:2px;background:var(--brand);border-radius:2px}.static-page ol{counter-reset:sli}.static-page ol li{counter-increment:sli;position:relative;padding-left:36px;margin:.5rem 0}.static-page ol li::before{content:counter(sli,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--font-display);font-size:.82rem;font-weight:800;color:var(--brand);letter-spacing:.04em}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:2rem 0 1rem}.contact-card{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius);padding:1.4rem 1.5rem;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);position:relative;overflow:hidden}.contact-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.contact-card:hover{border-color:var(--brand-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-card:hover::before{transform:scaleX(1)}.contact-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 .45rem}.contact-card p{margin:0 0 .75rem;font-size:.92rem;color:var(--muted);line-height:1.55;max-width:none}.contact-card a{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand-deep);font-family:var(--font-display);font-weight:800;font-size:.92rem;text-decoration:none}.contact-card a::after{content:"→";transition:transform .2s var(--ease)}.contact-card a:hover{color:var(--brand)}.contact-card a:hover::after{transform:translateX(3px)}.elementor{max-width:780px;margin:2.5rem auto 3.5rem;padding:2.75rem clamp(1.25rem,3vw,2.5rem) 3rem;position:relative;font-family:var(--font-sans);color:var(--text);line-height:1.72;background:var(--bg,#fff);border:1px solid var(--rule,#e5e7eb);border-radius:var(--radius-lg,16px);box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 28px -16px rgba(15,23,42,.15)}.elementor::before{content:"";display:block;width:56px;height:4px;background:var(--brand);border-radius:2px;margin-bottom:1.75rem}.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-element,.elementor-widget,.elementor-widget-container{display:block;padding:0;margin:0;width:auto;max-width:none}.elementor-heading-title{font-family:var(--font-display);font-size:clamp(2.25rem,4.5vw,3rem);font-weight:900;letter-spacing:-.025em;line-height:1.05;color:var(--ink);margin:0 0 1.25rem;text-wrap:balance;max-width:18ch}.elementor h2:not(.elementor-heading-title),.elementor-widget-text-editor h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--ink);margin:2rem 0 .75rem;letter-spacing:-.02em;line-height:1.2}.elementor h3,.elementor-widget-text-editor h3{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--ink);margin:1.5rem 0 .55rem;letter-spacing:-.01em}.elementor-widget-text-editor p{color:var(--text);font-size:1.0625rem;line-height:1.72;margin:0 0 1.15rem;max-width:64ch}.elementor-widget-text-editor p:first-of-type{font-family:var(--font-display);font-size:1.32rem;color:var(--ink);font-weight:700;letter-spacing:-.012em;line-height:1.45;margin-bottom:1.75rem}.elementor-widget-text-editor p:empty{display:none}.elementor-widget-text-editor p b,.elementor-widget-text-editor p strong{font-family:var(--font-display);font-weight:800;color:var(--ink);letter-spacing:-.005em}.elementor-widget-text-editor p:has(>b:only-child),.elementor-widget-text-editor p:has(>strong:only-child){margin-top:1.75rem;margin-bottom:.6rem}.elementor-widget-text-editor p:has(>b:only-child) b,.elementor-widget-text-editor p:has(>strong:only-child) strong{display:block;font-size:1.35rem;line-height:1.2;letter-spacing:-.015em}.elementor-widget-text-editor a{color:var(--brand-deep);font-weight:700;text-decoration:underline;text-decoration-color:var(--brand-soft);text-decoration-thickness:2px;text-underline-offset:3px}.elementor-widget-text-editor a:hover{color:var(--brand);text-decoration-color:var(--brand)}.elementor-widget-text-editor ul,.elementor-widget-text-editor ol{padding-left:0;list-style:none;color:var(--text);font-size:1.02rem;line-height:1.72;margin:0 0 1.25rem;max-width:64ch}.elementor-widget-text-editor ul li{position:relative;padding-left:28px;margin:.5rem 0}.elementor-widget-text-editor ul li::before{content:"";position:absolute;left:0;top:.65em;width:16px;height:2px;background:var(--brand);border-radius:2px}.elementor-widget-text-editor ol{counter-reset:eli}.elementor-widget-text-editor ol li{counter-increment:eli;position:relative;padding-left:36px;margin:.5rem 0}.elementor-widget-text-editor ol li::before{content:counter(eli,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--font-display);font-size:.82rem;font-weight:800;color:var(--brand);letter-spacing:.04em}.elementor-widget-text-editor li:has(>p:empty){display:none}.elementor-widget-text-editor br + br{display:none}.article-full{background:transparent}.article-header{padding:0 0 1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--rule)}.article-category{display:inline-block;background:var(--brand-tint);color:var(--brand-deep);font-family:var(--font-display);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding:.35rem .85rem;border-radius:var(--radius-pill);margin-bottom:1.1rem}.article-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;letter-spacing:-.018em;line-height:1.18;color:var(--ink);margin:0 0 .85rem;max-width:none;width:100%;text-wrap:wrap}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-family:var(--font-sans);font-size:.88rem;color:var(--muted);margin:0}.article-author a{color:var(--ink);font-weight:700}.article-author a:hover{color:var(--brand-deep)}.article-date{font-weight:500;color:var(--muted-2)}.article-hero-image{display:block;width:100%;margin:0 0 2rem;border-radius:var(--radius-lg);aspect-ratio:16/9;object-fit:cover;box-shadow:var(--shadow-sm)}img[src=""],img:not([src]),.article-hero-image[src=""]{display:none}.card-image-link img[src=""]{display:none}.card-image-link:has(img[src=""])::after{content:"";display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--brand-tint),var(--bg-soft))}.article-body{font-family:var(--font-sans);font-size:1.125rem;line-height:1.7;color:var(--text);max-width:680px}.article-body >p,.content-paragraph{font-size:1.125rem;line-height:1.7;color:var(--text);margin:0 0 1.4em}.article-body >p:first-of-type::first-letter,.content-paragraph:first-of-type::first-letter{font-family:var(--font-display);font-size:4.2em;font-weight:900;float:left;line-height:.85;margin:.08em .12em 0 -.04em;color:var(--brand)}.article-body >h2,.content-heading{font-family:var(--font-display);font-weight:800;font-size:1.75rem;color:var(--ink);margin:2em 0 .6em;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.article-body >h3{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--ink);margin:1.75em 0 .5em;letter-spacing:-.01em}.article-body a{color:var(--brand-deep);font-weight:700;text-decoration:underline;text-decoration-color:var(--brand-soft);text-decoration-thickness:2px;text-underline-offset:3px}.article-body a:hover{color:var(--brand)}.article-body img,.content-image img{border-radius:var(--radius);margin:1.75em auto;display:block}.content-image figcaption,figure figcaption,.wp-caption-text,.wp-caption>p{font-family:var(--font-sans);font-size:.82rem;line-height:1.45;color:var(--muted-2);text-align:center;margin:.55rem 0 0;font-weight:500}.wp-caption{max-width:100%;width:auto!important;margin:1.75em auto;background:transparent;border:0;padding:0}.wp-caption img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:var(--radius)}.article-body >ul,.article-body >ol,.content-list{margin:1.2em 0 1.6em;padding-left:0;list-style:none}.article-body >ul >li,.content-list >li{position:relative;padding-left:28px;margin-bottom:12px;line-height:1.55}.article-body >ul >li::before,.content-list >li::before{content:"";position:absolute;left:0;top:.7em;width:16px;height:2px;background:var(--brand);border-radius:2px}.article-body >ol{counter-reset:obody;padding-left:0}.article-body >ol >li{counter-increment:obody;position:relative;padding-left:32px;margin-bottom:12px;line-height:1.55}.article-body >ol >li::before{content:counter(obody,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--font-display);font-size:.85rem;font-weight:800;color:var(--brand);letter-spacing:.04em}.content-quote,.article-body blockquote{margin:2em 0;padding:1.25rem 1.5rem;background:var(--brand-tint);border-left:4px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-display);font-size:1.2rem;line-height:1.5;color:var(--ink);font-weight:700}.content-quote cite{display:block;margin-top:.65rem;font-family:var(--font-sans);font-style:normal;font-size:.82rem;color:var(--muted);font-weight:600}.content-delimiter{border:0;height:1px;background:var(--rule);margin:2.5em auto;max-width:120px}.checklist-item{background:transparent;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;gap:.95rem;width:100%;max-width:760px;margin:2.25rem 0}.checklist-title{font-family:var(--font-display);font-size:1.55rem;font-weight:800;letter-spacing:-.018em;line-height:1.22;color:var(--ink);margin:0;text-wrap:balance}.checklist-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--bg-tint);border-radius:var(--radius);flex-shrink:0}.checklist-image[src=""]{display:none}.checklist-text{font-family:var(--font-sans);font-size:1.05rem;line-height:1.7;color:var(--text);margin:0}.progress-bar-container{margin-bottom:1.25rem;max-width:680px}.progress-bar-label{font-family:var(--font-display);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--brand-deep);margin-bottom:.45rem}.progress-bar{height:4px;background:var(--rule);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--brand);transition:width .3s var(--ease)}.sidebar{display:flex;flex-direction:column;gap:1.25rem;align-self:start;font-family:var(--font-sans)}@media(min-width:980px){.content-area:has(.content-main .section-title) >.sidebar{margin-top:var(--sidebar-align-offset)}}@media(min-width:980px){.sidebar{position:sticky;top:calc(var(--header-h) + 24px)}}.sidebar-widget{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius);padding:1.4rem 1.5rem;transition:border-color .2s var(--ease)}.sidebar-widget:hover{border-color:var(--brand-soft)}.ad-wrapper.sidebar-widget{padding:.85rem 0 1rem;overflow:hidden;text-align:center}.ad-wrapper.sidebar-widget >*{max-width:100%}.ad-wrapper .ad-title{margin:0 0 .6rem;font-family:var(--font-sans);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);text-align:center}.ad-wrapper .ad-content{display:flex;flex-direction:column;align-items:center;line-height:0;overflow:hidden}.sidebar >.ad-slot{height:var(--ad-slot-h);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:1.5rem}.sidebar >.ad-slot:empty{display:none}.sidebar >.ad-slot >.ad-wrapper{display:flex;flex-direction:column;width:100%;height:100%;margin:0}.sidebar >.ad-slot .ad{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar >.ad-slot .ad-content{min-height:0 !important;flex:1;justify-content:center}.ad-anchor{text-align:center}.ad-anchor-mobile{display:flex;flex-direction:column;align-items:center;position:fixed;bottom:0;left:0;width:100%;max-height:250px;z-index:99999999;background:var(--bg);border-top:1px solid var(--rule);box-shadow:0 -2px 8px rgba(20,30,50,.06)}.ad-anchor-mobile .ad-title{margin:2px 0;font-size:9px;line-height:1.125;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}.widget-title{font-family:var(--font-display);font-weight:800;font-size:.74rem;color:var(--muted);margin:0 0 1rem;letter-spacing:.18em;text-transform:uppercase;position:relative;padding-bottom:.65rem;border-bottom:1px solid var(--rule-soft)}.widget-title::after{content:"";position:absolute;left:0;bottom:-1px;width:36px;height:2px;background:var(--brand);border-radius:2px}.trending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.trending-item{position:relative}.trending-item:not(:last-child){border-bottom:1px solid var(--rule-soft)}.trending-item a{display:flex;gap:.9rem;align-items:flex-start;color:inherit;padding:.85rem 0;transition:opacity .15s var(--ease)}.trending-item:first-child a{padding-top:0}.trending-item:last-child a{padding-bottom:.25rem}.trending-item img{flex:0 0 68px;width:68px;height:68px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-tint);transition:transform .25s var(--ease)}.trending-item:hover img{transform:scale(1.03)}.trending-info{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.trending-category{font-family:var(--font-display);font-size:.66rem;font-weight:800;color:var(--brand-deep);text-transform:uppercase;letter-spacing:.16em}.trending-category:empty{display:none}.trending-info h4{font-family:var(--font-display);font-size:.92rem;font-weight:700;line-height:1.35;color:var(--ink);margin:0;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.trending-item:hover h4{color:var(--brand-deep)}[data-render="tags"]{padding-top:1.25rem!important;padding-bottom:1.4rem!important}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.tag-pill{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--brand-deep);background:var(--brand-tint);border:1px solid var(--brand-soft);padding:.32rem .7rem;border-radius:var(--radius-pill);letter-spacing:.02em;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}a.tag-pill:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.categories-widget .widget-title{margin-bottom:1.1rem}.categories-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;counter-reset:cat}.categories-list li{counter-increment:cat;margin:0}.categories-list a{display:flex;align-items:center;gap:.85rem;padding:.55rem .65rem;font-family:var(--font-display);font-size:.96rem;font-weight:700;color:var(--ink);border-radius:var(--radius-sm);transition:background .2s var(--ease),color .2s var(--ease);position:relative}.categories-list a::before{content:counter(cat,decimal-leading-zero);flex:0 0 32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-tint);color:var(--brand-deep);font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid var(--brand-soft);transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.categories-list a::after{content:"→";margin-left:auto;color:var(--muted-2);font-weight:800;transition:color .2s var(--ease),transform .25s var(--ease)}.categories-list a:hover{background:var(--brand-tint);color:var(--brand-deep)}.categories-list a:hover::before{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 8px rgba(27,168,200,.3)}.categories-list a:hover::after{color:var(--brand-deep);transform:translateX(4px)}.author-card{background:linear-gradient(135deg,var(--brand-tint) 0%,var(--bg) 60%);color:var(--ink);padding:3rem 1.25rem;border-bottom:1px solid var(--rule)}.author-card-inner{max-width:var(--max);margin:0 auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.author-avatar{flex:0 0 120px;width:120px;height:120px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:2.75rem;letter-spacing:-.02em;box-shadow:0 8px 24px rgba(27,168,200,.3);border:4px solid #fff;overflow:hidden}.author-avatar img,.author-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.author-info{flex:1;min-width:0}.author-name{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.625rem);font-weight:900;letter-spacing:-.022em;color:var(--ink);margin:0 0 .25rem;line-height:1.1}.author-title{font-family:var(--font-sans);font-size:1.02rem;color:var(--brand-deep);font-weight:700;margin:0 0 .85rem;text-transform:uppercase;letter-spacing:.08em}.author-title:empty,.author-bio:empty{display:none}.author-bio{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text);margin:0 0 1.25rem;max-width:60ch}.author-stats{display:flex;gap:2rem}.author-stat{display:flex;flex-direction:column;gap:.15rem}.author-stat .count{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--brand);line-height:1;letter-spacing:-.02em}.author-stat .label{font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.not-found{text-align:center;padding:4rem 1.25rem 2rem;max-width:780px;margin:0 auto}.error-code{font-family:var(--font-display);font-size:clamp(6rem,12vw,9rem);font-weight:900;line-height:1;color:var(--brand);letter-spacing:-.04em;margin-bottom:.5rem;text-shadow:0 4px 24px rgba(27,168,200,.15)}.not-found h1{font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:var(--ink);margin:0 0 .75rem;letter-spacing:-.018em}.not-found p{font-size:1.05rem;color:var(--muted);margin:0 auto 1.75rem;max-width:50ch}.btn-home{display:inline-block;background:var(--brand);color:#fff;font-family:var(--font-display);font-size:.9rem;font-weight:800;padding:.95rem 1.75rem;border-radius:var(--radius-pill);transition:background .2s var(--ease),transform .2s var(--ease);box-shadow:0 4px 16px rgba(27,168,200,.3)}.btn-home:hover{background:var(--brand-deep);color:#fff;transform:translateY(-1px)}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem}.pagination a,.pagination-next{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:var(--brand-deep);padding:.7rem 1.4rem;border:1px solid var(--brand-soft);border-radius:var(--radius-pill);transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.pagination a:hover,.pagination-next:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.pagination-info{font-family:var(--font-sans);font-size:.85rem;color:var(--muted)}.pagination-info:empty{display:none}.pagination{justify-content:center}.load-more-btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-deep,var(--brand)));padding:.95rem 2.2rem;border:0;border-radius:var(--radius-pill);box-shadow:0 8px 20px -10px var(--brand);cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease)}.load-more-btn .load-more-arrow{display:inline-block;font-size:1.05em;line-height:1;transition:transform .18s var(--ease)}.load-more-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px -12px var(--brand);filter:brightness(1.05)}.load-more-btn:hover:not(:disabled) .load-more-arrow{transform:translateY(2px)}.load-more-btn:active:not(:disabled){transform:translateY(0)}.load-more-btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.load-more-btn:disabled{opacity:.65;cursor:wait;box-shadow:none}@media(max-width:720px){.main-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--rule,#e5e9f0);box-shadow:0 12px 24px rgba(15,23,42,.08);padding:.75rem 1rem;z-index:60}.main-nav ul{flex-direction:column;align-items:stretch;gap:.15rem}.main-nav a{padding:.75rem 1rem;border-radius:var(--radius)}body.nav-open .main-nav{display:block}body.nav-open{overflow:hidden}.header-actions .nav-toggle{display:flex}body.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity:0}body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-toggle span{transition:transform .2s var(--ease),opacity .2s var(--ease)}.header-inner{height:60px}.hero-inner{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto}.hero-overlay{order:2;padding:1.5rem 1.25rem}.hero-image{order:1;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.hero-title{font-size:1.55rem;max-width:none}.hero-excerpt{-webkit-line-clamp:3}.article-grid{grid-template-columns:1fr}.author-card{padding:2rem 1.25rem}.author-card-inner{flex-direction:column;text-align:center;gap:1.25rem}.author-avatar{flex:0 0 100px;width:100px;height:100px;font-size:2.25rem}.author-stats{justify-content:center}.trending-item img{flex-basis:64px;width:64px;height:64px}}@media(max-width:480px){.header-inner{padding:0 .85rem}.main-content{padding:1.15rem .85rem 2rem}.hero-overlay{padding:1.15rem .85rem}.hero-title{font-size:1.35rem}.content-area{gap:1.5rem}.article-grid{gap:1rem}.authors-grid,.contact-grid,.footer-inner{grid-template-columns:1fr}.sidebar-widget{padding:1.1rem 1rem}.article-body{font-size:1.05rem}.card-image-link{margin:0}}.authors-index{max-width:var(--max,1180px);margin:0 auto;padding:2.5rem 1.25rem}.authors-index>h1{font-family:var(--font-display,Georgia,serif);color:var(--ink,#1c1813);font-size:2rem;margin:0 0 1.5rem;border-bottom:1px solid var(--rule,#cdc2ad);padding-bottom:.5rem}.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.author-grid-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-soft,#f1eae0);border:1px solid var(--rule,#cdc2ad);border-radius:var(--radius,0);color:var(--ink,#1c1813);text-decoration:none;transition:border-color .15s var(--ease,ease),transform .15s var(--ease,ease)}.author-grid-card:hover{border-color:var(--accent,#8a1c1c);transform:translateY(-2px)}.author-grid-card .author-avatar{flex:0 0 72px;flex-shrink:0;width:72px;height:72px;min-width:72px;min-height:72px;max-width:72px;max-height:72px;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand-tint,#f0e6dd);color:var(--accent,#8a1c1c);font-family:var(--font-display,Georgia,serif);font-size:1.5rem;font-weight:700;overflow:hidden;line-height:0}.author-grid-card .author-avatar-img,.author-grid-card .author-avatar img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.author-grid-name{font-family:var(--font-display,Georgia,serif);font-size:1.05rem;color:var(--accent,#8a1c1c)}.hero-category{color:#0a6478}.hero-cta{color:#0a6478;border-bottom-color:#0a6478}.hero-overlay{background:#ffffff;color:#1a1d23}.card-date{color:#3f4653}.card-meta{color:#4e5668}.article-card{border-color:#8a93a3}.article-card:hover{border-color:#8a93a3}.trending-category{color:#0a6478}.sidebar-widget{border-color:#8a93a3}.sidebar-widget:hover{border-color:#8a93a3}.site-footer{color:#c7cdd6}.footer-brand p{color:#c7cdd6}.footer-nav a,.footer-pages a{color:#c7cdd6}.footer-bottom{color:#c7cdd6}@media(max-width:720px){body.nav-open .main-nav{position:fixed;top:var(--nav-offset,var(--header-h,60px));left:0;right:0;max-height:calc(100vh - var(--nav-offset,var(--header-h,60px)));max-height:calc(100dvh - var(--nav-offset,var(--header-h,60px)));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;}body.nav-open .site-header{z-index:70}body.nav-open{overflow:visible;touch-action:none}body.nav-open::after{content:"";position:fixed;inset:var(--nav-offset,var(--header-h,60px)) 0 0;background:rgba(15,23,42,.38);z-index:55;}body.nav-open .to-top{display:none}}.to-top{position:fixed;right:max(1rem,env(safe-area-inset-right,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px));z-index:80;width:44px;height:44px;display:grid;place-items:center;padding:0;color:var(--brand-deep,var(--brand));background:var(--bg,#fff);border:1px solid var(--rule,#e5e9f0);border-radius:var(--radius-pill,999px);box-shadow:0 6px 20px -8px rgba(15,23,42,.28);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s var(--ease,ease),transform .2s var(--ease,ease),background .15s var(--ease,ease),box-shadow .2s var(--ease,ease);}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.to-top{background:color-mix(in srgb,var(--bg,#fff) 86%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);}}.to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.to-top:hover{background:var(--bg,#fff);transform:translateY(-2px);box-shadow:0 10px 26px -10px rgba(15,23,42,.34);}.to-top:active{transform:translateY(0)}.to-top:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.to-top svg{width:18px;height:18px;display:block}@media(max-width:720px){.to-top{width:40px;height:40px;right:max(.75rem,env(safe-area-inset-right,0px));bottom:max(.75rem,env(safe-area-inset-bottom,0px))}.to-top svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.to-top{transition:opacity .01s linear;transform:none}.to-top.is-visible{transform:none}.to-top:hover{transform:none}}.content-area >*{min-width:0}@media(max-width:720px){.article-body figure{margin-left:0;margin-right:0}}
:root{--logo-height:96px;--logo-max-width:160px;}
/* --- design-panel:start --- */
/* Colour theme: Frosted Glass */
/* ============================================================
   WantSkicks — Style Option 4: "Frosted Glass"
   CSS-only override. Paste AFTER your existing theme stylesheet.
   Light theme, glassy cards, teal→violet brand gradient.
   ============================================================ */

:root{
  --ink:#1c1b29;
  --text:#3a3852;
  --muted:#6d6b85;
  --muted-2:#9694ad;
  --rule:#e4e2f2;
  --rule-soft:#eeedf8;
  --bg:#f4f5fc;
  --bg-soft:#eef0fb;
  --bg-tint:#eef5fb;

  --brand:#1ba8c8;
  --brand-deep:#0f8aa6;
  --brand-soft:#d6eef5;
  --brand-tint:#f0f9fc;
  --accent:#7a5aff;
  --success:#10b981;

  --shadow-sm:0 1px 2px rgba(30,20,80,.05);
  --shadow:0 8px 24px rgba(30,20,80,.08);
  --shadow-md:0 18px 40px rgba(30,20,80,.14);
}

body{
  background:
    radial-gradient(circle at 12% 8%, rgba(27,168,200,.10) 0%, transparent 40%),
    radial-gradient(circle at 88% 4%, rgba(122,90,255,.10) 0%, transparent 42%),
    var(--bg);
  background-attachment:fixed;
}

.site-header{
  background:rgba(255,255,255,.62) !important;
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid rgba(255,255,255,.5);
}
.site-logo span{
  background:linear-gradient(120deg,#1ba8c8,#7a5aff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.hero-inner{
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:var(--shadow-md);
}
.hero-overlay{ background:transparent !important; }
.hero-category{ background:linear-gradient(120deg,#1ba8c8,#7a5aff); color:#fff !important; }
.hero-cta{ color:var(--brand-deep) !important; }
.hero-cta:hover{ color:var(--ink) !important; }

.article-card{
  background:rgba(255,255,255,.6) !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:var(--shadow-sm);
}
.article-card:hover{
  transform:translateY(-4px);
  border-color:rgba(27,168,200,.4) !important;
  box-shadow:var(--shadow-md);
}
.card-category{ background:rgba(255,255,255,.85); color:var(--brand-deep); }

.tag-pill{
  background:rgba(255,255,255,.7); border-color:rgba(27,168,200,.3); color:var(--brand-deep);
  backdrop-filter:blur(6px);
}
a.tag-pill:hover{ background:linear-gradient(120deg,#1ba8c8,#7a5aff); color:#fff; border-color:transparent; }

.load-more-btn,.btn-home{
  background:linear-gradient(120deg,#1ba8c8,#7a5aff);
  box-shadow:0 12px 26px -10px rgba(27,168,200,.5);
}

.sidebar-widget{
  background:rgba(255,255,255,.6) !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.7) !important;
}

.categories-list a::before{ background:rgba(255,255,255,.7); color:var(--brand-deep); border-color:rgba(27,168,200,.3); }
.categories-list a:hover::before{ background:linear-gradient(120deg,#1ba8c8,#7a5aff); color:#fff; border-color:transparent; }

.author-card{ background:linear-gradient(135deg, rgba(27,168,200,.12), rgba(122,90,255,.12)) !important; }
.author-avatar{ background:linear-gradient(135deg,#1ba8c8,#7a5aff); box-shadow:0 10px 24px rgba(27,168,200,.3); }

.static-page, .elementor{
  background:rgba(255,255,255,.65) !important;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.7) !important;
}
.static-page::before,.elementor::before{ background:linear-gradient(120deg,#1ba8c8,#7a5aff); }
.content-quote, .article-body blockquote{ background:rgba(27,168,200,.08); border-left-color:var(--brand); }

.site-footer{ background:#12121e !important; }

.to-top{
  background:rgba(255,255,255,.7) !important;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-color:rgba(255,255,255,.8) !important;
  color:var(--brand-deep) !important;
}

/* Legacy hardcoded overrides — realigned to glass palette */
.card-date{ color:var(--muted-2) !important; }
.card-meta{ color:var(--muted) !important; }
.trending-category{ color:var(--brand-deep) !important; }

/* Hero style: Minimal line (masthead style) */
/* Hero style: Minimal Line — ultra-restrained editorial masthead: small
     thumbnail, mostly whitespace, a single thin rule under the headline.
     Kept as a contained, centered column (not edge-to-edge) so the
     "mostly whitespace" feel reads as an intentional layout rather than
     text stranded in a mostly-empty full-width box — and the title no
     longer carries the base stylesheet's own 22-character max-width, so
     the divider rule spans the same width as the excerpt below it
     instead of stopping short and looking misaligned. */
  .hero-inner{
    display:grid !important; grid-template-columns:120px 1fr !important; align-items:start !important;
    gap:1.5rem; background:transparent !important; border:0 !important; box-shadow:none !important;
    min-height:0 !important; padding:1rem 0 !important;
    max-width:720px !important; margin:0 auto !important;
  }
  .hero-image{ position:static !important; order:1 !important; width:120px; height:120px; object-fit:cover; border-radius:var(--radius-sm) !important; }
  .hero-overlay{ position:static !important; background:transparent !important; color:var(--ink) !important; padding:0 !important; order:2 !important; min-width:0 !important; }
  .hero-title{
    font-size:clamp(1.6rem,3vw,2.1rem) !important; padding-bottom:1rem !important;
    border-bottom:2px solid var(--ink) !important; margin-bottom:1rem !important;
    max-width:none !important;
  }
  .hero-title, .hero-title a{ color:var(--ink) !important; }
  .hero-excerpt{ color:var(--text) !important; max-width:none !important; }
  .hero-meta{ color:var(--muted) !important; }
  .hero-cta{ color:var(--brand-deep) !important; border-bottom-color:var(--brand) !important; }
  @media(max-width:600px){ .hero-inner{ grid-template-columns:1fr !important; max-width:none !important; } .hero-image{ width:64px; height:64px; } }

/* Article cards: List — Wide Image (right) */
/* List — Wide Image Right: same generous image size as "Wide Image",
     mirrored so the photo sits on the right instead of the left */
  .content-main .trending-section .article-grid{ grid-template-columns:1fr !important; gap:16px !important; }
  .content-main .trending-section .article-card{ border-radius:var(--radius) !important; border:1px solid var(--rule) !important; background:var(--bg) !important; overflow:hidden; }
  .content-main .trending-section .article-card:hover{ transform:translateY(-2px) !important; box-shadow:var(--shadow-md) !important; border-color:var(--brand-soft) !important; }
  .content-main .trending-section .article-card{
    display:grid !important; grid-template-columns:1fr 280px !important; grid-template-rows:auto auto 1fr !important;
    column-gap:1.4rem; row-gap:.4rem; align-items:start; min-height:170px;
  }
  .content-main .trending-section .card-image-link{ grid-column:2 !important; grid-row:1/4 !important; aspect-ratio:16/10 !important; width:100%; height:100%; border-radius:0 !important; margin:0 !important; }
  .content-main .trending-section .card-title{ grid-column:1 !important; grid-row:1 !important; padding:1.2rem 0 0 1.3rem !important; min-height:calc(2*1.35em) !important; -webkit-line-clamp:2; font-size:1.2rem !important; }
  .content-main .trending-section .card-excerpt{ grid-column:1 !important; grid-row:2 !important; padding:0 0 0 1.3rem !important; margin:0 !important; min-height:calc(2*1.55em) !important; -webkit-line-clamp:2 !important; }
  .content-main .trending-section .card-meta{ grid-column:1 !important; grid-row:3 !important; padding:0 0 1.2rem 1.3rem !important; margin:0 !important; align-self:end; }
  @media(max-width:640px){
    .content-main .trending-section .article-card{ grid-template-columns:1fr !important; grid-template-rows:auto auto auto auto !important; min-height:0; }
    .content-main .trending-section .card-image-link{ grid-column:1 !important; grid-row:1 !important; aspect-ratio:16/9 !important; }
    .content-main .trending-section .card-title{ grid-column:1 !important; grid-row:2 !important; padding:1rem 1.1rem 0 !important; }
    .content-main .trending-section .card-excerpt{ grid-column:1 !important; grid-row:3 !important; padding:0 1.1rem !important; }
    .content-main .trending-section .card-meta{ grid-column:1 !important; grid-row:4 !important; padding:.7rem 1.1rem 1rem !important; }
  }

/* Menu style: Divided (thin dividers, neutral) */
/* Menu (nav) style: Divided — compact nav items separated by thin
     vertical rules instead of pill backgrounds (the clean SaaS-blog /
     Medium-style nav), kept entirely neutral — ink and muted gray only,
     with the active link picked out by weight, not a color fill. */
  .main-nav ul{ gap:0 !important; }
  .main-nav li{ position:relative; }
  .main-nav li:not(:last-child)::after{
    content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);
    width:1px; height:16px; background:var(--rule);
  }
  .main-nav a{ padding:.5rem 1.1rem !important; border-radius:0 !important; color:var(--text) !important; }
  .main-nav a:hover{ color:var(--ink) !important; background:transparent !important; }
  .main-nav a.active{ color:var(--ink) !important; background:transparent !important; font-weight:800 !important; }

/* Footer style: Editorial cards (light, boxed columns) */
/* Footer style: Bright Cards — rebuilt to match the same boldness as
     Solid Brand / Two-Tone instead of the flat, muted panel this used
     to be: a vivid brand-gradient wash behind the whole footer, with
     each nav column popped forward as its own crisp WHITE card (real
     contrast against the color behind it, not another shade of gray),
     a bold display-font heading with a bright accent underline, and
     heavier link weight so the type itself reads as confidently as
     the color does. */
  .site-footer{
    background:linear-gradient(135deg,var(--brand-deep),var(--brand)) !important;
    color:rgba(255,255,255,.92) !important;
  }
  .footer-inner{ align-items:start; }
  .footer-brand, .footer-nav, .footer-pages{
    background:#fff !important; border:0 !important;
    border-radius:var(--radius) !important; padding:1.5rem !important;
    box-shadow:0 12px 28px -8px rgba(0,0,0,.28) !important;
  }
  .footer-logo{ color:var(--brand-deep) !important; font-family:var(--font-display) !important; }
  .footer-brand p{ color:var(--text) !important; }
  .footer-nav h4,.footer-pages h4{
    font-family:var(--font-display) !important; font-weight:900 !important;
    color:var(--brand-deep) !important; padding-bottom:.55rem !important;
    border-bottom:3px solid var(--accent) !important; margin-bottom:.9rem !important;
    letter-spacing:.16em !important;
  }
  .footer-nav a,.footer-pages a{
    color:var(--ink) !important; font-weight:800 !important; font-family:var(--font-sans) !important;
  }
  .footer-nav a:hover,.footer-pages a:hover{ color:var(--brand) !important; }
  .footer-bottom{
    color:rgba(255,255,255,.9) !important; border-top-color:rgba(255,255,255,.3) !important;
    font-weight:600 !important;
  }

/* Categories: Carousel (horizontal scroll) */
/* Browse Categories -> single-row, auto-advancing chip rail. Same
     endless-marquee technique as the other carousels: the real chips are
     followed by one full duplicate set, animated -50% so it loops without
     ever jumping or running out of chips.
     Same containment fix as the other carousels: without min-width:0 on
     the full ancestor chain, the row can push the whole page wider than
     the viewport instead of staying contained. */
  .content-area, .content-area > *, .sidebar{ min-width:0 !important; }
  .categories-widget{ min-width:0 !important; }
  /* The clipping mask must be a separate, non-animated ancestor from the
     track — putting overflow:hidden on the same element that's being
     translated made the "window" itself drift off-screen over time
     (see the note in the Latest Articles carousel). The widget card is
     the static mask; only the list (.categories-list) animates. */
  .categories-widget{ overflow:hidden !important; }
  .categories-list{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:0 !important; counter-reset:none !important;
    /* width:max-content, not 100% — see the note in the Latest Articles
       carousel: the track's box must size to its full content so
       translateX(-50%) moves exactly one set's width, not half the
       widget's own width. The widget card (overflow:hidden) is the mask. */
    padding-bottom:.4rem; min-width:0; width:max-content;
    animation:wsk-marquee-x 20s linear infinite;
  }
  .categories-widget:hover .categories-list{ animation-play-state:paused; }
  /* Trailing margin instead of `gap` — see the note in the Latest
     Articles carousel above: keeps every item's "slot" an identical
     width so translateX(-50%) always lands exactly on the clone set's
     start, with no stutter at the loop point. */
  /* `width:fit-content` is doing real work here, not just tidiness: a
     `<li>` is `display:list-item`, and in that box type Chromium doesn't
     size `flex-basis:auto` down to the content the way it does for a
     plain block/inline-flex item — every chip was rendering at the same
     stretched width (matching the container) instead of hugging its own
     text, which is what threw off the carousel's math above. */
  .categories-list li{ counter-increment:none !important; flex:0 0 auto; width:fit-content !important; margin:0 .6rem 0 0 !important; }
  /* Reveal the full duplicate set so the loop is seamless. */
  .categories-list li.carousel-clone{ display:flex !important; }
  .categories-list a{
    display:inline-flex !important; width:auto !important; white-space:nowrap; padding:.55rem 1.05rem !important;
    background:var(--brand-tint) !important; border:1px solid var(--brand-soft) !important;
    border-radius:var(--radius-pill) !important; font-size:.82rem !important;
  }
  .categories-list a::before{ display:none !important; }
  .categories-list a::after{ display:none !important; }
  .categories-list a:hover{ background:linear-gradient(120deg,var(--brand),var(--accent)) !important; color:#fff !important; }
  @media(prefers-reduced-motion:reduce){
    .categories-list{ animation:none; overflow-x:auto !important; scroll-snap-type:x mandatory; }
    .categories-list a{ scroll-snap-align:start; }
  }

/* Editor's picks: Vertical auto-slide */
/* Trending Now widget -> vertical auto-sliding ticker, scrolling
     DOWNWARD in an endless loop (top to bottom), fully contained
     within the widget box.
     Real bug fixed here: the previous version of this option assumed
     the list always has exactly 4 items (3 real + 1 reused clone) and
     hardcoded its animation math for that count. On your actual site,
     the "Editor's Picks" sidebar widget uses this exact same
     .trending-list/.trending-item markup, but lists however many picks
     you've configured (5, in your current build) — with the item count
     off, every item past the 4th just sat still at the top slot with
     no animation at all, visibly overlapping item 1. Fixed by detecting
     the REAL item count in pure CSS (a "quantity query": an item is
     both :nth-child(1) and :nth-last-child(N) only when the list has
     exactly N children) and feeding that count into the animation's
     timing via a custom property, instead of a number typed by hand.
     Covers lists of 2-10 items; outside that range it falls back to
     assuming 4, same as before.
     Still 100% pure CSS, no markup changes needed: each ITEM animates
     independently, with its own `animation-delay` staggered one slot
     apart. .trending-list itself never moves or transforms — it just
     sits still with overflow:hidden and a fixed 3-items-tall box, doing
     nothing but clipping — so the ticker can never visually escape it,
     and since the title is a separate sibling entirely outside that
     box, it can never be painted over either. */
  .trending-list{
    display:block !important; position:relative !important;
    overflow:hidden !important; height:calc(3 * 6.5rem) !important;
  }
  /* Detect how many .trending-item children this specific list actually
     has, and publish it as --wsk-tick-n. Every item below inherits this
     from its parent .trending-list. */
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(2)){ --wsk-tick-n:2; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(3)){ --wsk-tick-n:3; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(4)){ --wsk-tick-n:4; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(5)){ --wsk-tick-n:5; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(6)){ --wsk-tick-n:6; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(7)){ --wsk-tick-n:7; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(8)){ --wsk-tick-n:8; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(9)){ --wsk-tick-n:9; }
  .trending-list:has(.trending-item:nth-child(1):nth-last-child(10)){ --wsk-tick-n:10; }
  .trending-item{
    position:absolute !important; top:0; left:0; right:0;
    height:6.5rem !important; overflow:hidden !important; margin:0 !important;
    /* Every item participates now (including the old "clone" items in
       this preview's own demo markup, which don't exist on your real
       site at all — your real widget's items are all genuinely
       distinct, so this just always shows every real item). */
    display:block !important;
    animation:trending-ticker-move calc(var(--wsk-tick-n, 4) * 3s) linear infinite;
  }
  /* Real bug fixed here: the theme's own title style allows up to 3
     wrapped lines (see .trending-info h4 in your base CSS). A 3-line
     title + the 68px thumbnail no longer fits inside this fixed 6.5rem
     slot with any breathing room — titles crowd right up against the
     divider above/below, reading as items "overlapping" each other.
     Clamping to 2 lines here (still plenty for a sidebar ticker) keeps
     every item's real content comfortably inside its own slot. */
  .trending-item h4{ -webkit-line-clamp:2 !important; }
  .trending-item:nth-child(1){ animation-delay:calc(1 * -3s); }
  .trending-item:nth-child(2){ animation-delay:calc(2 * -3s); }
  .trending-item:nth-child(3){ animation-delay:calc(3 * -3s); }
  .trending-item:nth-child(4){ animation-delay:calc(4 * -3s); }
  .trending-item:nth-child(5){ animation-delay:calc(5 * -3s); }
  .trending-item:nth-child(6){ animation-delay:calc(6 * -3s); }
  .trending-item:nth-child(7){ animation-delay:calc(7 * -3s); }
  .trending-item:nth-child(8){ animation-delay:calc(8 * -3s); }
  .trending-item:nth-child(9){ animation-delay:calc(9 * -3s); }
  .trending-item:nth-child(10){ animation-delay:calc(10 * -3s); }
  .trending-list:hover .trending-item{ animation-play-state:paused; }
  /* Each item sweeps down through all 3 visible slots (0%, 100%, 200% —
     translateY percentages resolve against the ITEM's own height, so
     these line up exactly with .trending-item's 6.5rem regardless of
     breakpoint), continuing on to fill however many "waiting below"
     slots the real item count needs (up to (N-1)*100%) before wrapping
     back to -100% to re-enter, out of view. This is what makes the
     count-detection above matter: with the wrong N, items either bunch
     up (too few slots for the real count) or leave visible gaps (too
     many). */
  @keyframes trending-ticker-move{
    0%   { transform:translateY(-100%); }
    100% { transform:translateY(calc((var(--wsk-tick-n, 4) - 1) * 100%)); }
  }
  @media(max-width:600px){
    .trending-list{ height:calc(3 * 5.75rem) !important; }
    .trending-item{ height:5.75rem !important; }
  }
.main-nav a{color:#3937c8 !important}
/* --- design-panel:end --- */