/* NGO Legend 3.8 — configurable homepage with 10-preset-aware components. */
body.legend-site .ngo-home-spotlight,body.legend-site .ngo-home-resources,body.legend-site .ngo-home-quick{position:relative;isolation:isolate}
body.legend-site .ngo-home-section-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px;font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--cngo-green)}
body.legend-site .ngo-home-section-label a{color:var(--ngo-design-ink);letter-spacing:normal;font-size:12px;font-weight:700;text-decoration:none;text-underline-offset:5px}
body.legend-site .ngo-home-section-label a:hover{text-decoration:underline}
body.legend-site .ngo-home-spotlight{background:var(--ngo-design-surface);padding-block:calc(var(--ngo-density-space) * .8)}
body.legend-site .ngo-spotlight-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid var(--ngo-design-line);border-radius:24px;overflow:hidden;background:var(--ngo-design-wash);box-shadow:0 20px 55px #163c3420;min-height:430px}
body.legend-site .ngo-spotlight-media{position:relative;min-height:405px;overflow:hidden;background:var(--ngo-design-line)}
body.legend-site .ngo-spotlight-media img{display:block;width:100%;height:100%;min-height:405px;object-fit:cover;transition:transform .55s ease}
body.legend-site .ngo-spotlight-card:hover .ngo-spotlight-media img{transform:scale(1.035)}
body.legend-site .ngo-spotlight-media:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#0002);pointer-events:none}
body.legend-site .ngo-spotlight-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:clamp(27px,4.8vw,68px);min-width:0}
body.legend-site .ngo-spotlight-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:var(--cngo-green)}
body.legend-site .ngo-spotlight-content h2{font-family:var(--legend-display-font);font-size:clamp(30px,3.4vw,49px);line-height:1.21;overflow-wrap:anywhere;color:var(--ngo-design-ink);margin:0}
body.legend-site .ngo-spotlight-content p{color:var(--ngo-design-muted);font-size:15px;line-height:1.9;margin:0;max-width:560px}
body.legend-site .ngo-spotlight-meta{display:flex;flex-wrap:wrap;gap:10px}
body.legend-site .ngo-spotlight-meta span{display:inline-flex;align-items:center;padding:7px 11px;background:var(--ngo-design-surface);border:1px solid var(--ngo-design-line);border-radius:999px;color:var(--ngo-design-ink);font-size:11px;font-weight:650}
body.legend-site .ngo-spotlight-content .legend-btn{margin-top:2px;min-height:48px}
body.legend-site .ngo-home-resources{background:var(--ngo-design-wash);border-block:1px solid var(--ngo-design-line)}
body.legend-site .ngo-home-resources-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:27px}
body.legend-site .ngo-home-resources-heading h2{font:750 clamp(29px,3.6vw,45px)/1.2 var(--legend-display-font);letter-spacing:-.02em;max-width:630px;margin:0;color:var(--ngo-design-ink)}
body.legend-site .ngo-home-resources-heading p{max-width:300px;font-size:14px;line-height:1.75;color:var(--ngo-design-muted);margin:0}
body.legend-site .ngo-home-resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
body.legend-site .ngo-home-resource{display:flex;flex-direction:column;align-items:flex-start;min-height:258px;padding:25px;background:var(--ngo-design-surface);border:1px solid var(--ngo-design-line);border-radius:var(--ngo-card-radius);text-decoration:none;color:var(--ngo-design-ink);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;min-width:0}
body.legend-site .ngo-home-resource:hover{transform:translateY(-5px);border-color:var(--cngo-green);box-shadow:0 18px 35px #152c2a18}
body.legend-site .ngo-resource-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:10px;font-weight:850;letter-spacing:.1em;color:var(--ngo-design-muted)}
body.legend-site .ngo-resource-top>span:last-child{font-size:22px;color:var(--cngo-green)}
body.legend-site .ngo-resource-icon{display:grid;place-items:center;width:45px;height:45px;color:var(--cngo-green);background:var(--ngo-design-wash);border-radius:12px;margin:15px 0}
body.legend-site .ngo-resource-icon svg{width:22px;height:22px}
body.legend-site .ngo-home-resource strong{display:block;font:750 19px/1.4 var(--legend-display-font);margin-bottom:16px;overflow-wrap:anywhere}
body.legend-site .ngo-home-resource small{margin-top:auto;color:var(--ngo-design-muted);font-size:12px}
body.legend-site .ngo-home-quick{background:var(--ngo-design-surface);padding-block:calc(var(--ngo-density-space) * .7)}
body.legend-site .ngo-home-quick-intro{text-align:center;margin:0 auto 28px;max-width:680px}
body.legend-site .ngo-home-quick-intro>span{font-weight:850;font-size:11px;letter-spacing:.14em;color:var(--cngo-green)}
body.legend-site .ngo-home-quick-intro h2{font:750 clamp(29px,3.3vw,45px)/1.23 var(--legend-display-font);color:var(--ngo-design-ink);margin:12px 0 0}
body.legend-site .ngo-home-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.legend-site .ngo-home-quick-card{display:flex;align-items:center;gap:15px;padding:23px 21px;min-width:0;border:1px solid var(--ngo-design-line);border-radius:var(--ngo-card-radius);color:var(--ngo-design-ink);text-decoration:none;background:var(--ngo-design-wash);transition:border-color .2s ease,transform .2s ease}
body.legend-site .ngo-home-quick-card:hover{border-color:var(--cngo-green);transform:translateY(-3px)}
body.legend-site .ngo-quick-icon{display:grid;place-items:center;flex:none;width:51px;height:51px;border-radius:14px;background:var(--ngo-design-surface);color:var(--cngo-green);border:1px solid var(--ngo-design-line)}
body.legend-site .ngo-quick-icon svg{width:23px;height:23px}
body.legend-site .ngo-home-quick-card>span:nth-child(2){display:flex;flex-direction:column;gap:6px;min-width:0}
body.legend-site .ngo-home-quick-card strong{font-size:16px;line-height:1.4}
body.legend-site .ngo-home-quick-card small{font-size:12px;line-height:1.65;color:var(--ngo-design-muted)}
body.legend-site .ngo-quick-arrow{margin-left:auto;color:var(--cngo-green);font-size:21px}
/* Native WordPress footer menus; never alter the header's navigation list. */
body.legend-site .ngo-footer-nav{margin:0;padding:0;list-style:none;display:grid;gap:9px}
body.legend-site .ngo-footer-nav li{list-style:none;margin:0}
body.legend-site .ngo-footer-nav a{display:inline-block;text-decoration:none;font-size:13px}
body.legend-site .ngo-footer-nav .sub-menu{list-style:none;margin:6px 0 10px 13px;padding:0;display:grid;gap:6px}
body.legend-site .ngo-footer-nav .sub-menu a{font-size:12px}
body.legend-site .ngo-home-spotlight :is(a,button):focus-visible,
body.legend-site .ngo-home-resources a:focus-visible,
body.legend-site .ngo-home-quick a:focus-visible{outline:3px solid var(--cngo-orange);outline-offset:4px}
/* Bengali rhythm, not manually adjusted text content. */
body.legend-site.cngo-lang-bn .ngo-spotlight-content h2,body.legend-site.cngo-lang-bn .ngo-home-resources-heading h2,body.legend-site.cngo-lang-bn .ngo-home-quick-intro h2{line-height:1.43;letter-spacing:0}
body.legend-site.cngo-lang-bn .ngo-home-resource strong,body.legend-site.cngo-lang-bn .ngo-home-quick-card strong{line-height:1.6}
/* Dark preset contrast parity with the other nine styles. */
body.legend-site.cngo-skin-midnight .ngo-home-spotlight,body.legend-site.cngo-skin-midnight .ngo-home-quick{background:#102525}
body.legend-site.cngo-skin-midnight .ngo-spotlight-card,body.legend-site.cngo-skin-midnight .ngo-home-resource,body.legend-site.cngo-skin-midnight .ngo-home-quick-card{background:#173535;border-color:#355451}
body.legend-site.cngo-skin-midnight .ngo-home-section-label a,body.legend-site.cngo-skin-midnight .ngo-home-quick-card,body.legend-site.cngo-skin-midnight .ngo-spotlight-content h2,body.legend-site.cngo-skin-midnight .ngo-home-resource,body.legend-site.cngo-skin-midnight .ngo-home-resources-heading h2,body.legend-site.cngo-skin-midnight .ngo-home-quick-intro h2{color:#ebf5ef}
body.legend-site.cngo-skin-midnight .ngo-spotlight-content p,body.legend-site.cngo-skin-midnight .ngo-home-resources-heading p,body.legend-site.cngo-skin-midnight .ngo-home-quick-card small{color:#bdcfc8}
body.legend-site.cngo-skin-midnight .ngo-resource-icon,body.legend-site.cngo-skin-midnight .ngo-quick-icon,body.legend-site.cngo-skin-midnight .ngo-spotlight-meta span{background:#102525;color:#9ae7c8;border-color:#355451}
@media(max-width:980px){
  body.legend-site .ngo-spotlight-card{grid-template-columns:1fr 1fr;min-height:370px}
  body.legend-site .ngo-spotlight-media,body.legend-site .ngo-spotlight-media img{min-height:370px}
  body.legend-site .ngo-spotlight-content{padding:30px}
  body.legend-site .ngo-home-resources-grid,body.legend-site .ngo-home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.legend-site .ngo-spotlight-card{grid-template-columns:1fr;border-radius:17px}
  body.legend-site .ngo-spotlight-media,body.legend-site .ngo-spotlight-media img{min-height:270px;height:270px}
  body.legend-site .ngo-spotlight-content{padding:26px 20px;gap:14px}
  body.legend-site .ngo-home-resources-heading{display:block}
  body.legend-site .ngo-home-resources-heading p{margin-top:13px}
  body.legend-site .ngo-home-resources-grid,body.legend-site .ngo-home-quick-grid{grid-template-columns:1fr}
  body.legend-site .ngo-home-resource{min-height:205px}
  body.legend-site .ngo-home-quick-card{padding:19px 15px}
  body.legend-site .ngo-home-section-label{align-items:flex-start;flex-wrap:wrap;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  body.legend-site .ngo-home-resource,body.legend-site .ngo-spotlight-media img,body.legend-site .ngo-home-quick-card{transition:none}
  body.legend-site .ngo-home-resource:hover,body.legend-site .ngo-spotlight-card:hover .ngo-spotlight-media img,body.legend-site .ngo-home-quick-card:hover{transform:none}
}