/* Shared navigation treatment for the introduction and the application. */
#drawer-navigation .main-three-nav{gap:8px;margin:0 0 16px}
#drawer-navigation .main-three-nav a{
  display:flex;align-items:center;box-sizing:border-box;min-height:46px;
  padding:12px 14px;border:1px solid var(--line);border-radius:14px;
  background:var(--bg);color:var(--ink);text-decoration:none;
  transition:background-color 160ms ease,color 160ms ease;
}
#drawer-navigation .main-three-nav a[aria-current=page]{background:#000;color:#fff;border-color:#000}
#drawer-navigation .main-three-nav a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.header-actions{gap:4px;align-items:center}
.site-header .header-actions>.journey-mode-widget{
  display:inline-flex;align-items:center;flex:none;gap:6px;
  margin:0;line-height:1;white-space:nowrap;
}
.site-header .journey-mode-widget select{
  box-sizing:border-box;height:42px;margin:0;padding:0 10px;
  font:inherit;line-height:normal;
}
.header-actions .header-icon{
  display:grid;place-items:center;flex:none;
  width:42px;min-width:42px;height:42px;padding:0;
  color:#f5f5f5;background:transparent;border:0;border-radius:12px;
  text-decoration:none;
  transition:background-color 180ms ease,transform 180ms ease;
}
.header-actions .header-icon>svg{
  width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;
}
.header-actions .header-icon[aria-expanded=true],
.header-actions .header-icon[aria-current=page]{background:#202020}
@media(hover:hover){
  .header-actions .header-icon:hover{background:#1b1b1b;transform:translateY(-1px)}
}
.header-actions .header-icon:active{background:#282828;transform:scale(.96)}
.header-actions .header-icon:focus-visible{outline:1.5px solid #fff;outline-offset:2px}
#search-form>svg,
.global-search-form>svg{width:21px;height:21px;stroke-width:1.65;color:var(--muted)}
#search-form:focus-within>svg,
.global-search-form:focus-within>svg{color:var(--ink)}
@media(prefers-reduced-motion:reduce){
  .header-actions .header-icon{transition:none;transform:none}
}
/* Primary pages and their real destinations share one navigation tree. */
#drawer-navigation .main-three-nav{display:flex;flex-direction:column;gap:10px}
#drawer-navigation .sidebar-page-group{width:100%;min-width:0}
#drawer-navigation .sidebar-main-row{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--bg)}
#drawer-navigation .sidebar-main-row>a{flex:1;min-width:0;border:0;border-radius:0;padding:13px 14px;min-height:48px;font-size:14px}
#drawer-navigation .sidebar-main-row:has(>a[data-active]),#drawer-navigation .sidebar-main-row>a[data-active]{background:#000;color:#fff;border-color:#000}
#drawer-navigation .sidebar-main-row>button{position:relative;display:grid;place-items:center;flex:none;width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}
#drawer-navigation .sidebar-main-row>button::before{content:'';position:absolute;width:30px;height:30px;border-radius:50%;background:var(--line);opacity:.85;transition:opacity .16s ease}
#drawer-navigation .sidebar-main-row:has(>a[data-active])>button::before{background:#383838}
#drawer-navigation .sidebar-main-row>button:hover::before,#drawer-navigation .sidebar-main-row>button:focus-visible::before{opacity:1}
#drawer-navigation .sidebar-main-row>button svg{position:relative}
#drawer-navigation .sidebar-main-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .18s ease}
#drawer-navigation .sidebar-main-row>button[aria-expanded=true] svg{transform:rotate(180deg)}
#drawer-navigation .sidebar-subpages{display:flex;flex-direction:column;gap:3px;margin:8px 3px 3px 13px;padding-left:8px;border-left:1px solid var(--line)}
#drawer-navigation .sidebar-subpages-shell{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}
#drawer-navigation .sidebar-subpages-shell[data-expanded=true]{grid-template-rows:1fr;opacity:1}
#drawer-navigation .sidebar-subpages-clip{min-height:0;overflow:hidden}
#drawer-navigation .sidebar-subpages-shell .sidebar-subpages{transform:translateY(-5px);transition:transform .28s cubic-bezier(.22,1,.36,1)}
#drawer-navigation .sidebar-subpages-shell[data-expanded=true] .sidebar-subpages{transform:translateY(0)}
#drawer-navigation .sidebar-subpages>a{gap:9px;min-height:36px;padding:8px 10px;border:0;border-radius:13px;font-size:12px;line-height:1.4;color:var(--muted);background:transparent}
#drawer-navigation .sidebar-subpages>a[aria-current=page]{background:var(--line);color:var(--ink);font-weight:600}
#drawer-navigation .sidebar-subpages>a:hover{color:var(--ink);background:var(--line)}
#drawer-navigation .sidebar-main-row>button:focus-visible{outline:2px solid #8854ec;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){#drawer-navigation .sidebar-main-row svg,#drawer-navigation .sidebar-subpages-shell,#drawer-navigation .sidebar-subpages-shell .sidebar-subpages{transition:none}}

/* Unified page icons: shared by the desktop sidebar and mobile drawer. */
#drawer-navigation .sidebar-main-row>a,#drawer-navigation .sidebar-subpages>a{display:flex;align-items:center;justify-content:flex-start;gap:11px}
#drawer-navigation a>.sidebar-page-icon{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#drawer-navigation .sidebar-subpages>a>.sidebar-page-icon{width:17px;height:17px;stroke-width:1.65}
#drawer-navigation .sidebar-subpages>a{gap:10px}
#drawer-navigation .nav-row>svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Page-switching pills reuse the exact same SVGs as the sidebar. */
.sort-tabs .subpage-link>.sidebar-page-icon,#metric-page-navigation .nav-row>.sidebar-page-icon{display:block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
