/* --- 1. GLOBAL BASE & INTERFACE RESETS --- */
body { background: #F6F9FC !important; }
ai-actions, .ai-actions, [class*="ai-actions"] { display: none !important; }

/* --- 2. STICKY GLASSMORPHISM NAVIGATION HEADER --- */
body > header, header:not(main header):not([class*="hero"]):not([class*="banner"]) {
  display: flex !important; 
  flex-direction: row !important; 
  justify-content: space-between !important;
  align-items: center !important; 
  position: sticky !important; 
  top: 0 !important;
  z-index: 10000 !important; 
  height: 70px !important;
  
  /* Uses your #F6F9FC tint with transparency to maintain the scrolling blur */
  background: rgba(246, 249, 252, 0.85) !important; 
  backdrop-filter: blur(12px) !important; 
  -webkit-backdrop-filter: blur(12px) !important; 
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  
  padding-block: 0 !important;
  /* Fixed: Dynamic responsive mapping hooks directly into your live grid container variables */
  padding-inline: max(24px, calc((100% - var(--theme-container-width)) / 2)) !important;
}

body > header .header-content {
  margin-left: auto !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.custom-header-actions { 
  display: flex !important; 
  align-items: center !important; 
  gap: 12px !important; 
  margin-left: 16px !important; 
}
.custom-header-actions ul { 
  padding: 0; 
  margin: 0; 
  list-style: none; 
  position: relative; 
}
.custom-header-actions .lang ul li, .custom-header-actions .support ul li { 
  display: inline-block; 
  background-color: #FFFFFF; 
  padding: 6px 16px; 
  border-radius: 999px; 
  border: 1px solid rgba(0,0,0,.15); 
  cursor: pointer; 
}
.custom-header-actions .lang a, .custom-header-actions .support a { 
  display: block; 
  color: #2C2D3E; 
  font-size: 14px; 
  text-decoration: none; 
}
.custom-header-actions .lang a:hover, .custom-header-actions .support a:hover { color: rgba(0,0,0,.7); }
.custom-header-actions .lang ul ul, .custom-header-actions .support ul ul { display: none; position: absolute; top: 110%; right: 0; background: #FFFFFF; border-radius: 8px; padding: 8px 12px; border: none; box-shadow: 0px 6px 12px 0 rgba(0, 0, 0, .15); z-index: 9999; }
.custom-header-actions .lang ul li:hover > ul, .custom-header-actions .support ul li:hover > ul { display: block; }
.custom-header-actions .lang ul ul li, .custom-header-actions .support ul ul li { width: 100px; display: list-item; position: relative; border: none; padding: 6px 0; text-align: left; }

/* --- 3. DETAIL ARTICLE VIEWS (MINT GREEN DESIGN) --- */
html[data-page-template="article"] .main-content { gap: 12px !important; }
html[data-page-template="article"] .main-content article header, .article-page header { background: transparent !important; box-shadow: none !important; border: none !important; }
.article-page .main-content article header h1 {
  display: block !important; width: 100% !important; box-sizing: border-box !important;
  padding: 30px 45px !important; background: #9CEDCD !important; border-radius: 20px !important;
  margin: 0px 0 32px 0 !important; color: #2C2D3E !important; font-size: 32px !important; clear: both !important;
}
.breadcrumbs, .sc-breadcrumbs { margin-top: 8px !important; margin-bottom: 0px !important; display: block !important; }

/* --- 4. HERO BANNER & SEARCH LAYOUT --- */
.banner { border-radius: 20px !important; margin: 16px 24px 0 24px !important; overflow: hidden !important; }
.banner hgroup, .banner hgroup h1, .banner hgroup p { text-align: center !important; margin-inline: auto !important; }
.banner hgroup h1 { font-size: 36px !important; margin-bottom: 12px !important; }
.banner hgroup p { font-size: 16px !important; display: block !important; }

/* --- 5. OVERVIEW DASHBOARDS (VERTICAL GREEN ACCENT TRACKING) --- */
html[data-page-template="content-source"] .article-overview-page .content { padding-top: 28px !important; row-gap: 36px !important; }
html[data-page-template="content-source"] .article-overview-page .content section { margin: 0 !important; padding: 0 !important; row-gap: 12px !important; }
html[data-page-template="content-source"] .article-overview-page .content h2 { margin-bottom: 0 !important; }
.article-overview-page .content .items { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 24px !important; padding: 0 !important; list-style: none !important; }
.article-overview-page .content .items > li { background: #ffffff !important; border-radius: 16px !important; box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12) !important; padding: 32px !important; display: flex !important; flex-direction: column !important; }
.article-overview-page .content .items li > :is(div, a, article) { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
.article-overview-page h3, .article-overview-page h3 a { font-size: 18px !important; font-weight: 700 !important; margin: 0 0 14px 0 !important; color: #2C2D3E !important; text-decoration: none !important; }
.article-overview-page h3 { border-left: 3px solid #43DA91 !important; padding-left: 12px !important; display: block !important; }
.article-overview-page .items ul { padding: 0 !important; list-style: none !important; margin: 0 !important; }
.article-overview-page .items ul li { margin-bottom: 8px !important; background: transparent !important; border: none !important; padding: 0 !important; }
.article-overview-page .items ul a { color: #636477 !important; text-decoration: none !important; font-size: 14px !important; }
.article-overview-page .items ul a:hover { text-decoration: underline !important; }

/* --- 6. HOMEPAGE MAIN PORTAL OVERRIDES --- */
html[data-page-template="portal"] main .content { margin-top: -120px !important; position: relative !important; z-index: 10 !important; }
.home-page .spaces .items.tiles { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 24px !important; padding: 0 !important; list-style: none !important; }
.home-page .tile { background: #ffffff !important; border-radius: 20px !important; box-shadow: 0px 12px 32px -6px rgba(24, 39, 75, 0.08), 0px 8px 16px -8px rgba(24, 39, 75, 0.06) !important; border: none !important; padding: 36px 24px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; box-sizing: border-box !important; }
.home-page .tile-image { margin-bottom: 16px !important; width: 52px !important; height: 52px !important; display: block !important; }
.home-page .tile-title, .home-page .tile-title a { font-size: 20px !important; font-weight: 700 !important; margin: 0 0 12px 0 !important; color: #2C2D3E !important; text-decoration: none !important; }
.home-page .tile-text { color: #636477 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important; }