.shc{
    --shc-primary:#6d4cff;
    --shc-columns:3;
    color:#17151f;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:#fff;
    line-height:1.5
}
 .shc *{
    box-sizing:border-box
}
.shc__hero{
    position:relative;
    overflow:visible;
    padding:58px 24px 64px;
    background:#f8f7ff url('../images/help-center-bg.png') center/cover no-repeat
}
.shc__hero-inner{
    position:relative;
    z-index:1;
    max-width:760px;
    margin:auto;
    text-align:center
}
.shc__eyebrow{
    margin-bottom:10px;
    color:var(--shc-primary);
    font-size:15px;
    font-weight:700
}
.shc__title{
    margin:0;
    color:#11101a;
    font-size:clamp(38px,5vw,62px);
    font-weight:800;
    letter-spacing:-.045em;
    line-height:1.08
}
.shc__subtitle{
    margin:14px auto 24px;
    color:#696779;
    font-size:17px
}
.shc-search{
    position:relative;
    display:grid;
    grid-template-columns:48px 1fr auto;
    align-items:center;
    padding:8px 8px 8px 14px;
    border:1px solid #dedbea;
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 35px rgba(37,28,85,.12)
}
 .shc-search__icon{
    width:20px;
    height:20px;
    margin:auto;
    border:2px solid #3a3846;
    border-radius:50%;
    position:relative
}
.shc-search__icon:after{
    content:"";
    position:absolute;
    width:8px;
    height:2px;
    right:-6px;
    bottom:-3px;
    background:#3a3846;
    transform:rotate(45deg);
    border-radius:2px
}
.shc-search__input{
    width:100%;
    height:54px;
    padding:0 10px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#17151f!important;
    font:inherit!important;
    font-size:16px!important
}
.shc-search__button,.shc-support a{
    border:0;
    border-radius:10px;
    background:var(--shc-primary);
    color:#fff!important;
    font-weight:700;
    text-decoration:none;
    transition:transform .18s,box-shadow .18s,opacity .18s
}
.shc-search__button{
    height:50px;
    padding:0 30px;
    cursor:pointer;
    font:inherit
}
.shc-search__button:hover,.shc-support a:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 20px color-mix(in srgb,var(--shc-primary) 28%,transparent)
}
 .shc-results{
    position:absolute;
    z-index:20;
    top:calc(100% + 10px);
    left:0;
    right:0;
    overflow:hidden;
    border:1px solid #e4e1ed;
    border-radius:14px;
    background:#fff;
    text-align:left;
    box-shadow:0 18px 45px rgba(31,24,69,.18)
}
.shc-results[hidden]{
    display:none
}
.shc-result{
    display:block;
    padding:15px 18px;
    border-bottom:1px solid #efedf4;
    color:#17151f!important;
    text-decoration:none!important
}
.shc-result:last-child{
    border:0
}
.shc-result:hover,.shc-result:focus{
    background:#f8f7ff
}
.shc-result strong{
    display:block;
    font-size:15px
}
.shc-result span{
    display:block;
    margin-top:3px;
    color:#777485;
    font-size:13px
}
.shc-result small{
    color:var(--shc-primary);
    font-weight:600
}
.shc-results__empty{
    padding:20px;
    color:#777485;
    text-align:center
}
 .shc__content{
    max-width:1220px;
    margin:auto;
    padding:40px 24px 28px
}
.shc__browse-header{
    text-align:center;
    margin-bottom:28px
}
.shc__browse-header h2{
    margin:0 0 4px;
    font-size:28px;
    letter-spacing:-.025em
}
.shc__browse-header p{
    margin:0;
    color:#777485;
    font-size:15px
}
.shc-grid{
    display:grid;
    grid-template-columns:repeat(var(--shc-columns),minmax(0,1fr));
    gap:20px
}
.shc-card{
    display:flex;
    min-height:164px;
    padding:24px;
    flex-direction:column;
    justify-content:space-between;
    border:1px solid #e5e3eb;
    border-radius:15px;
    background:#fff;
    color:#17151f!important;
    text-decoration:none!important;
    box-shadow:0 4px 12px rgba(26,20,54,.05);
    transition:transform .2s,border-color .2s,box-shadow .2s
}
.shc-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--shc-primary) 35%,#e5e3eb);
    box-shadow:0 14px 30px rgba(35,26,78,.1)
}
.shc-card__top{
    display:flex;
    gap:18px
}
.shc-card__visual{
    display:grid;
    width:64px;
    height:64px;
    flex:0 0 64px;
    place-items:center;
    overflow:hidden;
    border-radius:12px;
    background:color-mix(in srgb,var(--shc-primary) 9%,#fff);
    color:var(--shc-primary)
}
.shc-card__visual .dashicons{
    width:auto;
    height:auto;
    font-size:31px
}
.shc-card__image{
    width:100%;
    height:100%;
    object-fit:cover
}
.shc-card__copy h3{
    margin:1px 0 5px;
    font-size:17px;
    font-weight:700
}
.shc-card__copy p{
    margin:0;
    color:#777485;
    font-size:14px;
    line-height:1.55
}
.shc-card__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:15px;
    color:var(--shc-primary);
    font-size:13px;
    font-weight:600
}
.shc-card__arrow{
    font-size:25px;
    font-weight:400;
    line-height:1
}
.shc-support{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:36px;
    padding:16px 28px;
    border:1px solid color-mix(in srgb,var(--shc-primary) 25%,#e6e2f7);
    border-radius:14px;
    background:color-mix(in srgb,var(--shc-primary) 5%,#fff)
}
.shc-support__message{
    display:flex;
    align-items:center;
    gap:14px
}
.shc-support__icon{
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border-radius:50%;
    background:color-mix(in srgb,var(--shc-primary) 12%,#fff);
    color:var(--shc-primary);
    font-weight:800
}
.shc-support a{
    padding:12px 23px;
    font-size:14px
}
 @media(max-width:900px){
    .shc-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .shc{
        --shc-columns:2!important
    }
}
 @media(max-width:620px){
    .shc__hero{
        padding:42px 16px 48px
    }
    .shc__title{
        font-size:40px
    }
    .shc__subtitle{
        font-size:15px
    }
    .shc-search{
        grid-template-columns:38px 1fr;
        padding:7px 10px
    }
    .shc-search__input{
        height:48px!important;
        font-size:14px!important
    }
    .shc-search__button{
        grid-column:1/-1;
        width:100%;
        height:46px;
        margin-top:5px
    }
    .shc__content{
        padding:34px 16px 22px
    }
    .shc-grid{
        grid-template-columns:1fr
    }
    .shc{
        --shc-columns:1!important
    }
    .shc-card{
        min-height:155px;
        padding:20px
    }
    .shc-support{
        align-items:flex-start;
        gap:18px;
        flex-direction:column;
        padding:20px
    }
    .shc-support a{
        width:100%;
        text-align:center
    }
}
/* Category and article templates */
 .shc-docs{
    min-height:75vh;
    padding:42px 28px;
    background:#f7f7f8;
    color:#171a19;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.shc-docs *{
    box-sizing:border-box
}
.shc-docs__layout{
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    gap:52px;
    max-width:1420px;
    margin:auto
}
.shc-docs__sidebar{
    padding-top:0
}
.shc-search--sidebar{
    display:grid;
    grid-template-columns:1fr 42px;
    padding:0 8px 0 14px;
    border-radius:8px;
    box-shadow:none
}
.shc-search--sidebar .shc-search__input{
    grid-column:1;
    height:52px!important
}
.shc-search--sidebar .shc-search__icon{
    grid-column:2;
    grid-row:1
}
.shc-docs__nav{
    margin-top:45px
}
.shc-docs__nav h2{
    margin:0 0 18px;
    color:#a5aaa8;
    font-size:14px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase
}
.shc-docs__nav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 0;
    color:#414643!important;
    font-size:15px;
    text-decoration:none!important
}
.shc-docs__nav a:hover,.shc-docs__nav a.is-active{
    color:#161a18!important;
    font-weight:700
}
.shc-docs__nav a span{
    font-size:24px;
    line-height:1
}
.shc-docs__panel{
    position:relative;
    min-height:670px;
    padding:70px 88px;
    border:1px solid #e0e2e1;
    border-radius:14px;
    background:#fff;
    box-shadow:0 5px 20px rgba(25,34,29,.05)
}
.shc-category-page__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px
}
.shc-category-page h1,.shc-article-page h1{
    margin:0;
    color:#151917;
    font-size:clamp(34px,4vw,48px);
    font-weight:750;
    letter-spacing:-.035em;
    line-height:1.17
}
.shc-category-page__header p{
    margin:20px 0 0;
    color:#5d6460;
    font-size:17px
}
.shc-category-page select{
    min-width:170px;
    padding:9px 34px 9px 12px;
    border:1px solid #d8dbd9;
    border-radius:7px;
    background:#fff;
    color:#4d534f
}
.shc-category-page__rule{
    width:46px;
    height:3px;
    margin:42px 0 28px;
    background:#aeb2b0
}
.shc-article-list{
    display:flex;
    flex-direction:column
}
.shc-article-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 0;
    color:var(--shc-primary,#6d4cff)!important;
    font-size:18px;
    text-decoration:none!important
}
.shc-article-list a:hover span:first-child{
    text-decoration:underline
}
.shc-article-list a span:last-child{
    opacity:0;
    transform:translateX(-8px);
    transition:.18s
}
.shc-article-list a:hover span:last-child{
    opacity:1;
    transform:none
}
.shc-print{
    position:absolute;
    top:60px;
    right:55px;
    padding:8px;
    border:0;
    background:transparent;
    color:#acb0ae;
    cursor:pointer
}
.shc-print:hover{
    color:var(--shc-primary,#6d4cff)
}
.shc-article-page__category{
    display:inline-block;
    margin:0 0 18px;
    color:var(--shc-primary,#6d4cff)!important;
    font-size:14px;
    font-weight:700;
    text-decoration:none!important
}
.shc-article-page h1{
    max-width:880px;
    padding-right:50px
}
.shc-article-page__content{
    margin-top:45px;
    color:#3e4441;
    font-size:17px;
    line-height:1.8
}
.shc-article-page__content h2,.shc-article-page__content h3{
    margin:1.7em 0 .6em;
    color:#171a19;
    line-height:1.3
}
.shc-article-page__content img{
    max-width:100%;
    height:auto;
    border-radius:8px
}
.shc-article-page__content a{
    color:var(--shc-primary,#6d4cff)
}
.shc-article-page__content pre{
    overflow:auto;
    padding:18px;
    border-radius:8px;
    background:#171a19;
    color:#f7f7f8
}
.shc-article-page__footer{
    margin-top:50px;
    padding-top:22px;
    border-top:1px solid #eceeed
}
.shc-article-page__footer a{
    color:var(--shc-primary,#6d4cff)!important;
    text-decoration:none!important
}
 @media(max-width:900px){
    .shc-docs{
        padding:25px 18px
    }
    .shc-docs__layout{
        grid-template-columns:1fr;
        gap:24px
    }
    .shc-docs__nav{
        display:flex;
        overflow:auto;
        gap:10px;
        margin-top:18px;
        padding-bottom:5px
    }
    .shc-docs__nav h2{
        display:none
    }
    .shc-docs__nav a{
        flex:0 0 auto;
        padding:8px 13px;
        border:1px solid #dedfdf;
        border-radius:999px;
        background:#fff
    }
    .shc-docs__nav a span{
        display:none
    }
    .shc-docs__panel{
        min-height:500px;
        padding:44px 34px
    }
    .shc-category-page__header{
        flex-direction:column
    }
    .shc-print{
        top:28px;
        right:24px
    }
}
 @media(max-width:620px){
    .shc-docs{
        padding:16px 12px
    }
    .shc-docs__panel{
        padding:34px 22px;
        border-radius:10px
    }
    .shc-category-page h1,.shc-article-page h1{
        font-size:33px
    }
    .shc-category-page__header p,.shc-article-page__content{
        font-size:15px
    }
    .shc-article-list a{
        font-size:16px
    }
    .shc-print{
        top:18px;
        right:14px
    }
}
 @media print{
    body>*:not(.shc-docs){
        display:none!important
    }
    .shc-docs{
        padding:0;
        background:#fff
    }
    .shc-docs__layout{
        display:block
    }
    .shc-docs__sidebar,.shc-print,.shc-article-page__category,.shc-article-page__footer{
        display:none!important
    }
    .shc-docs__panel{
        min-height:0;
        padding:0;
        border:0;
        box-shadow:none
    }
}