:root { --site-width: 1120px; }
.layout, body > main { width: min(var(--site-width), calc(100% - 32px)); }
.account-brand { width: 100%; margin: 0 auto 24px; }
.hero-header .brand { width: 100%; margin: 0 auto; }
.account-brand img, .brand-logo { display: block; width: 100%; height: auto; }
.session-navigation { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 16px; line-height: 24px; }
.session-navigation a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
.session-navigation a[aria-current="page"] { text-decoration-thickness: 3px; }
.logbook-scroll { max-height: 480px; overflow: auto; }
.logbook-page details > summary { cursor: pointer; font-weight: 700; padding: 12px 0; }
#document-readiness { margin: 16px 0; line-height: 1.5; }