/* Soshi Help Center pages, modeled on Shopify's Help Center articles: slim Help bar, Contents sidebar, breadcrumb,
   article, Ask about this article, feedback, In this section. Footer styles copied from the home page. */
@font-face{font-family:'Shopify-Inter';src:url('../media/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1a1a1a;--ink2:#303030;--mute:#616161;--line:#ebebeb;--acc:#18181b;--acc-bg:#f4f4f5;--m:1rem}
@media (min-width:640px){:root{--m:1.875rem}}
@media (min-width:900px){:root{--m:3.125rem}}
@media (min-width:1200px){:root{--m:5.625rem}}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:80px}
body{background:#fff;color:var(--ink);font-family:'Shopify-Inter',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
/* slim Help bar (same as help.html) */
.hb{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:55px;padding:0 .5rem 0 1.1rem;background:#fff;border-bottom:1px solid var(--line)}
.hb__l{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600}
.hb__l img{height:24px}
.hb__r{display:flex;gap:.5rem}
.hb__r a{border-radius:.5rem;padding:.55rem 2.4rem;font-size:.95rem}
.hb__r .o{background:#fff;border:1px solid #e3e3e3}
.hb__r .d{background:#303030;color:#fff;box-shadow:inset 0 -1px 0 #000}
/* layout */
.hc{max-width:1240px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:270px minmax(0,1fr);gap:4rem}
.hc-main{padding:2.6rem 0 5rem;max-width:760px;min-width:0}
/* sidebar */
.hc-side{position:sticky;top:55px;align-self:start;max-height:calc(100vh - 55px);overflow:auto;padding:2.2rem 0 2rem;scrollbar-width:thin}
.hc-side__tog{display:none}
.hc-side__k{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:1.6rem 0 .6rem .6rem}
.hc-toc__home{display:block;padding:.5rem .6rem;border-radius:.45rem;font-size:.92rem;color:var(--ink2)}
.hc-toc__home:hover{background:#f6f6f6}
.hc-toc__sec summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .6rem;border-radius:.45rem;font-size:.95rem;font-weight:600;cursor:pointer}
.hc-toc__sec summary::-webkit-details-marker{display:none}
.hc-toc__sec summary:hover{background:#f6f6f6}
.hc-toc__sec summary svg{width:10px;flex:none;color:var(--mute);transition:transform .2s}
.hc-toc__sec[open] summary svg{transform:rotate(180deg)}
.hc-toc__sec ul{list-style:none;margin:.15rem 0 .6rem .6rem;border-left:1px solid var(--line)}
.hc-toc__sec li a{display:block;margin-left:-1px;border-left:2px solid transparent;padding:.42rem .6rem .42rem .9rem;font-size:.9rem;line-height:1.35;color:var(--mute);transition:color .15s}
.hc-toc__sec li a:hover{color:var(--ink)}
.hc-toc__sec li a.on{color:var(--acc);border-left-color:var(--acc);font-weight:600;background:linear-gradient(90deg,var(--acc-bg),transparent)}
/* sidebar search */
.hc-find{position:relative;display:flex;align-items:center;gap:.5rem;border:1px solid #e1e1e1;border-radius:.55rem;padding:.55rem .7rem;background:#fff}
.hc-find:focus-within{border-color:#c4c4c4;box-shadow:none}
.hc-find svg{width:15px;color:var(--mute);flex:none}
.hc-find input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:.92rem;background:none}
.hc-find__res{display:none;position:absolute;left:0;right:0;top:calc(100% + .35rem);z-index:5;background:#fff;border:1px solid #e1e1e1;border-radius:.55rem;box-shadow:0 12px 30px -12px rgba(0,0,0,.2);padding:.3rem}
.hc-find__res.on{display:block}
.hc-find__res a{display:block;padding:.5rem .6rem;border-radius:.4rem;font-size:.88rem}
.hc-find__res a:hover,.hc-find__res a.on{background:var(--acc-bg)}
.hc-find__res b{display:block;font-weight:500}
.hc-find__res small{color:var(--mute);font-size:.78rem}
.hc-find__res p{padding:.5rem .6rem;font-size:.88rem;color:var(--mute)}
.hc-find__res p a{display:inline;padding:0;text-decoration:underline;color:var(--ink)}
/* breadcrumb + headings */
.hc-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;color:var(--mute)}
.hc-crumb a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c9c9c9}
.hc-crumb a:hover{color:var(--acc)}
.hc-art h1,.hc-sech{margin-top:1.4rem;font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.15;font-weight:700;letter-spacing:-.03em}
.hc-lead{margin-top:1rem;font-size:1.15rem;line-height:1.55;color:var(--mute)}
/* article body */
.hc-body{margin-top:1.4rem}
.hc-body h2{margin-top:2.3rem;font-size:1.35rem;line-height:1.3;font-weight:600;letter-spacing:-.015em}
.hc-body p,.hc-body li{font-size:1.03rem;line-height:1.65;color:var(--ink2)}
.hc-body p{margin-top:.9rem}
.hc-body ul,.hc-body ol{margin-top:.8rem;padding-left:1.3rem}
.hc-body li{margin-top:.45rem;padding-left:.2rem}
.hc-body b{font-weight:600;color:var(--ink)}
.hc-body a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.hc-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--acc-bg);border-radius:.3rem;padding:.08rem .35rem}
.hc-body ol.steps{list-style:none;padding:0;counter-reset:st}
.hc-body ol.steps li{position:relative;counter-increment:st;padding:.1rem 0 .3rem 2.6rem;margin-top:.9rem}
.hc-body ol.steps li::before{content:counter(st);position:absolute;left:0;top:.1rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--acc-bg);color:var(--acc);font-weight:700;font-size:.88rem;display:grid;place-items:center}
.hc-body .note{margin-top:1.2rem;border:1px solid #e4e4e7;border-left:4px solid var(--acc);border-radius:.5rem;padding:.9rem 1.1rem;font-size:1rem;line-height:1.6;color:var(--ink2);background:#fafafa}
.hc-upd{margin-top:2.4rem;font-size:.85rem;color:var(--mute)}
/* Ask about this article */
.hc-ask{margin-top:2.6rem;border:1px solid #e1e1e1;border-radius:.85rem;padding:1.3rem 1.3rem 1.2rem;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.hc-ask h2{display:flex;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:600}
.hc-ask h2 svg{width:18px;color:var(--acc)}
.hc-ask__f{display:flex;gap:.5rem;margin-top:.9rem}
.hc-ask__f input{flex:1;min-width:0;border:1px solid #e1e1e1;border-radius:.55rem;padding:.7rem .8rem;font:inherit;font-size:.98rem;outline:0}
.hc-ask__f input:focus{border-color:#c4c4c4;box-shadow:none}
.hc-ask__f button{border:0;border-radius:.55rem;background:#303030;color:#fff;font:inherit;font-size:.95rem;padding:0 1.3rem;cursor:pointer;box-shadow:inset 0 -1px 0 #000}
.hc-ask__f button:hover{background:#1a1a1a}
.hc-ask__out{display:none;margin-top:1rem}
.hc-ask__out.on{display:block}
.hc-ask__you{margin-left:auto;width:fit-content;max-width:85%;background:#303030;color:#fff;border-radius:1rem 1rem .25rem 1rem;padding:.55rem .9rem;font-size:.95rem}
.hc-ask__a{margin-top:.7rem;max-width:92%;background:var(--acc-bg);border-radius:1rem 1rem 1rem .25rem;padding:.85rem 1rem;font-size:.98rem;line-height:1.6;color:var(--ink2)}
.hc-ask__a b{font-weight:600;color:var(--ink)}
.hc-ask__a a{color:var(--acc);text-decoration:underline}
.hc-ask__a code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}
.hc-ask__src{display:inline-block;margin-top:.45rem;font-size:.82rem;color:var(--mute)!important}
.hc-ask__also{margin-top:.6rem;font-size:.9rem;color:var(--mute)}
.hc-ask__a ul{margin:.3rem 0 0 1.1rem}
.hc-ask__a li{font-size:.95rem}
/* feedback */
.hc-fb{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hc-fb>p:first-child{font-weight:600}
.hc-fb__b{display:flex;gap:.5rem}
.hc-fb__b button{border:1px solid #e1e1e1;background:#fff;border-radius:.5rem;padding:.45rem 1.3rem;font:inherit;font-size:.95rem;cursor:pointer}
.hc-fb__b button:hover{border-color:var(--acc);color:var(--acc)}
.hc-fb__t{color:var(--ink2);font-size:.95rem}
.hc-fb__t a{text-decoration:underline}
/* In this section / section index */
.hc-sib,.hc-list,.hc-other{margin-top:2.4rem}
.hc-sib h2,.hc-list h2,.hc-other h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
.hc-sib ul{list-style:none;margin-top:.8rem}
.hc-sib li a{display:block;padding:.55rem 0;color:var(--ink2);border-bottom:1px solid #f1f1f1;font-size:.98rem}
.hc-sib li a:hover{color:var(--acc)}
.hc-sib__all{display:inline-block;margin-top:.9rem;font-size:.93rem;font-weight:600;color:var(--acc)}
.hc-list ul{list-style:none;margin-top:.6rem;border-top:1px solid var(--line)}
.hc-list li a{display:block;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.hc-list li b{display:block;font-size:1.05rem;font-weight:600}
.hc-list li span{display:block;margin-top:.3rem;color:var(--mute);font-size:.95rem;line-height:1.5}
.hc-list li a:hover b{color:var(--acc);text-decoration:underline}
.hc-other div{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.hc-other a{border:1px solid #e1e1e1;border-radius:999px;padding:.45rem .95rem;font-size:.92rem}
.hc-other a:hover{border-color:var(--acc);color:var(--acc)}
.hc-more{margin-top:3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--mute);font-size:.95rem}
.hc-more a{color:var(--ink);text-decoration:underline}
/* phones and tablets: sidebar becomes a Contents button above the article */
@media (max-width:900px){
  .hc{grid-template-columns:1fr;gap:0;padding:0 16px}
  .hc-side{position:sticky;top:55px;z-index:20;max-height:none;overflow:visible;padding:0;margin:0 -16px;background:#fff;border-bottom:1px solid var(--line)}
  .hc-side__tog{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:#fff;font:inherit;font-size:.95rem;font-weight:600;padding:.85rem 16px;cursor:pointer}
  .hc-side__tog svg{width:11px;transition:transform .2s}
  .hc-side.open .hc-side__tog svg{transform:rotate(180deg)}
  .hc-side__in{display:none;max-height:calc(100vh - 110px);overflow:auto;padding:.4rem 16px 1.2rem}
  .hc-side.open .hc-side__in{display:block}
  .hc-main{padding-top:1.6rem}
  .hb__r a{padding:.5rem 1rem}
  .hc-ask__a,.hc-ask__you{max-width:100%}
  html{scroll-padding-top:115px}
}
@media (max-width:420px){.hb__r .o{display:none}}
/* footer: Shopify's (black, mark left, four link columns, bottom bar with region, legal links and social icons) */
.sf{background:#000;color:#fff;padding:4.5rem 0 3rem}
.sf__in{padding:0 var(--m)}
.sf__top{display:grid;grid-template-columns:1fr repeat(4,1fr);gap:2rem}
.sf__mark{width:46px;height:46px}
.sf h4{font-size:1.15rem;font-weight:400;margin-bottom:1.2rem}
.sf ul{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.sf ul a{color:#c9c9d2;text-decoration:none;font-size:.95rem}
.sf ul a:hover{color:#fff}
.sf__bot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.3rem;margin-top:4.5rem;padding-top:2.5rem;border-top:1px solid #27272a;font-size:.95rem}
.sf__bot a{color:#c9c9d2;text-decoration:none}
.sf__bot a:hover{color:#fff}
.sf__soc{flex-basis:100%;display:flex;gap:.8rem;margin-top:.5rem}
.sf__soc a{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center}
.sf__soc svg{width:17px;height:17px}
@media (max-width:899px){.sf__top{grid-template-columns:1fr 1fr}.sf__mark{grid-column:1/-1}.sf__soc{margin-left:0}}
.rg{position:relative}
.rg__btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;color:#fff;font:inherit;cursor:pointer;padding:0}
.rg__btn svg{width:15px;height:15px}
.rg__btn .chev{width:11px;transition:transform .2s}
.rg.open .rg__btn .chev{transform:rotate(180deg)}
.sf .rg__menu{display:block;gap:0}
.rg__menu{position:absolute;left:0;bottom:calc(100% + .8rem);min-width:15rem;background:#18181b;border:1px solid #3f3f46;border-radius:.6rem;padding:.4rem;list-style:none;margin:0;box-shadow:0 20px 40px -12px rgba(0,0,0,.7);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s,transform .18s;z-index:10}
.rg.open .rg__menu{opacity:1;transform:none;pointer-events:auto}
.rg__menu button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:0;color:#d4d4d8;font:inherit;font-size:.92rem;text-align:left;padding:.55rem .7rem;border-radius:.4rem;cursor:pointer}
.rg__menu button:hover{background:#27272a;color:#fff}
.rg__menu button[aria-checked=true]{color:#fff}
.rg__menu button[aria-checked=true]::after{content:"✓";color:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}