/* Shared header for pages published under https://436.pl/ by other repositories.
   Markup (keep absolute URLs, so the page also works when mirrored elsewhere):
     <link rel="stylesheet" href="https://436.pl/_/436.css">
     <header class="h436"><a href="https://436.pl/"><img src="https://436.pl/436.png" alt="436"
       width="480" height="289">.pl/</a><span>foo/</span></header>
   This file and that markup are a public contract: change them compatibly, or add a /_/v2/.
   Everything scales with --h436-size; set it on the header to resize it. */

.h436 {
  --h436-size: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline; /* the image's baseline is its bottom edge */
  margin: 0;
  color: #000;
  font: 700 var(--h436-size)/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.h436 a { display: flex; align-items: baseline; color: inherit; text-decoration: none; }
.h436 img { display: block; width: 2.5em; height: auto; margin-right: 0.04em; }
.h436 span { font-weight: 400; }