.post-content-body:has(.sidenote){counter-reset:sidenote}.sidenote-toggle{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sidenote-number{counter-increment:sidenote;display:inline-block;color:var(--rose);vertical-align:super;font-size:.75rem;margin-left:.1em;transition:color .2s ease,transform .2s ease}.sidenote-number:after{content:"[" counter(sidenote) "]"}.sidenote{float:right;clear:right;box-sizing:border-box;width:35%;margin:0 -40% 0 1rem;color:var(--subtle);font-size:.9rem;line-height:1.6;text-align:left;font-style:italic}.sidenote:before{content:"[" counter(sidenote) "] "}.sidenote>:first-child{margin-top:0}.sidenote>:last-child{margin-bottom:0}.sidenote p{margin-block:0 .5rem}@media(width>72rem){.post-content-body p:has(.sidenote){position:relative}.post-content-body p:has(.sidenote) .sidenote{position:absolute;top:0;left:calc(100% + 2rem);float:none;width:min(50%,30rem);margin:0}.sidenote-number{pointer-events:none;cursor:default}}@media(hover:none){.sidenote-number:active,.sidenote-number:active:after{transform:translateY(-2px);transition:none!important}}@media(width<=72rem){.sidenote-number{cursor:pointer}.sidenote{display:none}.sidenote-toggle:checked+.sidenote{display:block;float:left;left:1rem;clear:both;width:95%;margin:.8rem 2.5%;vertical-align:baseline;position:relative}}@media(hover:hover){.sidenote-number:hover{color:var(--iris)}}@media(hover:none){.sidenote-number:active{color:var(--iris)}}