html,body{height:100%}
body{margin:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;background:#fafafa;color:#111}
.container{max-width:1000px;margin:0 auto;padding:16px}

.mdc-top-app-bar__title{color:inherit;text-decoration:none}

.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.site-brand__logo{height:40px;width:auto;display:block;object-fit:contain}
.site-brand__name{font-size:1.1rem;font-weight:500;white-space:nowrap}
@media(max-width:480px){.site-brand__name{display:none}}

.mdc-top-app-bar,.mdc-top-app-bar__row,.mdc-top-app-bar__section{overflow:visible}

.top-nav{display:none;align-items:center;gap:4px}
.top-nav__link{color:rgba(255,255,255,.87);text-decoration:none;padding:0 14px;height:36px;line-height:36px;border-radius:4px;font-size:.875rem;font-weight:500;letter-spacing:.089em;text-transform:uppercase;white-space:nowrap;transition:background .15s ease}
.top-nav__link:hover{background:rgba(255,255,255,.12);color:#fff}

.top-nav__dropdown{position:relative;display:inline-flex;align-items:center}
.top-nav__dropdown-menu{display:none;position:absolute;left:0;top:calc(100% + 6px);background:#fff;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.12);min-width:190px;z-index:310;padding:6px 0}
.top-nav__dropdown:hover .top-nav__dropdown-menu{display:block}
.top-nav__dropdown-item{display:block;padding:10px 14px;text-decoration:none;color:rgba(0,0,0,.87);font-size:.875rem;font-weight:500;white-space:nowrap}
.top-nav__dropdown-item:hover{background:rgba(0,0,0,.06)}

.mdc-list-item--child{padding-left:40px}

@media (min-width:900px){
  .top-nav{display:flex}
  .mdc-top-app-bar__navigation-icon{display:none}
  .mdc-drawer,.mdc-drawer-scrim{display:none}
}

.app-main{min-height:calc(100vh - 64px);padding-top:64px}
@media (max-width:599px){
  .container{padding:12px}
  .app-main{padding-top:56px}
}

.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:12px}
.card{grid-column:span 6}
@media (max-width:900px){.card{grid-column:span 12}}

.card__content{padding:16px}
.card__title{margin-bottom:6px}
.card__link{color:inherit;text-decoration:none}
.card__link:hover{text-decoration:underline}

.content :is(p,ul,ol,pre){margin-top:12px}
.meta{color:rgba(0,0,0,.6)}
.lead{color:rgba(0,0,0,.72)}

.site-footer{margin-top:28px;padding:16px 0;border-top:1px solid rgba(0,0,0,.12)}

.lang-menu{position:relative;display:inline-flex;align-items:center}
.lang-menu__list{display:none;position:absolute;right:0;top:calc(100% + 2px);background:#fff;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.12);list-style:none;padding:4px 0;margin:0;min-width:170px;z-index:300}
.lang-menu.open .lang-menu__list{display:block}
.lang-menu__item{display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:rgba(0,0,0,.87);font-size:.875rem;font-weight:400;white-space:nowrap;transition:background .15s}
.lang-menu__item:hover{background:rgba(0,0,0,.06)}
.lang-menu__item--active{font-weight:600;color:var(--mdc-theme-primary,#6200ee);pointer-events:none}
.lang-menu__flag{display:inline-block;font-size:.7rem;font-weight:700;background:rgba(0,0,0,.1);border-radius:3px;padding:1px 5px;letter-spacing:.04em}

/* ── HOME PAGE ── */
.hp-section{padding:48px 0}
.hp-section--alt{background:#f0f4f8}

/* Hero */
.hp-hero{background:linear-gradient(rgba(15,50,25,.68),rgba(15,50,25,.68)),url('../images/hero-bg.jpeg') center/cover no-repeat;color:#fff;padding:80px 0 72px}
.hp-hero__acronym{color:rgba(255,255,255,.7);letter-spacing:.2em;font-size:.75rem}
.hp-hero__title{color:#fff;margin:8px 0 12px;line-height:1.15}
.hp-hero__subtitle{color:rgba(255,255,255,.85);margin:0 0 32px;font-weight:400;max-width:620px}
.hp-hero__actions{display:flex;gap:16px;flex-wrap:wrap}
.hp-btn-primary{--mdc-theme-primary:#fff;--mdc-theme-on-primary:#1a6b3a}
.hp-btn-secondary{--mdc-theme-primary:#fff;border-color:rgba(255,255,255,.7)!important;color:#fff!important}
.hp-btn-secondary .mdc-button__label{color:#fff}

/* Mission pillars */
.hp-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.hp-pillars{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hp-pillars{grid-template-columns:1fr}}
.hp-pillar{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:box-shadow .2s}
.hp-pillar:hover{box-shadow:0 6px 16px rgba(0,0,0,.14)}
.hp-pillar__icon .material-icons{font-size:2.2rem;color:var(--mdc-theme-primary,#2e8b57)}
.hp-pillar__title{margin:0}
.hp-pillar__text{margin:0;color:rgba(0,0,0,.65);flex:1}
.hp-pillar__link{margin-top:4px;color:var(--mdc-theme-primary,#2e8b57);text-decoration:none;font-size:.875rem;font-weight:500}
.hp-pillar__link:hover{text-decoration:underline}

/* News + Events two-col */
.hp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:700px){.hp-two-col{grid-template-columns:1fr}}
.hp-col__heading{display:flex;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--mdc-theme-primary,#2e8b57)}
.hp-col__heading .material-icons{color:var(--mdc-theme-primary,#2e8b57)}
.hp-news-list,.hp-events-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.hp-news-item{display:flex;flex-direction:column;gap:3px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.hp-news-item__date{color:rgba(0,0,0,.5);font-size:.75rem}
.hp-news-item__title{color:rgba(0,0,0,.87);text-decoration:none;font-weight:500;line-height:1.4}
.hp-news-item__title:hover{color:var(--mdc-theme-primary,#2e8b57);text-decoration:underline}
.hp-news-item__summary{color:rgba(0,0,0,.6);margin:4px 0 0}
.hp-event-item{display:flex;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.hp-event-item__date-badge{min-width:44px;background:var(--mdc-theme-primary,#2e8b57);color:#fff;border-radius:4px;text-align:center;padding:6px 4px;display:flex;flex-direction:column}
.hp-event-item__day{font-size:1.2rem;font-weight:700;line-height:1}
.hp-event-item__month{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}
.hp-event-item__body{display:flex;flex-direction:column;gap:3px}
.hp-event-item__title{color:rgba(0,0,0,.87);text-decoration:none;font-weight:500;line-height:1.4}
.hp-event-item__title:hover{color:var(--mdc-theme-primary,#2e8b57);text-decoration:underline}
.hp-event-item__location{color:rgba(0,0,0,.5);margin:0}
.hp-col__more{display:inline-block;margin-top:16px;color:var(--mdc-theme-primary,#2e8b57);text-decoration:none;font-size:.875rem;font-weight:500}
.hp-col__more:hover{text-decoration:underline}

/* Stats bar */
.hp-stats{background:var(--mdc-theme-primary,#2e8b57);color:#fff;padding:40px 0}
.hp-stats__inner{display:flex;justify-content:space-around;flex-wrap:wrap;gap:24px}
.hp-stat{display:flex;flex-direction:column;align-items:center;gap:4px}
.hp-stat__number{color:#fff;font-weight:700}
.hp-stat__label{color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}

/* About brief */
.hp-about{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}
@media(max-width:800px){.hp-about{grid-template-columns:1fr}}
.hp-about__text h2{margin:0 0 12px}
.hp-about__text p{margin:0;color:rgba(0,0,0,.72);line-height:1.7}
.hp-about__cards{display:flex;flex-direction:column;gap:12px;min-width:200px}
@media(max-width:800px){.hp-about__cards{flex-direction:row;flex-wrap:wrap}}
.hp-about-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;text-decoration:none;color:rgba(0,0,0,.87);gap:6px;transition:box-shadow .2s;min-width:160px}
.hp-about-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.14)}
.hp-about-card__icon{font-size:2rem;color:var(--mdc-theme-primary,#2e8b57)}
.hp-about-card__label{font-weight:600}
.hp-about-card__sub{color:rgba(0,0,0,.55)}

/* Quick access */
.hp-qa__heading{margin:0 0 20px}
.hp-qa__grid{display:flex;flex-wrap:wrap;gap:12px}
.hp-qa__item{padding:14px 22px;text-decoration:none;color:rgba(0,0,0,.87);transition:box-shadow .2s,background .15s}
.hp-qa__item:hover{box-shadow:0 4px 10px rgba(0,0,0,.14);background:#fff}

/* MDC theme primary override for green institute */
:root{--mdc-theme-primary:#2e8b57;--mdc-theme-on-primary:#fff}