[hidden]{display:none!important}.article-page{--article-accent:#e8dfff}.bench{margin-top:30px;padding:28px;background:#f7f8f6;border:1px solid #d9ded9;border-radius:24px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings label,.prose label{display:block;font-weight:700}.settings select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #bac2bb;border-radius:8px;background:white;font:inherit}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.actions button,.demo button{font:inherit;padding:10px 15px;border:1px solid #aab2aa;border-radius:10px;background:white;min-height:44px}.panes{display:grid;gap:20px}.panes.compare{grid-template-columns:1fr 1fr}.panes section{min-width:0}.panes h3{font-size:18px}.demo{background:#fff;border:1px solid #b5beb6;border-radius:var(--r);padding:var(--gap);display:grid;gap:var(--gap)}.demo .tag{display:inline-block;padding:5px 10px;border-radius:var(--r);background:#e8dfff;font-size:14px}.demo .primary{background:#272340;color:#fff;border-radius:var(--r)}.demo .secondary{border-radius:var(--r)}.demo .hover{background:#57489c}.demo .focus{outline:3px solid #1684cc;outline-offset:3px}.demo button:focus-visible{outline:3px solid #1684cc;outline-offset:3px}.demo button:disabled{background:#e3e5e3;color:#505650}.demo .row{display:flex;flex-wrap:wrap;gap:var(--gap)}.demo p{margin:0}.small{font-size:14px!important;color:#606660}.prose textarea{width:100%;box-sizing:border-box;font:inherit;line-height:1.6;padding:12px;margin-top:12px}@media(max-width:900px){.panes.compare{grid-template-columns:1fr}}@media(max-width:650px){.settings{grid-template-columns:1fr}.bench{padding:16px}}