/* The SimPlan logo, one form everywhere (designer's note D10, Yuval 2026-10-17): the gold square with a floor-plan
   line on the start side of the name, "Sim" in white (ink on a light ground, class "light") and "Plan" in the
   square's gold, Heebo 700. The markup:
     <a class="sim-brand" href="/"><span class="sim-glyph" aria-hidden="true"></span>
       <span class="sim-word">Sim<span class="sim-plan">Plan</span></span></a>
   Size it with font-size on .sim-brand; the square, the gap and the line follow in em. The colours are the logo's
   own, not the page's variables, so every page draws the same gold. The password page and the tour cannot load this
   file and carry a copy of these rules (server.py _GATE_PAGE, tour/index.html); a change here goes there too. */
.sim-brand{--sim-gold-hi:#caa542;--sim-gold:#b8912f;--sim-ink:#161c24;display:inline-flex;align-items:center;
  gap:.42em;font-size:18px;line-height:1;text-decoration:none;font-family:Heebo,Assistant,"Segoe UI",Arial,sans-serif}
.sim-glyph{position:relative;flex:none;width:1.12em;height:1.12em;border-radius:.34em;
  background:linear-gradient(135deg,var(--sim-gold-hi) 0%,var(--sim-gold) 100%);
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
/* a minimal floor plan: two rooms and a doorway */
.sim-glyph::after{content:"";position:absolute;inset:21%;border:max(1.5px,.075em) solid rgba(255,255,255,.95);
  border-radius:.07em;clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,55% 55%,0 55%)}
.sim-word{font-family:Heebo,Assistant,"Segoe UI",Arial,sans-serif;font-weight:700;font-size:1em;
  letter-spacing:-.02em;color:#fff;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.sim-plan{color:var(--sim-gold-hi)}
.sim-brand.light .sim-word{color:var(--sim-ink)}
.sim-brand.light .sim-plan{color:var(--sim-gold)}