/* Greenekka V8.1 | Editorial depth. No WebGL, no third-party code. */
:root { --gk-depth-green:#124b3b; --gk-depth-soft:#eaf0e8; }

/* Article cards: slight depth while retaining the V8.0 16:10 crop and grid. */
#home-root .story-card, .category-grid .story-card,
#story-root .story-card, .gk-combined-group .story-card {
  position:relative; isolation:isolate; min-width:0;
  transition:transform .23s ease, filter .23s ease;
  will-change:auto;
}
#home-root .story-card > a, .category-grid .story-card > a,
#story-root .story-card > a, .gk-combined-group .story-card > a {
  display:block; min-width:0; overflow:hidden; border-radius:8px 8px 0 0;
}
#home-root .story-card img, .category-grid .story-card img,
#story-root .story-card img, .gk-combined-group .story-card img {
  display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:center;
  transform:translateZ(0); transition:transform .4s ease;
}
@media (hover:hover) and (pointer:fine) {
  #home-root .story-card:hover, .category-grid .story-card:hover,
  #story-root .story-card:hover, .gk-combined-group .story-card:hover {
    transform:translateY(-4px); filter:drop-shadow(0 14px 14px rgba(18,75,59,.10));
  }
  #home-root .story-card:hover img, .category-grid .story-card:hover img,
  #story-root .story-card:hover img, .gk-combined-group .story-card:hover img {
    transform:scale(1.025);
  }
}
/* Header dropdowns: refine depth without changing click/touch behavior. */
.gk-submenu, .gk-search, .gk-mobile-menu.open {
  box-shadow:0 12px 28px rgba(12,48,35,.12),0 3px 8px rgba(12,48,35,.05);
}
.gk-submenu a, .gk-nav a { transition:color .18s ease, background-color .18s ease; }
/* Dimensional editorial callouts: no fictitious numbers or imagery. */
.gk-data-intro-inner, .gk-opp-feature-inner, .gkb-panel,
.gk-v78-opp-box, .gk-about-cta {
  position:relative; isolation:isolate;
  box-shadow:0 12px 28px rgba(13,57,40,.07),0 2px 5px rgba(13,57,40,.05);
}
.gk-data-intro-inner::before, .gk-opp-feature-inner::before {
  content:""; position:absolute; width:170px; height:170px; right:2%; top:-28px;
  border-radius:50%; pointer-events:none; z-index:-1;
  background:radial-gradient(circle at 35% 35%,rgba(218,250,113,.23),rgba(218,250,113,0) 70%);
}
/* About: subtle layered relief of the existing Africa artwork. */
.gk-about-page .gk-about-art {
  overflow:hidden; transform:translateZ(0);
  background:radial-gradient(circle at 30% 20%,#357b5b 0%,#1c5843 40%,#103c30 100%);
  box-shadow:0 27px 42px rgba(6,30,22,.29),inset 0 1px 0 rgba(255,255,255,.18);
}
.gk-about-page .gk-about-art::before {
  content:""; position:absolute; width:73%; aspect-ratio:1; border:1px solid rgba(218,250,113,.16);
  border-radius:50%; top:8%; left:13%; transform:translate(7px,10px);
  box-shadow:0 0 0 16px rgba(218,250,113,.025),0 0 0 38px rgba(218,250,113,.022);
  pointer-events:none;
}
.gk-about-page .gk-about-art svg {
  position:relative; z-index:1;
  filter:drop-shadow(0 13px 10px rgba(3,31,23,.28));
  transition:transform .45s ease, filter .45s ease;
}
.gk-about-page .gk-about-card, .gk-about-page .gk-about-note,
.gk-about-page .gk-about-principle {
  transition:transform .22s ease, box-shadow .22s ease;
}
.gk-about-page .gk-about-card {
  box-shadow:0 6px 20px rgba(12,53,37,.055),inset 0 1px 0 rgba(255,255,255,.7);
}
@media (hover:hover) and (pointer:fine) {
  .gk-about-page .gk-about-art:hover svg { transform:translateY(-5px) scale(1.02); }
  .gk-about-page .gk-about-card:hover {
    transform:translateY(-4px); box-shadow:0 16px 29px rgba(12,53,37,.11);
  }
}
/* Data Lab: elevated panel treatment, without altering chart scales or values. */
.chart-panel, .story-chart, .gk-lab-panel, .lab-card, .data-card,
#lab-app .panel, #lab-app .card, .map-panel {
  border-radius:10px;
  box-shadow:0 8px 24px rgba(12,53,37,.09),0 1px 3px rgba(12,53,37,.04);
}
/* Publishing panels: modest separation, no changed interactions. */
.stat, .editor, .sidebar-box, .op-stat, .op-panel, .studio-card {
  box-shadow:0 5px 18px rgba(13,57,40,.065);
}
/* Clear, accessible focus states. */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline:3px solid #4d9b71; outline-offset:3px;
}
/* Keep controls and prose steady on smaller devices. */
@media (max-width:860px) {
  #home-root .story-card, .category-grid .story-card,
  #story-root .story-card, .gk-combined-group .story-card { transform:none !important; }
  .gk-about-page .gk-about-art svg { transform:none !important; }
  .gk-data-intro-inner::before, .gk-opp-feature-inner::before { width:110px;height:110px; }
}
@media (prefers-reduced-motion: reduce) {
  #home-root .story-card, #home-root .story-card img,
  .category-grid .story-card, .category-grid .story-card img,
  #story-root .story-card, #story-root .story-card img,
  .gk-combined-group .story-card, .gk-combined-group .story-card img,
  .gk-about-page .gk-about-art svg, .gk-about-page .gk-about-card,
  .gk-nav a, .gk-submenu a {
    transition:none!important; transform:none!important;
  }
}

/* Dedicated studio surfaces: presentation only, no workflow changes. */
.gks-stat, .gks-card, .gks-form-wrap, .gks-row {
  box-shadow:0 8px 23px rgba(15,57,39,.075),0 1px 3px rgba(15,57,39,.04);
}
.gks-card, .gks-stat { transition:box-shadow .22s ease, transform .22s ease; }
@media (hover:hover) and (pointer:fine) {
  .gks-card:hover, .gks-stat:hover { transform:translateY(-2px); box-shadow:0 14px 27px rgba(15,57,39,.11); }
}
@media (prefers-reduced-motion:reduce) {
  .gks-card, .gks-stat { transition:none!important;transform:none!important; }
}