.site-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.site-brand { flex-shrink: 0; }
.site-nav { display: flex; align-items: center; gap: 1.5rem; }
.site-about { display: inline-flex; align-items: center; min-height: 44px; }
.site-about[aria-current] { color: #991b1b; }
.site-search { position: relative; width: 320px; max-width: 100%; min-width: 0; }
.site-search-field { display: flex; align-items: center; border: 1px solid #d6d3d1; border-radius: .5rem; background: white; }
.site-search-field:focus-within { outline: 2px solid #991b1b; outline-offset: 2px; }
.site-search input { width: 100%; min-width: 0; padding: .75rem; color: #1c1917; background: transparent; border: 0; outline: none; font: inherit; }
.site-search input::placeholder { color: #78716c; }
.site-search button { display: grid; place-items: center; min-width: 44px; min-height: 44px; cursor: pointer; }
.site-search button:hover { color: #991b1b; }
.site-nav a:focus-visible, .site-search button:focus-visible { outline: 2px solid #991b1b; outline-offset: 3px; }
.site-search-popup { position: absolute; top: calc(100% + .5rem); right: 0; width: 100%; z-index: 40; background: white; border: 1px solid #d6d3d1; border-radius: .5rem; box-shadow: 0 8px 24px #1c191714; max-height: 65vh; overflow-y: auto; }
.site-search-popup[hidden] { display: none; }
.site-search-popup ul { list-style: none; padding: .25rem; margin: 0; }
.site-search-popup a { display: block; padding: .75rem; border-radius: .25rem; color: #292524; text-decoration: none; }
.site-search-popup [aria-selected="true"] a, .site-search-popup a:hover { background: #fafaf9; color: #991b1b; }
.site-search-result-meta { display: block; margin-top: .2rem; color: #78716c; font-size: .75rem; }
.site-search-status { padding: .5rem 1rem .75rem; font-size: .75rem; color: #57534e; }
.about-body p, .about-body ul, .about-body ol { margin-bottom: 1.25rem; }
.about-body h2, .about-body h3 { margin: 2rem 0 1rem; font-weight: 600; color: #1c1917; }
.about-body h2 { font-size: 1.5rem; }
.about-body h3 { font-size: 1.25rem; }
.about-body ul { list-style: disc; padding-left: 1.5rem; }
.about-body ol { list-style: decimal; padding-left: 1.5rem; }
.about-body a { text-decoration: underline; text-underline-offset: 3px; color: #991b1b; }
@media (max-width: 700px) {
    .site-header-inner { flex-wrap: wrap; gap: .75rem; }
    .site-nav { width: 100%; gap: 1rem; }
    .site-search { flex: 1; width: auto; }
}