:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:#f4f5f1;color:#17322b;font:17px/1.7 system-ui,sans-serif}main{max-width:600px;margin:8vh auto;padding:36px}h1{font-size:42px;margin:10px 0 20px;letter-spacing:-1px}.eyebrow{font-size:13px;color:#50675f}section{background:#e6eee6;padding:20px 24px;border-radius:16px;margin:28px 0}section p{margin:8px 0 0}button{background:#1a644f;color:#fff;border:0;border-radius:10px;padding:14px 22px;font:inherit;cursor:pointer}code{display:block;overflow-wrap:anywhere;font-size:15px;background:#fff;padding:14px;border:1px solid #cbd6cf;border-radius:8px}.foot{font-size:13px;color:#62746c;margin-top:30px}@media(prefers-color-scheme:dark){body{background:#14231e;color:#edf5ee}section{background:#263c31}.eyebrow,.foot{color:#acbfb2}code{background:#182e24;border-color:#3d5748}}