:root{--green:#0b5132;--deep:#073d2a;--lime:#88ad35;--gold:#e2bd56;--cream:#f5f2e9;--ink:#183c2e;--muted:#6b7971;--line:#dfe6df;--white:#fff;--shadow:0 14px 38px rgba(15,66,39,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none}.utility-bar{height:34px;background:var(--deep);color:#c8d9d0;font-size:11px;display:flex;align-items:center}.utility-bar a{color:#c8d9d0;margin-left:25px}.utility-bar a:hover{color:#fff}.lang-btn{background:transparent;border:0;color:#fff;margin-left:18px}.portal-header{height:77px;background:#fff;border-bottom:1px solid #e4eae5;position:sticky;top:0;z-index:1030}.portal-header .navbar{height:100%}.navbar-brand{display:flex;align-items:center;gap:10px;color:var(--green)!important}.logo-seal{width:43px;height:43px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:50%;font:700 26px Georgia}.navbar-brand strong{display:block;font:700 24px Georgia;line-height:1}.navbar-brand strong em{color:var(--lime);font-style:normal}.navbar-brand small{display:block;font-size:7px;letter-spacing:1.55px;margin-top:5px}.navbar-nav{height:76px;align-items:center}.navbar-nav .nav-item{height:100%;display:flex;align-items:center}.navbar-nav .nav-link{color:#294d3e!important;font-size:13px;font-weight:700;padding:28px 15px!important;height:100%}.navbar-nav .nav-link i{font-size:8px;margin-left:3px}.navbar-nav .nav-link:hover{color:var(--lime)!important}.nav-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--green)}.ask-btn{background:var(--green);color:#fff;padding:11px 15px;border-radius:6px;font-weight:700;font-size:12px}.ask-btn:hover{background:#0b6840;color:#fff}.mega-menu{display:none;position:absolute;left:50%;transform:translateX(-50%);top:76px;width:min(1100px,94vw);background:#fff;border-radius:0 0 12px 12px;box-shadow:0 20px 55px #102f2030;border-top:3px solid var(--gold);padding:28px;grid-template-columns:1.15fr 1fr 1fr;gap:35px;z-index:1200}.mega-trigger:hover>.mega-menu,.mega-menu:hover{display:grid}.mega-menu.compact{width:min(920px,94vw)}.mega-intro{background:linear-gradient(145deg,#0a4c31,#143e2f);color:#fff;padding:27px;border-radius:8px}.mega-intro>span,.section-label{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#c4d775}.mega-intro h3{font:700 23px/1.25 Georgia;margin:12px 0}.mega-intro p{font-size:11px;color:#bed1c7}.mega-intro a{color:#f2cc62;font-size:11px;font-weight:700}.mega-links h6,.quick-grid h6{font-size:9px;letter-spacing:1.3px;color:#799545;margin-bottom:13px}.mega-links>a{display:flex;align-items:center;gap:12px;padding:9px 4px;color:#254839;font-size:12px;border-bottom:1px solid #edf0ed}.mega-links>a:hover{color:#6b942d;padding-left:9px}.mega-links>a>i{width:25px;color:#6e9635}.mega-links span{font-weight:700}.mega-links small{display:block;color:#879189;font-size:9px;margin-top:3px;font-weight:400}.quick-modal{border:0;border-radius:14px;overflow:hidden}.quick-modal .modal-header{padding:25px 30px;background:#f4f2e9}.quick-modal h4{font:700 25px Georgia;margin:5px 0 0}.quick-modal .modal-body{padding:28px}.quick-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:0 16px;height:48px;margin-bottom:25px}.quick-search input{border:0;outline:0;width:100%;padding:0 12px}.quick-grid>div{border-right:1px solid #edf0ed}.quick-grid>div:last-child{border:0}.quick-grid a{display:block;color:#39594b;padding:8px 0;font-size:12px}.quick-grid a:hover{color:#719833;transform:translateX(4px)}.hero{background:linear-gradient(112deg,#f1f2df,#e6edd5);padding:70px 0 0;overflow:hidden}






.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:410px;}



