/* Human Aid Today homepage redesign */
.home-page{padding:26px 0 70px}
.home-hero{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(340px,.95fr);gap:18px;margin-bottom:26px}
.home-lead{position:relative;min-height:500px;overflow:hidden;border-radius:18px;background:#0b3026;box-shadow:0 18px 45px rgba(15,50,39,.13)}
.home-lead>a,.home-lead img{display:block;width:100%;height:100%}
.home-lead img{position:absolute;inset:0;object-fit:cover}
.home-lead-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,14,.03) 18%,rgba(3,18,14,.93) 100%)}
.home-lead-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}
.home-lead-copy h1{max-width:880px;margin:11px 0;font-size:clamp(30px,4vw,49px);line-height:1.16}
.home-lead-copy p{max-width:760px;margin:0;color:#e3eee9}
.home-category{display:inline-flex;color:#087556;font-size:12px;font-weight:900}
.home-lead-copy .home-category{padding:5px 9px;border-radius:6px;background:#0b7758;color:#fff}
.home-meta{display:flex;gap:13px;flex-wrap:wrap;margin-top:11px;color:#72847d;font-size:12px}
.home-lead-copy .home-meta{color:#d8e9e2}
.home-hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-side-story{min-width:0;overflow:hidden;border:1px solid #e0e9e6;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,55,44,.05)}
.home-side-story img{width:100%;aspect-ratio:16/10;object-fit:cover}
.home-side-story span{display:block;padding:11px 13px 0;color:#0b7557;font-size:11px;font-weight:900}
.home-side-story h2{margin:5px 13px 14px;font-size:16px;line-height:1.38}
.home-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px;align-items:start}
.home-main-column{min-width:0}
.home-section{margin-top:32px}
.home-section:first-child{margin-top:0}
.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px;border-bottom:2px solid #dce7e3}
.home-section-head h2{position:relative;margin:0;padding:0 0 10px;font-size:25px}
.home-section-head h2:after{content:"";position:absolute;left:0;bottom:-2px;width:74px;height:3px;background:var(--section-accent,var(--brand))}
.home-section-head a{color:var(--brand);font-size:13px;font-weight:850}
.home-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.home-news-card{overflow:hidden;border:1px solid #e1eae7;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(20,55,44,.04)}
.home-news-card>div{padding:13px}
.home-news-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#e6efec}
.home-news-image img,.home-latest-image img,.home-category-image img,.home-video-image img{width:100%;height:100%;object-fit:cover}
.home-news-card h3,.home-category-card h3{margin:5px 0 0;font-size:17px;line-height:1.42}
.home-latest-list{display:grid;gap:12px}
.home-latest-item{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:center;padding:10px;border:1px solid #e1eae7;border-radius:13px;background:#fff}
.home-latest-image{display:block;overflow:hidden;aspect-ratio:16/10;border-radius:9px;background:#e6efec}
.home-latest-item h3{margin:4px 0;font-size:20px;line-height:1.4}
.home-latest-item p{margin:4px 0 0;color:#60716b;font-size:13px}
.home-video-strip{margin-inline:-18px;padding:26px 18px;border-radius:16px;background:#06251e;color:#fff}
.home-section-head.light{border-color:#264a40}
.home-section-head.light h2:after{background:#34b789}
.home-section-head.light a{color:#d4ece4}
.home-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-video-image{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:10px;background:#0d372c}
.home-video-image span{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.92);color:#0b624a}
.home-video-grid h3{margin:9px 0 0;font-size:15px;line-height:1.4}
.home-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-category-card{min-width:0}
.home-category-image{display:block;overflow:hidden;aspect-ratio:16/10;margin-bottom:10px;border-radius:11px;background:#e6efec}
.home-sidebar{display:grid;align-content:start;gap:18px}
.home-widget{overflow:hidden;border:1px solid #e0e9e6;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(20,55,44,.06)}
.home-widget-head,.home-widget-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #e8efec}
.home-widget-title{justify-content:flex-start}
.home-widget-head>div,.home-widget-title{display:flex;align-items:center;gap:11px}
.home-widget h2{margin:0;font-size:18px;line-height:1.25}
.home-widget p{margin:3px 0 0;color:#6e7f78;font-size:12px}
.home-widget-head>a{padding:6px 10px;border:1px solid #9bb7ad;border-radius:7px;color:#174d3e;font-size:12px;font-weight:800}
.widget-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e8f5f0;color:#0b7456;font-weight:950}
.widget-icon.facebook{background:#eaf2ff;color:#1877f2;font-family:Arial;font-size:21px}
.facebook-feed{padding:8px 14px}
.facebook-feed-item+ .facebook-feed-item{border-top:1px solid #edf2f0}
.facebook-feed-item a{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;padding:11px 0}
.facebook-feed-item img{width:82px;height:64px;object-fit:cover;border-radius:8px}
.facebook-feed-item h3{margin:0;font-size:13px;line-height:1.35}
.facebook-feed-item p,.facebook-feed-item span{font-size:11px;color:#75847e}
.widget-text-link{display:block;padding:10px 16px 14px;text-align:right;color:#0c7456;font-size:12px;font-weight:850}
.sidebar-map-link{display:block;padding:15px;text-align:center}
.sidebar-map-link svg{display:block;width:min(100%,220px);height:auto;margin:0 auto 10px}
.sidebar-map-link path{fill:#d7e9e3;stroke:#669b8b;stroke-width:.55;vector-effect:non-scaling-stroke;transition:.18s}
.sidebar-map-link:hover path{fill:#a9d8c8}
.sidebar-map-link span{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:8px;background:#0c624b;color:#fff;font-size:13px;font-weight:850}
.poll-widget form{padding:16px}
.poll-widget form h3{margin:0 0 14px;font-size:16px;line-height:1.55}
.poll-options{display:grid;gap:9px}
.poll-options label{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #e2eae7;border-radius:9px;cursor:pointer}
.poll-options input{margin-top:4px}
.poll-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.poll-actions button{min-height:40px;border:0;border-radius:8px;background:#0c644d;color:#fff;font-weight:850;cursor:pointer}
.poll-actions .poll-result-button{border:1px solid #bfd1cb;background:#fff;color:#275d4d}
.poll-message{min-height:18px!important;margin-top:9px!important;color:#a62929!important}
.poll-result-list{display:grid;gap:10px;margin-top:13px}
.poll-result-row{display:grid;gap:5px}
.poll-result-row header{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.poll-result-bar{height:7px;overflow:hidden;border-radius:999px;background:#e3ece8}
.poll-result-bar i{display:block;height:100%;background:#0d7558}
.popular-list{list-style:none;margin:0;padding:9px 15px 15px;counter-reset:popular}
.popular-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #edf2f0}
.popular-list li:last-child{border-bottom:0}
.popular-list>li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0a7556;color:#fff;font-size:12px;font-weight:900}
.popular-list a{display:flex;justify-content:space-between;gap:10px}
.popular-list strong{font-size:13px;line-height:1.4}
.popular-list small{flex:none;color:#71827c;font-size:10px}
.newsletter-widget{padding-bottom:16px;background:linear-gradient(145deg,#08291f,#0d624d);color:#fff}
.newsletter-widget .home-widget-title{border-color:#315f51}
.newsletter-widget h2{color:#fff}
.newsletter-widget p{color:#c9ddd6}
.newsletter-widget form{padding:14px 16px 0}
.widget-empty{padding:26px 18px;text-align:center;color:#687a74}
.widget-empty strong{display:block;color:#2e4d42}
@media(max-width:1050px){.home-hero{grid-template-columns:1fr}.home-body-grid{grid-template-columns:1fr}.home-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.facebook-widget,.popular-widget,.newsletter-widget{grid-column:span 2}}
@media(max-width:760px){.home-hero-side{grid-template-columns:1fr 1fr}.home-featured-grid,.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-latest-item{grid-template-columns:125px minmax(0,1fr)}.home-latest-item p{display:none}.home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-sidebar{grid-template-columns:1fr}.facebook-widget,.popular-widget,.newsletter-widget{grid-column:auto}}
@media(max-width:520px){.home-lead{min-height:430px}.home-lead-copy{left:18px;right:18px;bottom:18px}.home-lead-copy h1{font-size:30px}.home-hero-side,.home-featured-grid,.home-category-grid{grid-template-columns:1fr}.home-latest-item{grid-template-columns:110px minmax(0,1fr)}.home-latest-item h3{font-size:16px}.home-video-grid{grid-template-columns:1fr}.poll-actions{grid-template-columns:1fr}}

/* HOMEPAGE ADVERTISEMENT + UTILITY UPDATE: START */

.home-ad {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    overflow: hidden;
    border: 1px solid #dfe8e5;
    border-radius: 14px;
    background: #fff;
}

.home-ad-wide {
    min-height: 90px;
    margin: 22px 0 28px;
    padding: 10px;
}

.home-ad-inline {
    min-height: 90px;
    margin-top: 20px;
    padding: 10px;
}

.home-ad img,
.home-ad iframe,
.home-ad video,
.home-ad object,
.home-ad embed,
.home-ad-content img,
.home-ad-content iframe,
.home-ad-content video,
.home-ad-content object,
.home-ad-content embed {
    display: block;
    max-width: 100% !important;
    height: auto;
    margin-inline: auto;
}

.home-ad iframe,
.home-ad-content iframe {
    width: 100% !important;
}

.home-sidebar-ad {
    position: relative;
    padding: 28px 14px 14px;
    background: #f8faf9;
}

.home-sidebar-ad-tall {
    min-height: 300px;
}

.ad-label {
    position: absolute;
    top: 7px;
    left: 12px;
    color: #89958f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-ad-content {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 120px;
    overflow: hidden;
}

.aid-widget {
    border-color: #cfe4db;
    background:
        radial-gradient(circle at 100% 0%, rgba(20, 139, 101, .10), transparent 34%),
        #fff;
}

.widget-icon.aid {
    background: #e8f6f0;
    color: #087151;
}

.aid-widget-body {
    padding: 16px;
}

.aid-widget-body > p {
    margin: 0 0 14px;
    color: #536861;
    font-size: 13px;
    line-height: 1.65;
}

.aid-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.aid-actions a {
    display: grid;
    place-items: center;
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #0b7053;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 850;
}

.aid-actions a.secondary {
    border: 1px solid #aac9bd;
    background: #fff;
    color: #285d4d;
}

.aid-phone {
    display: block;
    margin-top: 11px;
    padding-top: 11px;
    border-top: 1px solid #e2ebe7;
    color: #0a674e;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 520px) {
    .home-ad-wide,
    .home-ad-inline {
        min-height: 70px;
        margin-block: 18px;
    }

    .aid-actions {
        grid-template-columns: 1fr;
    }
}

/* HOMEPAGE ADVERTISEMENT + UTILITY UPDATE: END */
