/* ShadeTerm global Features navigation — supplements the existing /style.css */
.site-header .logo,.site-header .logo img{max-width:145px}.site-header .logo img{display:block;width:145px;height:auto;object-fit:contain;object-position:left center}
.site-header .nav{display:flex;align-items:center}
.site-header .sf-feature-menu{position:relative;display:flex;align-items:center}
.site-header .sf-feature-trigger{appearance:none;background:transparent;border:0;cursor:pointer;font:inherit;color:var(--text-2,#aeb4bd)!important;display:inline-flex;align-items:center;gap:7px;padding:0;line-height:inherit;white-space:nowrap}
.site-header .sf-feature-trigger svg{display:block;flex:none;width:14px;height:14px;transition:transform .16s ease}
.site-header .sf-feature-menu.is-open .sf-feature-trigger svg{transform:rotate(180deg)}
.site-header .sf-feature-popover{display:none;position:absolute;left:50%;top:calc(100% + 18px);transform:translateX(-49%);width:min(730px,calc(100vw - 40px));padding:22px;border:1px solid #303236;border-radius:14px;background:#0e0f11;box-shadow:0 24px 72px rgba(0,0,0,.45);z-index:1100;text-align:left}
.site-header .sf-feature-menu.is-open .sf-feature-popover{display:block}
.site-header .sf-feature-popover::before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px}
.site-header .sf-dp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.site-header .sf-dp-heading{color:#777e87;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin:3px 0 12px}
.site-header .sf-dp-group{min-width:0}
.site-header .sf-dp-item{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:8px;text-decoration:none!important;background:none}
.site-header .sf-dp-item:hover,.site-header .sf-dp-item:focus-visible{background:#1a1c20}
.site-header .sf-dp-item strong{font-weight:600;font-size:13px;color:#f2f3f5;line-height:1.3}
.site-header .sf-dp-item span{font-size:11px;color:#9a9fa6;line-height:1.4}
.site-header .sf-mobile-features{display:none}
.site-footer [data-sf-footer-feature-links]{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.site-footer [data-sf-footer-feature-links] a{display:block}
@media(max-width:1020px){
  .site-header .sf-feature-menu{display:none}
  .site-header .mobile-nav.is-open{display:flex;flex-direction:column}
  .site-header .sf-mobile-features{display:block;border-bottom:1px solid rgba(255,255,255,.08);margin:2px 0 6px}
  .site-header .sf-mobile-features summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:14px;color:#f2f3f5}
  .site-header .sf-mobile-features summary::-webkit-details-marker{display:none}
  .site-header .sf-mobile-features summary::after{content:"+";font-size:18px;color:#9ba0a8}
  .site-header .sf-mobile-features[open] summary::after{content:"−"}
  .site-header .sf-mobile-feature-links{display:flex;flex-direction:column;padding:5px 8px 16px;gap:2px}
  .site-header .sf-mobile-feature-links a{color:#d8dce2;font-size:13px;text-decoration:none;padding:9px 6px;border-radius:6px}
  .site-header .sf-mobile-feature-links a:hover{background:#202227}
  .site-header .sf-mobile-feature-heading{color:#838b95;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:12px 6px 5px}
}
@media(prefers-reduced-motion:reduce){.site-header .sf-feature-trigger svg{transition:none}}

/* V5: one coherent destination for browsing all product features. */
.site-header .sf-feature-all{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:13px 11px 0;border-top:1px solid #303236;text-decoration:none;color:#eef0f4;font-size:13px;font-weight:600}
.site-header .sf-feature-all:hover{color:white}
.site-header .sf-mobile-feature-all{font-weight:700!important;color:#fff!important;border-bottom:1px solid #303236;margin-bottom:8px}

/* V6 header structure: nav/actions/burger are children of .header-inner.
   Keep the desktop actions at the far right without touching mobile behavior. */
.site-header > .header-inner{display:flex;align-items:center}
.site-header .header-inner > .header-actions{margin-left:auto;display:flex;align-items:center;flex-shrink:0;gap:10px}
.site-header .header-inner > .nav{min-width:0}
@media(max-width:1020px){
  .site-header .header-inner > .header-actions{display:none}
}
/* V6: center the Try ShadeTerm link in the right-hand hero column.
   On mobile, maintain a natural left-aligned, single-column layout. */
@media(min-width:1021px){
  .sf-product .sf-hero-grid > div:last-child,
  .sftp-page .sf-hero-aside,
  .sf-hub .sf-hub-lede{align-self:center!important}
  .sf-product .sf-hero-grid > div:last-child > .sf-try-link,
  .sftp-page .sf-hero-aside > .sf-try-link,
  .sf-hub .sf-hub-lede > .sf-try-link{display:flex;width:max-content;margin-left:auto!important;margin-right:auto!important;justify-content:center;text-align:center}
}

/* v10: match the other header links, brighten only during hover/focus. */
.site-header .sf-feature-trigger:hover,.site-header .sf-feature-trigger:focus-visible{color:var(--text,#f1f4f8)!important}