/* Shared navigation and footer on the portfolio, journal and articles. */
:root{--header-offset:106px}html{scroll-padding-top:var(--header-offset)}
body>header{position:sticky;top:0;z-index:50;margin:0;height:84px;min-height:84px;padding:0 4.5%;background:rgba(8,9,12,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #303541;isolation:isolate}
body>header nav a{white-space:nowrap}body>header .header-contact{max-width:none}.skip:focus{z-index:120}
.article-toc{top:var(--header-offset)}
.site-footer{margin:0 4.5%;padding:34px 0 24px;display:grid;grid-template-columns:auto 1fr auto auto;gap:20px 38px;align-items:center;border-top:1px solid #303541}
.site-footer .brand{font-size:26px}.site-footer .brand-mark{width:34px;height:34px}.site-footer .brand>span{font-size:10px}.footer-signature{display:grid;gap:7px}.site-footer .mono{font-size:10px;color:#a1adc3}.footer-signature>a{font-size:12px;color:#aab7ce}.site-footer .footer-links{display:flex;gap:22px;font-size:13px;flex-wrap:wrap}.site-footer .footer-links a{display:block!important;color:#ccd6e8}.site-footer .footer-links a:hover{color:#91aaff}.site-footer .back-top{display:grid;place-items:center;width:38px;height:38px;border:1px solid #394355;border-radius:50%;color:#b4c7ed}.site-footer .back-top .icon{width:18px;height:18px}.site-footer .privacy-preferences{grid-column:1/-1;justify-self:end;font-size:11px;margin-top:4px}
@media(max-width:960px){body>header{gap:18px}body>header nav{gap:17px}.site-footer{gap:24px;grid-template-columns:auto 1fr auto}.footer-signature{grid-column:2}.site-footer .footer-links{grid-row:2;grid-column:1/3}.site-footer .back-top{grid-column:3;grid-row:1}.site-footer .privacy-preferences{justify-self:start}}
@media(max-width:760px){:root{--header-offset:130px}body>header{height:auto;min-height:104px;padding:13px 5%;gap:12px;flex-wrap:wrap}body>header>nav{order:3;flex-basis:100%;gap:12px;justify-content:space-between}body>header>nav a{font-size:12px;display:block!important}body>header .header-contact{max-width:125px;text-align:right;line-height:1.5;font-size:12px}.site-footer{margin:0 5%;grid-template-columns:1fr auto;padding:28px 0;gap:20px}.site-footer .brand{font-size:24px}.site-footer .back-top{grid-column:2;grid-row:1}.footer-signature{grid-column:1/-1;grid-row:2}.site-footer .footer-links{grid-column:1/-1;grid-row:3;gap:24px}.site-footer .privacy-preferences{grid-column:1/-1}.site-footer .mono{font-size:10px}.article-toc{position:static}}
@media(prefers-reduced-transparency:reduce){body>header{background:#08090c;backdrop-filter:none}}