/* GASAYA Insights Flagship Redesign — 2026-09-04
   This stylesheet intentionally loads last. It does not replace or modify the approved GASAYA symbol. */
:root{--g:#123f2a;--g2:#1f6d43;--g3:#2d8250;--lime:#78c92f;--orange:#ee5b2b;--ink:#143428;--muted:#607168;--line:#dce7e0;--soft:#f4f9f6;--white:#fff}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ink)}
main{background:#fff}

/* Hero */
.insights-flagship-hero{min-height:540px;background:#103b28}
.insights-flagship-hero .hero-copy{padding:54px max(36px,5vw);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#103b28 0%,#154d32 100%)}
.insights-flagship-hero .hero-copy>span{color:#ff7146;font-weight:900;letter-spacing:.08em;font-size:12px}
.insights-flagship-hero h1{font-size:clamp(40px,4vw,64px)!important;line-height:1.02!important;letter-spacing:-.03em;margin:14px 0 0!important;color:#fff!important}
.insights-flagship-hero h1 strong{color:#7bd32f!important}
.insights-flagship-hero .hero-copy p{font-size:17px;line-height:1.65;max-width:650px;color:#e6efe9}
.insights-flagship-hero .rule{width:180px!important}
.hero-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 26px}
.hero-cta-row a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:800;font-size:13px}
.hero-primary{background:var(--orange);color:#fff}.hero-secondary{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.05)}
.insights-flagship-hero .hero-icons{margin-top:0!important}
.insights-flagship-hero .hero-icons a{opacity:.96}
.insights-flagship-hero .hero-img{position:relative;overflow:hidden}
.insights-flagship-hero .hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,20,.05),rgba(7,31,20,.22));pointer-events:none}
.insights-flagship-hero .hero-img img{filter:saturate(.95) contrast(1.03)}
.insights-flagship-hero .market-panel{display:none!important}
.intelligence-desk-card{position:absolute;z-index:2;right:28px;bottom:28px;width:min(390px,calc(100% - 56px));background:rgba(10,47,31,.94);border:1px solid rgba(123,211,47,.55);border-radius:18px;padding:22px;color:#fff;backdrop-filter:blur(8px);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.intelligence-desk-card small{color:#8ade43;font-weight:900;letter-spacing:.08em}
.intelligence-desk-card h3{font-size:22px;line-height:1.25;margin:8px 0 16px}
.intelligence-desk-card div{display:grid;grid-template-columns:30px 1fr;gap:10px;border-top:1px solid rgba(255,255,255,.13);padding:10px 0}
.intelligence-desk-card div span{color:#ff7246;font-weight:900}.intelligence-desk-card div b{font-size:13px}

/* Capability strip */
.intelligence-capabilities{max-width:1300px;margin:-1px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-top:0;box-shadow:0 14px 35px rgba(17,64,41,.07)}
.intelligence-capabilities a{display:grid;grid-template-columns:34px 1fr 20px;gap:11px;padding:23px 20px;text-decoration:none;color:var(--ink);border-right:1px solid var(--line);transition:.2s}
.intelligence-capabilities a:last-child{border-right:0}.intelligence-capabilities a:hover{background:#f5faf7;transform:translateY(-2px)}
.intelligence-capabilities span{font-size:11px;font-weight:900;color:var(--orange)}
.intelligence-capabilities b{display:block;font-size:14px;margin-bottom:5px}.intelligence-capabilities small{display:block;color:var(--muted);line-height:1.45}.intelligence-capabilities i{font-style:normal;color:var(--g2);font-weight:900}

/* Consistent section language */
.news-events,#featured,.all-insights,.lower,.market-intro,.live-market-dashboard,.flagship-cta{max-width:1300px;margin-left:auto!important;margin-right:auto!important}
.news-events{margin-top:42px!important;padding:38px 32px!important;border-radius:22px;background:linear-gradient(180deg,#f7fbf8,#f3f8f5)!important;border:1px solid #e2ebe5}
.section-head{align-items:end}
.section-head span,.lower>div>span,.market-intro span{color:var(--orange)!important;font-weight:900!important;letter-spacing:.06em!important}
.section-head h2,.lower h2{font-size:30px!important;letter-spacing:-.02em!important;color:var(--ink)!important}
.section-head>a{border:1px solid #8eb49c!important;padding:9px 13px!important;border-radius:8px!important;text-decoration:none!important}

/* News */
.news-featured,.news-card,.events-panel{box-shadow:0 12px 34px rgba(16,63,41,.06)!important;border-color:#dbe7df!important}
.news-featured{min-height:380px}.news-featured img{min-height:380px!important}.news-copy h3{color:var(--ink)}
.events-panel{background:#fff!important}
.event-card.has-image{background:#fff!important}
.event-card.has-image .event-image{background:#f7faf8!important;border-right:1px solid #e2ebe5}

/* Market positioning */
.market-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;padding:70px 32px 24px}
.market-intro h2{font-size:36px;line-height:1.12;letter-spacing:-.03em;margin:7px 0 0;color:var(--ink)}
.market-intro p{color:var(--muted);line-height:1.7;margin:0}
.live-market-dashboard{border-radius:22px!important;border:1px solid #d9e7de!important;padding:32px!important;margin-bottom:58px!important;box-shadow:0 18px 55px rgba(17,64,41,.07)}
.market-dashboard-head h2{font-size:32px!important}
.market-controls{box-shadow:0 8px 22px rgba(17,64,41,.04)}
.market-kpis article,.market-chart-card{box-shadow:0 8px 24px rgba(17,64,41,.045)}
.market-kpis strong{font-size:28px!important}
.market-trend-card{min-height:470px}.live-chart-wrap{min-height:300px}
.chart-empty{background:radial-gradient(circle at center,#f5faf7 0,#fff 72%);border:1px dashed #d7e5dc;border-radius:12px;color:#53685c!important;font-size:14px;line-height:1.55}

/* Intelligence themes */
#featured{padding:62px 32px 30px!important}
#featured .cards{gap:18px!important}
#featured .cards article{border-radius:15px!important;overflow:hidden!important;border:1px solid #dce7e0!important;box-shadow:0 9px 28px rgba(16,63,41,.05)!important;transition:.2s}
#featured .cards article:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(16,63,41,.09)!important}
#featured .cards article img{height:210px!important;object-fit:cover}
#featured .cards article h3{font-size:19px!important;line-height:1.2!important}

/* Published intelligence */
.all-insights{padding:28px 32px 52px!important}
.all-insights .cards{gap:18px!important}
.all-insights .cards article{border:1px solid #dce7e0!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 9px 28px rgba(16,63,41,.045)!important}
.all-insights .cards article img{height:225px!important}

/* Resources */
.lower{display:grid!important;grid-template-columns:1.2fr .8fr .8fr!important;gap:18px!important;padding:30px 32px 62px!important}
.lower>div{background:#f8fbf9!important;border:1px solid #dce7e0!important;border-radius:16px!important;padding:24px!important;min-height:auto!important}
.lower .reports a,.lower .resources a{background:#fff!important;border-radius:9px!important;padding:13px!important;margin-top:8px!important;border:1px solid #e1eae4!important}
.topic-grid{grid-template-columns:1fr!important}
.topic-grid a{background:#fff!important;border-radius:10px!important;min-height:90px!important}

/* CTA */
.flagship-cta{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:30px;border-radius:20px!important;padding:32px 36px!important;margin:20px auto 58px!important;background:linear-gradient(135deg,#123f2a,#1d603d)!important}
.flagship-cta span{color:#8ad746;font-size:11px;font-weight:900;letter-spacing:.08em}
.flagship-cta h2{font-size:30px!important;margin:6px 0!important}.flagship-cta p{max-width:760px!important;color:#dcebe1!important}
.flagship-cta-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.flagship-cta-actions a{position:static!important;display:inline-flex!important;align-items:center!important;padding:12px 15px!important;border-radius:8px!important;text-decoration:none!important;font-weight:800!important;background:var(--orange)!important;color:#fff!important}
.flagship-cta-actions .cta-secondary{background:transparent!important;border:1px solid rgba(255,255,255,.4)!important}

/* Prevent news items from visually contaminating editorial intelligence grids after JS cleanup */
.is-news-duplicate{display:none!important}

@media(max-width:1050px){
 .intelligence-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
 .intelligence-capabilities a:nth-child(2){border-right:0}
 .lower{grid-template-columns:1fr 1fr!important}.lower .resources{grid-column:1/-1}
 .market-intro{grid-template-columns:1fr;gap:18px}
}
@media(max-width:760px){
 .insights-flagship-hero{min-height:0}
 .insights-flagship-hero .hero-copy{padding:40px 20px}
 .insights-flagship-hero h1{font-size:42px!important}
 .intelligence-desk-card{right:16px;bottom:16px;width:calc(100% - 32px);padding:16px}
 .intelligence-capabilities{grid-template-columns:1fr}
 .intelligence-capabilities a{border-right:0;border-bottom:1px solid var(--line)}
 .news-events,#featured,.all-insights,.lower,.market-intro,.live-market-dashboard{padding-left:18px!important;padding-right:18px!important}
 .news-events{border-radius:0!important;margin-top:20px!important}
 .market-intro{padding-top:48px!important}
 .live-market-dashboard{border-radius:14px!important;margin-left:12px!important;margin-right:12px!important}
 .lower{grid-template-columns:1fr!important}.lower .resources{grid-column:auto}
 .flagship-cta{grid-template-columns:1fr!important;margin-left:12px!important;margin-right:12px!important;padding:26px 20px!important}
 .flagship-cta-actions{justify-content:flex-start}
}


/* ===== GASAYA Insights layout compaction =====
   Removes unnecessary empty space while preserving the approved content hierarchy. */

/* Intelligence Themes: always use the available row width */
#featured .cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  width:100%!important;
  align-items:stretch!important;
}
#featured .cards article{width:auto!important;max-width:none!important}

/* Published Intelligence: 1 item = full width, 2 items = balanced halves, 3+ = responsive grid */
.all-insights .cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;
  width:100%!important;
  align-items:stretch!important;
}
.all-insights .cards article{width:auto!important;max-width:none!important}
.all-insights .cards article:only-child{grid-column:1/-1!important}

/* Avoid oversized image panels when only a few editorial cards exist */
.all-insights .cards article img{
  width:100%!important;
  height:240px!important;
  object-fit:cover!important;
}

/* Research / Topics / Intelligence Services:
   do not force all three columns to the height of the longest reports column */
.lower{
  align-items:start!important;
}
.lower>div{
  align-self:start!important;
  min-height:0!important;
  height:auto!important;
}
.lower .topics,.lower .resources{
  min-height:0!important;
}
.lower .resources a:last-child,
.lower .reports a:last-child{margin-bottom:0!important}

/* Make shorter side panels feel complete instead of like empty columns */
.lower .topics:after,
.lower .resources:after{
  content:"";
  display:block;
  height:0;
}

/* Live market: the one-observation state should not consume chart-sized whitespace */
.market-trend-card.single-observation{
  min-height:0!important;
}
.market-trend-card.single-observation .live-chart-wrap{
  height:auto!important;
  min-height:190px!important;
}
.market-trend-card.single-observation .chart-empty{
  position:relative!important;
  inset:auto!important;
  min-height:160px!important;
  padding:28px!important;
}
.market-trend-card.single-observation .chart-axis-note{
  display:none!important;
}

/* When there is no usable comparison data, also collapse the empty chart region */
.market-compare-card.no-comparison .live-market-bars{
  min-height:170px!important;
}

/* Keep the live dashboard dense but readable */
.live-market-dashboard{
  padding-bottom:26px!important;
}
.market-dashboard-grid{
  align-items:start!important;
}
.market-chart-card{
  height:auto!important;
}

/* Reduce excessive vertical spacing between major intelligence sections */
#featured{padding-top:50px!important;padding-bottom:24px!important}
.all-insights{padding-top:18px!important;padding-bottom:40px!important}
.lower{padding-top:20px!important;padding-bottom:46px!important}
.market-intro{padding-top:54px!important}

/* Desktop: if exactly two published cards, they should fill the width evenly */
@media(min-width:900px){
  .all-insights .cards:has(> article:nth-child(2):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #featured .cards:has(> article:nth-child(3):last-child){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Tablet/mobile fallback */
@media(max-width:760px){
  #featured .cards,.all-insights .cards{
    grid-template-columns:1fr!important;
  }
  .all-insights .cards article img{height:220px!important}
  .market-trend-card.single-observation .live-chart-wrap{min-height:150px!important}
}


/* ===== Option 2: balanced Insight Topics + Intelligence Services ===== */
.lower{
  grid-template-columns:1.1fr .95fr .95fr!important;
  align-items:start!important;
}
.lower>div{
  height:auto!important;
  min-height:0!important;
}
.expanded-topic-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}
.expanded-topic-grid a{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  grid-template-areas:"icon title" "icon desc"!important;
  gap:3px 10px!important;
  min-height:0!important;
  padding:13px 14px!important;
  background:#fff!important;
  border:1px solid #e0eae4!important;
  border-radius:10px!important;
  text-decoration:none!important;
}
.expanded-topic-grid .topic-icon{
  grid-area:icon!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#edf6f0!important;
  color:#1f6d43!important;
  font-size:16px!important;
}
.expanded-topic-grid b{
  grid-area:title!important;
  font-size:13px!important;
  line-height:1.25!important;
  color:#153d29!important;
}
.expanded-topic-grid small{
  grid-area:desc!important;
  color:#62736a!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
.intelligence-service-list{
  display:grid!important;
  gap:9px!important;
}
.intelligence-service-list a{
  display:grid!important;
  grid-template-columns:1fr 18px!important;
  grid-template-areas:"title arrow" "desc arrow"!important;
  gap:3px 10px!important;
  align-items:center!important;
  padding:13px 14px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #e0eae4!important;
  border-radius:10px!important;
  text-decoration:none!important;
}
.intelligence-service-list b{
  grid-area:title!important;
  color:#153d29!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.intelligence-service-list small{
  grid-area:desc!important;
  color:#62736a!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
.intelligence-service-list strong{
  grid-area:arrow!important;
  color:#1f6d43!important;
  font-size:15px!important;
}
.expanded-topic-grid a:hover,.intelligence-service-list a:hover{
  border-color:#a7cbb5!important;
  box-shadow:0 7px 18px rgba(17,64,41,.06)!important;
}
@media(max-width:1050px){
  .lower{grid-template-columns:1fr 1fr!important}
  .lower .resources{grid-column:1/-1!important}
  .intelligence-service-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .lower{grid-template-columns:1fr!important}
  .lower .resources{grid-column:auto!important}
  .intelligence-service-list{grid-template-columns:1fr!important}
}


/* ===== Scrollable lower intelligence columns =====
   Keeps the section compact vertically while allowing more content to be added later. */
.lower{
  align-items:start!important;
}
.lower>div{
  max-height:560px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.lower .reports,
.lower .topics,
.lower .resources{
  padding-bottom:16px!important;
}

/* Scroll only the repeating content area, not the section heading */
.lower .reports > a,
.lower .topics .expanded-topic-grid,
.lower .resources .intelligence-service-list{
  flex-shrink:0;
}
.lower .reports{
  overflow-y:auto!important;
  scrollbar-width:thin;
  scrollbar-color:#9db7a7 transparent;
}
.lower .topics{
  overflow:hidden!important;
}
.lower .resources{
  overflow:hidden!important;
}
.expanded-topic-grid,
.intelligence-service-list{
  overflow-y:auto!important;
  max-height:430px!important;
  padding-right:6px!important;
  scrollbar-width:thin;
  scrollbar-color:#9db7a7 transparent;
}

/* Reports column currently consists of direct links, so make the full column scrollable */
.lower .reports::-webkit-scrollbar,
.expanded-topic-grid::-webkit-scrollbar,
.intelligence-service-list::-webkit-scrollbar{
  width:7px;
}
.lower .reports::-webkit-scrollbar-track,
.expanded-topic-grid::-webkit-scrollbar-track,
.intelligence-service-list::-webkit-scrollbar-track{
  background:transparent;
}
.lower .reports::-webkit-scrollbar-thumb,
.expanded-topic-grid::-webkit-scrollbar-thumb,
.intelligence-service-list::-webkit-scrollbar-thumb{
  background:#b6c9bd;
  border-radius:20px;
}
.lower .reports::-webkit-scrollbar-thumb:hover,
.expanded-topic-grid::-webkit-scrollbar-thumb:hover,
.intelligence-service-list::-webkit-scrollbar-thumb:hover{
  background:#8ca999;
}

/* Subtle bottom fade indicates there is more content below when scrolling */
.lower .topics,
.lower .resources{
  position:relative!important;
}
.lower .topics:before,
.lower .resources:before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:8px;
  height:22px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(248,251,249,0),rgba(248,251,249,.95));
  z-index:3;
}

/* Desktop keeps all three columns visually aligned */
@media(min-width:1051px){
  .lower>div{height:560px!important}
}

/* Tablet/mobile: do not trap users inside several scroll panels */
@media(max-width:1050px){
  .lower>div{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
  }
  .expanded-topic-grid,
  .intelligence-service-list{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
  .lower .topics:before,
  .lower .resources:before{
    display:none!important;
  }
}


/* ===== Public-facing scroll polish =====
   Keeps internal scrolling, but reduces the "admin panel" appearance. */

@media(min-width:1051px){

  /* Slightly shorter, cleaner column height */
  .lower>div{
    height:525px!important;
    max-height:525px!important;
    overflow:hidden!important;
  }

  /* Reports: reserve breathing room so last visible card is not clipped hard */
  .lower .reports{
    overflow-y:auto!important;
    padding-right:10px!important;
    padding-bottom:28px!important;
    scroll-padding-bottom:24px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 30px),transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 30px),transparent 100%);
  }

  .expanded-topic-grid,
  .intelligence-service-list{
    max-height:390px!important;
    overflow-y:auto!important;
    padding-right:8px!important;
    padding-bottom:28px!important;
    scroll-padding-bottom:24px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 30px),transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 30px),transparent 100%);
  }

  /* Hide native scrollbar until hover/focus */
  .lower .reports::-webkit-scrollbar,
  .expanded-topic-grid::-webkit-scrollbar,
  .intelligence-service-list::-webkit-scrollbar{
    width:0!important;
    height:0!important;
  }

  .lower .reports:hover,
  .lower .reports:focus-within,
  .expanded-topic-grid:hover,
  .expanded-topic-grid:focus-within,
  .intelligence-service-list:hover,
  .intelligence-service-list:focus-within{
    scrollbar-width:thin!important;
  }

  .lower .reports:hover::-webkit-scrollbar,
  .lower .reports:focus-within::-webkit-scrollbar,
  .expanded-topic-grid:hover::-webkit-scrollbar,
  .expanded-topic-grid:focus-within::-webkit-scrollbar,
  .intelligence-service-list:hover::-webkit-scrollbar,
  .intelligence-service-list:focus-within::-webkit-scrollbar{
    width:5px!important;
  }

  .lower .reports::-webkit-scrollbar-track,
  .expanded-topic-grid::-webkit-scrollbar-track,
  .intelligence-service-list::-webkit-scrollbar-track{
    background:transparent!important;
  }

  .lower .reports::-webkit-scrollbar-thumb,
  .expanded-topic-grid::-webkit-scrollbar-thumb,
  .intelligence-service-list::-webkit-scrollbar-thumb{
    background:rgba(70,111,87,.38)!important;
    border-radius:20px!important;
  }

  .lower .reports:hover::-webkit-scrollbar-thumb,
  .expanded-topic-grid:hover::-webkit-scrollbar-thumb,
  .intelligence-service-list:hover::-webkit-scrollbar-thumb{
    background:rgba(70,111,87,.62)!important;
  }

  /* Replace strong overlay fade with a much subtler cue */
  .lower .topics:before,
  .lower .resources:before{
    left:22px!important;
    right:22px!important;
    bottom:10px!important;
    height:26px!important;
    background:linear-gradient(to bottom,rgba(248,251,249,0),rgba(248,251,249,.9))!important;
  }

  /* Small scroll cue at bottom without looking technical */
  .lower .topics:after,
  .lower .resources:after{
    content:"More ↓"!important;
    position:absolute!important;
    right:24px!important;
    bottom:8px!important;
    z-index:4!important;
    height:auto!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    color:rgba(31,109,67,.58)!important;
    pointer-events:none!important;
  }

  .lower .reports:after{
    content:"More ↓";
    position:sticky;
    float:right;
    bottom:0;
    margin-right:2px;
    padding:4px 0 0 8px;
    font-size:9px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:rgba(31,109,67,.58);
    background:linear-gradient(to right,rgba(248,251,249,0),rgba(248,251,249,.96) 35%);
    pointer-events:none;
  }

  /* Avoid card clipping illusion */
  .lower .reports>a:last-of-type,
  .expanded-topic-grid>a:last-child,
  .intelligence-service-list>a:last-child{
    margin-bottom:16px!important;
  }
}

/* Touch devices retain normal expansion */
@media(max-width:1050px){
  .lower .reports,
  .expanded-topic-grid,
  .intelligence-service-list{
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .lower .reports:after,
  .lower .topics:after,
  .lower .resources:after{
    display:none!important;
  }
}


/* ===== Middle-column scroll activation fix =====
   Ensures Insight Topics actually overflows and scrolls on desktop. */
@media(min-width:1051px){

  /* Keep the three public panels equal-height */
  .lower>div{
    height:525px!important;
    max-height:525px!important;
  }

  /* Headings remain fixed; only the card lists scroll */
  .lower .topics,
  .lower .resources{
    overflow:hidden!important;
  }

  /* Force a defined content viewport so all six topic cards do not fit at once */
  .expanded-topic-grid{
    height:350px!important;
    max-height:350px!important;
    min-height:350px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scroll-behavior:smooth;
    padding-right:8px!important;
    padding-bottom:28px!important;
    box-sizing:border-box!important;
  }

  /* Keep Intelligence Services on the same scrolling model */
  .intelligence-service-list{
    height:350px!important;
    max-height:350px!important;
    min-height:350px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scroll-behavior:smooth;
    padding-right:8px!important;
    padding-bottom:28px!important;
    box-sizing:border-box!important;
  }

  /* Show a very thin indicator on hover so scrolling is discoverable */
  .expanded-topic-grid:hover,
  .expanded-topic-grid:focus-within,
  .intelligence-service-list:hover,
  .intelligence-service-list:focus-within{
    scrollbar-width:thin!important;
    scrollbar-color:rgba(70,111,87,.55) transparent!important;
  }

  .expanded-topic-grid:hover::-webkit-scrollbar,
  .expanded-topic-grid:focus-within::-webkit-scrollbar,
  .intelligence-service-list:hover::-webkit-scrollbar,
  .intelligence-service-list:focus-within::-webkit-scrollbar{
    width:5px!important;
  }

  /* Give the first/last card breathing room when scrolling */
  .expanded-topic-grid>a:first-child,
  .intelligence-service-list>a:first-child{
    margin-top:2px!important;
  }
  .expanded-topic-grid>a:last-child,
  .intelligence-service-list>a:last-child{
    margin-bottom:18px!important;
  }
}

/* On touch screens keep natural page scrolling */
@media(max-width:1050px){
  .expanded-topic-grid,
  .intelligence-service-list{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* ===== Dynamic MORE cue ===== */
@media(min-width:1051px){
  /* Default: no misleading cue */
  .lower .reports:after,
  .lower .topics:after,
  .lower .resources:after{
    display:none!important;
  }

  /* Show only when JavaScript confirms hidden overflow */
  .lower .reports.has-scroll-overflow:after{
    display:block!important;
  }
  .lower .topics.has-scroll-overflow:after,
  .lower .resources.has-scroll-overflow:after{
    display:block!important;
  }

  /* No fade where all content fits */
  .lower .topics.no-scroll-overflow:before,
  .lower .resources.no-scroll-overflow:before{
    display:none!important;
  }

  /* If content fits, remove forced internal scrolling */
  .lower .topics.no-scroll-overflow .expanded-topic-grid,
  .lower .resources.no-scroll-overflow .intelligence-service-list{
    overflow-y:hidden!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
}


/* ===== Fixed headings + scrolling card areas =====
   Research & Reports, Insight Topics, and Intelligence Services titles remain fixed.
   Only the content cards underneath can scroll on desktop. */

@media(min-width:1051px){

  .lower>div{
    height:525px!important;
    max-height:525px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  /* Headings stay outside scroll areas */
  .lower>div>span,
  .lower>div>h2{
    flex:0 0 auto!important;
  }

  /* LEFT: only report cards scroll */
  .lower .reports{
    overflow:hidden!important;
    padding-right:24px!important;
    padding-bottom:16px!important;
    position:relative!important;
  }

  .report-scroll-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scroll-behavior:smooth!important;
    padding-right:8px!important;
    padding-bottom:28px!important;
    margin-top:2px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%);
  }

  .report-scroll-list>a{
    display:flex!important;
    margin-top:9px!important;
  }

  .report-scroll-list>a:first-child{
    margin-top:0!important;
  }

  .report-scroll-list>a:last-child{
    margin-bottom:16px!important;
  }

  /* MIDDLE + RIGHT: fixed headings, scrolling lists */
  .lower .topics,
  .lower .resources{
    overflow:hidden!important;
  }

  .expanded-topic-grid,
  .intelligence-service-list{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scroll-behavior:smooth!important;
    padding-right:8px!important;
    padding-bottom:28px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%);
  }

  /* Middle cards get enough height to avoid clipped descriptions */
  .expanded-topic-grid a{
    min-height:72px!important;
    padding-top:13px!important;
    padding-bottom:13px!important;
    flex-shrink:0!important;
  }

  /* Scrollbars appear only on hover/focus */
  .report-scroll-list:hover,
  .report-scroll-list:focus-within,
  .expanded-topic-grid:hover,
  .expanded-topic-grid:focus-within,
  .intelligence-service-list:hover,
  .intelligence-service-list:focus-within{
    scrollbar-width:thin!important;
    scrollbar-color:rgba(70,111,87,.55) transparent!important;
  }

  .report-scroll-list::-webkit-scrollbar,
  .expanded-topic-grid::-webkit-scrollbar,
  .intelligence-service-list::-webkit-scrollbar{
    width:0!important;
  }

  .report-scroll-list:hover::-webkit-scrollbar,
  .report-scroll-list:focus-within::-webkit-scrollbar,
  .expanded-topic-grid:hover::-webkit-scrollbar,
  .expanded-topic-grid:focus-within::-webkit-scrollbar,
  .intelligence-service-list:hover::-webkit-scrollbar,
  .intelligence-service-list:focus-within::-webkit-scrollbar{
    width:5px!important;
  }

  .report-scroll-list::-webkit-scrollbar-track,
  .expanded-topic-grid::-webkit-scrollbar-track,
  .intelligence-service-list::-webkit-scrollbar-track{
    background:transparent!important;
  }

  .report-scroll-list::-webkit-scrollbar-thumb,
  .expanded-topic-grid::-webkit-scrollbar-thumb,
  .intelligence-service-list::-webkit-scrollbar-thumb{
    background:rgba(70,111,87,.5)!important;
    border-radius:20px!important;
  }

  /* MORE cue belongs to the panel, but only if JS detects hidden overflow */
  .lower .reports:after,
  .lower .topics:after,
  .lower .resources:after{
    display:none!important;
  }

  .lower .reports.has-scroll-overflow:after,
  .lower .topics.has-scroll-overflow:after,
  .lower .resources.has-scroll-overflow:after{
    display:block!important;
    content:"MORE ↓"!important;
    position:absolute!important;
    right:24px!important;
    bottom:8px!important;
    z-index:5!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    color:rgba(31,109,67,.62)!important;
    pointer-events:none!important;
  }

  .lower .reports.has-scroll-overflow:before,
  .lower .topics.has-scroll-overflow:before,
  .lower .resources.has-scroll-overflow:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    bottom:7px!important;
    height:24px!important;
    background:linear-gradient(to bottom,rgba(248,251,249,0),rgba(248,251,249,.92))!important;
    pointer-events:none!important;
    z-index:4!important;
  }

  .lower .reports.no-scroll-overflow:before,
  .lower .topics.no-scroll-overflow:before,
  .lower .resources.no-scroll-overflow:before{
    display:none!important;
  }

  .lower .reports.no-scroll-overflow .report-scroll-list,
  .lower .topics.no-scroll-overflow .expanded-topic-grid,
  .lower .resources.no-scroll-overflow .intelligence-service-list{
    overflow-y:hidden!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
}

/* Tablet/mobile: no nested scrolling */
@media(max-width:1050px){
  .report-scroll-list,
  .expanded-topic-grid,
  .intelligence-service-list{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }

  .lower .reports:before,
  .lower .reports:after,
  .lower .topics:before,
  .lower .topics:after,
  .lower .resources:before,
  .lower .resources:after{
    display:none!important;
  }
}


/* ===== FINAL LEFT-COLUMN SCROLL HARDENING ===== */
@media(min-width:1051px){

  .lower .reports{
    height:525px!important;
    max-height:525px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
  }

  .lower .reports>span,
  .lower .reports>h2{
    flex:0 0 auto!important;
  }

  .report-scroll-list{
    display:block!important;
    flex:1 1 0!important;
    min-height:0!important;
    max-height:350px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scroll-behavior:smooth!important;
    padding-right:8px!important;
    padding-bottom:30px!important;
    box-sizing:border-box!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%)!important;
  }

  .report-scroll-list>a{
    display:flex!important;
    width:100%!important;
    box-sizing:border-box!important;
    flex-shrink:0!important;
    margin-top:9px!important;
  }

  .report-scroll-list>a:first-child{
    margin-top:0!important;
  }

  .report-scroll-list>a:last-child{
    margin-bottom:18px!important;
  }

  .report-scroll-list:hover,
  .report-scroll-list:focus-within{
    scrollbar-width:thin!important;
    scrollbar-color:rgba(70,111,87,.55) transparent!important;
  }

  .report-scroll-list::-webkit-scrollbar{
    width:0!important;
  }

  .report-scroll-list:hover::-webkit-scrollbar,
  .report-scroll-list:focus-within::-webkit-scrollbar{
    width:5px!important;
  }

  .report-scroll-list::-webkit-scrollbar-track{
    background:transparent!important;
  }

  .report-scroll-list::-webkit-scrollbar-thumb{
    background:rgba(70,111,87,.52)!important;
    border-radius:20px!important;
  }
}

@media(max-width:1050px){
  .report-scroll-list{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
}


/* ===== LEFT REPORT CARD LAYOUT FIX =====
   Preserve fixed heading + scrolling cards, while restoring clean card typography. */

@media(min-width:1051px){

  .report-scroll-list>a{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 22px!important;
    grid-template-areas:
      "title arrow"
      "desc arrow"!important;
    column-gap:12px!important;
    row-gap:3px!important;
    align-items:center!important;
    width:100%!important;
    min-height:64px!important;
    padding:12px 14px!important;
    margin-top:9px!important;
    box-sizing:border-box!important;
    border:1px solid #dfe8e2!important;
    border-radius:10px!important;
    background:#fff!important;
    text-decoration:none!important;
    color:#153d29!important;
  }

  .report-scroll-list>a:first-child{
    margin-top:0!important;
  }

  .report-scroll-list>a>b{
    grid-area:title!important;
    display:block!important;
    min-width:0!important;
    font-size:14px!important;
    line-height:1.22!important;
    font-weight:800!important;
    color:#153d29!important;
    overflow-wrap:anywhere!important;
  }

  .report-scroll-list>a>small{
    grid-area:desc!important;
    display:block!important;
    min-width:0!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    color:#607168!important;
    overflow-wrap:anywhere!important;
  }

  .report-scroll-list>a>strong{
    grid-area:arrow!important;
    justify-self:end!important;
    align-self:center!important;
    font-size:16px!important;
    line-height:1!important;
    color:#1f6d43!important;
  }

  .report-scroll-list>a:hover{
    border-color:#a7cbb5!important;
    box-shadow:0 7px 18px rgba(17,64,41,.06)!important;
  }

  /* Keep enough room below the heading before cards begin */
  .lower .reports>h2{
    margin-bottom:16px!important;
  }

  /* Make the scroll viewport slightly taller now that card layout is compact */
  .report-scroll-list{
    max-height:360px!important;
  }
}


/* ===== PREMIUM HERO REFINEMENT =====
   Approved GASAYA symbol/header remain untouched. */
@media(min-width:1051px){
  .insights-flagship-hero{
    min-height:510px!important;
    display:grid!important;
    grid-template-columns:38% 62%!important;
    overflow:hidden!important;
  }

  .insights-flagship-hero .hero-copy{
    padding:44px 42px 38px max(46px,5vw)!important;
    justify-content:center!important;
  }

  .insights-flagship-hero h1{
    font-size:clamp(43px,3.65vw,58px)!important;
    line-height:1.015!important;
    max-width:520px!important;
    margin-top:12px!important;
  }

  .insights-flagship-hero .hero-copy p{
    max-width:520px!important;
    margin:16px 0 14px!important;
    font-size:15.5px!important;
    line-height:1.62!important;
  }

  .insights-flagship-hero .rule{
    margin:8px 0 0!important;
  }

  .hero-cta-row{
    margin:6px 0 18px!important;
  }

  .hero-cta-row a{
    min-height:42px!important;
    padding:11px 15px!important;
  }

  /* The capability strip below now carries the four capability messages,
     so remove the duplicated icon row from the hero itself. */
  .insights-flagship-hero .hero-icons{
    display:none!important;
  }

  .insights-flagship-hero .hero-img{
    min-height:510px!important;
  }

  .insights-flagship-hero .hero-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:scale(1.015);
  }

  .insights-flagship-hero .hero-img:after{
    background:
      linear-gradient(90deg,rgba(8,39,25,.18) 0%,rgba(8,39,25,.03) 30%,rgba(8,39,25,.08) 100%)!important;
  }

  .intelligence-desk-card{
    right:30px!important;
    bottom:26px!important;
    width:min(365px,calc(100% - 60px))!important;
    padding:18px 20px!important;
    border-radius:15px!important;
    background:rgba(9,49,31,.90)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.20)!important;
  }

  .intelligence-desk-card h3{
    font-size:20px!important;
    line-height:1.22!important;
    margin:7px 0 11px!important;
  }

  .intelligence-desk-card div{
    padding:7px 0!important;
  }

  /* Deliberate bridge from hero to content instead of a heavy second block. */
  .intelligence-capabilities{
    margin:0 auto!important;
    border-top:1px solid var(--line)!important;
    box-shadow:0 10px 28px rgba(17,64,41,.055)!important;
  }

  .intelligence-capabilities a{
    padding:18px 18px!important;
    min-height:84px!important;
    align-items:center!important;
  }

  .intelligence-capabilities b{
    font-size:13.5px!important;
    margin-bottom:3px!important;
  }

  .intelligence-capabilities small{
    font-size:11.5px!important;
    line-height:1.38!important;
  }
}

@media(max-width:1050px){
  .insights-flagship-hero .hero-icons{
    display:none!important;
  }
  .insights-flagship-hero .hero-copy p{
    max-width:620px!important;
  }
}

/* GASAYA News + Events desktop/mobile polish — 2026-09-04 */
.events-panel{padding:28px 28px 24px!important}
.events-list{gap:14px!important}
#gasayaEventsList.event-count-1{grid-template-columns:1fr!important}
#gasayaEventsList.event-count-1 .event-card.has-image{display:grid!important;grid-template-columns:minmax(190px,28%) 1fr!important;min-height:0!important}
#gasayaEventsList.event-count-1 .event-image{height:220px!important;min-height:220px!important;max-height:220px!important;object-fit:cover!important;background:#f5f8f6}
#gasayaEventsList.event-count-1 .event-body{padding:20px 24px!important;display:flex;flex-direction:column;justify-content:center}
.event-top{align-items:center!important}
.event-date{min-width:64px!important;padding:8px 7px!important}
.event-card h3{margin:12px 0 7px!important;font-size:18px!important;line-height:1.3!important}
.event-card p{margin:0 0 7px!important;line-height:1.45!important}
.event-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:2px 0 8px;color:#52635a;font-size:13px}
.event-meta span{display:inline-flex;align-items:center;gap:5px}
.events-note{margin-top:14px!important}

@media(max-width:950px){
 #gasayaEventsList.event-count-1 .event-card.has-image{grid-template-columns:minmax(170px,32%) 1fr!important}
 #gasayaEventsList.event-count-1 .event-image{height:210px!important;min-height:210px!important;max-height:210px!important}
 .news-featured{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-height:0!important}
 .news-featured img{height:280px!important;min-height:280px!important}
}
@media(max-width:650px){
 .news-events{padding:30px 14px!important}
 .news-events .section-head{align-items:flex-start!important;gap:10px!important;margin-bottom:16px!important}
 .news-events .section-head h2{font-size:26px!important;line-height:1.15!important}
 .news-grid{gap:14px!important}
 .news-featured{display:block!important;border-radius:14px!important}
 .news-featured img{width:100%!important;height:190px!important;min-height:190px!important;max-height:190px!important;object-fit:cover!important}
 .news-featured .news-copy{padding:18px!important}
 .news-featured .news-copy h3{font-size:21px!important;line-height:1.25!important}
 .news-featured .news-copy p{font-size:14px!important;line-height:1.55!important}
 .news-card{grid-template-columns:96px 1fr!important;border-radius:13px!important}
 .news-card img{width:96px!important;min-height:132px!important;height:100%!important;object-fit:cover!important}
 .news-card .news-copy{padding:13px!important}
 .news-card .news-copy h3{font-size:16px!important;line-height:1.25!important}
 .news-card .news-copy p{font-size:13px!important;line-height:1.4!important}
 .events-panel{margin-top:18px!important;padding:18px 14px 16px!important;border-radius:14px!important}
 .events-head{margin-bottom:14px!important}
 .events-head h2{font-size:24px!important;line-height:1.15!important}
 #gasayaEventsList.event-count-1 .event-card.has-image,.event-card.has-image{display:block!important}
 #gasayaEventsList.event-count-1 .event-image,.event-card.has-image .event-image{width:100%!important;height:165px!important;min-height:165px!important;max-height:165px!important;object-fit:cover!important;border-right:0!important;border-bottom:1px solid #e2ebe5}
 #gasayaEventsList.event-count-1 .event-body,.event-card.has-image .event-body{padding:16px!important}
 .event-date{min-width:58px!important}
 .event-date strong{font-size:21px!important}
 .event-card h3{font-size:17px!important;margin:10px 0 6px!important}
 .event-card p{font-size:13px!important}
 .event-meta{font-size:12px!important;gap:6px 12px!important}
 .events-note{font-size:12px!important;line-height:1.45!important}
}

/* ===== Published Intelligence premium carousel refinement ===== */
.all-insights .section-head{align-items:flex-end!important;gap:24px!important;margin-bottom:20px!important}
.publications-intro{max-width:720px;margin:8px 0 0;color:#607068;font-size:15px;line-height:1.55}
.publications-view-all{white-space:nowrap;font-weight:800;color:#176936;text-decoration:none;margin-bottom:4px}
.publications-viewport{overflow:hidden;width:100%}
.all-insights .cards{display:flex!important;gap:22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 1px 10px;scrollbar-width:none}
.all-insights .cards::-webkit-scrollbar{display:none}
.all-insights .cards article{position:relative!important;flex:0 0 calc((100% - 44px)/3)!important;min-width:0!important;scroll-snap-align:start;background:#fff!important;display:flex!important;flex-direction:column!important}
.all-insights .cards article img{width:100%!important;height:255px!important;object-fit:cover!important;display:block!important}
/* Category badges stay anchored to the image corner, never the image centre. */
.all-insights .cards article>.tag{position:absolute!important;top:16px!important;left:16px!important;right:auto!important;z-index:5!important;margin:0!important;transform:none!important;display:inline-flex!important;width:auto!important;max-width:max-content!important;padding:7px 11px!important;border-radius:7px!important;line-height:1!important;font-size:11px!important;letter-spacing:.02em!important;color:#fff!important;background:#176936!important;box-shadow:0 3px 10px rgba(0,0,0,.12)!important}
.all-insights .cards article>h3{margin:20px 14px 8px!important;font-size:20px!important;line-height:1.18!important}
.all-insights .cards article>p{margin:0 14px 16px!important;line-height:1.5!important;color:#52655b!important}
.all-insights .cards article>a{margin:auto 14px 18px!important;font-weight:800!important;color:#176936!important;text-decoration:none!important}
.publications-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:12px}
.publication-dots{display:flex;gap:8px;margin-right:auto;margin-left:auto}
.publication-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#d8dfda;cursor:pointer}
.publication-dots button.active{background:#176936}
.publication-arrows{display:flex;gap:8px}
.publication-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #d7e6dc;background:#f2f8f4;color:#176936;font-size:20px;cursor:pointer}
.publications-cta{margin-top:22px;border:1px solid #dce9e1;border-radius:14px;background:#f6faf7;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.publications-cta div{display:grid;gap:5px}.publications-cta b{font-size:18px;color:#123f2d}.publications-cta span{color:#66756d;font-size:14px}.publications-cta a{background:#176936;color:#fff;text-decoration:none;font-weight:800;padding:13px 20px;border-radius:8px;white-space:nowrap}
@media(max-width:1000px){.all-insights .cards article{flex-basis:calc((100% - 22px)/2)!important}}
@media(max-width:760px){
 .all-insights .section-head{align-items:flex-start!important}.publications-view-all{display:none}
 .publications-intro{font-size:14px}.publications-viewport{overflow:hidden}
 .all-insights .cards{display:flex!important;grid-template-columns:none!important;gap:14px!important}
 .all-insights .cards article{flex:0 0 88%!important;min-width:88%!important}
 .all-insights .cards article img{height:210px!important}
 .all-insights .cards article>.tag{top:12px!important;left:12px!important}
 .publication-arrows{display:none}.publication-dots{margin:4px auto 0}
 .publications-cta{display:block;padding:18px}.publications-cta a{display:block;text-align:center;margin-top:14px}
}


/* Publication date + adaptive card occupancy */
.all-insights .cards article>.publication-date{display:block;margin:16px 14px 0!important;color:#176936!important;font-size:12px!important;font-weight:800!important;letter-spacing:.045em!important;line-height:1.2!important}
.all-insights .cards article>.publication-date + h3{margin-top:8px!important}
@media(min-width:1001px){
 .all-insights .cards[data-count="1"] article{flex-basis:100%!important}
 .all-insights .cards[data-count="2"] article{flex-basis:calc((100% - 22px)/2)!important}
}
@media(min-width:761px) and (max-width:1000px){
 .all-insights .cards[data-count="1"] article{flex-basis:100%!important}
}
@media(max-width:760px){
 .all-insights .cards article>.publication-date{margin:14px 14px 0!important;font-size:11px!important}
 .all-insights .cards[data-count="1"] article{flex-basis:100%!important;min-width:100%!important}
}