/* One container width, shared by navigation, every page, and the footer. */
:root{--site-width:1200px;--site-gutter:32px}
.homepage,.subpage,.nav-shell,.site-footer{width:100%;max-width:var(--site-width);margin-inline:auto;padding-inline:var(--site-gutter);box-sizing:border-box}
.hero,.manifesto,.chapter,.use-cases,.closing{padding-inline:0}
.hero-copy,.chapter-header,.chapter-rule,.chapter-footer,.section-heading{padding-inline:0}
.relationship-universe{margin-inline:0}
.footer-bottom{margin-top:0;border-top:1px solid #23252a;padding-top:24px;align-items:center;line-height:1.7}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:12px 26px}
.company-information{margin-top:72px;padding-top:28px;border-top:1px solid #23252a;color:#8a8f98;font-size:12px;line-height:1.8;scroll-margin-top:96px}
.company-information h2{margin-bottom:16px;color:#d0d6e0;font-size:14px;font-weight:450}
.company-information p{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0 0 6px}
.company-information .registered-name{color:#d0d6e0}
.company-information address{font-style:normal;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:760px){:root{--site-gutter:24px}.footer-bottom{align-items:flex-start}.footer-legal-links{gap:12px 24px}.company-information{margin-top:48px}.company-information p{gap:4px 16px}.company-information .registered-name{flex-basis:100%}}
@media(max-width:360px){:root{--site-gutter:20px}}

/* Keep relationship names legible where connectors cross the text. */
.relationship-universe .path-label{font-size:15px;paint-order:stroke;stroke:#0b0c0d;stroke-width:5px;stroke-linejoin:round}
@media(min-width:761px) and (max-width:1024px){.relationship-universe .universe-desktop .path-label{font-size:18px}}
@media(max-width:760px){.relationship-universe .path-label{font-size:13px;stroke-width:4px}}
