main.structure-and-method{text-align:start;width:var(--width-60)}main.structure-and-method section{height:80vh;overflow-y:auto}main.structure-and-method h2{position:sticky;top:0;z-index:2;margin:0;padding:11px 0;width:var(--width-100);background-color:#fff}main.structure-and-method h1,h2{width:var(--width-100)}main.structure-and-method h3{position:sticky;top:0;z-index:3;margin:0;padding:12px 0 8px;width:var(--width-100);background-color:#fff}main.structure-and-method p,ol{font-size:1.2em;font-weight:300;z-index:1;margin-top:0}main.structure-and-method ol{display:grid;gap:1.5em}main.structure-and-method ol li{width:96%;list-style-type:none;counter-increment:item}main.structure-and-method ol li:before{content:counter(item);margin-right:5px;font-size:var(--width-80);background-color:#222;color:#fff;font-weight:700;padding:3px 8px;border-radius:3px}main.structure-and-method figure{display:grid;place-items:center;z-index:1}main.structure-and-method figcaption{font-size:.85em;font-weight:300;padding-top:4px}main.structure-and-method pre{display:grid;justify-content:center;font-size:.8em}@media screen and (max-width: 1080px){main.structure-and-method{width:var(--width-70)}main.structure-and-method section{height:64vh;overflow-y:auto}main.structure-and-method pre{max-width:600px}}@media screen and (max-width: 768px){main.structure-and-method{width:var(--width-80)}}@media screen and (max-width: 558px){main.structure-and-method h3.long{height:64px}}@media screen and (max-width: 429px){main.structure-and-method h3.long-supabase{height:64px}}@media screen and (max-width: 390px){main.structure-and-method h3.very-long{height:88px}}@media screen and (max-width: 540px){main.structure-and-method h2.long{height:88px}}@media screen and (max-width: 480px){main.structure-and-method{width:var(--width-90)}}