picture{grid-area:1/1;overflow:clip}figcaption{margin-top:15px}.pic{display:grid}.pic figcaption{text-align:center}.float{float:right;margin:0 0 30px 30px}.placeholder{filter:blur(30px);scale:1.1}.quote{padding:30px}.quote figcaption{text-align:right}.quote figcaption b{color:#fff;display:block}figure+.quote,iframe+.quote{margin-top:-30px}.quote+.quote{border-top:1px dashed #433}#m-b a{border-width:2px;padding:30px}#m-b a:hover,#m-b a:focus-within{border-color:#e6dddd}#m-b a:hover h2,#m-b a:hover svg,#m-b a:focus-within h2,#m-b a:focus-within svg{color:#b23}#m-b b{color:#a99;font:12px a}#m-b img{border-width:4px;border-radius:50%}#m-b-intro{max-width:720px}#m-b-nav a:not([href]){opacity:.5;pointer-events:none}#m-b-bar{flex:1;grid:1fr/auto auto 1fr;display:grid}#m-b-view{container-type:inline-size}#m-b-view #p-side{top:180px}#m-b-view article,#m-b-view h2{scroll-margin:30px}#m-b-view svg{width:auto;height:auto}#m-b-view pre{counter-reset:code;margin:30px 0;padding:15px;display:grid}#m-b-view pre code{font:14px/1.5 monospace}#m-b-view pre code:before{counter-increment:code;content:counter(code,decimal-leading-zero);color:#cbb;margin:0 15px 0 0}#m-b-view pre code:hover:before{color:#b23}#m-b-view .m-a{--x:60px;--y:30px}#m-b-view .m-a h3{margin:60px 0}#m-b-view .m-a.platinum{--x:180px;--y:90px}#m-b-view .m-a.gold{--x:120px;--y:60px}#m-b-view .m-a.silver{--x:90px;--y:45px}#m-b-view-intro{font-size:20px}#m-b-view-authors{--x:180px;margin:30px 0;line-height:1}#m-b-view-authors h1{margin:0;font-size:14px}#m-b-view-authors img{border-width:8px;border-radius:50%}#m-b-view-authors hr,#m-b-view-authors .hr{margin:30px 0}@container (width>540px){.quote{padding:60px;position:relative}blockquote:before,blockquote:after{content:"“";color:#b23;pointer-events:none;font:112px/1 g;position:absolute}blockquote:before{top:-30px;left:15px}blockquote:after{bottom:-90px;right:15px}}@media (width>=480px){#m-b-view .m-g{justify-content:center;gap:15px}}