1article .sidenote {
 2  position: relative;
 3  display: block;
 4
 5  @media (min-width:48rem) {
 6    width: calc(1/3 * 100%);
 7    float: right;
 8    clear: right;
 9    margin-right: calc(-1/3 * 100% - 1rem);
10  }
11  @media (max-width:48rem) {
12    &:not(:has(nav[role="doc-toc"])) {
13      width: 90%;
14      float: left;
15      margin-inline: 1rem 0.5rem;
16      margin-block: 0.5rem;
17    }
18  }
19
20  & > :first-child {
21    margin-top: 0;
22  }
23  & > :last-child {
24    margin-bottom: 0;
25  }
26  > nav[role="doc-toc"] > :first-child {
27    margin-top: 0;
28  }
29}