.tt-toggle {
  display: inline-grid;
  place-items: center;
  flex: none;
  inline-size: 36px;
  block-size: 36px;
  color: inherit;
}

.tt-toggle svg { inline-size: 20px; block-size: 20px; }
.tt-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

.nav-wrap:has(> .tt-toggle) { position: relative; align-items: center; padding-inline: 40px; }
.nav-wrap > .tt-toggle { position: absolute; inset-inline-end: 0; }
.tt-detail-toggle { display: flex; justify-content: flex-end; margin-bottom: 8px; }