/* Help pages share the storefront's restrained editorial palette. */
.support-shell{max-width:1440px;margin:auto;padding:0 4%}
.support-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:600;margin:0 0 24px;color:#666}
.support-hero{display:flex;justify-content:space-between;gap:40px;padding:74px 0 58px;border-bottom:1px solid #d5d5d5}
.support-hero h1{font-size:clamp(46px,5.5vw,80px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0 0 28px}
.support-intro{font-size:16px;line-height:1.7;color:#717171;max-width:460px;margin:0}
.support-hero-aside{align-self:flex-end;padding-bottom:5px;min-width:200px}
.support-hero-aside>span{font-size:9px;letter-spacing:.12em;color:#777}
.support-hero-aside p{font-size:21px;line-height:1.45;letter-spacing:-.035em;margin:22px 0 0}
.support-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:9%;padding:58px 0 80px}
.support-sidebar{position:sticky;top:28px;align-self:start}
.faq-search-label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}
.faq-search{display:flex;align-items:center;gap:10px;border:1px solid #ccc;border-radius:7px;padding:0 13px;background:#fff}
.faq-search>.ui-icon{width:16px;color:#777}
.faq-search input{width:100%;min-width:0;height:46px;background:none;border:0;outline:none;font-size:12px;color:#222}
.faq-search:focus-within{outline:2px solid #666;outline-offset:3px}
.support-sidebar nav{margin:30px 0 45px}
.support-sidebar nav a{display:flex;align-items:center;gap:12px;font-size:12px;border-bottom:1px solid #ddd;padding:18px 0}
.support-sidebar nav a>span{font-size:9px;color:#999}
.support-sidebar nav .ui-icon{width:14px;margin-left:auto}
.support-sidebar nav a:hover{color:#777}
.support-side-note{background:#eee;border:1px solid #e3e3e3;border-radius:9px;padding:24px}
.support-side-note h2{font-size:18px;font-weight:500;letter-spacing:-.035em;margin:0 0 12px}
.support-side-note p{font-size:12px;line-height:1.8;color:#737373;margin:0 0 16px}
.support-side-note p:last-child{margin-bottom:0}
.support-side-note a{display:inline-flex;align-items:center;gap:16px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.faq-group{scroll-margin-top:30px;margin-bottom:42px}
.faq-group:last-child{margin-bottom:0}
.faq-group>header{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}
.faq-group>header>span{font-size:11px;color:#888}
.faq-group h2{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:0}
.faq-item{border-bottom:1px solid #d7d7d7}
.faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;background:none;cursor:pointer;font-size:14px;font-weight:500;line-height:1.5}
.faq-item>summary>span{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #d7d7d7;border-radius:50%;transition:transform .2s}
.faq-item>summary .ui-icon{width:13px;height:13px}
.faq-item[open]>summary{background:none}
.faq-item[open]>summary>span{transform:rotate(45deg);background:#e8e8e8}
.faq-answer{padding:0 40px 25px 0;font-size:13px;line-height:1.9;color:#6a6a6a;max-width:700px}
.faq-answer p{margin:0}
.faq-answer a{color:#222;text-decoration:underline;text-underline-offset:3px}
.faq-results{font-size:12px;color:#666;margin:0 0 30px}
.faq-no-results{padding:30px 0 80px}
.faq-no-results h2{font-size:28px;font-weight:500}
.faq-no-results p{color:#777;font-size:14px}
.faq-no-results button{display:inline-flex;gap:20px;padding:12px 0;border:0;background:none;text-decoration:underline}
.support-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #d5d5d5;padding:42px 0 14px}
.support-bottom .support-eyebrow{margin-bottom:20px}
.support-bottom h2{font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:0}
.support-bottom>a{display:inline-flex;align-items:center;gap:25px;min-height:48px;padding:14px 20px;border:1px solid #aaa;border-radius:6px;font-size:12px;white-space:nowrap}
.support-bottom>a:hover{background:#eaeaea}
.contact-layout{grid-template-columns:minmax(260px,1fr) minmax(0,1.65fr);gap:9%}
.contact-sidebar>.support-eyebrow{margin:4px 0 8px}
.contact-help-card{display:flex;gap:17px;align-items:start;border-bottom:1px solid #ddd;padding:25px 0}
.contact-help-card>span{color:#888;font-size:10px;padding-top:5px}
.contact-help-card h2{font-size:19px;font-weight:500;letter-spacing:-.035em;margin:0 0 9px}
.contact-help-card p{font-size:12px;line-height:1.75;color:#777;margin:0;max-width:240px}
.contact-help-card>.ui-icon{width:15px;margin-left:auto}
.contact-help-card:hover h2{text-decoration:underline;text-underline-offset:4px}
.contact-sidebar .support-side-note{margin-top:32px}
.contact-form-panel{border:1px solid #d9d9d9;background:#fff;border-radius:12px;padding:32px}
.contact-form-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}
.contact-form-heading h2{font-size:24px;letter-spacing:-.04em;font-weight:500;margin:0}
.contact-form-heading>span{font-size:8px;letter-spacing:.08em;color:#888;white-space:nowrap}
.contact-demo-note{font-size:11px;color:#777;line-height:1.8;margin:17px 0 28px;max-width:470px}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#contact-form label{display:block;font-size:11px;font-weight:550;margin:0 0 21px;color:#444}
.field-optional{color:#999;font-weight:400}
#contact-form input,#contact-form select,#contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #d8d8d8;border-radius:6px;background:#fafafa;padding:13px 12px;margin-top:9px;color:#222;font:12px/1.5 Arial,Helvetica,sans-serif}
#contact-form input,#contact-form select{min-height:46px}
#contact-form textarea{resize:vertical;min-height:150px}
#contact-form ::placeholder{color:#969696}
.contact-message-hint{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#888;margin-top:-10px;line-height:1.6}
#message-count{white-space:nowrap}
.contact-form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e2e2e2;margin-top:28px;padding-top:24px}
.contact-form-footer p{font-size:10px;line-height:1.7;color:#888;margin:0}
.contact-form-footer button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:14px 17px;border:1px solid #222;border-radius:6px;background:#222;color:white;font-size:12px;white-space:nowrap}
.contact-form-footer button:hover{background:#444}
.contact-feedback{padding:15px;border:1px solid #ccc;border-radius:6px;font-size:12px;line-height:1.7;margin:20px 0 0;background:#f2f4f2;color:#405346}
.support-shell :focus-visible{outline:2px solid #666;outline-offset:4px}
.faq-search input:focus-visible{outline:none}
@media(max-width:1000px){.support-layout,.contact-layout{gap:5%}.contact-form-panel{padding:24px}.contact-field-row{grid-template-columns:1fr;gap:0}.contact-form-heading{align-items:start}.contact-form-heading>span{display:none}}
@media(max-width:760px){
  .support-hero{padding:44px 0 34px}.support-hero-aside{display:none}.support-intro{font-size:14px;max-width:390px}
  .support-layout,.contact-layout{grid-template-columns:minmax(0,1fr);gap:35px;padding:32px 0 48px}
  .support-sidebar{position:static}.support-sidebar nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.support-sidebar nav a{padding:10px 12px;border:1px solid #ddd;border-radius:5px;font-size:11px}.support-sidebar nav a>span,.support-sidebar nav .ui-icon{display:none}
  .support-sidebar .support-side-note{display:none}.faq-group h2{font-size:22px}.faq-item>summary{font-size:13px}.faq-answer{padding-right:15px}
  .contact-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-sidebar>.support-eyebrow{grid-column:1/-1}.contact-help-card{display:block;border:1px solid #ddd;border-radius:7px;padding:16px 12px}.contact-help-card>span{font-size:9px}.contact-help-card h2{font-size:15px;margin:12px 0 7px}.contact-help-card p{font-size:11px}.contact-help-card>.ui-icon,.contact-sidebar .support-side-note{display:none}
  .contact-form-panel{padding:22px 18px}.contact-field-row{grid-template-columns:1fr 1fr;gap:14px}.contact-form-heading h2{font-size:23px}
  .support-bottom{align-items:start;flex-direction:column;padding-top:30px}
}
@media(max-width:430px){.contact-field-row{grid-template-columns:1fr;gap:0}.contact-help-card p{display:none}.contact-help-card h2{line-height:1.3;margin-bottom:0}.contact-form-footer{align-items:stretch;flex-direction:column}.support-hero h1{font-size:43px}.contact-message-hint{font-size:9px}}