main{text-align:start;width:min(100%,70ch);margin:auto}h2{text-align:center}summary>h3{display:inline}details{margin-block:1em;padding:.5em;font-size:1.1rem;box-shadow:0 0 1em 0 #0004}details p{margin-block:.5em;margin-inline-start:1ch}h4{position:relative}h4:after{content:"";background-image:linear-gradient(90deg,#888,#8884,#0000);background-size:100% 100%;height:2px;transition:background-size 2s;display:block;position:absolute;top:100%;left:0;right:0}h4:hover:after{background-image:linear-gradient(90deg,#888,#8884,#0000);background-size:200% 100%}details{& img,& video{border-radius:10px;max-height:50vh;margin-block:1em;display:block}& figcaption{opacity:.8;margin-inline-start:2ch;font-size:90%;font-style:italic}& figure{margin-block:1em;& img,& video{margin-block:0}}}