{{- /* Site-wide style tweaks injected at runtime (no CSS rebuild needed). */ -}}
<style>
  /* Widen Hextra's layout: the theme defaults to an 80rem page / 72rem content
     column, which leaves large margins on wide screens. Tune to taste. */
  :root {
    --hextra-max-page-width: 100%;
    --hextra-max-content-width: 90rem;
    /* Match the navbar and footer to the full-width body so the title (and
       footer) share the body's left edge instead of centring at 80rem —
       this puts "levitation.wales" directly above the sidebar nav. */
    --hextra-max-navbar-width: 100%;
    --hextra-max-footer-width: 100%;
  }

  /* Half-width floated figures with captions (see the LEVITAS page). */
  figure.fig-float { width: min(45%, 22rem); margin: 0.2rem 0 1rem; }
  figure.fig-float.right { float: right; margin-left: 1.75rem; }
  figure.fig-float.left  { float: left;  margin-right: 1.75rem; }
  figure.fig-float img { width: 100%; height: auto; }
  /* Logo variant: float at the logo's natural size rather than half-width. */
  figure.fig-float.logo { width: auto; max-width: 12rem; }
  figure.fig-float.logo img { width: auto; max-width: 100%; }
  /* Portrait variant: a person photo, narrower than a half-width figure. */
  figure.fig-float.portrait { width: min(40%, 13rem); }
  figure.fig-float.portrait img { border-radius: 8px; }
  figure.fig-float figcaption {
    font-size: 0.85em; line-height: 1.35; color: #9ca3af; margin-top: 0.4rem;
  }
  /* Consistent funder badge under a project title. */
  .funder-badge {
    display: inline-block; margin: 0 0 1.1rem; padding: 0.15rem 0.7rem;
    border: 1px solid rgba(128,128,128,0.35); border-radius: 9999px;
    font-size: 0.8rem; color: #9ca3af;
  }
  .funder-badge a { color: inherit; text-decoration: none; }
  .funder-badge a:hover { text-decoration: underline; }

  /* Centred, full-width figure (clears any floats above it). */
  figure.fig-center { clear: both; margin: 1.5rem auto; max-width: 44rem; }
  figure.fig-center img { width: 100%; height: auto; }
  figure.fig-center figcaption { font-size: 0.85em; line-height: 1.35; color: #9ca3af; margin-top: 0.4rem; }

  /* Each section starts below any floated figures above it. */
  main h2 { clear: both; }
  @media (max-width: 720px) {
    figure.fig-float { float: none; width: 100%; margin: 1rem auto; }
  }
</style>