Molecule Design Guide

@@ -1,6 +1,6 @@ <!doctype html> <html><head><meta charset="utf-8">-<meta name="readme-max-height" content="24000">+<meta name="readme-max-height" content="32000"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>   :root {@@ -9,7 +9,7 @@   }   * { box-sizing:border-box; margin:0; padding:0; }   html, body { background:var(--bg); color:var(--body);-    font:14.5px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;+    font:15px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;     scrollbar-width:none; -ms-overflow-style:none; overflow:hidden; }   html::-webkit-scrollbar, body::-webkit-scrollbar { width:0; height:0; display:none; }   #wrap { max-width:880px; margin:0 auto; padding:24px 20px 40px; }@@ -46,12 +46,10 @@     border:1px solid var(--border); border-radius:8px; padding:8px 13px; margin:11px 0; }   .fig { background:var(--surface); border:1px solid var(--border); border-radius:10px;     padding:12px; margin:16px 0 6px; text-align:center; }-  .fig img { max-width:100%; max-height:200px; width:auto; height:auto; border-radius:6px; }+  .fig img { max-width:100%; max-height:520px; width:auto; height:auto; border-radius:6px; }   .fig img + img { margin-top:10px; }-  .cols { columns:2; column-gap:36px; column-rule:1px solid var(--border);-    background:linear-gradient(var(--border), var(--border)) center top / 1px 100% no-repeat; }-  .figfloat, .fig, .seealso, pre.code { break-inside:avoid; }-  .figfloat { margin:10px 0; }+  .cols { }+  .figfloat { margin:16px 0; }   .figfloat .fig { margin:0; }   .figfloat .figcap { margin:6px 0 0; }   .figcap { color:var(--muted); font-size:12.5px; text-align:center; margin:6px 0 16px; }