/*
Theme Name: The Noodle Box
Theme URI: https://thenoodlebox.net/
Description: Hand-coded 1:1 clone of thenoodlebox.net (Meadow Green style).
Version: 1.0
*/
: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:56px;}
/* --- design-panel:start --- */
/* Colour theme: Meadow Green */
/* ============================================================
   WantSkicks — Style 20 — Meadow Green
   Fresh grass green, image-background hero.
   CSS-only override. Paste AFTER your existing theme stylesheet.
   Bright / light theme. Fully responsive (inherits the theme's
   existing mobile breakpoints; layout tweaks below are responsive too).
   ============================================================ */
:root{
  --ink:#122713;
  --text:#122713;
  --muted:#6b6357;
  --muted-2:#9a9284;
  --rule:#d4f2d6;
  --rule-soft:#eefaef;
  --bg:#f7fdf6;
  --bg-soft:#eefaef;
  --bg-tint:#e4f7e4;

  --brand:#4caf50;
  --brand-deep:#357a38;
  --brand-soft:#d4f2d6;
  --brand-tint:#eefaef;
  --accent:#c6e94b;
  --success:#10b981;

  --shadow-sm:0 1px 2px rgba(30,20,10,.05);
  --shadow:0 6px 18px rgba(30,20,10,.08);
  --shadow-md:0 16px 36px rgba(30,20,10,.13);
}

body{ background:var(--bg); }

