.detail{--detail-nav-border:#e1e1e1;--detail-nav-hover-bg:#0000000f;--detail-nav-active-bg:#fff;grid-template-columns:15rem minmax(0,1fr);align-items:start;min-block-size:100%;display:grid}.detail__subnav{border-inline-end:1px solid var(--detail-nav-border);align-self:stretch}.detail__subnav-sticky{flex-direction:column;gap:.75rem;padding:.75rem;animation:.3s both detail-subnav-in;display:flex;position:sticky;inset-block-start:0}@keyframes detail-subnav-in{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.detail__subnav-sticky{animation:none}}.detail__reference{border-block-end:1px solid var(--detail-nav-border);flex-direction:column;gap:.25rem;padding:.25rem .75rem .75rem;display:flex}.detail__reference-name{align-items:center;gap:.5rem;min-inline-size:0;display:flex}.detail__reference s-text{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;display:block;overflow:hidden}.detail__nav{flex-direction:column;gap:.125rem;display:flex}.detail__nav-item{cursor:pointer;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .75rem;text-decoration:none;display:flex}.detail__nav-item:hover{background:var(--detail-nav-hover-bg)}.detail__nav-item--active,.detail__nav-item--active:hover{background:var(--detail-nav-active-bg);box-shadow:0 1px 2px #00000012}.detail__content{min-inline-size:0}
