/* Sendvio Help Center — shared brand, with a documentation-focused layout. */
:root{color-scheme:light}
body{font-size:16px;line-height:1.75}
h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.22}
.header-inner{max-width:1280px;padding:18px 24px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 24px}
.help-brand{display:flex;align-items:center;gap:18px;grid-column:1}
.logo img{display:block;width:180px;height:auto}
.help-home{font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;border-inline-start:1px solid var(--line);padding-inline-start:18px}
.website-return{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border:1px solid var(--ink);border-radius:10px;font-size:14px;line-height:1.5;text-decoration:none;white-space:nowrap}
.website-return:hover{background:var(--accent-soft);border-color:var(--accent)}
#hdr-search{grid-column:2;grid-row:1;min-width:0;max-width:320px;width:100%;justify-self:end}
.header-nav{grid-column:1/-1;justify-content:center;gap:28px;border-top:1px solid var(--line);padding-top:12px;font-size:13px}
.header-nav a{color:var(--ink)}
main{max-width:1160px;padding-bottom:64px}
.hero{padding:64px 24px 44px;background:var(--accent-soft);border-radius:20px;margin-top:32px}
.hero h1{font-size:clamp(32px,4vw,48px);margin-bottom:18px}
.hero p{font-size:17px;line-height:1.7;max-width:56ch;margin-bottom:28px}
.searchbox input{border-radius:10px;box-shadow:0 6px 24px #23231f08}
.home-section{margin-top:48px}
.home-section h2{font-size:26px;margin-bottom:10px}
.home-section>p{margin-bottom:22px}
.start-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.start-card{padding:22px 20px;border-radius:16px}
.start-card .t{font-size:15px;line-height:1.5;margin-bottom:6px}
.start-card .d{font-size:14px;line-height:1.65}
.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cat-card{padding:26px 24px;border-radius:16px}
.cat-card h3{font-size:20px;line-height:1.35;margin-bottom:10px}
.cat-card p{font-size:14px;line-height:1.7}
.cat-card .count{font-size:11px;letter-spacing:.06em}
.support{background:var(--accent-soft);border-color:#f1e0d6;padding:28px;border-radius:16px}
.btn{border-radius:9px;padding:11px 20px;font-size:14px;font-weight:500;line-height:1.5}
.page{grid-template-columns:240px minmax(0,1fr);gap:48px}
aside.toc{top:140px;max-height:calc(100vh - 160px);font-size:13px;line-height:1.6}
aside.toc a{padding-block:7px}
article{min-width:0;line-height:1.8}
article h1{font-size:clamp(28px,3.2vw,38px)}
article h2{font-size:23px;line-height:1.35}
article h3{line-height:1.4}
article p,article li{overflow-wrap:break-word}
.cat-page h1{font-size:clamp(30px,3.5vw,42px)}
footer{background:var(--accent-soft);margin-top:0;padding:36px 24px;font-size:13px}
.footer-logo{display:inline-block;margin-bottom:12px}
.footer-logo img{display:block;width:154px;height:auto}
footer>div{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:14px}
footer a{text-decoration:none;color:var(--ink)}
footer a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
[hidden]{display:none!important}
@media(max-width:1050px){.header-inner{grid-template-columns:1fr auto}#hdr-search{grid-column:1/-1;grid-row:2;max-width:none}.header-nav{grid-row:3}.website-return{grid-column:2}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.header-nav{display:flex;flex-wrap:wrap;gap:8px 20px}.page{grid-template-columns:1fr;gap:24px}.start-grid{grid-template-columns:1fr}.hero{padding:44px 22px}.help-brand{gap:12px}.logo img{width:154px}.help-home{padding-inline-start:12px}}
@media(max-width:600px){.header-inner{padding:14px 16px 10px;gap:12px}.help-brand{flex-direction:column;align-items:flex-start;gap:3px}.logo img{width:140px}.help-home{border:0;padding:0;font-size:12px}.website-return{padding:9px 10px;font-size:12px;gap:6px}.website-return svg{width:15px;height:15px}.header-nav{font-size:11px;gap:6px 16px;padding-top:10px}main{padding-inline:16px}.hero{margin-top:20px;padding:34px 16px;border-radius:16px}.hero h1{font-size:32px}.hero p{font-size:15px}.home-section{margin-top:36px}.home-section h2{font-size:24px}.cat-grid{grid-template-columns:1fr;gap:14px}.cat-card{padding:22px}.support{padding:22px}.support .grow{min-width:0;flex-basis:100%}.page{padding-top:28px}.breadcrumb{font-size:12px}.searchbox input{font-size:16px}article h2{font-size:21px}.open-row input{max-width:100%}footer{padding:28px 16px}}

/* Explain the task before offering the store-specific dashboard shortcut. */
article .where{margin-top:32px;padding:24px}
article .where h2{font-size:20px;letter-spacing:-.02em;text-transform:none;color:var(--ink);line-height:1.35;margin:0 0 14px}
article .where .shortcut-explanation{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:18px;max-width:65ch}
article .where .open-row{margin-top:20px}
@media(max-width:600px){article .where{padding:20px}article .where h2{font-size:19px}}
/* Dedicated help navigation: all eleven categories, task shortcuts, and search. */
.header-inner{position:relative;row-gap:16px}
#hdr-search{max-width:400px}
#hdr-search input{font-size:14px}
.help-navigation{grid-column:1/-1;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:12px;font-size:13px}
.help-navigation>a,.help-nav-group>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:40px;border-radius:8px;text-decoration:none;font-weight:500;cursor:pointer;list-style:none;white-space:nowrap;line-height:1.5}
.help-nav-group>summary::-webkit-details-marker{display:none}
.help-nav-group>summary:hover,.help-navigation>a:hover,.help-nav-group[open]>summary,.help-nav-group.is-current>summary,.help-navigation [aria-current=page]{background:var(--accent-soft);color:#ad3e10}
.help-nav-group[open]>summary svg{transform:rotate(180deg)}
.help-nav-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.help-navigation>.help-nav-support{margin-inline-start:auto;color:var(--muted)}
.help-nav-panel{position:absolute;inset-inline-start:24px;inset-inline-end:24px;top:calc(100% - 1px);display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 18px 32px #23231f14;max-height:calc(100dvh - 170px);overflow:auto}
.help-nav-categories{display:grid;gap:8px;align-content:start}
.help-nav-panel a{display:block;text-decoration:none;border-radius:8px;padding:10px 12px;white-space:normal;line-height:1.55}
.help-nav-panel a:hover,.help-nav-panel a:focus-visible{background:var(--accent-soft)}
.help-nav-panel a>span{font-size:15px;font-weight:500;display:block;margin-bottom:4px}
.help-nav-panel a>small{font-size:13px;line-height:1.6;color:var(--muted);display:block;max-width:65ch}
.help-nav-shortcuts{border-inline-start:1px solid var(--line);padding-inline-start:24px}
.help-nav-shortcuts>p{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;padding:8px 12px}
.help-nav-shortcuts>a{font-size:14px}
.help-nav-group[data-help-group=tools] .help-nav-panel{display:block}
.help-nav-group[data-help-group=tools] .help-nav-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}
.help-menu-toggle{display:none;font:500 14px/1.5 Poppins,sans-serif}
@media(max-width:1100px){.help-navigation{gap:2px}.help-navigation>a,.help-nav-group>summary{padding-inline:9px;font-size:12px}}
@media(max-width:1050px){#hdr-search{max-width:none}.help-navigation{grid-row:3}.help-nav-panel{max-height:calc(100dvh - 220px)}}
@media(max-width:960px){.help-menu-toggle{display:flex;justify-content:space-between;align-items:center;grid-column:1/-1;grid-row:3;width:100%;padding:10px 12px;background:var(--accent-soft);color:var(--ink);border:1px solid #f1e0d6;border-radius:8px;cursor:pointer}.help-navigation{display:none;grid-row:4;padding:8px 0 0;border:0;max-height:55dvh;overflow:auto}.help-navigation.is-open{display:block}.help-navigation>a,.help-nav-group>summary{justify-content:space-between;font-size:14px;padding:12px}.help-nav-panel{position:static;display:block;max-height:none;padding:8px 8px 12px;border:0;border-radius:0;box-shadow:none;overflow:visible}.help-nav-panel a>span{font-size:14px}.help-nav-panel a>small{font-size:12px}.help-nav-shortcuts{border-inline-start:0;border-top:1px solid var(--line);padding:12px 0 0;margin-top:12px}.help-nav-group[data-help-group=tools] .help-nav-categories{grid-template-columns:1fr;gap:4px}.header-inner{row-gap:12px}.help-nav-support{margin-top:8px}.help-navigation>.help-nav-support{justify-content:flex-start}.page{grid-template-columns:1fr;gap:24px}}

/* Non-sequential help entry points for everyday tasks and troubleshooting. */
.help-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.help-task-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--surface);transition:border-color .15s,background .15s}
.help-task-card:hover,.help-task-card:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.help-task-card .t{display:block;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:8px}
.help-task-card .d{display:block;font-size:14px;line-height:1.7;color:var(--muted)}
.help-task-card svg{flex:none;color:var(--accent);margin-top:2px}
@media(max-width:1000px){.help-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.help-task-grid{grid-template-columns:1fr;gap:12px}.help-task-card{padding:20px}}

/* Logo-led Help Center header with a full-width search column. */
.header-inner{grid-template-columns:auto minmax(0,1fr);column-gap:32px}
.help-brand{flex-direction:row;align-items:center;gap:20px}
.help-home{font-size:30px;font-weight:300;line-height:1.2;color:#777772;border-inline-start:1px solid var(--line);padding-inline-start:20px;letter-spacing:-.035em}
#hdr-search{grid-column:2;grid-row:1;max-width:none;width:100%;justify-self:stretch}
#hdr-search .searchbox{max-width:none}
#hdr-search .searchbox input{padding-block:12px}
.help-navigation{grid-row:2}
@media(max-width:1050px){.header-inner{column-gap:24px}.logo img{width:160px}.help-home{font-size:27px}.help-brand{gap:16px}.help-home{padding-inline-start:16px}}
@media(max-width:960px){.header-inner{grid-template-columns:1fr}.help-brand{grid-column:1;justify-content:flex-start}.help-home{font-size:27px}#hdr-search{grid-column:1;grid-row:2}.help-menu-toggle{grid-row:3}.help-navigation{grid-row:4}}
@media(max-width:600px){.help-brand{gap:14px}.logo img{width:140px}.help-home{font-size:24px;padding-inline-start:14px}.header-inner{row-gap:14px}}
@media(max-width:360px){.help-brand{gap:12px}.logo img{width:128px}.help-home{font-size:22px;padding-inline-start:12px}}
/* A single visual signature: align the descriptor with the wordmark. */
.help-brand{gap:10px}
.help-home{border:0;padding:0;font-size:29px;line-height:1;font-weight:300;letter-spacing:-.045em;white-space:nowrap}
@media(max-width:1050px){.help-brand{gap:9px}.help-home{font-size:26px;padding:0}}
@media(max-width:800px){.help-brand{gap:9px}.help-home{font-size:26px}}
@media(max-width:600px){.help-brand{gap:8px}.help-home{font-size:23px;padding:0}}
@media(max-width:360px){.help-brand{gap:7px}.help-home{font-size:21px;padding:0}}

.help-home{font-weight:200;position:relative;top:2px}
/* Match the separator to the Help Center descriptor. */
.help-home{border-inline-start:1px solid currentColor;padding-inline-start:12px}
@media(max-width:600px){.help-home{padding-inline-start:9px}}
/* Equal spacing on both sides; soften the solid rule to match ExtraLight text. */
.help-brand{gap:24px}
.help-home{border:0;padding-inline-start:0}
.help-home::before{content:'';position:absolute;inset-inline-start:-12px;top:50%;transform:translate(-50%,-50%);width:1px;height:1em;background:currentColor;opacity:.55}
@media(max-width:1050px){.help-brand{gap:20px}.help-home::before{inset-inline-start:-10px}}
@media(max-width:600px){.help-brand{gap:18px}.help-home{padding-inline-start:0}.help-home::before{inset-inline-start:-9px}}
@media(max-width:360px){.help-brand{gap:16px}.help-home::before{inset-inline-start:-8px}}
.help-home::before{width:.5px}