.site-header{ background:rgba(255,255,255,.86); border-bottom:1px solid var(--rule); }
.site-logo span{
  background:linear-gradient(120deg,#4caf50,#c6e94b);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.main-nav a.active{ background:var(--brand-tint); color:var(--brand-deep); }


/* --- Component layout: hero image as full background with text overlay --- */
.hero-inner{
  display:block;
  position:relative;
  min-height:clamp(360px,44vw,520px);
}
.hero-image{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  z-index:1;
}
.hero-overlay{
  position:relative; z-index:2;
  min-height:100%;
  background:linear-gradient(to top, rgba(10,8,6,.86) 0%, rgba(10,8,6,.42) 45%, rgba(10,8,6,0) 78%);
  color:#fff;
  justify-content:flex-end;
  padding:clamp(1.5rem,4vw,3rem);
}
.hero-title, .hero-title a{ color:#fff !important; }
.hero-title a:hover{ color:var(--brand-soft) !important; }
.hero-excerpt{ color:rgba(255,255,255,.86) !important; }
.hero-meta, .hero-meta a{ color:#fff !important; }
.hero-meta{ color:rgba(255,255,255,.75) !important; }
.hero-cta{ color:#fff !important; border-bottom-color:#fff !important; }
.hero-cta:hover{ color:var(--brand-soft) !important; border-bottom-color:var(--brand-soft) !important; }
@media(max-width:720px){
  .hero-inner{ min-height:380px; grid-template-columns:none; grid-template-rows:none; }
  .hero-overlay{ padding:1.25rem; }
}


.hero-category{ background:linear-gradient(120deg,#4caf50,#c6e94b); color:#fff !important; }

.article-card{ border-color:var(--rule) !important; }
.article-card:hover{ border-color:var(--brand-soft) !important; box-shadow:var(--shadow-md); }
.card-category{ color:var(--brand-deep); }
.card-date, .card-meta{ color:var(--muted-2) !important; }

.tag-pill{ background:var(--brand-tint); border-color:var(--brand-soft); color:var(--brand-deep); }
a.tag-pill:hover{ background:linear-gradient(120deg,#4caf50,#c6e94b); color:#fff; border-color:transparent; }

.load-more-btn, .btn-home{
  background:linear-gradient(120deg,#4caf50,#c6e94b);
  box-shadow:0 10px 24px -10px #4caf5088;
}

.categories-list a::before{ background:var(--brand-tint); color:var(--brand-deep); border-color:var(--brand-soft); }
.categories-list a:hover::before{ background:linear-gradient(120deg,#4caf50,#c6e94b); color:#fff; border-color:transparent; }

.sidebar-widget{ border-color:var(--rule) !important; }
.sidebar-widget:hover{ border-color:var(--brand-soft) !important; }
.trending-category{ color:var(--brand-deep) !important; }

.author-card{ background:linear-gradient(135deg,var(--brand-tint) 0%, var(--bg) 65%); }
.author-avatar{ background:linear-gradient(135deg,#4caf50,#c6e94b); box-shadow:0 10px 24px #4caf5055; }
.author-stat .count{ color:var(--brand); }

.content-quote, .article-body blockquote{ background:var(--brand-tint); border-left-color:var(--brand); }
.article-body >p:first-of-type::first-letter,
.content-paragraph:first-of-type::first-letter{ color:var(--brand); }

.site-footer{ background:#122713; }
.footer-nav a:hover,.footer-pages a:hover{ color:#c6e94b; }

.to-top{ color:var(--brand-deep); border-color:var(--rule); }
.to-top:hover{ box-shadow:0 12px 26px -10px #4caf5055; }




/* Slick pass — same level of premium polish as "Frosted Glass": a soft
   ambient wash, a lightly blurred header, and gentle lift/glow
   micro-interactions instead of flat, static hover states. */
body{
  background:
    radial-gradient(circle at 10% 6%, rgba(76,175,80,.09) 0%, transparent 42%),
    radial-gradient(circle at 90% 4%, rgba(198,233,75,.10) 0%, transparent 40%),
    var(--bg);
  background-attachment:fixed;
}
.site-header{ backdrop-filter:saturate(180%) blur(14px); -webkit-backdrop-filter:saturate(180%) blur(14px); }
.hero-inner{ border:1px solid rgba(76,175,80,.16); box-shadow:0 20px 44px rgba(76,175,80,.18); }
.article-card{ transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease) !important; }
.article-card:hover{ transform:translateY(-5px) !important; box-shadow:0 20px 40px -18px rgba(76,175,80,.35) !important; }
.sidebar-widget{ transition:border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease); }
.sidebar-widget:hover{ transform:translateY(-2px); box-shadow:0 14px 30px -16px rgba(76,175,80,.25); }
a.tag-pill{ transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease); }
a.tag-pill:hover{ transform:translateY(-1px); }
.load-more-btn,.btn-home{ transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease); }
.load-more-btn:hover:not(:disabled),.btn-home:hover{ transform:translateY(-2px); filter:brightness(1.05); }

/* Hero style: Glass split (frosted panel + image) */
/* Hero style: Glass Split — a frosted, blurred glass text panel beside
     a full-height image, like a premium product/editorial landing page.
     Distinct from the other split styles: the panel is translucent
     (backdrop-filter) rather than a flat color block. */
  .hero-inner{
    display:grid !important; grid-template-columns:1fr 1fr !important;
    min-height:clamp(360px,42vw,480px) !important; background:var(--bg-tint) !important;
    border-radius:var(--radius-lg) !important; overflow:hidden !important;
    border:1px solid var(--rule) !important; box-shadow:var(--shadow-md) !important;
  }
  .hero-overlay{
    order:1 !important; position:relative !important; z-index:2; min-width:0 !important;
    background:rgba(255,255,255,.5) !important;
    backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
    border-right:1px solid rgba(255,255,255,.6);
    display:flex !important; flex-direction:column !important; justify-content:center !important;
    padding:clamp(1.75rem,3.4vw,3rem) !important; color:var(--ink) !important;
  }
  .hero-image{ order:2 !important; width:100%; height:100%; object-fit:cover; }
  .hero-category{ background:linear-gradient(120deg,var(--brand),var(--accent)) !important; color:#fff !important; align-self:flex-start; }
  .hero-title, .hero-title a{ color:var(--ink) !important; }
  .hero-excerpt{ color:var(--text) !important; }
  .hero-cta{ color:var(--brand-deep) !important; border-bottom-color:var(--brand) !important; }
  @media(max-width:720px){
    .hero-inner{ grid-template-columns:1fr !important; grid-template-rows:auto auto !important; }
    .hero-overlay{ border-right:0; border-bottom:1px solid rgba(255,255,255,.6); }
  }

/* Article cards: Grid — Image top, title below */
/* Article cards -> conventional layout: image on top, title below it */
  .content-main .trending-section .card-image-link { order:1 !important; margin:0 !important; border-radius:var(--radius) var(--radius) 0 0 !important; }
  .content-main .trending-section .card-title { order:2 !important; padding:1rem 1.1rem 0 !important; }
  .content-main .trending-section .card-excerpt { order:3 !important; }
  .content-main .trending-section .card-meta { order:4 !important; }
/* Compat: the CMS templates make this section a grid and place the image
   explicitly, which `order` alone cannot move. */
.content-main .trending-section .article-card{display:flex !important;flex-direction:column !important}
.content-main .trending-section .card-image-link{width:100% !important;height:auto !important;aspect-ratio:16/10 !important}
.content-main .trending-section .card-image{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}

/* Menu style: Dark bar */
/* Menu (nav) style: Dark Bar — near-black header regardless of the
     active color theme's light palette */
  .site-header{ background:var(--ink) !important; border-bottom:0 !important; backdrop-filter:none !important; }
  .site-logo{ color:#fff !important; }
  .site-logo span{ background:linear-gradient(120deg,var(--brand),var(--accent)) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }
  .main-nav a{ color:rgba(255,255,255,.7) !important; }
  .main-nav a:hover{ color:#fff !important; background:rgba(255,255,255,.1) !important; }
  .main-nav a.active{ color:#fff !important; background:rgba(255,255,255,.16) !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: Grid (tiles) */
/* Browse Categories -> Grid of colored tiles instead of a numbered list */
  .categories-list{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:.6rem !important; counter-reset:none !important; }
  .categories-list li{ counter-increment:none !important; }
  .categories-list a{
    flex-direction:column !important; align-items:center !important; justify-content:center !important;
    text-align:center; gap:.5rem !important; padding:1.1rem .6rem !important;
    background:linear-gradient(135deg,var(--brand-tint),var(--bg)) !important;
    border:1px solid var(--brand-soft) !important; border-radius:var(--radius) !important;
    font-size:.85rem !important; min-height:88px;
  }
  .categories-list a::before{
    position:static !important; flex:none !important; width:30px !important; height:30px !important;
    background:linear-gradient(135deg,var(--brand),var(--accent)) !important; color:#fff !important; border:0 !important;
  }
  .categories-list a::after{ display:none !important; }
  .categories-list a:hover{ background:linear-gradient(135deg,var(--brand),var(--accent)) !important; color:#fff !important; }
  .categories-list a:hover::before{ background:#fff !important; color:var(--brand-deep) !important; }

/* Editor's picks: Carousel — auto-scroll (endless loop) */
/* Trending Now widget -> auto-advancing horizontal carousel, endless
     loop. Same technique as the other three carousels: the real items
     are followed by one full duplicate set (see .carousel-clone in the
     markup), and animating the track exactly -50% glides past the seam
     invisibly instead of jumping — see the shared @keyframes note near
     the top of this file.
     Containment fix: without min-width:0 on the full ancestor chain
     (content-area, its direct children, and the sidebar itself), the row
     would push the whole page wider than the viewport instead of staying
     contained. */
  .content-area, .content-area > *, .sidebar{ min-width:0 !important; }
  .sidebar-widget:has(.trending-list){ min-width:0 !important; }
  /* The clipping mask must be a separate, non-animated ancestor from the
     track — see the note in the Latest Articles carousel above for why
     combining overflow:hidden and the translate animation on the same
     element makes the "window" itself drift off-screen over time. The
     widget card is the static mask; only the list (.trending-list)
     animates. */
  .sidebar-widget:has(.trending-list){ overflow:hidden !important; }
  .trending-list{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    gap:0 !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. */
    min-width:0 !important; width:max-content;
    /* No left/right padding — see the note in the Latest Articles
       carousel: horizontal padding on an animated track skews the
       -50% loop point by a couple of pixels. */
    padding:.15rem 0 .6rem;
    animation:wsk-marquee-x 22s linear infinite;
  }
  .sidebar-widget:has(.trending-list):hover .trending-list{ animation-play-state:paused; }
  /* Card-style item, kept compact (small thumbnail, tight card) so the
     rail reads as a slim ticker rather than a stack of oversized tiles —
     image and text form one clean bordered unit instead of bare text
     floating under a thumbnail. Spacing is a trailing margin, not a flex
     `gap` — see the note in the Latest Articles carousel above: it 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. */
  .trending-item{
    flex:0 0 132px !important; min-width:0 !important; margin:0 .8rem 0 0 !important;
    border:1px solid var(--rule) !important; border-radius:var(--radius) !important;
    overflow:hidden !important; background:var(--bg) !important;
  }
  /* Reveal the full duplicate set so the loop is seamless. */
  .trending-item.carousel-clone{ display:flex !important; }
  .trending-item:not(:last-child){ border-bottom:1px solid var(--rule) !important; }
  .trending-item a{
    display:flex !important; flex-direction:column !important; align-items:stretch !important;
    padding:0 !important; gap:0 !important;
  }
  .trending-item img{
    width:100% !important; height:64px !important; flex:none !important;
    border-radius:0 !important; margin:0 !important; object-fit:cover !important;
  }
  .trending-info{ padding:.55rem .65rem .65rem !important; gap:.25rem !important; min-width:0 !important; }
  .trending-info h4{ font-size:.78rem !important; -webkit-line-clamp:2 !important; min-height:calc(2*1.3em) !important; }
  .trending-category{ font-size:.58rem !important; }
  @media(max-width:480px){
    .trending-item{ flex:0 0 116px !important; }
    .trending-item img{ height:56px !important; }
  }
  @media(prefers-reduced-motion:reduce){
    .trending-list{ animation:none; overflow-x:auto !important; scroll-snap-type:x mandatory; }
    .trending-item{ scroll-snap-align:start; }
  }
.site-header{background:#fdfbf5 !important}
.main-nav a{color:#7f9565 !important}
.section-title{color:#6f7e5d !important}
/* --- design-panel:end --- */