/* “‹ Diligence”: the one way back to Diligence's main page, top left in every Diligence app (2.66).
   The arrow says it goes back; the logo says where. The same file is in Diligence, the Team Assistant
   and Diligence Hiring. White logo on dark headers; on light ones, the navy logo and a deeper gold.
   Markup: <a class="dl-home" href="/" title="Back to Diligence" aria-label="Back to Diligence, all your apps">
             <svg viewBox="0 0 10 18" aria-hidden="true"><path d="M8.5 1.5 1.5 9l7 7.5"/></svg><img src="…logo…" alt=""></a>
           <span class="dl-home-rule" aria-hidden="true"></span>  (then the app's name) */
.dl-home { display: inline-flex; align-items: center; gap: 10px; flex: none; min-height: 44px; padding: 0 8px; margin: 0 0 0 -8px;
  border-radius: 10px; color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.dl-home svg { flex: none; width: 9px; height: 16px; fill: none; stroke: #CDBB81; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s ease; }
.dl-home img { display: block; height: 22px; width: auto; max-width: none; }
.dl-home.on-light svg { stroke: #9E7A2F; }
.dl-home:hover svg { transform: translateX(-2px); }
.dl-home:active { opacity: .72; }
.dl-home:focus-visible { outline: 2px solid #CDBB81; outline-offset: 2px; }
.dl-home.on-light:focus-visible { outline-color: #9E7A2F; }
.dl-home-rule { flex: none; align-self: center; width: 1px; height: 24px; background: currentColor; opacity: .22; }
@media (prefers-reduced-motion: reduce) { .dl-home svg { transition: none; } }
@media print { .dl-home svg { display: none; } }