/* ============================================================================
   ChiefOf icon mark — standalone component
   ----------------------------------------------------------------------------
   Deliberately self-contained so ANY page can use it with one line, whether or
   not that page has migrated to base.css:

     <link rel="stylesheet" href="/css/logo.css">
     <a href="/" class="logo"><img src="/img/logo/icon.svg" alt="Chief Of"></a>

   That is the whole contract. Just the hexagon mark, in the nav. The footer's
   brand mark is a separate, plain-text `.wordmark` (see base.css) — the icon
   alone doesn't carry the name at footer scale.

   The mark is solid black — see img/logo/icon.svg — so this only reads
   correctly on a light (white/ground) background. Pages still on the old dark
   nav/footer should not link this file until they migrate to base.css's white
   chrome, or the mark disappears.

   Sized by height, not font-size, since the asset is an image now. Width is
   automatic off the SVG's own aspect ratio.
   ========================================================================== */

.logo { display: inline-block; line-height: 0; text-decoration: none; }

.logo img { display: block; height: 36px; width: auto; }

.logo:hover { opacity: 0.82; }

@media (max-width: 520px) {
  .logo img { height: 32px; }
}