/* Site footer for the pages outside the landing page (about, documentation,
   log in), matching the landing page footer (2026-10-05). Self-contained so
   it looks the same whichever page it sits on. */
.site-footer {
  --sf-deep: #04223F; --sf-pale: #C7DDF3; --sf-green: #3DDC84; --sf-mango: #EF9F27;
  --sf-white: #F0F6FC; --sf-body: rgba(240,246,252,.86); --sf-rule: rgba(160,200,240,.20);
  background: var(--sf-deep); border-top: 1px solid var(--sf-rule); padding: 46px 0 34px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5; width: 100%; text-align: left;
}
.site-footer * { box-sizing: border-box; }
.site-footer .sf-wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.site-footer .fgrid { display: grid; grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap: 34px; }
.site-footer .fbrand { display: flex; align-items: center; gap: 11px; margin: 0 0 14px; }
.site-footer .fbrand p { margin: 0; font-size: 17px; font-weight: 600; color: var(--sf-white); }
.site-footer .fblurb { font-size: 14.5px; line-height: 1.6; color: var(--sf-body); margin: 0 0 16px; max-width: 38ch; }
.site-footer .fkrio { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; letter-spacing: .08em; color: var(--sf-pale); margin: 0; }
.site-footer .fcol h6 { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .13em; color: var(--sf-mango); margin: 0 0 14px; font-weight: 600; }
.site-footer .fcol ul { list-style: none; margin: 0; padding: 0; }
.site-footer .fcol li { margin: 0 0 10px; }
.site-footer .fcol a { font-size: 14.5px; color: var(--sf-body); text-decoration: none; }
.site-footer .fcol a:hover, .site-footer .fcol a:focus-visible { color: var(--sf-green); }
.site-footer .fbot { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--sf-rule); }
.site-footer .fbot p { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11.5px; color: var(--sf-pale); margin: 0; }
.site-footer .fbot a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) { .site-footer .fgrid { grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (max-width: 460px) { .site-footer .fgrid { grid-template-columns: 1fr; } }