/* Zen Help Center (zen.carreh.com/help). Loaded after /landing/landing.css: same tokens (paper, cards, violet), light and dark.
   Motion is opacity/transform only; boxes have fixed sizes so nothing shifts while results or answers arrive. */
.helpc main{min-height:60vh}
.helpc section{padding:0;overflow:visible;contain:none}
.wrap.narrow{max-width:760px}




.helpc .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* hero + search */
.helpc .hc-hero{position:relative;padding:56px 0 28px;text-align:center}
@media (min-width:960px){.helpc .hc-hero{padding:80px 0 36px}}
.hc-mascot{width:72px;height:74px;display:block;margin:0 auto 14px}
.hc-hero h1{font-size:clamp(34px,6vw,54px);line-height:1.05}
.hc-hero .lede{margin:14px auto 0}
.hc-search{position:relative;display:flex;align-items:center;gap:8px;margin:26px auto 0;max-width:600px;height:56px;padding:0 6px 0 18px;border-radius:28px;background:var(--card);box-shadow:var(--shadow),inset 0 0 0 1px var(--line)}
.hc-search .i{color:var(--mute)}
.hc-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;outline:none}
.hc-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.hc-search button{height:44px;padding:0 18px;border-radius:22px;border:0;background:var(--ink);color:var(--bg);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.hc-search:focus-within{box-shadow:var(--shadow),inset 0 0 0 2px var(--acc)}
.hc-results{max-width:600px;margin:12px auto 0;text-align:start}
.hc-results .none{color:var(--mute);font-size:15px;padding:8px 4px}
.res-list{list-style:none;margin:0;padding:6px;border-radius:22px;background:var(--card);box-shadow:var(--shadow),inset 0 0 0 1px var(--line)}
.res{display:block;padding:12px 14px;border-radius:16px;color:var(--ink);text-decoration:none}
.res b{display:block;font-weight:600;font-size:16px}
.res small{display:block;color:var(--mute);font-size:14px;line-height:1.4;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.res:hover,.res:focus-visible{background:var(--bg2)}

/* categories */
.helpc .hc-cats{padding:28px 0 8px}
.cat-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cat-grid{grid-template-columns:repeat(3,1fr);gap:18px}}
.cat{background:var(--card);border-radius:26px;padding:22px 22px 18px;box-shadow:var(--shadow);scroll-margin-top:80px}
.cat .gl{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--g-violet);color:var(--c-violet);margin-bottom:12px}
.cat:nth-child(7n+2) .gl{background:var(--g-green);color:var(--c-green)}
.cat:nth-child(7n+3) .gl{background:var(--g-peach);color:var(--c-peach)}
.cat:nth-child(7n+4) .gl{background:var(--g-blue);color:var(--c-blue)}
.cat:nth-child(7n+5) .gl{background:var(--g-pink);color:var(--c-pink)}
.cat:nth-child(7n+6) .gl{background:var(--g-yellow);color:var(--c-yellow)}
.cat:nth-child(7n+7) .gl{background:var(--g-red);color:var(--c-red)}
.cat h2{font-size:20px;letter-spacing:-.02em;margin-bottom:8px}
.cat ul{list-style:none;margin:0;padding:0}
.cat li a{display:block;padding:7px 0;color:var(--say);text-decoration:none;font-size:16px;line-height:1.35;border-top:1px solid var(--line)}
.cat li:first-child a{border-top:0}
.cat li a:hover{color:var(--acc)}

