:root { font-family: system-ui, sans-serif; line-height: 1.5; color: #1c2635; background: #f7f9fc; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #174ea6; }
button, input { font: inherit; }
button { padding: .55rem 1rem; cursor: pointer; }
.site-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem max(1rem, calc((100vw - 70rem) / 2)); background: white; border-bottom: 1px solid #dce2ea; }
.site-header nav { display: flex; align-items: center; gap: 1rem; }
.site-logo-link { display: inline-block; border-radius: 4px; }
.site-logo-link:focus-visible { outline: 3px solid #174ea6; outline-offset: 3px; }
.site-logo { display: block; width: 72px; height: 72px; object-fit: cover; }
.container { max-width: 70rem; margin: 2rem auto; padding: 0 1rem; }
.breadcrumbs { margin-bottom: 1rem; overflow-wrap: anywhere; }
[hidden] { display: none !important; }
@media (max-width: 42rem) { .site-header { flex-wrap: wrap; } }