/* GitHub-style pages for the free automations library, in Voypelo colours. */
:root{--ink:#1f2328;--muted:#59636e;--line:#d1d9e0;--soft:#f6f8fa;--link:#0969da;--brand:#22324A;--deep:#0E1520;--gold:#D9A441}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.gh-wrap{max-width:1012px;margin:0 auto;padding:0 16px}
.gh-top{background:var(--deep);padding:12px 0}.gh-top .gh-wrap{display:flex;align-items:center;gap:16px}
.gh-logo img{display:block;height:24px;width:auto}
.gh-top nav{margin-left:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.gh-top nav a{color:#e6edf3;font-size:14px}.gh-top nav a.gh-cta{background:var(--gold);color:var(--deep);padding:5px 12px;border-radius:6px;font-weight:600}
.gh-repo{background:var(--soft);border-bottom:1px solid var(--line);padding-top:16px}
.gh-path{font-size:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gh-path .sep{color:var(--muted)}
.gh-icon{color:var(--muted);font-size:16px}
.gh-pill{font-size:12px;border:1px solid var(--line);border-radius:2em;padding:0 8px;color:var(--muted);font-weight:500}
.gh-tabs{display:flex;gap:4px;margin-top:14px;overflow-x:auto}
.gh-tabs a{padding:8px 12px;color:var(--ink);border-bottom:2px solid transparent;font-size:14px;white-space:nowrap}
.gh-tabs a.on{border-bottom-color:#fd8c73;font-weight:600}
.gh-main{padding:24px 16px 48px}
.gh-h1{font-size:24px;margin:0 0 4px}
.gh-files{border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:16px 0 24px}
.gh-commit{background:var(--soft);padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:8px;flex-wrap:wrap}
.gh-commit span{margin-left:auto;color:var(--muted)}
.gh-files table{width:100%;border-collapse:collapse;font-size:14px}
.gh-files td{padding:8px 16px;border-top:1px solid var(--line)}.gh-files tr:first-child td{border-top:0}
.gh-files .ic{width:28px;padding-right:0;color:#54aeff}.gh-files .msg{color:var(--muted)}.gh-files .when{color:var(--muted);text-align:right;white-space:nowrap}
.gh-readme,.gh-filebar+.markdown{border:1px solid var(--line);border-radius:6px}
.gh-readme-h{padding:10px 16px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}
.gh-filebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--soft);border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;padding:10px 16px;font-weight:600;font-size:14px}
.gh-filebar+.markdown{border-radius:0 0 6px 6px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.badge{display:inline-flex;font-size:12px;border-radius:4px;overflow:hidden;font-weight:600}
.badge i{font-style:normal;background:#555;color:#fff;padding:2px 6px}.badge b{background:#2F6DB5;color:#fff;padding:2px 6px}
.markdown{padding:24px 32px;font-size:16px;line-height:1.6}
.markdown h1{font-size:2em;border-bottom:1px solid var(--line);padding-bottom:.3em;margin:0 0 16px}
.markdown h2{font-size:1.5em;border-bottom:1px solid var(--line);padding-bottom:.3em;margin:24px 0 16px}
.markdown h3{font-size:1.25em;margin:24px 0 16px}
.markdown p,.markdown ul,.markdown ol,.markdown table{margin:0 0 16px}
.markdown ul,.markdown ol{padding-left:2em}.markdown li+li{margin-top:.25em}.markdown li>ul,.markdown li>ol{margin:4px 0 0}
.markdown code{background:rgba(129,139,152,.18);border-radius:6px;padding:.2em .4em;font:85% ui-monospace,SFMono-Regular,Consolas,monospace}
.markdown table{border-collapse:collapse;display:block;overflow-x:auto}
.markdown th,.markdown td{border:1px solid var(--line);padding:6px 13px}.markdown th{background:var(--soft);font-weight:600}
.markdown tr:nth-child(2n){background:var(--soft)}
.codebox,.filebox{position:relative;margin:0 0 16px}
.codebox pre,.filebox pre{background:var(--soft);border-radius:6px;padding:16px;overflow:auto;margin:0;font:13.6px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.markdown pre code{background:none;padding:0;font-size:100%;white-space:pre}
.codebox .copy{position:absolute;top:8px;right:8px}
.filebox{border:1px solid var(--line);border-radius:6px}.filebox pre{border-radius:0 0 6px 6px}
.fhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);background:#fff;border-radius:6px 6px 0 0;font-size:13px}
.fname{font-weight:600}.fmeta{color:var(--muted)}.fbtns{margin-left:auto;display:flex;gap:6px}
button.copy,button.dl{font:600 12px/1 inherit;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 10px;cursor:pointer;color:var(--ink)}
button.copy:hover,button.dl:hover{background:var(--soft)}button.copy.done{color:#1a7f37;border-color:#1a7f37}
.gh-upsell{margin:24px 0 0;border:1px solid #d4a72c66;background:#fff8c5;border-radius:6px;padding:16px;font-size:15px}
.gh-foot{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}
@media (max-width:640px){.markdown{padding:16px}.gh-path{font-size:17px}.gh-files .when,.gh-files .msg{display:none}.gh-top nav a:not(.gh-cta){display:none}}
/* Live tools embedded in the pages */
.tool-box{border:1px solid var(--line);border-radius:6px;padding:16px;margin:0 0 16px;background:#fff}
.vt label{display:block;font-size:14px;font-weight:600;margin:0 0 12px}
.vt input[type=text],.vt input[type=tel],.vt input[type=number],.vt input[type=date],.vt select,.vt textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;font:16px/1.4 inherit;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.vt textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}
.vt-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0 12px}
.vt button{font:600 14px/1 inherit;padding:10px 14px;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.vt .vt-go{background:#1f883d;border-color:#1f883d;color:#fff}
.vt-opts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px}.vt-opts label{font-weight:400;margin:0}
.vt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vt-cards div{border:1px solid var(--line);border-radius:6px;padding:10px}
.vt-cards span{display:block;font-size:13px;color:var(--muted)}.vt-cards b{display:block;font-size:18px;margin:2px 0 6px}.vt-cards button{padding:5px 10px;font-size:12px}
.vt-big,.vt-big2{font-size:17px;font-weight:600;margin:4px 0}.vt-note,.vt-out{font-size:14px;color:var(--muted)}
.vt-res-box .ok{color:#1a7f37;font-weight:700;font-size:17px}.vt-res-box .bad{color:#cf222e;font-weight:700;font-size:17px}
.vt-res-box dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:8px 0}.vt-res-box dt{color:var(--muted)}.vt-res-box dd{margin:0;font-weight:600}
@media (max-width:640px){.vt-grid,.vt-cards{grid-template-columns:1fr}}
.vt-grid3{display:grid;grid-template-columns:1fr 1fr 110px;gap:8px 12px;border-bottom:1px dashed var(--line);margin-bottom:10px}
.vt-table{border-collapse:collapse;width:100%;font-size:14px;margin:4px 0 12px}.vt-table th,.vt-table td{border:1px solid var(--line);padding:6px 10px;text-align:left}
.vt-table th{background:#f6f8fa;font-weight:600}.vt-table tr.best td{background:#dafbe1;font-weight:600}.vt-table tr.moved td{background:#fff8c5}
.vt-tablewrap{overflow-x:auto}.vt input[type=file]{display:block;margin-top:6px;font-size:15px}
.vt .s-save{display:inline-block;font:600 14px/1 inherit;padding:10px 14px;border-radius:6px;background:#2F6DB5;color:#fff;text-decoration:none}
.vt .s-prev{display:block;max-width:100%;max-height:320px;border:1px solid var(--line);border-radius:6px;margin-top:8px}
@media (max-width:640px){.vt-grid3{grid-template-columns:1fr 1fr}.vt-grid3 label:last-child{grid-column:1/-1}}