/* PlanConversion Help center. Uses the tokens from /assets/style.css, so light and dark themes follow the site switch. */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Header band */
.help-head{padding-block:6px 34px;min-width:0}
.help-head h1{font-size:clamp(28px,4vw,42px);margin-top:12px;max-width:26ch;overflow-wrap:anywhere}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--band-muted)}
.crumbs a{color:var(--band-muted);text-decoration:none}
.crumbs a:hover{color:var(--band-fg)}
.help-hero .sub{color:var(--band-muted);max-width:62ch;margin-top:10px;font-size:17px}
.help-search{position:relative;max-width:640px;margin-top:24px}
.help-search svg{position:absolute;left:15px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:var(--band-muted);pointer-events:none}
.help-search input{width:100%;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);color:var(--band-fg);padding:0 16px 0 44px;font-size:16px;min-width:0}
.help-search input::placeholder{color:var(--band-muted);opacity:1}
.help-search input:focus{outline:2px solid var(--cyan);outline-offset:2px;border-color:transparent}
.help-count{min-height:20px;margin-top:10px;font-size:13px;color:var(--band-muted)}

/* Index */
.hgroups{display:grid;gap:44px;padding-block:40px 64px}
.hgroup-h{display:grid;gap:6px}
.hgroup-h h2{font-size:24px}
.hgroup-h p{color:var(--muted);max-width:70ch}
.hgrid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.hcard{display:grid;gap:6px;align-content:start;height:100%;padding:18px 18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}
.hcard:hover{border-color:var(--azure);transform:translateY(-1px)}
.hcard h3{font-size:17px}
.hcard p{color:var(--muted);font-size:14px}
.hempty{padding:28px 22px;border:1px dashed var(--line-2);border-radius:12px;display:grid;gap:6px}
.hempty h2{font-size:20px}
.hempty p{color:var(--muted)}

/* Article layout */
.help-doc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;padding-block:36px 64px}
.help-side{position:sticky;top:20px;align-self:start;display:grid;gap:4px;font-size:14px}
.help-side .label{margin-bottom:6px}
.help-side a{color:var(--muted);text-decoration:none;padding:4px 0 4px 10px;border-left:2px solid transparent}
.help-side a:hover{color:var(--text)}
.help-side a[aria-current="page"]{color:var(--text);font-weight:600;border-left-color:var(--azure)}
.help-side a.all{margin-top:10px;padding-left:0;color:var(--azure)}
@media (max-width:860px){.help-doc{grid-template-columns:minmax(0,1fr);gap:0;padding-top:24px}.help-side{display:none}}
@media (max-width:480px){.help-answer{font-size:17px}.help-article{font-size:15.5px}}

.help-article{min-width:0;max-width:780px;overflow-wrap:anywhere;font-size:16px;line-height:1.6}
.help-article h2{font-size:22px;margin:38px 0 12px}
.help-article h3{font-size:17px;margin:0 0 6px}
.help-article p{margin:0 0 10px}
.help-article ul,.help-article ol{margin:0 0 12px;padding-left:22px}
.help-article li{margin:4px 0}
.help-article b{font-weight:600;color:var(--text)}
.help-article a{color:var(--azure)}
.help-answer{font-size:18px;line-height:1.55;padding:16px 18px;margin:0 0 6px!important;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--azure);border-radius:4px 12px 12px 4px}

.help-steps{list-style:none;padding:0!important;margin:0;display:grid;gap:12px;counter-reset:step}
.help-steps > li{counter-increment:step;position:relative;margin:0;padding:14px 16px 14px 58px;background:var(--surface);border:1px solid var(--line);border-radius:12px;scroll-margin-top:16px}
.help-steps > li::before{content:counter(step);position:absolute;left:16px;top:13px;width:28px;height:28px;border-radius:50%;background:var(--azure-soft);color:var(--azure);font:600 13px/28px var(--f-mono);text-align:center}
.help-steps .st{display:block;font-family:var(--f-display);font-size:16.5px;font-weight:600;margin-bottom:3px}
.help-steps ul,.help-steps ol{margin:8px 0 0}
@media (max-width:480px){.help-steps > li{padding:14px 14px 14px 50px}.help-steps > li::before{left:12px}}

.help-good{padding-left:0!important;list-style:none}
.help-good li{position:relative;padding-left:22px;margin:8px 0}
.help-good li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--azure)}

.help-faq{display:grid;gap:0;border-top:1px solid var(--line)}
.help-faq section{padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:16px}
.help-faq section ol,.help-faq section ul{margin-bottom:0}

.help-related{list-style:none;padding:0!important;display:grid;gap:10px}
.help-related li{display:grid;gap:2px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.help-related a{font-weight:600;text-decoration:none}
.help-related a:hover{text-decoration:underline}
.help-related span{color:var(--muted);font-size:14px}

.help-cta{margin-top:40px;padding:22px;border:1px solid var(--azure);background:var(--azure-soft);border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.help-cta > div:first-child{flex:1 1 280px;min-width:0}
.help-cta h2{font-size:20px;margin:0 0 4px}
.help-cta p{margin:0}
.help-cta-a{display:flex;flex-wrap:wrap;gap:10px}
.help-cta .btn.primary{color:#fff}
@media (max-width:420px){.help-cta-a,.help-cta-a .btn{width:100%}}

/* Code and tables */
.help-article code{font-family:var(--f-mono);font-size:13px;background:var(--idle-bg);color:var(--text);border-radius:5px;padding:1px 5px;overflow-wrap:anywhere}
.help-article pre{background:var(--code-bg);color:var(--code-fg);border-radius:10px;padding:14px 16px;margin:0 0 12px;font:12.5px/1.6 var(--f-mono);overflow-x:auto;white-space:pre;overflow-wrap:normal}
.help-article pre code{background:none;color:inherit;padding:0;font-size:inherit;overflow-wrap:normal}
.tbl{overflow-x:auto;margin:0 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:normal}
.tbl tr:last-child td{border-bottom:0}
.tbl th{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}