/* Shared by every page; the shadow root prevents page CSS changing the menu. */
html{color-scheme:dark;background-color:#000}
site-navigation{display:block;position:relative;z-index:1000;height:78px;width:100vw;margin-left:calc(50% - 50vw)}
@media(max-width:700px){site-navigation{height:auto;min-height:64px}}

/* Prevent double-tap zoom while preserving scrolling and pinch-to-zoom. */
html,body{touch-action:manipulation}

a,button,summary{touch-action:manipulation}

.footer-brand img{display:block;width:auto;height:24px}

/* One visible left edge for shared branding and page content. */
:root{--site-gutter:max(26px,calc((100vw - 1200px)/2))}
@media(min-width:761px) and (max-width:1100px){:root{--site-gutter:32px}}
@media(max-width:760px){:root{--site-gutter:20px}}
.portfolio-footer{padding-inline:var(--site-gutter)!important}