/* Name at left, serif navigation centered, personal link at right. */
.site-header.pill-header { min-height: 108px; height: auto; max-width: 1600px; padding: 24px var(--gutter); display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 28px; background: transparent; color: var(--ink); border-bottom: 1px solid var(--line); position: relative; z-index: 10; }
.site-header.pill-header .wordmark { justify-self: start; font-size: 29px; font-weight: 600; letter-spacing: -1.6px; }
.site-header.pill-header .pill-navigation { display: flex; align-items: center; justify-content: center; gap: clamp(24px,3vw,46px); padding: 0; margin: 0; background: transparent; }
.site-header.pill-header .pill-navigation > a,
.site-header.pill-header .pages-menu > summary { color: var(--muted); display: flex; align-items: baseline; gap: 10px; font: 400 15px/1.5 var(--sans); padding: 10px 0; min-height: 44px; white-space: nowrap; }
.site-header.pill-header .nav-chinese { display: inline; font: 400 15px/1.5 var(--sans); color: inherit; }
.site-header.pill-header .nav-english { display: inline; font: italic 17px/1.4 var(--serif); color: inherit; }
.site-header.pill-header .pill-navigation > a::after { display: none; }
.site-header.pill-header .pill-navigation [aria-current],
.site-header.pill-header .pill-navigation > a:hover,
.site-header.pill-header .pages-menu > summary:hover,
.site-header.pill-header .pages-menu[open] > summary { color: var(--ink); text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 1px; }
.site-header.pill-header .header-practice { display: inline-flex; align-items: baseline; gap: 10px; justify-self: end; font: 400 15px/1.5 var(--sans); color: var(--muted); white-space: nowrap; padding: 10px 0; min-height: 44px; }
.site-header.pill-header .header-practice:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 7px; }
.pages-menu { position: relative; }
.pages-menu summary { cursor: pointer; list-style: none; }
.pages-menu summary::-webkit-details-marker { display: none; }
.pages-menu-list { position: absolute; z-index: 20; top: calc(100% + 14px); right: -12px; width: 290px; padding: 12px; background: var(--paper); border: 1px solid var(--line); border-radius: 2px; box-shadow: 0 12px 32px #18181812; }
.site-header.pill-header .pages-menu-list a { display: flex; align-items: baseline; justify-content: flex-start; padding: 12px 10px; gap: 13px; color: var(--ink); font-size: 12px; line-height: 1.5; }
.site-header.pill-header .pages-menu-list a::after { display: none; }
.site-header.pill-header .pages-menu-list a span { display: inline; margin: 0; color: var(--muted); font: 400 10px var(--sans); }
.site-header.pill-header .pages-menu-list a:hover { background: #18181807; }
@media(max-width:760px) {
 .site-header.pill-header { min-height: 122px; padding: 18px var(--gutter) 12px; grid-template-columns: 1fr auto; gap: 8px 20px; }
 .site-header.pill-header .wordmark { grid-column: 1; grid-row: 1; font-size: 25px; }
 .site-header.pill-header .header-practice { grid-column: 2; grid-row: 1; font-size: 15px; min-height: 32px; padding: 5px 0; }
 .site-header.pill-header .pill-navigation { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: clamp(15px,5vw,35px); }
 .site-header.pill-header .pill-navigation > a,
 .site-header.pill-header .pages-menu > summary { flex-direction: column; align-items: center; justify-content: center; font-size: 12px; gap: 1px; min-height: 52px; }
 .site-header.pill-header .nav-chinese { font-size: 12px; }
 .site-header.pill-header .nav-english { font-size: 15px; }
 .pages-menu { position: static; }
 .pages-menu-list { right: var(--gutter); width: min(290px,calc(100vw - 44px)); top: calc(100% - 1px); }
}
@media(max-width:360px) {
 .site-header.pill-header .pill-navigation { gap: 15px; }
 .site-header.pill-header .pill-navigation > a,.site-header.pill-header .pages-menu > summary { gap: 1px; }
 .site-header.pill-header .nav-english { font-size: 14px; }
}