/* Generated by build_pages.py from integration-guide.html: the page's own styles, scoped to .helppage. */
.helppage :is(.arrow,.big,.dot,.eyebrow,.k,.keys,.lede,.link,.ok,.primary,.row,.say,.two,.wait),.helppage :is(.arrow,.big,.dot,.eyebrow,.k,.keys,.lede,.link,.ok,.primary,.row,.say,.two,.wait)::before,.helppage :is(.arrow,.big,.dot,.eyebrow,.k,.keys,.lede,.link,.ok,.primary,.row,.say,.two,.wait)::after{all:revert}
.helppage{
  --murmur:#ff8a5c; --clarity:#5fc4c4; --kitbag:#e6a866; --family:#c99bff;
  --ok:#8fd19e; --wait:#f0c66e; --no:#ff8f8f}
@media (max-width:600px){}
.helppage h1{font-family:'EB Garamond',serif;font-weight:400;font-size:clamp(36px,5.5vw,56px);line-height:1.04;color:var(--head);margin:10px 0 12px}
.helppage h1 em{font-style:italic;background:linear-gradient(90deg,#f0bd85,#d99a55 40%,#ff6c4c);-webkit-background-clip:text;background-clip:text;color:transparent}
.helppage h2{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:48px 0 14px}
.helppage h3{margin:0 0 10px;font-size:17px;color:var(--head)}
.helppage p{margin:0}
.helppage a{color:var(--acc-text)}
.helppage :focus-visible{outline:3px solid var(--acc-text);outline-offset:2px;border-radius:8px}
.helppage .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-text)}
.helppage .eyebrow::before{content:'';width:22px;height:2px;background:var(--acc);border-radius:2px}
.helppage .lede{color:var(--sub);font-size:18px;max-width:720px}
.helppage nav.jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.helppage nav.jump a{font-size:14px;font-weight:700;color:var(--sub);text-decoration:none;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--hair)}
.helppage nav.jump a:hover{color:var(--head)}
.helppage .panel{background:var(--card);border:1px solid var(--hair);border-radius:18px;padding:18px}
.helppage .muted{color:var(--muted);font-size:14px}
.helppage .say{display:inline-block;padding:2px 10px;border-radius:12px 12px 12px 3px;background:#3a2a22;border:1px solid rgba(255,138,92,.45);color:#ffd2bf;font-weight:700;white-space:nowrap}
.helppage .say::before{content:'\201C'}
.helppage .say::after{content:'\201D'}
.helppage .btn{display:inline-block;padding:1px 9px;border-radius:6px;background:var(--raised);border:1px solid var(--edge);color:var(--head);font-weight:700;font-size:.93em;white-space:nowrap}
.helppage .k{display:inline-grid;place-content:center;min-width:30px;height:28px;padding:0 8px;border-radius:7px;background:var(--raised);border:1px solid var(--edge);border-bottom-width:3px;font-weight:800;font-size:13px;color:var(--head);vertical-align:middle}
.helppage .key-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:var(--sub)}
.helppage .key-legend span{display:inline-flex;gap:8px;align-items:center}
.helppage .st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:3px 10px;border-radius:999px;border:1px solid;white-space:nowrap}
.helppage .st::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}
.helppage .st.ok{color:var(--ok);border-color:rgba(143,209,158,.35)}
.helppage .st.wait{color:var(--wait);border-color:rgba(240,198,110,.35)}
.helppage .st.no{color:var(--no);border-color:rgba(255,143,143,.35)}
.helppage .apps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:760px){.helppage .apps3{grid-template-columns:1fr}}
.helppage .appc{background:var(--card);border:1px solid var(--hair);border-top:4px solid var(--tone);border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center}
.helppage .appc .big{width:48px;height:48px;border-radius:13px;display:grid;place-content:center;font:900 22px 'Figtree';color:#191714;background:var(--tone);flex:none}
.helppage .appc b{display:block;color:var(--head);font-size:18px}
.helppage .appc span{color:var(--sub);font-size:14.5px}
.helppage .links{margin-top:14px;display:grid;gap:10px}
.helppage .link{display:grid;grid-template-columns:230px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--hair);border-radius:14px;padding:12px 16px}
@media (max-width:760px){.helppage .link{grid-template-columns:1fr;gap:6px}}
.helppage .route{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--head);font-size:14.5px}
.helppage .route i{width:10px;height:10px;border-radius:50%;flex:none}
.helppage .route .arrow{color:var(--muted);font-style:normal}
.helppage .kind{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block}
.helppage .link p{font-size:14.5px;color:var(--sub)}
.helppage .link p b{color:var(--head)}
.helppage .link.none{background:transparent;border-style:dashed;border-color:rgba(255,143,143,.25)}
.helppage .limits{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-top:14px}
.helppage .limit{background:var(--sel);border:1px solid rgba(217,154,85,.28);border-radius:14px;padding:12px 14px;font-size:14.5px;color:var(--sub)}
.helppage .limit b{color:var(--head);display:block;margin-bottom:2px}
.helppage .tasks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.helppage .task{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--hair);border-left:4px solid var(--tone);border-radius:14px;padding:12px 14px;font-weight:700;color:var(--ink);font-size:15px}
.helppage .task:hover{background:var(--raised)}
.helppage .task[aria-pressed="true"]{background:var(--sel);border-color:var(--acc);border-left-color:var(--tone);color:var(--head)}
.helppage .task .ic{font-size:20px;width:26px;text-align:center;flex:none}
.helppage .detail{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px}
@media (max-width:860px){.helppage .detail{grid-template-columns:1fr}}
.helppage .detail-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}
.helppage .start{font-size:14px;color:var(--sub)}
.helppage .start b{color:var(--head)}
.helppage .steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:s}
.helppage .steps li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:start;background:var(--bg);border-radius:12px;padding:12px 14px}
@media (max-width:520px){.helppage .steps li{grid-template-columns:1fr;gap:4px}}
.helppage .steps .lab{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-text);padding-top:3px}
.helppage .steps .lab::before{counter-increment:s;content:counter(s) '  '}
.helppage .steps li > div{color:var(--ink)}
.helppage .steps .alt{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.helppage .side h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.helppage .side ul{margin:0 0 16px;padding-left:18px;color:var(--sub);font-size:14.5px}
.helppage .side li{margin:4px 0}
.helppage .side .warn{background:var(--sel);border:1px solid rgba(217,154,85,.3);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--sub);margin-bottom:12px}
.helppage .side .warn b{color:var(--head)}
.helppage .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:860px){.helppage .three{grid-template-columns:1fr}}
.helppage .phr{display:flex;flex-direction:column;gap:8px;padding:8px 0;border-bottom:1px solid var(--hair);font-size:14.5px;color:var(--sub)}
.helppage .phr:last-child{border-bottom:0}
.helppage .phr .say{align-self:flex-start;white-space:normal}
.helppage details{background:var(--card);border:1px solid var(--hair);border-radius:14px;padding:0 16px;margin-top:10px}
.helppage summary{cursor:pointer;padding:14px 0;font-weight:800;color:var(--head)}
.helppage details > div{padding:0 0 16px;color:var(--sub);font-size:15px}
.helppage details ul{margin:6px 0;padding-left:20px}
.helppage details li{margin:6px 0}
.helppage details b{color:var(--head)}
.helppage .nope{text-decoration:line-through;text-decoration-color:var(--no);opacity:.8}
.helppage .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
@media (max-width:860px){.helppage .two{grid-template-columns:1fr}}
.helppage .row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--hair);font-size:14.5px}
.helppage .row:last-child{border-bottom:0}
.helppage .row .keys{display:flex;gap:4px;flex:none;min-width:116px}
.helppage .row .g{flex:1}
.helppage .dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.helppage .menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
@media (max-width:760px){.helppage .menu{grid-template-columns:1fr}}
.helppage .menu .panel{padding:14px;border-top:3px solid var(--tone)}
.helppage .tip{display:flex;gap:10px;align-items:flex-start;background:var(--sel);border:1px solid rgba(217,154,85,.3);border-radius:14px;padding:12px 14px;font-size:14.5px;color:var(--sub);margin-top:14px}
.helppage .tip b{color:var(--head)}
.helppage .test{background:var(--card);border:1px solid var(--hair);border-radius:14px;padding:14px 16px;margin-bottom:10px}
.helppage .test p{color:var(--sub);font-size:14.5px;margin-top:4px}
.helppage .test p b{color:var(--head)}
.helppage .test-top{display:flex;gap:12px;align-items:baseline}
.helppage .test-top .n{font:900 18px 'Figtree';color:var(--acc-text);flex:none}
.helppage .test-top h3{margin:0;font-size:16px}
.helppage .res{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 8px;border:0;padding:0}
.helppage .res legend{position:absolute;left:-9999px}
.helppage .res label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--hair);font-size:14px;font-weight:700;cursor:pointer}
.helppage .res input{accent-color:var(--acc)}
.helppage .res label:has(input:checked){border-color:var(--acc);background:var(--sel);color:var(--head)}
.helppage .test textarea{width:100%;min-height:44px;resize:vertical;background:var(--bg);color:var(--ink);border:1px solid var(--edge);border-radius:10px;padding:8px 10px;font:inherit;font-size:14.5px}
.helppage .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.helppage .primary,.helppage .secondary{font:inherit;font-weight:800;font-size:15px;border-radius:12px;padding:10px 18px;cursor:pointer}
.helppage .primary{background:var(--acc);color:#191714;border:0}
.helppage .secondary{background:transparent;color:var(--sub);border:1px solid var(--edge)}
@media print{.helppage nav.jump,.helppage .actions{display:none}}