/* The public site's frame, shared by the home page and Writings: the page ground, the sticky top bar's
   position and the footer. The bar itself is the design system's SiteNav (gl-sitenav--glass, with its
   Menu panel); colours, radii and components come from gl-theme.css and bundle.css, loaded first. */
html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--bg-page)}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font:400 14px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
.site{box-sizing:border-box;padding:12px;overflow-x:clip}
.site *{box-sizing:border-box}

/* Top bar: floats 12px from the top while the page scrolls */
.site-head{position:sticky;top:12px;z-index:30;max-width:1416px;margin:0 auto}

/* Footer */
.site-foot{max-width:1200px;margin:0 auto;padding:56px 24px 40px;display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;font-size:13px;color:var(--text-tertiary)}
.site-foot b,.site-foot strong{color:var(--text-primary);font-weight:500}
.site-foot p{margin:6px 0 0;max-width:620px}
.site-foot nav{display:flex;gap:4px;align-items:flex-start;flex-wrap:wrap}

@media (max-width:640px){.site{padding:8px}.site-head{top:8px}}