/* The site's menu: a quiet three-line button on phones, opening a parchment panel under the Greek key. */
.site-top{position:relative}
.menu-btn{display:none;position:absolute;right:-6px;top:38px;transform:translateY(-50%);width:42px;height:42px;padding:0;border:0;background:none;cursor:pointer;color:var(--rubric);-webkit-tap-highlight-color:transparent}
.menu-btn span{position:absolute;right:10px;width:22px;height:1.6px;border-radius:1px;background:currentColor;transition:transform .3s ease,opacity .2s ease,top .3s ease}
.menu-btn span:nth-child(1){top:14px}.menu-btn span:nth-child(2){top:20.2px}.menu-btn span:nth-child(3){top:26.4px}
.menu-btn[aria-expanded="true"] span:nth-child(1){top:20.2px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){top:20.2px;transform:rotate(-45deg)}
.site-menu{position:absolute;left:0;right:0;top:100%;z-index:40;margin-top:-6px;padding:6px 22px 14px;background:var(--paper);border:1px solid var(--rule);border-top:0;box-shadow:0 22px 40px -22px rgba(40,25,10,.45);
 opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility 0s .22s}
.site-menu.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .22s ease,transform .22s ease}
.site-menu a{display:block;padding:13px 0;text-align:center;font-family:"IM Fell English SC",serif;letter-spacing:.1em;font-size:19px;color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--rule)}
.site-menu a:last-child{border-bottom:0}
.site-menu a.sub{font-size:16px;color:var(--faded)}
.site-menu a[aria-current="page"]{color:var(--rubric)}
.site-menu .sep{height:0;border-top:1px solid var(--rule);margin:4px 30%}
@media (max-width:700px){.menu-btn{display:block}}
@media (min-width:701px){.site-menu{display:none}}
@media (prefers-reduced-motion:reduce){.site-menu,.menu-btn span{transition:none}}
/* Light and dark: a small sun or moon at the right of the header (human, 2026-11-08; the moon offers dark, the sun light). */
.site-top nav{justify-content:flex-start}
.site-top nav .links{margin-left:auto;order:2;display:flex;align-items:center}
.site-top nav .brand{order:1}
.theme-btn{position:relative;order:3;width:38px;height:38px;margin:0 -9px 0 18px;padding:0;border:0;background:none;cursor:pointer;color:var(--rubric);border-radius:50%;-webkit-tap-highlight-color:transparent;transition:background-color .2s}
@media (hover:hover){.theme-btn:hover{background:color-mix(in srgb,var(--rubric) 10%,transparent)}}
.theme-btn svg{position:absolute;left:9px;top:9px;width:20px;height:20px;transition:opacity .25s ease,transform .35s ease}
.theme-btn .sun{opacity:0;transform:rotate(-60deg) scale(.6)}
html[data-theme=dark] .theme-btn .sun{opacity:1;transform:none}
html[data-theme=dark] .theme-btn .moon{opacity:0;transform:rotate(40deg) scale(.6)}
@media (prefers-color-scheme: dark){
 html:not([data-theme=light]) .theme-btn .sun{opacity:1;transform:none}
 html:not([data-theme=light]) .theme-btn .moon{opacity:0;transform:rotate(40deg) scale(.6)}
}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
@media (max-width:700px){
 .site-top nav{justify-content:center}
 .menu-btn,.theme-btn{position:absolute;top:38px;transform:translateY(-50%);margin:0}
 .theme-btn{left:-6px;right:auto}
 .site-top nav .links{display:none}
}
/* Desktop: the secondary pages under "More" (human, 2026-11-08). */
.more-wrap{position:relative;margin-left:28px}
.more-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--ink)}
.more-btn svg{width:10px;height:7px;color:var(--rubric);transition:transform .2s}
.more-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.more-btn:hover{color:var(--rubric)}
.more-menu{position:absolute;left:50%;top:calc(100% + 14px);z-index:40;min-width:150px;padding:4px 16px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 18px 34px -18px rgba(40,25,10,.45);
 opacity:0;transform:translate(-50%,-6px);visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s}
.more-menu.open{opacity:1;transform:translate(-50%,0);visibility:visible;transition:opacity .18s,transform .18s}
.more-menu a{display:block;margin:0!important;padding:10px 0;border-bottom:1px dotted var(--rule);text-align:center;color:var(--ink);text-decoration:none}
.more-menu a:last-child{border-bottom:0}
.more-menu a:hover{color:var(--rubric)}