/* Evergreen header in both themes. Fixed hit area prevents icon compression. */
html[data-eco-theme] body header .header-actions .eco-header-settings,
header .header-actions .eco-header-settings {
  display:inline-flex!important;align-items:center;justify-content:center;
  width:48px;min-width:48px;height:48px;min-height:48px;flex:0 0 48px;
  padding:10px!important;border:1px solid #81ab9a!important;border-radius:50%;
  background:#284b40!important;color:#effff6!important;cursor:pointer;
  box-sizing:border-box;line-height:1;box-shadow:none;
}
header .eco-header-settings svg{display:block;flex:none;pointer-events:none}
html[data-eco-theme] body header .header-actions .eco-header-settings:hover,
html[data-eco-theme] body header .header-actions .eco-header-settings[aria-expanded=true]{background:#3b6856!important;color:#fff!important}
header .eco-header-settings:focus-visible{outline:3px solid #baf7d5;outline-offset:3px}
@media(max-width:600px){html[data-eco-theme] body header .header-actions .eco-header-settings{width:44px;min-width:44px;height:44px;min-height:44px;flex-basis:44px;padding:8px!important}}
@media(max-width:600px){.site-shell>header>.header-actions:has(.eco-header-settings) .eco-mypage-link{margin-right:0}.site-shell>header>.header-actions .eco-header-settings{margin-right:auto}}