/* ask box (the Help Center's own; the landing's sheet adds ask.css) */
.helpc .hc-mid{padding:36px 0 8px}
.hc-ask{background:var(--card);border-radius:28px;padding:22px;box-shadow:var(--shadow);margin:32px 0 0;scroll-margin-top:80px}
.hc-mid .hc-ask{margin:0}
.ask-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.ask-head img{width:40px;height:41px}
.ask-head h2{font-size:22px}
.ask-head p{color:var(--mute);font-size:14px}
.ask-form{display:flex;align-items:center;gap:8px;height:54px;padding:0 6px 0 18px;border-radius:27px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.ask-form[hidden]{display:none}
.ask-form:focus-within{box-shadow:inset 0 0 0 2px var(--acc)}
.ask-form input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;outline:none}
.ask-form button{width:42px;height:42px;border-radius:21px;border:0;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;cursor:pointer;flex:none}
.ask-form button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ask-form button:disabled{opacity:.5}
.ask-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.ask-chips[hidden]{display:none}
.ask-chips button{border:0;font:inherit;font-size:14px;padding:8px 13px;border-radius:17px;background:var(--bg2);color:var(--say);cursor:pointer}
.ask-chips button:hover{color:var(--acc)}
.ask-out{min-height:8px;margin-top:6px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.ask-out.in{opacity:1;transform:none}
.ask-out:empty{min-height:0}
.ask-q{font-weight:600;margin-top:14px}
.ask-a p{margin-top:8px;color:var(--say)}
.ask-note{margin-top:14px;color:var(--say)}
.ask-soon{margin-top:12px;font-size:15px}
.ask-srch{margin-top:14px;font-size:13px;font-weight:600;color:var(--mute);letter-spacing:.02em}
.ask-src{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.ask-src a{display:inline-block;font-size:14px;padding:6px 12px;border-radius:15px;background:var(--g-violet);color:var(--c-violet);text-decoration:none}
.ask-think{display:flex;gap:6px;height:24px;align-items:center;margin-top:14px}
.ask-think .dot{width:7px;height:7px;border-radius:50%;background:var(--acc);animation:askdot 1s ease-in-out infinite}
.ask-think .dot:nth-child(2){animation-delay:.15s}.ask-think .dot:nth-child(3){animation-delay:.3s}
@keyframes askdot{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:none}}
.hc-ask .fineprint{margin-top:14px;font-size:13px;color:var(--mute)}

/* FAQ accordion (also on the landing) */
.helpc .hc-faq{padding:44px 0 8px}
.hc-faq h2,.faq-h1{font-size:clamp(26px,4vw,36px);margin-bottom:16px}
.faq{display:grid;gap:10px}
.faq-i{background:var(--card);border-radius:20px;box-shadow:var(--shadow)}
.faq-i summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font-weight:600;font-size:17px;line-height:1.35;border-radius:20px}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.faq-i .chev{width:20px;height:20px;transition:transform .2s ease;color:var(--mute);fill:none;stroke:currentColor;stroke-width:1.8}
.faq-i[open] .chev{transform:rotate(180deg)}
.faq-a{padding:0 18px 16px;color:var(--say)}
.faq-a p+p{margin-top:8px}
.more{margin-top:16px}

/* article */
.art-wrap{max-width:760px;padding-top:28px;padding-bottom:24px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:14px;color:var(--mute)}
.crumbs li+li:before{content:"›";margin-inline-end:6px}
.crumbs a{color:var(--mute);text-decoration:none}
.crumbs a:hover{color:var(--acc)}
.crumbs li[aria-current]{color:var(--say);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art{margin-top:18px}
.art-head .kick{display:inline-flex;align-items:center;gap:6px;color:var(--acc)}
.art-head .kick .i{width:16px;height:16px}
.art-head h1{font-size:clamp(32px,5.4vw,46px);line-height:1.08}
.art-head .lede{margin-top:12px}
.upd{margin-top:10px;font-size:14px;color:var(--mute)}
.toc{margin:22px 0 0;padding:16px 18px;border-radius:20px;background:var(--bg2)}
.toc p{font-size:13px;font-weight:600;color:var(--mute);letter-spacing:.02em}
.toc ul{margin:6px 0 0;padding-inline-start:18px}
.toc a{color:var(--say);text-decoration:none;font-size:15px}
.prose{margin-top:26px;font-size:17px;line-height:1.65;color:var(--say)}
.prose h2{font-size:24px;margin:34px 0 10px;color:var(--ink);scroll-margin-top:80px}
.prose h3{font-size:19px;margin:24px 0 8px;color:var(--ink);scroll-margin-top:80px}
.prose p,.prose ul,.prose ol{margin:0 0 14px}
.prose ul,.prose ol{padding-inline-start:22px}
.prose li{margin:4px 0}
.prose strong{color:var(--ink);font-weight:600}
.prose code{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg2);padding:2px 6px;border-radius:6px}
.prose pre{background:var(--bg2);padding:14px;border-radius:14px;overflow:auto}
.prose hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.note-box{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:var(--g-violet);color:var(--ink)}
.hc-rel{margin-top:40px}
.hc-rel h2{font-size:22px;margin-bottom:12px}
.hc-rel-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:720px){.hc-rel-list{grid-template-columns:repeat(3,1fr)}}
.hc-rel-card{display:block;height:100%;padding:16px;border-radius:20px;background:var(--card);box-shadow:var(--shadow);color:var(--ink);text-decoration:none}
.hc-rel-card b{display:block;font-size:16px;line-height:1.3}
.hc-rel-card small{display:block;margin-top:6px;color:var(--mute);font-size:14px;line-height:1.4}
.hc-rel-card:hover b{color:var(--acc)}
.back{margin-top:28px}
.back a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:500}
.back .i{width:18px;height:18px}
[dir="rtl"] .back .i{transform:scaleX(-1)}

/* footer */
.hc-foot{margin-top:56px;border-top:1px solid var(--line);padding:36px 0 48px}
.hc-foot .wrap{display:block}
.still{padding:0;text-align:center}
.still h2{font-size:24px}
.still p{margin-top:8px;color:var(--say)}
.hc-legal{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;font-size:14px;color:var(--mute)}
@media (prefers-reduced-motion:reduce){.ask-out,.faq-i .chev{transition:none}.ask-think .dot{animation:none}}
.hc-search[hidden]{display:none}
.ask-a .ask-list{margin:8px 0 0;padding-inline-start:20px;color:var(--say)}.ask-a .ask-list li{margin:4px 0}