.eyebrow,.section-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#6b8d34}.hero h1{font:700 clamp(46px,5.4vw,74px)/.99 Georgia;color:#123d2c;letter-spacing:-2px;margin:20px 0}.hero h1 em{font-weight:400;color:#7da632}.hero p{font-size:17px;line-height:1.65;color:#566b61;max-width:680px}.smart-search{background:#fff;border-radius:9px;box-shadow:var(--shadow);padding:8px;display:flex;align-items:center;gap:10px;margin-top:27px}.smart-search i{color:#718078;margin-left:10px}.smart-search textarea{resize:none;flex:1;border:0;outline:0;height:50px;padding:12px 4px;font-size:13px}.smart-search button{height:48px;border:0;border-radius:6px;background:var(--green);color:#fff;font-weight:700;padding:0 25px}.search-help{font-size:10px!important;margin:10px 0 25px!important}.search-help a{color:#52742f;text-decoration:underline;margin-right:8px}.hero-orb{position:absolute;width:215px;height:215px;border-radius:50%;background:#f3cb65;right:80px;top:10px;box-shadow:0 0 70px #f2ce73}.hero-hill{position:absolute;width:540px;height:245px;border-radius:50% 50% 0 0;background:#789a3c;bottom:-45px;right:-85px;transform:rotate(4deg)}


/* .hero-farmer{position:absolute;font-size:130px;bottom:30px;right:150px;filter:drop-shadow(0 14px 10px #1e4b2930)} */


