/* Scoped corrections for maintained personal microsites; archives keep their CSS. */
.microsite-page { overflow-wrap: anywhere; }
.microsite-page *, .microsite-page *::before, .microsite-page *::after { box-sizing: border-box; }
.microsite-page #leftright { display: flex; gap: 1.5rem; align-items: flex-start; }
.microsite-page #leftright > * { min-width: 0; }
.microsite-page #mainhead { position: static; margin-left: 0; }
.microsite-page #right { margin-right: 0; min-width: 0; }
.microsite-page #left { flex: 0 0 10rem; margin-right: 0; }
.microsite-page img { max-width: 100%; height: auto; }
.microsite-page #name { overflow-wrap: anywhere; }
.microsite-page pre { max-width: 100%; overflow-x: auto; }
.microsite-page a { text-decoration: underline; text-underline-offset: .15em; }
.microsite-page a:focus-visible, .microsite-page button:focus-visible,
.microsite-page input:focus-visible, .microsite-page select:focus-visible,
.microsite-page summary:focus-visible, .microsite-page [tabindex]:focus-visible {
  outline: 3px solid #075985; outline-offset: 3px;
}
.dark-mode .microsite-page a:focus-visible, .dark-mode .microsite-page button:focus-visible,
.dark-mode .microsite-page input:focus-visible, .dark-mode .microsite-page select:focus-visible,
.dark-mode .microsite-page summary:focus-visible, .dark-mode .microsite-page [tabindex]:focus-visible {
  outline-color: #7dd3fc;
}
.microsite-page [data-theme-toggle] {
  font: inherit; color: inherit; background: transparent; border: 1px solid currentColor;
  border-radius: .3rem; padding: .45rem .7rem; min-height: 44px; cursor: pointer;
}
.microsite-page .link-style { color: #075985; text-decoration: underline; }
.dark-mode .microsite-page .link-style { color: #87cefa; }
.microsite-page table { width: 100%; table-layout: fixed; }
.microsite-page th, .microsite-page td { overflow-wrap: anywhere; }
.microsite-page .dropdown { color: #111; max-width: 100%; min-height: 44px; }
.microsite-page .conteudo {
  background: var(--body-backgroud-color); color: var(--body-color);
  width: min(500px, 100%); max-width: 100%;
}
.microsite-page .conteudo[hidden] { display: none; }
.microsite-page .conteudo:not([hidden]) { display: block; }
.microsite-page .semana:hover .conteudo[hidden] { display: none; }
.microsite-page .tech-chip { font: inherit; color: inherit; min-height: 44px; }
.microsite-page .btn-outline { color: #075985; }
.dark-mode .microsite-page .btn-outline { color: #87cefa; }
.microsite-page .controls button { background: #075985; color: #fff; }
.microsite-page .panel-grid > *, .microsite-page .viewer-grid > * { min-width: 0; }
.microsite-page .life-scroll { flex: 1 1 auto; min-width: 0; max-width: 100%; overflow-x: auto; }
.microsite-page .life-scroll #life { margin: 30px 0; }
.microsite-page #life .note { background: var(--body-backgroud-color); color: var(--body-color); }
.microsite-page #life .yearname, .microsite-page #life .yearname.boldyear,
.microsite-page #bar div, .microsite-page #legend { color: var(--body-color); }
.microsite-page .life-notes { max-width: 44rem; margin: 1.5rem auto; padding: 1rem; }
.microsite-page .life-notes summary { cursor: pointer; min-height: 44px; }
.microsite-page .life-scroll + #right { flex: 0 0 10rem; }
@media (max-width: 800px) {
  .microsite-page #leftright { flex-direction: column; }
  .microsite-page #leftright > * { width: 100%; }
  .microsite-page #left { flex: auto; order: -1; }
  .microsite-page #mainhead { text-align: center; }
  .microsite-page #links { font-size: 1.1rem; }
  .microsite-page #links p { display: inline-block; margin: .3rem .6rem; }
  .microsite-page #headshot { width: 100px; }
  .microsite-page .life-scroll + #right { flex: auto; order: -1; }
}
@media (prefers-reduced-motion: reduce) {
  .microsite-page *, .microsite-page *::before, .microsite-page *::after {
    transition: none !important; animation: none !important;
  }
}