.log-entry { --company-color: #071015; --company-soft: rgba(7,16,21,.08); padding-bottom: 72px; opacity: .76; }
.log-entry.company-airbus { --company-color: #0066b3; --company-soft: rgba(0,102,179,.10); }
.log-entry.company-deloitte { --company-color: #477d13; --company-soft: rgba(71,125,19,.11); }
.log-entry.company-ey { --company-color: #8a6900; --company-soft: rgba(138,105,0,.11); }
.log-entry::before { border-color: var(--company-color); color: var(--company-color); font-weight: 700; }
.log-entry .log-meta span { color: var(--company-color); font-weight: 700; }
.log-entry .log-meta span { font-size: 9px; white-space: nowrap; }
.log-content { position: relative; padding-left: 27px; }
.log-content::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; border-radius: 99px; background: var(--company-color); opacity: .48; transform-origin: center; transition: width .3s ease, opacity .3s ease, box-shadow .3s ease; }
.log-content h3 { margin-top: 0; margin-bottom: 18px; line-height: 1.03; color: var(--company-color); }
.log-content > p { margin-bottom: 20px; }
.log-content ul { margin-top: 0; margin-bottom: 0; }
.log-content li { border-color: var(--company-color); background: var(--company-soft); }
.log-entry.active { opacity: 1; }
.log-entry.active .log-content::before { width: 4px; opacity: 1; box-shadow: 0 0 18px var(--company-color); }

/* Full-bleed, seamless capability index. The duplicated spans are generated from the page content. */
.tool-marquee .tool-marquee-track { display: flex; width: max-content; will-change: transform; animation: marquee 150s linear infinite; }
.tool-marquee .tool-marquee-track span { flex: none; padding-right: 32px; }
.tool-marquee:hover .tool-marquee-track { animation-play-state: paused; }

@media (max-width: 700px) {
  .log-entry { padding-bottom: 55px; }
  .log-content { padding-left: 18px; }
  .log-content h3 { margin-bottom: 14px; }
  .log-content li { font-size: 9px; padding: 7px 9px; }
}