.float-card{position:absolute;background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:13px 16px;font-size:10px}.float-card strong{display:block;font:700 19px Georgia;color:#224a37}.fc1{top:92px;left:5px}.fc2{right:8px;bottom:70px;color:#628b31;font-weight:700}.portal-stats{background:var(--green);color:#fff;display:grid;grid-template-columns:repeat(5,1fr);padding:18px 28px;border-radius:8px 8px 0 0}.portal-stats>div{padding:2px 20px;border-right:1px solid #ffffff2b}.portal-stats>div:last-child{border:0}.portal-stats strong{font:700 24px Georgia;display:block}.portal-stats small{font-size:12px;color:#c4d8cc}.content-section{padding:76px 0}.bg-cream{background:var(--cream)}.heading-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.heading-row h2,.page-hero h1{font:700 36px Georgia;margin:10px 0 0}.heading-row p{max-width:430px;color:var(--muted);font-size:13px}.audience-card,.sector-card,.resource-card{height:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px;color:var(--ink);transition:.2s}.audience-card:hover,.sector-card:hover,.resource-card:hover{transform:translateY(-4px);border-color:#9bb66c;box-shadow:var(--shadow)}.audience-card i,.sector-card i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf3df;color:#5d8530;font-size:20px}.audience-card h5,.sector-card h5{font:700 17px Georgia;margin:17px 0 7px}.audience-card p,.sector-card p{font-size:12px;color:#748078;min-height:30px}.audience-card span,.sector-card span{font-size:10px;color:#678e34;font-weight:700}.technology-card{height:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:.2s}.technology-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.technology-image{height:150px;background:linear-gradient(145deg,#a5be70,#496b34);position:relative;display:grid;place-items:center;color:#fff;font-size:56px}.technology-image .badge{position:absolute;top:12px;left:12px;background:#ffffffdd;color:#31583e}.technology-body{padding:18px}.technology-body .type{font-size:8px;color:#739a3b;font-weight:800;letter-spacing:.8px}.technology-body h4{font:700 18px Georgia;margin:8px 0}.technology-body p{font-size:12px;color:#738078;line-height:1.55}.tag{display:inline-block;background:#eff5e8;color:#5f8234;border-radius:4px;padding:5px 7px;font-size:10px;margin:2px}.technology-footer{border-top:1px solid #e8ede8;padding-top:12px;margin-top:12px;display:flex;justify-content:space-between}.technology-footer strong{font:700 12px Georgia}.technology-footer a{font-size:9px;color:#5b8330;font-weight:800}.impact-band{background:var(--green);color:#fff;padding:70px 0}.impact-band h2{font:700 40px Georgia}.impact-band p{color:#c2d6ca}.impact-number strong{font:700 27px Georgia;display:block}.impact-number small{font-size:12px;color:#bdd0c5}.page-hero{background:linear-gradient(115deg,#edf0dc,#f7f5ed);padding:50px 0}.page-hero p{max-width:700px;color:#607067}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;position:sticky;top:130px}.filter-panel h6{font-size:10px;letter-spacing:1px;color:#6f8f3a}.filter-panel label{font-size:10px;font-weight:700;margin:12px 0 5px}.filter-panel .form-select,.filter-panel .form-control{font-size:11px;height:39px}.result-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.result-toolbar strong{font:700 18px Georgia}.search-result{border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:12px;background:#fff}.search-result:hover{border-color:#96b060}.search-result .result-type{font-size:10px;font-weight:800;color:#769738;letter-spacing:1px}.search-result h4{font:700 19px Georgia;margin:7px 0}.search-result p{font-size:11px;color:#6d7a72;line-height:1.6}.search-result mark{background:#f3e2a4;padding:0}.relevance{font-size:9px;background:#edf4e4;color:#5e8132;padding:5px 8px;border-radius:12px}.profile-hero{background:linear-gradient(120deg,#0c4f34,#173f31);color:#fff;padding:55px 0}.profile-hero h1{font:700 42px Georgia}.profile-hero p{color:#c3d6cb}.profile-tabs{position:sticky;top:77px;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.profile-tabs a{display:inline-block;padding:18px 15px;color:#486158;font-size:11px;font-weight:700}.profile-tabs a:hover{color:#709534}.detail-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:25px;margin-bottom:18px}.detail-card h3{font:700 22px Georgia}.detail-card p,.detail-card li{font-size:12px;line-height:1.7;color:#64736b}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fact{background:#f5f7f2;padding:14px;border-radius:6px}
.fact small,.fact strong{display:block}.fact small{font-size:8px;color:#7b877f; text-transform:uppercase}.fact strong{font:700 13px Georgia; color:purple; margin-top:5px}.action-panel{position:sticky;top:145px}.action-panel .btn{width:100%;margin-bottom:8px;font-size:11px}.btn-naro{background:var(--green);color:#fff}.btn-naro:hover{background:#0d6740;color:#fff}.btn-gold{background:var(--gold);color:#173b2d}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}

.dashboard-card strong{font:700 10px Georgia;display:block}.dashboard-card small{font-size:9px;color:#748079}.empty-state{text-align:center;padding:60px 20px;background:#f7f8f4;border-radius:10px}.cta-band{padding:55px 0;background:#173f30;color:#fff}.cta-band span{font-size:9px;letter-spacing:1.5px;color:#ceda83;font-weight:800}.cta-band h2{font:700 34px Georgia;margin:9px 0}.cta-band p{color:#becfc6;font-size:12px}.cta-band .btn{font-size:11px;font-weight:700;margin-left:7px;padding:11px 16px}footer{background:#082f23;color:#a9bdb2;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:45px}.footer-brand{color:#fff!important;margin-bottom:17px}.footer-grid h6{font:700 14px Georgia;color:#fff}.footer-grid a,.footer-grid p{display:block;color:#a9bdb2;font-size:12px;line-height:1.8}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff18;margin-top:40px;padding:18px 0;display:flex;justify-content:space-between;font-size:9px}.admin-shell{min-height:100vh;background:#f3f5f1}.admin-sidebar{width:250px;position:fixed;left:0;top:0;bottom:0;background:#0b402d;color:#fff;padding:22px 15px;overflow:auto}.admin-sidebar .navbar-brand{color:#fff!important;margin:0 10px 25px}.admin-sidebar nav a{display:flex;align-items:center;gap:12px;color:#c5d8cd;padding:11px 13px;border-radius:6px;font-size:11px;margin:3px 0}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#ffffff14;color:#fff}.admin-sidebar nav i{width:18px}.admin-main{margin-left:250px;padding:25px 30px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-topbar h1{font:700 27px Georgia}.status-pill{font-size:8px;font-weight:800;padding:5px 8px;border-radius:12px;background:#edf4e4;color:#587d30}.status-pill.submitted{background:#fff0cf;color:#9a6a09}.status-pill.rejected{background:#fbe3e3;color:#a53939}.table{font-size:11px;color:#334f43}.table thead th{background:#edf2ea;color:#355342;border:0;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.login-page{min-height:100vh;background:linear-gradient(120deg,#0b5132,#173f31);display:grid;place-items:center}.login-card{width:min(430px,92vw);background:#fff;border-radius:14px;padding:35px;box-shadow:0 25px 70px #001c1266}.login-card h1{font:700 28px Georgia}.login-card .form-control{height:48px}.login-card label{font-size:10px;font-weight:700}.login-card .btn{height:48px}



/* =====================================================
   NAROHUB HOMEPAGE HERO
===================================================== */

.hero {
    position: relative;
    background: linear-gradient(112deg,#f1f2df,#e6edd5);
    padding: 60px 0 0;
    overflow: hidden;
}


/* Main hero layout */
.hero-grid {
    position: relative;

    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;

    /* removes the excessive space before portal stats */
    min-height: 410px;
}


/* =====================================================
   LEFT HERO CONTENT
   Always sits ABOVE the agricultural image
===================================================== */

.hero-grid > div:first-child {
    position: relative;
    z-index: 5;
}


/* Keep heading above image */
.hero-grid > div:first-child h1,
.hero-grid > div:first-child p,
.hero-grid > div:first-child .eyebrow,
.hero-grid > div:first-child .smart-search,
.hero-grid > div:first-child .search-help {
    position: relative;
    z-index: 6;
}


/* =====================================================
   AGRICULTURAL TECHNOLOGY ARTWORK
===================================================== */

.hero-art {
    /*
       Remove image from normal grid flow.
       This is what allows it to extend BEHIND
       the text/search instead of being trapped
       inside the second column.
    */
    position: absolute;

    top: 45%;
    right: -55px;

    transform: translateY(-50%);

   /*  width: 68%; */
   width: 58%;
   
    height: auto;

    z-index: 1;

    pointer-events: none;
}


/* Actual image */
.hero-tech-image {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;

    /*
       Multiply makes the pale image background
       visually merge into the hero gradient.
    */
    mix-blend-mode: multiply;

    filter:
        saturate(1.04)
        contrast(1.02)
        brightness(1.02);

    /*
       Fade ONLY the extreme image boundary.
       This keeps the NARO wording visible.
    */
    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 4%,
            #000 96%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 4%,
            #000 96%,
            transparent 100%
        );
}


/* =====================================================
   PORTAL STATISTICS
===================================================== */

.portal-stats {
    position: relative;
    z-index: 10;

    margin-top: 0;

    background: var(--green);
    color: #fff;

    display: grid;
    grid-template-columns: repeat(5,1fr);

    padding: 18px 28px;

    border-radius: 8px 8px 0 0;
}






.hero-art::after {
    content: "";
    position: absolute;

    inset: -2px;

    pointer-events: none;
    z-index: 2;

    /*
       Softly blend the remaining rectangular
       boundary into the hero background
    */
    box-shadow:
        inset 35px 0 40px rgba(238,241,220,.75),
        inset -35px 0 40px rgba(232,238,215,.75),
        inset 0 28px 35px rgba(238,241,220,.65),
        inset 0 -28px 35px rgba(232,238,215,.65);
}






/* @media(max-width:1199px)
{.mega-menu{display:none!important}
.navbar-collapse{background:#fff;padding:15px;box-shadow:var(--shadow)}.navbar-nav{height:auto;align-items:stretch}.navbar-nav .nav-item{height:auto}.navbar-nav .nav-link{height:auto;padding:12px!important}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.portal-stats{grid-template-columns:repeat(3,1fr)}.portal-stats>div{border:0}.footer-grid{grid-template-columns:1fr 1fr}.admin-sidebar{width:210px}.admin-main{margin-left:210px}}
 */

@media(max-width:1199px){

    .mega-menu{
        display:none!important;
    }

    .navbar-collapse{
        background:#fff;
        padding:15px;
        box-shadow:var(--shadow);
    }

    .navbar-nav{
        height:auto;
        align-items:stretch;
    }

    .navbar-nav .nav-item{
        height:auto;
    }

    .navbar-nav .nav-link{
        height:auto;
        padding:12px!important;
    }

    .hero-grid{
        grid-template-columns:1fr;
        min-height:430px;
    }

    /* KEEP IMAGE VISIBLE */
    .hero-art{
        display:block;
        width:65%;
        right:-80px;
        opacity:.82;
    }

    .portal-stats{
        grid-template-columns:repeat(3,1fr);
    }

    .portal-stats>div{
        border:0;
    }

    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

    .admin-sidebar{
        width:210px;
    }

    .admin-main{
        margin-left:210px;
    }
}




@media(max-width:767px){.utility-bar span:first-child{display:none}.utility-bar .container-xl{justify-content:flex-end!important}.utility-bar a{margin-left:10px}.portal-header{height:68px}.navbar-brand strong{font-size:20px}.logo-seal{width:37px;height:37px}.hero{padding-top:45px}.hero h1{font-size:45px}.smart-search{display:block;padding:12px}.smart-search textarea{width:100%}.smart-search button{width:100%}.portal-stats{grid-template-columns:1fr 1fr}.heading-row{display:block}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.admin-sidebar{position:static;width:100%;height:auto}.admin-main{margin:0;padding:18px}.fact-grid{grid-template-columns:1fr}.profile-tabs{overflow:auto;white-space:nowrap}}

/* Dynamic media */
.technology-image{height:190px;position:relative;overflow:hidden;background:linear-gradient(145deg,#eef2e6,#dce7cf);display:flex;align-items:center;justify-content:center}
.technology-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.technology-card:hover .technology-image>img{transform:scale(1.045)}
.technology-image>.badge{z-index:3}.technology-image>.save-tech{z-index:4}
.technology-no-image{position:relative;z-index:1;color:#617267;font-size:11px;font-weight:700;letter-spacing:.2px;background:#ffffffb8;padding:8px 12px;border-radius:20px}
.technology-profile-image{height:340px;border-radius:12px;overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow);background:#edf2e8}
.technology-profile-image img{width:100%;height:100%;object-fit:cover;display:block}
.admin-sidebar nav{padding-bottom:30px}.admin-sidebar nav a{font-size:10px;padding:9px 12px}
@media(max-width:767px){.technology-profile-image{height:230px}}


/* ===== NAROHUB HERO MOBILE FIX ===== */
@media(max-width:767px){

    .hero{
        padding-top:40px;
    }

    .hero-grid{
        min-height:auto;
        display:block;
    }

    .hero-grid > div:first-child{
        position:relative;
        z-index:5;
    }

    .hero-art{
        display:block;
        position:relative;
        top:auto;
        right:auto;
        transform:none;

        width:110%;
        height:auto;
        min-height:0;

        margin:10px -5% 0;

        opacity:1;
    }

    .hero-tech-image{
        width:100%;
        max-width:none;
        height:auto;
        transform:none;
    }

    .portal-stats{
        position:relative;
        z-index:10;
        margin-top:0;
        grid-template-columns:1fr 1fr;
    }
}
/* Agricultural Research Library publication cards */
.publication-result{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:start}.publication-thumbnail{width:120px;aspect-ratio:3/4;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#f3f5ef;box-shadow:0 4px 12px rgba(23,63,49,.10)}.publication-thumbnail img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.publication-thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7c8b82;text-align:center;padding:10px}.publication-thumbnail-placeholder i{font-size:30px;color:#78974b}.publication-thumbnail-placeholder span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.publication-details{min-width:0}.publication-subject{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:12px;background:#edf4e4;color:#5e8132;font-size:9px;font-weight:800}.publication-details h4{margin-top:10px}@media(max-width:575px){.publication-result{grid-template-columns:82px minmax(0,1fr);gap:13px;padding:14px}.publication-thumbnail{width:82px}.publication-subject{display:table;margin:7px 0 0}}




/* ===== PUBLICATION THUMBNAIL SIZE ADJUSTMENT ===== */

.publication-result {
    display: grid;
    grid-template-columns: 85px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.publication-thumbnail {
    width: 85px;
    height: 115px;
    border: 1px solid #dfe7df;
    border-radius: 5px;
    overflow: hidden;
    background: #f3f5ef;
    box-shadow: 0 3px 9px rgba(23, 63, 49, 0.10);
}

.publication-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.publication-details {
    min-width: 0;
}

/* Mobile phones */
@media (max-width: 575px) {
    .publication-result {
        grid-template-columns: 65px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
    }

    .publication-thumbnail {
        width: 65px;
        height: 88px;
    }
}