/* Product navigation shared by the GridPilot homepage and Blog. */
body[data-news-brand="GridPilot AI"] .nav-links { align-items: center; opacity: 1; }
body[data-news-brand="GridPilot AI"] .gp-product-nav { position: relative; }
body[data-news-brand="GridPilot AI"] .gp-product-nav > summary {
  display: flex; align-items: center; gap: .5rem; padding: .25rem 0;
  list-style: none; color: inherit; font: inherit; cursor: pointer; border-radius: 4px;
}
body[data-news-brand="GridPilot AI"] .gp-product-nav > summary::-webkit-details-marker { display: none; }
body[data-news-brand="GridPilot AI"] .gp-product-nav > summary::after { content: none; }
body[data-news-brand="GridPilot AI"] .gp-product-nav > summary:focus:not(:focus-visible) { outline: none; }
body[data-news-brand="GridPilot AI"] .gp-product-chevron {
  width: .375rem; height: .375rem; margin-left: .125rem;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: translateY(-.125rem) rotate(45deg); transition: transform .18s ease;
}
body[data-news-brand="GridPilot AI"] .gp-product-nav[open] > summary .gp-product-chevron { transform: translateY(.0625rem) rotate(225deg); }
body[data-news-brand="GridPilot AI"] .gp-product-panel {
  position: absolute; top: calc(100% + 1rem); left: -1rem; z-index: 3;
  width: 320px; max-width: calc(100vw - 32px); margin: 0; padding: 7px;
  list-style: none; background: #fff; color: #0e1318;
  border: 1px solid #e2e6e8; border-radius: 14px;
  box-shadow: 0 20px 50px #0e131824, 0 3px 8px #0e13180a;
  text-align: left; letter-spacing: 0;
}
body[data-news-brand="GridPilot AI"] .gp-product-nav[open] > .gp-product-panel { animation: gp-products-enter .16s ease-out; }
body[data-news-brand="GridPilot AI"] .gp-product-panel li { margin: 0; padding: 0; }
body[data-news-brand="GridPilot AI"] .gp-product-panel a {
  display: flex; align-items: center; gap: 12px; min-height: 72px; padding: 12px;
  border-radius: 9px; color: #0e1318; font-size: 15px; line-height: 1.3;
  font-weight: 500; letter-spacing: 0; text-decoration: none;
  transition: background .16s ease;
}
body[data-news-brand="GridPilot AI"] .gp-product-panel a::after { content: none; }
body[data-news-brand="GridPilot AI"] .gp-product-panel a:hover,
body[data-news-brand="GridPilot AI"] .gp-product-panel a:focus-visible { background: #f3f5f5; text-decoration: none; }
body[data-news-brand="GridPilot AI"] .gp-product-icon {
  display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px;
  border: 1px solid #e5e8e9; border-radius: 10px; background: #f8f9f9; color: #34434a;
}
body[data-news-brand="GridPilot AI"] .gp-product-icon svg { width: 21px; height: 21px; }
body[data-news-brand="GridPilot AI"] .gp-product-copy { display: block; flex: 1; min-width: 0; }
body[data-news-brand="GridPilot AI"] .gp-product-title { display: block; font-weight: 600; }
body[data-news-brand="GridPilot AI"] .gp-product-description { display: block; margin-top: 4px; color: #68737a; font-size: 12px; font-weight: 400; line-height: 1.35; }
body[data-news-brand="GridPilot AI"] .gp-product-arrow {
  flex: 0 0 16px; width: 16px; height: 16px; color: #7b858b;
  transition: transform .16s ease, color .16s ease;
}
body[data-news-brand="GridPilot AI"] .gp-product-panel a:hover .gp-product-arrow { transform: translate(1px,-1px); color: #0e1318; }
body[data-news-brand="GridPilot AI"] .gp-product-nav > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
body[data-news-brand="GridPilot AI"] .gp-product-panel a:focus-visible { outline: 2px solid #476879; outline-offset: -2px; }
body[data-news-brand="GridPilot AI"] .gp-product-sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
body[data-news-brand="GridPilot AI"] .gp-product-nav--mobile > summary { width: fit-content; }
body[data-news-brand="GridPilot AI"] .gp-product-nav--mobile .gp-product-panel {
  position: static; width: 320px; max-width: 100%; margin-top: 1rem;
  box-shadow: none;
}
body[data-news-brand="GridPilot AI"] .news-mobile-menu .gp-product-nav > summary { font-size: inherit; padding: 0; }
body[data-news-brand="GridPilot AI"] .news-mobile-menu .gp-product-panel { width: 100%; margin-top: .75rem; }
@media (max-width: 960px) {
  body[data-news-brand="GridPilot AI"] .mobile-menu { justify-content: flex-start; overflow-y: auto; padding-top: 112px; padding-bottom: 40px; }
  body[data-news-brand="GridPilot AI"] .mobile-menu .gp-product-chevron { width: .6rem; height: .6rem; margin-left: .25rem; }
  body[data-news-brand="GridPilot AI"] .news-mobile-menu .gp-product-panel a { gap: 10px; padding: 10px; }
}
@keyframes gp-products-enter { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  body[data-news-brand="GridPilot AI"] .gp-product-chevron,
  body[data-news-brand="GridPilot AI"] .gp-product-panel a,
  body[data-news-brand="GridPilot AI"] .gp-product-arrow { transition: none; }
  body[data-news-brand="GridPilot AI"] .gp-product-nav[open] > .gp-product-panel { animation: none; }
}
