body{counter-reset:sidenote-counter}.sidenote,.marginnote,.marginnote-left{float:right;clear:right;margin-right:-50%;width:40%;margin-top:0.3rem;margin-bottom:0;font-size:0.8em;line-height:1.2;vertical-align:baseline;position:relative;text-align:left}@media (max-width:1200px){.sidenote,.marginnote,.marginnote-left{margin-right:-40%;width:33%}}.marginnote-left{float:left;clear:left;margin-left:-32%;width:25%;position:relative;text-align:right}@media (max-width:1349px) or ((min-width:1367px) and (max-width:1620px)){.marginnote-left{margin-left:-33%;width:30%}}.sidenote code{font-size:0.94em}div .marginnote pre,div .sidenote pre{overflow-y:hidden}.sidenote-number{counter-increment:sidenote-counter;color:var(--color-notice)}.sidenote-number:after,.sidenote:before{position:relative;vertical-align:baseline}.sidenote-number:after{content:counter(sidenote-counter);font-size:0.8rem;top:-0.5rem}.sidenote::before{content:counter(sidenote-counter) " ";font-size:0.8rem;top:-0.4rem;position:absolute;right:calc(100% + 0.5em)}.sidenote p{margin:1em 0}.sidenote p:first-child{margin-top:0}.sidenote p:last-child{margin-bottom:0}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.iframe-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:1200px){label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote,.marginnote-left{display:none}.sidenote-number:after{color:var(--color-notice);text-decoration:none}.margin-toggle:checked+.sidenote,.margin-toggle:checked+.marginnote,.margin-toggle:checked+.marginnote-left{display:block;float:left;left:1rem;clear:both;width:95%;margin:1rem 2.5%;vertical-align:baseline;position:relative;text-align:left}label{cursor:pointer}}