/* Site chrome: language switch in the header, and the section bar that says where you are (Little Way today, Learn next).
   Loaded after site.css on every page. State is shown with weight, underline and border, never colour alone. */
.langsw{position:relative;font-family:var(--sans);font-size:.9rem}
.langsw details{position:relative}
.langsw summary{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;box-sizing:border-box;padding:0 .7rem;cursor:pointer;list-style:none;color:var(--text);border:2px solid var(--text);border-radius:4px;background:var(--surface,transparent)}
.langsw summary::-webkit-details-marker{display:none}
.langsw summary::after{content:"";width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-.1rem);margin-left:.15rem}
.langsw details[open] summary::after{transform:rotate(-135deg) translateY(-.1rem)}
.langsw .lg-cur{font-weight:700}
.langsw ul{position:absolute;right:0;top:calc(100% + .25rem);z-index:20;min-width:11rem;max-height:70vh;overflow:auto;margin:0;padding:.25rem;list-style:none;background:var(--bg,#fff);border:2px solid var(--text);border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.langsw a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 .7rem;color:var(--text);text-decoration:none;border:2px solid transparent;border-radius:4px}
.langsw a:hover,.langsw a:focus-visible{border-color:var(--line)}
.langsw a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.langsw a[aria-current]::before{content:"\2713\00a0"}
.langsw .short{display:none}
.subnav{border-top:1px solid var(--soft-line);background:var(--surface)}
.subnav ul{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.1rem;list-style:none;margin:0;padding:0;font-family:var(--sans);font-size:.92rem}
.subnav a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;color:var(--text);text-decoration:none;border-bottom:3px solid transparent}
.subnav a:hover{border-bottom-color:var(--line)}
.subnav a[aria-current]{font-weight:700;border-bottom-color:var(--text)}
.subnav .subnav-name{padding-right:1.1rem;border-right:2px solid var(--text)}
.subnav .subnav-name a{font-family:var(--serif);font-size:1.1rem;font-weight:700}
.subnav .wrap{padding-top:0;padding-bottom:0}
@media (max-width:48rem){
  .site-header{position:static}
  .site-header .wrap{position:relative}
  .site-header .wrap{gap:.5rem .5rem}
  .site-header .brand{order:1;margin-right:auto}
  .site-header .langsw{order:2}
  .site-header .wrap>nav:not(.langsw){order:3}
  .langsw .lg-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .langsw .lg-cur .full{display:none}
  .langsw .lg-cur .short{display:inline}
  .langsw summary{padding:0 .55rem}
  .subnav ul{gap:0 .9rem;font-size:.9rem}
  .subnav .subnav-name{padding-right:.9rem}
}
@media print{.langsw,.subnav{display:none!important}}