/* Filantrophy Blog Experience v1.0.5
   Component-only responsive design, approved listing + detail visual system.
   Rethemes the existing header on blog pages only; footer remains untouched. */
.fblog-root{
  --fb-ink:#10212a;--fb-text:#283b42;--fb-muted:#73818a;--fb-dark:#002B2A;
  --fb-green:#00684f;--fb-border:#e7eceb;--fb-soft:#f5f8f5;--fb-round:7px;
  color:var(--fb-ink);background:#fff;font:400 15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);
  padding:0 0 52px;overflow-x:clip;isolation:isolate;
}
.fblog-root *, .fblog-root *::before, .fblog-root *::after{box-sizing:border-box}
.fblog-root img{max-width:100%;height:auto}
.fblog-root a{color:inherit;text-decoration:none}
.fblog-root a:hover{text-decoration:none}
.fblog-root button,.fblog-root input,.fblog-root select{font:inherit}
.fblog-root button,.fblog-root select{cursor:pointer}
.fblog-root :focus-visible{outline:3px solid #6bbb86;outline-offset:3px}
.fblog-root h1,.fblog-root h2,.fblog-root h3,.fblog-root p{margin-top:0}
.fblog-root .fblog-container{width:min(1100px,calc(100% - 48px));margin:0 auto}
.fblog-root .fblog-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fblog-root .fblog-hero{background:#f1f6f1 url('hero-plant.webp') no-repeat right center;background-size:auto 100%;position:relative;overflow:hidden;min-height:170px}
.fblog-root .fblog-hero::before{content:"";inset:0;position:absolute;pointer-events:none;background:linear-gradient(90deg,#f5f8f5 0%,#f5f8f5 40%,rgba(245,248,245,.88) 54%,rgba(245,248,245,.05) 78%)}
.fblog-root .fblog-hero-inner{position:relative;z-index:1;padding:31px 0 28px}
.fblog-root .fblog-breadcrumb{display:flex;align-items:center;gap:9px;max-width:76%;font-size:12px;line-height:1.4;color:#7f8a8b;margin-bottom:14px;white-space:nowrap;overflow:hidden}
.fblog-root .fblog-breadcrumb a{color:#6f8085}
.fblog-root .fblog-breadcrumb a:hover{color:var(--fb-dark)}
.fblog-root .fblog-breadcrumb strong{font-weight:700;color:var(--fb-dark)}
.fblog-root .fblog-breadcrumb span.fblog-crumb-current{overflow:hidden;text-overflow:ellipsis}
.fblog-root .fblog-hero h1{font-size:clamp(26px,3.1vw,35px);line-height:1.22;letter-spacing:-.045em;max-width:710px;font-weight:750;color:#10212a;margin:0 0 9px}
.fblog-root .fblog-hero p{max-width:520px;font-size:15px;line-height:1.5;color:#697781;margin:0}
.fblog-root .fblog-columns{display:grid;grid-template-columns:minmax(0,1fr) 296px;align-items:start;gap:32px;padding-top:21px}
.fblog-root .fblog-main,.fblog-root .fblog-sidebar{min-width:0}
.fblog-root .fblog-filters{display:grid;grid-template-columns:minmax(0,1fr) 178px 145px;gap:10px;align-items:center;margin-bottom:15px}
.fblog-root .fblog-search,.fblog-root .fblog-select{height:42px;border:1px solid #e3e9ea;box-shadow:0 0 0 1px rgba(14,52,45,.015);border-radius:6px;display:flex;align-items:center;background:#fff;min-width:0;position:relative}
.fblog-root .fblog-search{padding:0 13px;gap:12px}
.fblog-root .fblog-search>i{font-size:14px;color:#3c5962;flex:none}
.fblog-root .fblog-search input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;min-width:0;width:100%;height:100%;padding:0!important;margin:0;color:var(--fb-ink);font-size:13px}
.fblog-root .fblog-search input::placeholder{color:#939ea4}
.fblog-root .fblog-select select{width:100%;height:100%;appearance:none;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;color:#41505a;font-size:13px;padding:0 31px 0 13px;margin:0}
.fblog-root .fblog-select>i{position:absolute;right:13px;font-size:10px;pointer-events:none;color:#46535c}
.fblog-root .fblog-filter-submit{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;opacity:0}
.fblog-root .fblog-results{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px;color:#677880;font-size:13px}
.fblog-root .fblog-results a{font-size:13px;color:var(--fb-green);font-weight:650}
.fblog-root .fblog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fblog-root .fblog-card{display:flex;flex-direction:column;border:1px solid #eef0f0;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 2px 5px rgba(5,42,31,.025);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-width:0}
.fblog-root .fblog-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(6,39,32,.085);border-color:#ddeae3}
.fblog-root .fblog-card-cover{display:block;aspect-ratio:2.05/1;background:#e3eee6;overflow:hidden}
.fblog-root .fblog-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.fblog-root .fblog-card:hover .fblog-card-cover img{transform:scale(1.025)}
.fblog-root .fblog-image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:linear-gradient(130deg,#d5e7d3 0%,#eef4e6 50%,#b1d5c4 100%)}
.fblog-root .fblog-image-fallback span{font-size:38px;color:#84b8a1;opacity:.8}
.fblog-root .fblog-card-content{padding:0 15px 13px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.fblog-root .fblog-category-pill{font-size:10px;font-weight:750;line-height:1.4;letter-spacing:.01em;border-radius:50px;background:#e6f2dc;color:#214236;padding:6px 12px;display:inline-flex;align-items:center;max-width:100%;white-space:nowrap}
.fblog-root .fblog-card-content>.fblog-category-pill{margin-top:-13px;position:relative;z-index:1;margin-bottom:8px}
.fblog-root .fblog-pill-green{background:#e6f2dc;color:#1f483d}
.fblog-root .fblog-pill-mint{background:#daf4e9;color:#125549}
.fblog-root .fblog-pill-blue{background:#e1efff;color:#155a8b}
.fblog-root .fblog-pill-lilac{background:#eae7ff;color:#424d99}
.fblog-root .fblog-pill-sand{background:#fff0d5;color:#72521c}
.fblog-root .fblog-card h2{font-size:17px!important;font-weight:750;line-height:1.34;letter-spacing:-.02em;color:#122733;margin:0 0 8px;max-width:100%}
.fblog-root .fblog-card h2 a:hover{color:var(--fb-green)}
.fblog-root .fblog-excerpt{font-size:13.5px;color:#79858c;line-height:1.45;min-height:56px;margin:0 0 12px;max-width:100%}
.fblog-root .fblog-card-meta{display:flex;flex-wrap:wrap;gap:7px 15px;color:#879097;font-size:11.5px;line-height:1.35;margin-top:auto;margin-bottom:11px}
.fblog-root .fblog-card-meta span{display:inline-flex;align-items:center;gap:5px}
.fblog-root .fblog-card-meta i{font-size:11px}
.fblog-root .fblog-read-more{display:inline-flex;align-items:center;gap:10px;color:var(--fb-dark)!important;font-size:13px;font-weight:750;line-height:1.3}
.fblog-root .fblog-read-more i{font-size:13px;transition:transform .2s ease}
.fblog-root .fblog-read-more:hover i{transform:translateX(3px)}
.fblog-root .fblog-pagination{margin-top:21px;display:flex;justify-content:center;align-items:center;gap:8px}
.fblog-root .fblog-page-number,.fblog-root .fblog-page-arrow{border:1px solid #e4eaea;background:#fff;min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;line-height:1;font-weight:650;color:#53626c}
.fblog-root .fblog-page-arrow{font-size:19px;color:#637682}
.fblog-root .fblog-page-dots{padding:0 6px;font-size:17px;color:#6b7881}
.fblog-root .fblog-page-number:hover,.fblog-root .fblog-page-arrow:hover{border-color:#9ebfb2;color:var(--fb-dark)}
.fblog-root .fblog-page-number.is-active{background:#003b36;color:#fff;box-shadow:0 3px 9px rgba(0,62,57,.18);border-color:#003b36}
.fblog-root .fblog-page-disabled{opacity:.42;pointer-events:none}
.fblog-root .fblog-empty{grid-column:1/-1;padding:65px 24px;text-align:center;background:#f7faf8;border:1px dashed #cfdcd5;border-radius:8px}
.fblog-root .fblog-empty>div{font-size:42px;color:#9bb9a4;margin-bottom:8px}
.fblog-root .fblog-empty h2{font-size:21px;letter-spacing:-.03em;margin:0 0 7px}
.fblog-root .fblog-empty p{color:var(--fb-muted);margin:0 0 14px}
.fblog-root .fblog-empty a{font-weight:750;font-size:13px;color:var(--fb-dark)}
/* Sidebar */
.fblog-root .fblog-newsletter{background:linear-gradient(128deg,#eaf3ee,#f2f6f2);border-radius:7px;padding:22px 20px 18px;margin-bottom:14px}
.fblog-root .fblog-newsletter-icon{width:51px;height:51px;background:#d1e8d2;border-radius:50%;display:grid;place-items:center;color:#164838;font-size:23px;margin:0 0 13px}
.fblog-root .fblog-newsletter h2{color:var(--fb-ink);font-size:18px!important;line-height:1.28;font-weight:750;letter-spacing:-.03em;margin:0 0 7px}
.fblog-root .fblog-newsletter>p{color:#77868b;font-size:13px;line-height:1.38;margin:0 0 13px}
.fblog-root .fblog-newsletter-input{height:43px;display:flex;align-items:center;background:#fff;border:1px solid #e5eaea;border-radius:8px;padding:3px 4px 3px 12px;overflow:hidden}
.fblog-root .fblog-newsletter-input input{min-width:0;flex:1;width:100%;height:100%;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;font-size:12.5px;color:#173328;padding:0!important;margin:0}
.fblog-root .fblog-newsletter-input input::placeholder{color:#a0aab0}
.fblog-root .fblog-newsletter-input button{width:33px;height:33px;display:grid;place-items:center;color:#fff;background:#003e39;border:0;border-radius:50%;flex:none;padding:0;transition:background .2s}
.fblog-root .fblog-newsletter-input button:hover{background:#11634d}
.fblog-root .fblog-consent{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.45;color:#58716a;margin:10px 0 0;cursor:pointer}
.fblog-root .fblog-consent input{width:14px;height:14px;margin:1px 0 0;accent-color:#005c45;flex:none}
.fblog-root .fblog-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important}
.fblog-root .fblog-form-message{font-size:12px;line-height:1.35;color:#155c42;margin:6px 0 0;min-height:0}
.fblog-root .fblog-form-message:not(:empty){padding-top:3px}
.fblog-root .fblog-form-message.is-error{color:#ad3434}
.fblog-root .fblog-sidebar-panel{border:1px solid #e6ebeb;border-radius:6px;padding:0 20px;background:#fff}
.fblog-root .fblog-widget{padding:20px 0 18px}
.fblog-root .fblog-widget + .fblog-widget{border-top:1px solid #e8eded}
.fblog-root .fblog-widget h2{font-size:15px!important;letter-spacing:-.02em;line-height:1.3;font-weight:750;color:#142b36;margin:0}
.fblog-root .fblog-widget h2 i{color:#0a5546;font-size:14px;margin-right:8px}
.fblog-root .fblog-tags{display:flex;flex-wrap:wrap;gap:8px 7px;margin-top:14px}
.fblog-root .fblog-tags a,.fblog-root .fblog-article-tags a{font-size:12px;color:#54616b;background:#f0f2f3;padding:6px 11px;border-radius:4px;line-height:1.3;transition:background .2s,color .2s}
.fblog-root .fblog-tags a:hover,.fblog-root .fblog-article-tags a:hover{background:#e3f2e6;color:#104a3b}
.fblog-root .fblog-widget-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}
.fblog-root .fblog-widget-head>a{white-space:nowrap;font-size:11px;color:#16594b;font-weight:650;display:inline-flex;align-items:center;gap:4px}
.fblog-root .fblog-widget-head>a i{font-size:10px}
.fblog-root .fblog-sidebar-list{display:flex;flex-direction:column}
.fblog-root .fblog-mini-article{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 0;border-bottom:1px solid #eff1f1}
.fblog-root .fblog-mini-article:last-child{border:0;padding-bottom:0}
.fblog-root .fblog-mini-cover{width:65px;height:43px;border-radius:4px;flex:none;overflow:hidden;background:#e8f1e7}
.fblog-root .fblog-mini-cover img{width:100%;height:100%;object-fit:cover;display:block}
.fblog-root .fblog-mini-cover .fblog-image-fallback{min-height:0}
.fblog-root .fblog-mini-cover .fblog-image-fallback span{font-size:15px}
.fblog-root .fblog-mini-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.fblog-root .fblog-mini-copy strong{font-size:12px;line-height:1.35;letter-spacing:-.008em;font-weight:700;color:#243139}
.fblog-root .fblog-mini-article:hover .fblog-mini-copy strong{color:#00614d}
.fblog-root .fblog-mini-copy small{font-size:10px;color:#909aa1;line-height:1.2}
.fblog-root .fblog-mini-copy small i{font-size:9px}
.fblog-root .fblog-mini-rank{width:26px;height:26px;flex:none;display:grid;place-items:center;background:#e4eee6;border-radius:50%;font-size:12px;font-weight:800;color:#204c41}
.fblog-root .fblog-ranked .fblog-mini-article{min-height:47px;padding:10px 0}
/* Article detail */
.fblog-root .fblog-detail-hero{min-height:160px}
.fblog-root .fblog-detail-hero .fblog-hero-inner{padding-top:26px;padding-bottom:19px}
.fblog-root .fblog-detail-hero .fblog-breadcrumb{margin-bottom:12px;max-width:68%;font-size:11px}
.fblog-root .fblog-detail-hero .fblog-category-pill{margin:0 0 7px;padding:5px 11px}
.fblog-root .fblog-detail-hero h1{font-size:clamp(25px,2.75vw,33px);max-width:740px;line-height:1.2;margin-bottom:8px}
.fblog-root .fblog-detail-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:#7c8790}
.fblog-root .fblog-detail-meta span{display:inline-flex;align-items:center;gap:7px}
.fblog-root .fblog-detail-meta i{font-size:11px}
.fblog-root .fblog-article-cover{width:100%;aspect-ratio:2.4/1;background:#e6efec;border-radius:6px;overflow:hidden}
.fblog-root .fblog-article-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.fblog-root .fblog-article-cover .fblog-image-fallback{height:100%;min-height:0}
.fblog-root .fblog-share{display:flex;align-items:center;gap:9px;min-height:61px;border-bottom:1px solid #e8eded;margin-bottom:15px;flex-wrap:wrap}
.fblog-root .fblog-share>span:first-child{font-size:12px;color:#54616a;margin-right:2px}
.fblog-root .fblog-share a,.fblog-root .fblog-share button{width:32px;height:32px;border:1px solid #e5ebeb;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#014b42;transition:background .2s,border-color .2s;font-size:12px;padding:0;line-height:1}
.fblog-root .fblog-share a:hover,.fblog-root .fblog-share button:hover{background:#e6f4ee;border-color:#c2e0d1}
.fblog-root .fblog-share .fblog-social-letter{font-size:12px;font-weight:750}
.fblog-root .fblog-share i+.fblog-social-letter{display:none}
.fblog-root .fblog-copy-feedback{font-size:11px;color:var(--fb-green);flex:1}
.fblog-root .fblog-highlight{border-left:4px solid #91c668;background:linear-gradient(115deg,#edf7ee,#f6faf7);display:flex;align-items:center;gap:17px;border-radius:5px;padding:19px 21px;margin-bottom:20px}
.fblog-root .fblog-highlight-icon{display:grid;place-items:center;background:#d4e9d2;color:#155845;width:47px;height:47px;border-radius:50%;flex:none;font-size:26px}
.fblog-root .fblog-highlight p{margin:0;color:#394d55;font-size:14px;line-height:1.55}
.fblog-root .fblog-article-body{max-width:100%;font-size:15px;color:#4c5b63;line-height:1.85;overflow-wrap:anywhere}
.fblog-root .fblog-article-body p{margin-bottom:16px;color:inherit;line-height:inherit;font-size:inherit}
.fblog-root .fblog-article-body h2,.fblog-root .fblog-article-body h3,.fblog-root .fblog-article-body h4{font-weight:750;line-height:1.35;letter-spacing:-.02em;color:#18313a;margin:24px 0 13px}
.fblog-root .fblog-article-body h2{font-size:25px!important}
.fblog-root .fblog-article-body h3{font-size:20px!important}
.fblog-root .fblog-article-body ul,.fblog-root .fblog-article-body ol{margin:10px 0 21px 0;padding-left:25px}
.fblog-root .fblog-article-body li{padding-left:2px;margin:6px 0;line-height:1.75}
.fblog-root .fblog-article-body li::marker{color:#1b7a52}
.fblog-root .fblog-article-body a{color:#006a52;text-decoration:underline}
.fblog-root .fblog-article-body img{border-radius:5px;max-width:100%;height:auto}
.fblog-root .fblog-article-body blockquote{border-left:4px solid #c3e2c8;padding:10px 20px;margin:20px 0;color:#345b50;background:#f5f9f5}
.fblog-root .fblog-article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:20px 0}
.fblog-root .fblog-article-body th,.fblog-root .fblog-article-body td{padding:10px;border:1px solid #dde6e1}
.fblog-root .fblog-article-body iframe{max-width:100%}
.fblog-root .fblog-article-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #ecf0ee;font-size:12px}
.fblog-root .fblog-article-tags strong{font-weight:750;color:#5a6870;margin-right:3px}
.fblog-root .fblog-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:13px 0 28px;margin-bottom:16px}
.fblog-root .fblog-prevnext>a{display:flex;align-items:center;gap:13px;min-width:0;color:#102a33}
.fblog-root .fblog-prevnext>a:hover strong{color:#0a7357}
.fblog-root .fblog-prevnext .fblog-next{justify-content:flex-end;text-align:right;border-left:1px solid #e6ecea;padding-left:16px}
.fblog-root .fblog-prevnext>a span:not(.fblog-prevnext-arrow){min-width:0}
.fblog-root .fblog-prevnext small{display:block;font-size:12px;line-height:1.4;color:#87929b;margin-bottom:1px}
.fblog-root .fblog-prevnext strong{display:block;font-size:13px;font-weight:750;line-height:1.35;max-width:260px}
.fblog-root .fblog-prevnext-arrow{width:36px;height:36px;border-radius:50%;background:#f1f6f3;display:grid;place-items:center;font-size:25px;color:#356656;flex:none}
.fblog-root .fblog-related{width:100%;margin-top:8px}
.fblog-root .fblog-related-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.fblog-root .fblog-related-heading h2{color:#122c35;font-size:23px!important;font-weight:750;letter-spacing:-.025em;margin:0}
.fblog-root .fblog-related-heading a{font-size:12px;font-weight:650;color:#0f614c}
.fblog-root .fblog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fblog-root .fblog-related-grid .fblog-card-cover{aspect-ratio:2.25/1}
.fblog-root .fblog-related-grid .fblog-card-content{padding:0 11px 11px}
.fblog-root .fblog-related-grid .fblog-category-pill{font-size:9px;padding:4px 10px;margin-bottom:6px}
.fblog-root .fblog-related-grid .fblog-card h2{font-size:13px!important;line-height:1.35}
.fblog-root .fblog-related-grid .fblog-excerpt{font-size:11px;min-height:0;margin-bottom:10px;line-height:1.35}
.fblog-root .fblog-related-grid .fblog-card-meta{display:none}
.fblog-root .fblog-related-grid .fblog-read-more{font-size:11px}
@media (max-width:1050px){
 .fblog-root .fblog-columns{grid-template-columns:minmax(0,1fr) 270px;gap:24px}
 .fblog-root .fblog-filters{grid-template-columns:minmax(0,1fr) 152px 131px;gap:8px}
 .fblog-root .fblog-card-meta{gap:6px 10px}
}
@media (max-width:810px){
 .fblog-root .fblog-columns{grid-template-columns:minmax(0,1fr);gap:32px}
 .fblog-root .fblog-sidebar{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;align-items:start}
 .fblog-root .fblog-newsletter{margin:0}
 .fblog-root .fblog-hero{background-position:right center;background-size:auto 100%}
 .fblog-root .fblog-hero::before{background:linear-gradient(90deg,#f5f8f5 0%,#f5f8f5 30%,rgba(245,248,245,.85) 55%,rgba(245,248,245,.2) 100%)}
}
@media (max-width:590px){
 .fblog-root{font-size:14px;padding-bottom:35px}
 .fblog-root .fblog-container{width:calc(100% - 32px)}
 .fblog-root .fblog-hero{min-height:170px;background-size:auto 90%;background-position:calc(100% + 50px) center}
 .fblog-root .fblog-hero::before{background:linear-gradient(90deg,#f6f9f6 0%,rgba(246,249,246,.99) 48%,rgba(246,249,246,.62) 100%)}
 .fblog-root .fblog-hero-inner{padding:25px 0}
 .fblog-root .fblog-breadcrumb{font-size:11px;max-width:100%}
 .fblog-root .fblog-hero h1{font-size:27px;max-width:340px;line-height:1.17}
 .fblog-root .fblog-hero p{font-size:13px;max-width:325px}
 .fblog-root .fblog-columns{padding-top:17px;gap:25px}
 .fblog-root .fblog-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
 .fblog-root .fblog-search{grid-column:1/-1}
 .fblog-root .fblog-grid{grid-template-columns:1fr;gap:16px}
 .fblog-root .fblog-card-cover{aspect-ratio:2/1}
 .fblog-root .fblog-card-content{padding:0 15px 16px}
 .fblog-root .fblog-card h2{font-size:18px!important}
 .fblog-root .fblog-excerpt{min-height:0}
 .fblog-root .fblog-sidebar{display:flex;flex-direction:column;gap:15px}
 .fblog-root .fblog-newsletter,.fblog-root .fblog-sidebar-panel{width:100%}
 .fblog-root .fblog-detail-hero h1{font-size:26px}
 .fblog-root .fblog-detail-hero .fblog-breadcrumb{max-width:100%}
 .fblog-root .fblog-detail-meta{gap:6px 13px;font-size:11px}
 .fblog-root .fblog-article-cover{aspect-ratio:1.75/1}
 .fblog-root .fblog-highlight{padding:14px;gap:10px}
 .fblog-root .fblog-highlight-icon{width:36px;height:36px;font-size:18px}
 .fblog-root .fblog-highlight p{font-size:13px}
 .fblog-root .fblog-article-body{font-size:14px}
 .fblog-root .fblog-related-grid{grid-template-columns:1fr;gap:12px}
 .fblog-root .fblog-related-grid .fblog-card-cover{aspect-ratio:2.2/1}
 .fblog-root .fblog-related-grid .fblog-card h2{font-size:16px!important}
 .fblog-root .fblog-related-grid .fblog-excerpt{font-size:13px}
 .fblog-root .fblog-related-heading h2{font-size:21px!important}
 .fblog-root .fblog-prevnext{gap:7px}
 .fblog-root .fblog-prevnext strong{font-size:11px}
 .fblog-root .fblog-prevnext-arrow{width:28px;height:28px;font-size:20px}
}
@media (prefers-reduced-motion:reduce){.fblog-root *{transition:none!important;scroll-behavior:auto!important}}

/* Filantrophy UI baseline: every user-facing text item is at least 14px. */
.fblog-root .fblog-breadcrumb, .fblog-root .fblog-search input,
.fblog-root .fblog-select select,.fblog-root .fblog-results,
.fblog-root .fblog-results a,.fblog-root .fblog-category-pill,
.fblog-root .fblog-card-meta,.fblog-root .fblog-read-more,
.fblog-root .fblog-excerpt,.fblog-root .fblog-page-number,
.fblog-root .fblog-widget-head>a,.fblog-root .fblog-tags a,
.fblog-root .fblog-mini-copy strong,.fblog-root .fblog-mini-copy small,
.fblog-root .fblog-mini-rank,.fblog-root .fblog-newsletter>p,
.fblog-root .fblog-newsletter-input input,.fblog-root .fblog-consent,
.fblog-root .fblog-form-message,.fblog-root .fblog-detail-meta,
.fblog-root .fblog-share>span:first-child,.fblog-root .fblog-highlight p,
.fblog-root .fblog-article-tags,.fblog-root .fblog-article-tags a,
.fblog-root .fblog-prevnext small,.fblog-root .fblog-prevnext strong,
.fblog-root .fblog-related-heading a,.fblog-root .fblog-related-grid .fblog-category-pill,
.fblog-root .fblog-related-grid .fblog-card h2,.fblog-root .fblog-related-grid .fblog-excerpt,
.fblog-root .fblog-related-grid .fblog-read-more,
.fblog-root .fblog-copy-feedback{font-size:14px!important}

/* 1.0.2: Only nodes explicitly detected as duplicate template blog modules by
   blog.js receive this class. Header, footer and other pages are untouched. */
.fblog-legacy-sidebar-hidden,
.fblog-legacy-sidebar-hidden[hidden] {
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
/* Ensure the entire approved experience is painted above background-only
   template decoration but do not override the global navigation layers. */
.fblog-root .fblog-sidebar {position:relative;z-index:1;isolation:isolate}
.fblog-root .fblog-sidebar-panel,.fblog-root .fblog-newsletter {position:relative;max-width:100%;overflow:hidden}
.fblog-root .fblog-sidebar .fblog-mini-copy {width:100%;overflow-wrap:anywhere}
.fblog-root .fblog-sidebar .fblog-widget-head {min-width:0}
.fblog-root .fblog-sidebar .fblog-widget-head h2 {min-width:0}
.fblog-root .fblog-sidebar .fblog-mini-article {max-width:100%}
.fblog-root .fblog-sidebar .fblog-mini-cover {display:block}
@media(min-width:811px){
 .fblog-root .fblog-columns {grid-template-columns:minmax(0,1fr) minmax(270px,296px)}
}


/* 1.0.3 — The actual JA Charity/T3 page layout puts the template's old
   sidebar outside the component buffer. Give the redesigned blog the entire
   mainbody and remove ONLY that sibling sidebar on blog pages. :has() makes
   this work even if the template still emits blog.js before DOMContentLoaded.
   The html class is a fallback for engines without :has(). */
html:has([data-fblog-root][data-fblog-hide-legacy="1"]) #t3-mainbody,
html.fblog-experience-active #t3-mainbody {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}
html:has([data-fblog-root][data-fblog-hide-legacy="1"]) #t3-mainbody > .row,
html.fblog-experience-active #t3-mainbody > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html:has([data-fblog-root][data-fblog-hide-legacy="1"]) #t3-mainbody > .row > #t3-content,
html.fblog-experience-active #t3-mainbody > .row > #t3-content {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
html:has([data-fblog-root][data-fblog-hide-legacy="1"]) #t3-mainbody > .row > .t3-sidebar,
html.fblog-experience-active #t3-mainbody > .row > .t3-sidebar {
  display: none !important;
  visibility: hidden !important;
}
html:has([data-fblog-root][data-fblog-hide-legacy="1"]) #t3-content > .fblog-root,
html.fblog-experience-active #t3-content > .fblog-root {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}



/* ===============================================================
   v1.0.5 — Filantrophy / JA Charity Header Theme
   Primary header: EXACT #002B2A, no image or white override.
   Applied ONLY when the redesigned Blog Listing/Detail is present.
   The existing T3 header structure and site footer are preserved.
   =============================================================== */
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header.my-overview-header {
  background: #002B2A !important;
  background-image: none !important;
  background-color: #002B2A !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: 0 5px 16px rgba(0,31,30,.12) !important;
}
/* Existing embedded heart/logo retained, recolored white on teal. */
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-logo-wrapper svg {
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
  transition: opacity .2s ease,transform .25s ease !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-logo-wrapper a:hover svg {
  opacity: .86 !important;
  transform: translateY(-1px);
}
/* Default top-level menu state */
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .t3-navbar .navbar-nav.level0 > li > a,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-menu-list > li > a {
  position: relative;
  color: #f2f9f6 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  transition: color .22s ease,opacity .22s ease !important;
}
/* Clean lime underline glides into view on hover; no layout change. */
@media (min-width:1280px){
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .navbar-nav.level0 > li > a::after {
    content:"";
    position:absolute;
    height:2px;
    left:0;right:0;bottom:-10px;
    background:#A6E319;
    border-radius:999px;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .25s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .navbar-nav.level0 > li:hover > a::after,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .navbar-nav.level0 > li > a:focus-visible::after,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .navbar-nav.level0 > li.active > a::after,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .navbar-nav.level0 > li.current > a::after {
    transform:scaleX(1);
  }
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .t3-navbar .navbar-nav.level0 > li:hover > a,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .t3-navbar .navbar-nav.level0 > li > a:hover,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .t3-navbar .navbar-nav.level0 > li > a:focus-visible,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .t3-navbar .navbar-nav.level0 > li.active > a,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .t3-navbar .navbar-nav.level0 > li.current > a {
  color: #A6E319 !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .t3-navbar .navbar-nav.level0 > li > a .caret {
  border-top-color: currentColor !important;
  border-bottom-color: currentColor !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-header-actions .custom-icon-btn,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-header-actions .custom-icon-btn svg {
  color: #f2f9f6 !important;
  stroke: currentColor;
  transition: color .2s ease, transform .2s ease,background-color .2s ease !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-header-actions .custom-icon-btn:hover,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-header-actions .custom-icon-btn:focus-visible {
  color: #A6E319 !important;
  transform: translateY(-2px);
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-header-actions .custom-icon-btn:hover svg,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-header-actions .custom-icon-btn:focus-visible svg {
  color: #A6E319 !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-divider {
  background-color:rgba(255,255,255,.22) !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-mobile-toggle {
  color: #fff !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-mobile-toggle .custom-toggle-line {
  background-color: #fff !important;
  transition:background-color .2s ease,transform .3s ease,opacity .2s ease !important;
}
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-mobile-toggle:hover .custom-toggle-line,
:is(html:has([data-fblog-root]),html.fblog-blog-active)
  .custom-premium-header .custom-mobile-toggle:focus-visible .custom-toggle-line {
  background-color:#A6E319 !important;
}
/* Desktop dropdown uses the same theme, with spacious highlighted entries. */
@media (min-width:1280px) {
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .nav-child,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .mega-dropdown-menu {
    background-color:#003C39 !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:12px !important;
    padding:9px !important;
    box-shadow:0 18px 40px rgba(0,30,27,.22) !important;
  }
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .mega-dropdown-menu li>a {
    color:#edf7f2 !important;
    background:transparent !important;
    border-radius:7px !important;
    padding:10px 13px !important;
    font-size:14px !important;
    transition: color .2s ease,background-color .2s ease,transform .2s ease !important;
  }
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .mega-dropdown-menu li>a:hover,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .mega-dropdown-menu li>a:focus-visible,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .mega-dropdown-menu li.active>a,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .t3-navbar .mega-dropdown-menu li.current>a {
    background:rgba(166,227,25,.12) !important;
    color:#A6E319 !important;
    transform:translateX(2px);
  }
}
/* Existing mobile drawer is dark: preserve white labels and lime hover. */
@media (max-width:1279px) {
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .custom-header-nav {
    background-color:#002B2A !important;
  }
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .custom-header-nav .t3-navbar .navbar-nav.level0 > li > a {
    color:#f2f9f6 !important;
    transition:color .2s ease,background .2s ease,padding .2s ease !important;
  }
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .custom-header-nav .t3-navbar .navbar-nav.level0 > li > a:hover,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .custom-header-nav .t3-navbar .navbar-nav.level0 > li > a:focus-visible,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .custom-header-nav .t3-navbar .navbar-nav.level0 > li.active > a {
    color:#A6E319 !important;
  }
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .custom-header-nav .mega-nav li>a:hover,
  :is(html:has([data-fblog-root]),html.fblog-blog-active)
    .custom-premium-header .custom-header-nav .mega-nav li>a:focus-visible {
    color:#A6E319 !important;
  }
}
/* ===============================================================
   v1.0.5 — Refined Blog Surface Interactions (component-only)
   Movement is subtle and never changes row or column measurements.
   =============================================================== */
.fblog-root .fblog-card {
  transition:transform .32s cubic-bezier(.2,.75,.2,1),
             box-shadow .32s ease,border-color .32s ease;
}
.fblog-root .fblog-card:hover,.fblog-root .fblog-card:focus-within {
  transform:translateY(-5px);
  border-color:#c7ded2;
  box-shadow:0 17px 35px rgba(0,43,42,.13);
}
.fblog-root .fblog-card-cover {position:relative;}
.fblog-root .fblog-card-cover::after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(0,43,42,.16));
  opacity:0;pointer-events:none;
  transition:opacity .3s ease;
}
.fblog-root .fblog-card:hover .fblog-card-cover::after,
.fblog-root .fblog-card:focus-within .fblog-card-cover::after {opacity:1;}
.fblog-root .fblog-card-cover img{transition:transform .48s cubic-bezier(.2,.8,.2,1);}
.fblog-root .fblog-card:hover .fblog-card-cover img,
.fblog-root .fblog-card:focus-within .fblog-card-cover img {transform:scale(1.055);}
.fblog-root .fblog-card h2 a {transition:color .2s ease;}
.fblog-root .fblog-card h2 a:hover,
.fblog-root .fblog-card h2 a:focus-visible {color:#00674f !important;}
.fblog-root .fblog-read-more {position:relative;transition:color .2s ease,gap .2s ease;}
.fblog-root .fblog-read-more:hover,
.fblog-root .fblog-read-more:focus-visible {color:#007657 !important;gap:14px;}
.fblog-root .fblog-read-more:hover i,
.fblog-root .fblog-read-more:focus-visible i {transform:translateX(3px);}
.fblog-root .fblog-category-pill:is(a,button):hover,
.fblog-root .fblog-category-pill:is(a,button):focus-visible {
  background:#d3eabc;color:#002B2A;box-shadow:0 2px 9px rgba(0,43,42,.12);
}
/* Interactive filters: green focus ring and subtle hover. */
.fblog-root .fblog-search,.fblog-root .fblog-select {
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.fblog-root .fblog-search:hover,.fblog-root .fblog-select:hover {
  border-color:#abcbbc;background-color:#fbfefc;
}
.fblog-root .fblog-search:focus-within,.fblog-root .fblog-select:focus-within {
  border-color:#247b62;box-shadow:0 0 0 3px rgba(0,104,79,.12);
}
.fblog-root .fblog-page-number,.fblog-root .fblog-page-arrow {
  transition:background-color .2s ease,color .2s ease,
             border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.fblog-root .fblog-page-number:not(.is-active):hover,
.fblog-root .fblog-page-arrow:not(.fblog-page-disabled):hover,
.fblog-root .fblog-page-number:not(.is-active):focus-visible,
.fblog-root .fblog-page-arrow:not(.fblog-page-disabled):focus-visible {
  color:#fff;background:#002B2A;border-color:#002B2A;
  transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,43,42,.16);
}
.fblog-root .fblog-page-number.is-active {background:#002B2A;border-color:#002B2A;}
.fblog-root .fblog-tags a,.fblog-root .fblog-article-tags a {
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.fblog-root .fblog-tags a:hover,.fblog-root .fblog-article-tags a:hover,
.fblog-root .fblog-tags a:focus-visible,.fblog-root .fblog-article-tags a:focus-visible {
  background:#002B2A;color:#fff;transform:translateY(-2px);
}
.fblog-root .fblog-mini-article {
  border-radius:7px;
  transition:background-color .2s ease,box-shadow .2s ease;
}
.fblog-root .fblog-mini-article:hover,
.fblog-root .fblog-mini-article:focus-within {
  background:#f4faf6;
  box-shadow:0 0 0 4px #f4faf6;
}
.fblog-root .fblog-mini-cover img {transition:transform .3s ease;}
.fblog-root .fblog-mini-article:hover .fblog-mini-cover img {transform:scale(1.06);}
.fblog-root .fblog-widget-head>a {transition:color .2s ease,gap .2s ease;}
.fblog-root .fblog-widget-head>a:hover,.fblog-root .fblog-widget-head>a:focus-visible {
  color:#007657;gap:8px;
}
.fblog-root .fblog-newsletter-input {
  transition:border-color .2s ease,box-shadow .2s ease;
}
.fblog-root .fblog-newsletter-input:focus-within {
  border-color:#4b9979;box-shadow:0 0 0 3px rgba(0,104,79,.12);
}
.fblog-root .fblog-newsletter-input button {
  background:#002B2A;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.fblog-root .fblog-newsletter-input button:hover,
.fblog-root .fblog-newsletter-input button:focus-visible {
  background:#A6E319;color:#002B2A;transform:rotate(-35deg);
}
.fblog-root .fblog-share a,.fblog-root .fblog-share button {
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.fblog-root .fblog-share a:hover,.fblog-root .fblog-share button:hover,
.fblog-root .fblog-share a:focus-visible,.fblog-root .fblog-share button:focus-visible {
  color:#fff;background:#002B2A;border-color:#002B2A;transform:translateY(-2px);
}
.fblog-root .fblog-prevnext a:hover .fblog-prevnext-arrow,
.fblog-root .fblog-prevnext a:focus-visible .fblog-prevnext-arrow {
  background:#002B2A;color:#fff;transform:translateX(2px);
}
.fblog-root .fblog-prevnext-arrow {transition:background .2s ease,color .2s ease,transform .2s ease;}
.fblog-root .fblog-article-body a:hover {color:#002B2A;text-decoration-thickness:2px;}
/* All hover affordances remain keyboard-accessible. */
.fblog-root a:focus-visible,.fblog-root button:focus-visible,
.fblog-root select:focus-visible {outline:2px solid #3aa585;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){
  :is(html:has([data-fblog-root]),html.fblog-blog-active) .custom-premium-header *,
  :is(html:has([data-fblog-root]),html.fblog-blog-active) .custom-premium-header *::after,
  .fblog-root *, .fblog-root *::after {transition:none!important;animation:none!important;}
  .fblog-root .fblog-card:hover {transform:none;}
}