/* Site switch: option E tree/book icon toggle with option D's 4px radius,
   far right of the header (after the flag language toggle). */
.site-switch{display:inline-flex;align-items:stretch;flex:none;align-self:center;box-sizing:border-box;
  height:26px;margin-left:12px;border:1.5px solid #2a2622;border-radius:4px;overflow:hidden;background:transparent}
.site-switch a{display:grid;place-items:center;width:32px;color:#2a2622;text-decoration:none;background:transparent}
.site-switch a svg{width:17px;height:17px;display:block}
.site-switch a[aria-current="page"]{background:#8f4a42;color:#fff;cursor:default}
.site-switch a:focus-visible{outline:2px solid #8f4a42;outline-offset:-3px}
@media (max-width:700px){
  .site-switch{height:22px;margin-left:8px}
  .site-switch a{width:26px}
  .site-switch a svg{width:14px;height:14px}
}

/* Align the flag language toggle (#langtg.lflag) to the switch's center line:
   same box height as the switch, flags centered. */
.site-header{align-items:center}
html body .site-header .langtg.lflag{height:26px!important;padding:0!important;align-self:center}
@media (max-width:700px){html body .site-header .langtg.lflag{height:22px!important}}

/* Hover / focus-visible */
.site-switch a{transition:background-color .15s,color .15s}

.site-switch a:not([aria-current="page"]):focus-visible{background:rgba(42,38,34,.08);color:#8f4a42}
@media (hover:hover) and (pointer:fine){.site-switch a:not([aria-current="page"]):hover{background:rgba(42,38,34,.08);color:#8f4a42}}

.site-switch a[aria-current="page"]:focus-visible{background:#7a3d36}
@media (hover:hover) and (pointer:fine){.site-switch a[aria-current="page"]:hover{background:#7a3d36}}
@media(prefers-reduced-motion:reduce){.site-switch a{transition:none}}