/* Original D3 word cloud, followed by the actual React Bits Logo Loop. */
body.personal-journal #skills { background: #fff; color: #111; padding-block: 2.5rem .5rem; }
body.personal-journal #skills [hidden] { display: none !important; }
body.personal-journal #skills .section-heading { padding-bottom: 1rem; margin-bottom: 1rem; }
body.personal-journal #skills .section-intro { color: #111; margin-top: .5rem; }
body.personal-journal #skills .skills-label { margin: 0 0 .35rem; color: #111; font-family: var(--journal-mono); font-size: .7rem; font-weight: 400; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
body.personal-journal #skills .research-cloud { min-width: 0; }
body.personal-journal #skills .research-cloud__fallback { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .2rem .7rem; padding: .35rem 0; }
body.personal-journal #skills .research-cloud__fallback span { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: #111; font-size: 1rem; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }
body.personal-journal #skills .research-cloud__graphic { display: block; margin-inline: auto; overflow: visible; text-rendering: initial; -webkit-font-smoothing: initial; }
body.personal-journal #skills .research-cloud__graphic text { cursor: default; }
body.personal-journal #skills :is(a,button):focus-visible { outline: 2px solid #111; outline-offset: 3px; }
body.personal-journal #skills .skills-software { margin-top: .5rem; }
body.personal-journal #skills [data-tools-loop] { position: relative; }
body.personal-journal #skills .skills-logo-area { position: relative; padding-block: 4px 0; }
/* Keep keyboard pause access without a visible control/header row. */
body.personal-journal #skills .skills-logo-pause { position: absolute; right: 0; top: 0; z-index: 2; display: grid; place-items: center; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; border-radius: 50%; background: #fff; color: #111; cursor: pointer; }
body.personal-journal #skills .skills-logo-pause:focus-visible { width: 32px; height: 32px; margin: 0; overflow: visible; clip-path: none; border: 1px solid #e6e6e6; }
body.personal-journal #skills .skills-logo-pause svg { width: 14px; height: 14px; }
body.personal-journal #skills .logoloop { color: #111; padding-block: 6px; }
body.personal-journal #skills .logoloop__label { color: #111; opacity: 1; font-size: .75rem; line-height: 1.5; font-family: inherit; font-weight: 400; }
body.personal-journal #skills .logoloop__list { padding: 0; margin: 0; }
body.personal-journal #skills .logoloop__content { min-width: 58px; min-height: 64px; }
body.personal-journal #skills .skills-tool-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 20px; padding: 6px 16px; }
body.personal-journal #skills .skills-tool-grid :is(a,.skills-tool-item) { display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 60px; color: #111; text-decoration: none; font-size: .75rem; }
body.personal-journal #skills .skills-tool-grid img { width: 36px; height: 32px; object-fit: contain; }
body.personal-journal #skills .logoloop img[src$="bloomberg.svg"],
body.personal-journal #skills .skills-tool-grid img[src$="bloomberg.svg"] { width: 96px; height: 32px; object-fit: contain; }
body.personal-journal #skills .skills-tool-grid img[src$="cpp.svg"] { width: 68px; }
@media (max-width:600px) {
  body.personal-journal #skills { padding-top: 2rem; }
  body.personal-journal #skills .section-heading { margin-bottom: .75rem; padding-bottom: .75rem; }
  body.personal-journal #skills .research-cloud { margin-inline: -8px; }
  body.personal-journal #skills .research-cloud__fallback { gap: 2px 9px; }
  body.personal-journal #skills .research-cloud__fallback span { min-height: 32px; font-size: .875rem; line-height: 1.3; }
  body.personal-journal #skills .skills-software { margin-top: 0; }
  body.personal-journal #skills .skills-logo-area { padding-top: 0; }
}
@media print {
  body.personal-journal #skills .research-cloud__graphic,
  body.personal-journal #skills .skills-react { display: none; }
  body.personal-journal #skills .research-cloud__fallback[hidden],
  body.personal-journal #skills [data-tool-links][hidden] { display: flex !important; }
}