.header .site-nav{display:flex;align-items:center;gap:32px}
.header .site-nav a{display:block;white-space:nowrap}
.tool-nav{max-width:1400px;margin:0 auto;padding:8px 36px;border-bottom:1px solid var(--line);background:var(--bg)}
.tool-nav-scroll{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:22px;row-gap:0}
.tool-nav a{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;line-height:1.4;white-space:nowrap;color:#acbba9;border-bottom:2px solid transparent}
.tool-nav a:hover,.tool-nav a[aria-current=page]{color:var(--accent)}
.tool-nav a[aria-current=page]{border-bottom-color:var(--accent)}
.tool-nav a:focus-visible,.header .site-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.tool-nav .tool-nav-cleaner{color:var(--accent);font-weight:600}
.tool-nav-premium{font:8px var(--mono);border:1px solid #45573d;border-radius:3px;padding:3px 4px;color:#93a687}
@media(max-width:1100px){.tool-nav-scroll{column-gap:24px}.tool-nav{padding:8px 24px}}

.tool-nav-menu > summary { display: none; }
.header .site-nav .mobile-account { display: none; }
@media(max-width:1100px){.header .site-nav .mobile-account{display:flex}.header .site-nav{gap:16px}}
@media(max-width:800px){
  /* One compact header on every public page, with primary links and account access. */
  .header:has(.site-nav), .home-page .home-header:has(.site-nav) {
    height: auto; min-height: 0; display: flex; flex-wrap: wrap;
    padding: 16px 20px 8px; gap: 10px 12px;
  }
  .header .wordmark { font-size: 25px; flex-shrink: 0; }
  .header .header-actions { margin-left: auto; }
  .header .header-start { display: none; }
  .header:has(nav):not(:has(.site-nav)) {
    height: auto; padding: 16px 20px 8px; flex-wrap: wrap; gap: 10px 12px;
  }
  .header:has(nav):not(:has(.site-nav)) > nav {
    display: flex; order: 3; width: 100%; margin: 0; gap: 24px;
  }
  .header:has(nav):not(:has(.site-nav)) > nav a:nth-child(n) {
    display: flex; align-items: center; font-size: 14px; min-height: 44px;
  }
  .header .site-nav, .home-page .home-header .site-nav {
    display: flex !important; order: 3; width: 100%;
    justify-content: space-between; gap: 8px; margin: 0;
  }
  .header .site-nav a, .header .site-nav a:nth-child(n) {
    display: flex !important; align-items: center; justify-content: center;
    min-height: 44px; font-size: 14px; padding: 10px 4px;
  }
  .tool-nav { padding: 0 20px; }
  .tool-nav-menu > summary {
    display: flex; align-items: center; justify-content: space-between;
    min-height: 48px; gap: 12px; color: var(--accent); font-size: 14px;
    list-style: none; cursor: pointer;
  }
  .tool-nav-menu > summary::-webkit-details-marker { display: none; }
  .tool-nav-menu > summary > span:last-child { font-size: 20px; }
  .tool-nav-menu[open] > summary > span:last-child { transform: rotate(180deg); }
  .tool-nav-menu:not([open]) > .tool-nav-scroll { display: none; }
  .tool-nav-menu[open] > .tool-nav-scroll {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px; padding: 4px 0 16px;
  }
  .tool-nav a { min-height: 48px; font-size: 13px; white-space: normal; flex-wrap: wrap; gap: 4px; }
  .tool-nav-premium { font-size: 9px; }

}

/* Public product update: restrained, readable, and independent of navigation. */
.research-update{background:#cfe8af;color:#18251c;border-bottom:1px solid #a7bf8e;padding:12px 24px;text-align:center;font-size:14px;line-height:1.5}
.research-update p{margin:0}
.research-update a{display:inline-block;margin-left:16px;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.research-update a:focus-visible{outline:2px solid #18251c;outline-offset:4px}
@media(max-width:480px){.research-update{padding:10px 16px;font-size:13px}.research-update a{margin-left:10px}}
