/* Modern CSS outside the inline critical CSS: view transitions, container queries, scroll-driven animation. */
@view-transition{navigation:auto}
@container (max-width:520px){.spec dl{grid-template-columns:1fr}}
@container (max-width:520px){.spec dl>div:nth-child(2n){padding-left:0}}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
    .diagram .pt{animation:pt-in linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
    .diagram .pt:nth-of-type(2){animation-range:entry 14% cover 39%}.diagram .pt:nth-of-type(3){animation-range:entry 18% cover 43%}
    .diagram .pt:nth-of-type(4){animation-range:entry 22% cover 47%}.diagram .pt:nth-of-type(5){animation-range:entry 26% cover 51%}
    .diagram .pt:nth-of-type(6){animation-range:entry 30% cover 55%}
    @keyframes pt-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
    .diagram .pt{transform-box:fill-box;transform-origin:center}
  }
}
.spec,.table-box{container-type:inline-size}