/* Palnetto help pages: Getting started guide and FAQ */
.help{max-width:980px}
.help .lead{font-size:20px;line-height:1.6;color:var(--tx)}
.help .toc{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 24px;margin:0;padding:0;list-style:none;counter-reset:t}
.help .toc li{counter-increment:t}
.help .toc a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:10px;color:var(--tx);text-decoration:none;font-weight:600}
.help .toc a:before{content:counter(t);min-width:26px;height:26px;border-radius:50%;background:var(--ac2);color:#fff;display:inline-grid;place-items:center;font:700 13px Inter,sans-serif}
.help .toc a:hover{background:var(--p2)}
.help .toc .grp{grid-column:1/-1;counter-increment:none;font:700 12px Inter;letter-spacing:1.5px;text-transform:uppercase;color:var(--mu);margin:12px 0 2px}
.help section.step{scroll-margin-top:20px}
.help section.step h2{display:flex;align-items:center;gap:12px;font-size:26px;margin-bottom:6px}
.help section.step h2 .num{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--ac2);color:#fff;display:grid;place-items:center;font:700 18px Outfit,sans-serif}
.help .why{color:var(--mu);font-size:17px;margin-bottom:16px}
.help ol.do{counter-reset:d;list-style:none;padding:0;margin:0 0 8px}
.help ol.do > li{counter-increment:d;position:relative;padding:10px 0 10px 50px;font-size:18px;line-height:1.55;border-bottom:1px dashed var(--line)}
.help ol.do > li:last-child{border-bottom:0}
.help ol.do > li:before{content:counter(d);position:absolute;left:4px;top:10px;width:30px;height:30px;border-radius:9px;background:var(--p2);border:2px solid var(--ac);color:var(--tx);display:grid;place-items:center;font:700 15px Inter,sans-serif}
.help ul.plain{margin:6px 0 6px 22px;font-size:17px;line-height:1.6}
.help .ui{display:inline-block;padding:1px 9px;border-radius:7px;background:var(--ac2);color:#fff;font:600 15px Inter,sans-serif;white-space:nowrap}
.help .ui.sec{background:var(--p2);color:var(--tx);border:1px solid var(--line)}
.help .ui.green{background:var(--green)}.help .ui.red{background:var(--red)}.help .ui.gold{background:var(--gold);color:#1a1300}
.help .field-n{font:700 13px Inter;letter-spacing:.6px;text-transform:uppercase;color:var(--mu)}
.help .ex{background:var(--p2);border-left:4px solid var(--gold);border-radius:10px;padding:12px 16px;margin:12px 0;font-size:17px}
.help .ex b{color:var(--gold)}
.help .tipbox{background:var(--rnd);border:1px solid var(--ac);border-radius:12px;padding:12px 16px;margin:14px 0;font-size:16px}
.help .warnbox{background:rgba(229,72,77,.08);border:1px solid var(--red);border-radius:12px;padding:12px 16px;margin:14px 0;font-size:16px}
.help .done{background:rgba(48,164,108,.12);border:1px solid var(--green);border-radius:12px;padding:10px 16px;margin-top:14px;font-size:16px}
.help kbd{font-size:14px}
.help .words{display:grid;grid-template-columns:200px 1fr;gap:10px 18px;font-size:17px}
.help .words dt{font-weight:700}.help .words dd{margin:0;color:var(--mu)}
.help .top{display:inline-block;margin-top:10px;font-size:14px}
.help pre.paste{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:15px/1.6 'JetBrains Mono',monospace;white-space:pre-wrap}
.help table.t td,.help table.t th{font-size:16px}
.help .yes{color:var(--green);font-weight:700}.help .no{color:var(--mu)}
.help details.q{border:1px solid var(--line);border-radius:14px;background:var(--p1);margin:10px 0;overflow:hidden}
.help details.q summary{cursor:pointer;list-style:none;padding:16px 20px;font:600 18px Inter,sans-serif;display:flex;justify-content:space-between;gap:12px}
.help details.q summary::-webkit-details-marker{display:none}
.help details.q summary:after{content:"+";font:700 22px Inter;color:var(--ac)}
.help details.q[open] summary:after{content:"−"}
.help details.q[open] summary{border-bottom:1px solid var(--line)}
.help details.q .a{padding:16px 20px;font-size:17px;line-height:1.6}
.help details.q .a p+p{margin-top:10px}
.help .tree{font:16px/1.75 'JetBrains Mono',monospace;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 18px;white-space:pre;overflow:auto}
.help .tree b{color:var(--gold)}.help .tree i{color:var(--mu);font-style:normal}
@media(max-width:760px){.help .toc{grid-template-columns:1fr}.help .words{grid-template-columns:1fr}.help .words dd{margin-bottom:8px}}
@media print{.help .toc,.help .top,.sitefoot,.noprint{display:none!important}.help section.step{break-inside:avoid-page}body{font-size:12pt}}
