/* Shared author-site presentation. Keep colors and artwork site-local. */
body { font-family: Georgia, "Times New Roman", serif; }
.site-header, .site-footer, .reading-footer, .landing-footer { --font-sans: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; }
.site-header .nav-wrap, .site-header .nav-inner, body .site-header .nav-container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem 2rem; height:auto; min-height:5rem; padding-block:1rem; }
.site-header .site-nav, .site-header .nav-links, .site-header .nav-menu { font-family:Arial,Helvetica,sans-serif; gap:.5rem 1.25rem; flex-wrap:wrap; }
.site-header nav a { min-height:44px; align-content:center; }
.site-header .sep { display:none; }
.site-footer, .reading-footer, .landing-footer { padding-block:2rem; text-align:left; }
.author-network { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; max-width:1160px; margin:0 auto 2rem; padding:1rem; border-block:1px solid currentColor; font: .875rem/1.5 Arial,Helvetica,sans-serif; }
.author-network a { color:inherit; display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:.2em; }
.author-network a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(max-width:700px) {
 .site-header .nav-wrap, .site-header .nav-inner, body .site-header .nav-container { align-items:flex-start; flex-direction:column; gap:.5rem; }
 .site-header .nav-links, .site-header .site-nav { display:flex; flex-wrap:wrap; gap:.25rem 1rem; }
 .author-network { flex-direction:column; gap:0; }
}

/* A visible wrapping navigation works with keyboard, touch, and without JS. */
.site-header .nav-toggle { display:none; }
body .site-header .nav-menu { display:flex; position:static; width:auto; padding:0; background:transparent; border:0; flex-direction:row; box-shadow:none; }
.site-header .nav-menu a { white-space:normal; }
.site-header .site-nav a { display:inline-flex; align-items:center; }
.site-header .site-title, .site-header .site-logo { flex-shrink:0; }
body { --font-serif: Georgia, "Times New Roman", serif; --font-sans: Arial, Helvetica, sans-serif; }

.site-header nav a { white-space:normal; max-width:100%; }
.site-header nav, .site-header .nav-wrap { min-width:0; max-width:100%; }