/* =============================================================================
   EveryoneSocial (V2) Help Center — Help Scout Docs custom skin
   Companion file: es-v2-skin.js (required for grouped nav + collection bands)

   Design language: ES app / everyonesocial.com — indigo #3F55E5 on white,
   cool grey neutrals, Plus Jakarta Sans, hairline rules, 12–14px radii,
   120ms ease, no gradients, no lift-on-hover. Whitespace dominant.

   Install: Manage > Docs > (site) > Custom Code
     - "Upload stylesheet" for this file
     - paste es-v2-skin.js into the Custom JavaScript / footer code box
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --es-indigo:#3F55E5;--es-indigo-hover:#3446C5;--es-indigo-active:#2E3DAE;
  --es-indigo-soft:#E8EBFC;--es-indigo-line:#C7CFF7;
  --es-ink:#22253A;--es-body:#4A4F64;--es-muted:#858BA0;
  --es-line:#E5E7F1;--es-line-soft:#F2F3FA;
  --es-bg:#FFFFFF;--es-bg-subtle:#F8F9FE;
  --es-sans:'Plus Jakarta Sans','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --es-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;
  --es-r-card:14px;--es-r-ctl:8px;
  --es-shadow-sm:0 1px 2px rgba(34,37,58,.05);
  --es-shadow-md:0 8px 24px rgba(34,37,58,.09),0 2px 6px rgba(34,37,58,.04);
  --es-ring:0 0 0 3px rgba(63,85,229,.22);
  --es-max:1240px;
}

/* ---------- Global -------------------------------------------------------- */
body,body.docs{font-family:var(--es-sans)!important;color:var(--es-body);background:var(--es-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body::before{content:"";display:block;height:3px;background:var(--es-indigo)}
h1,h2,h3,h4,h5{font-family:var(--es-sans);color:var(--es-ink);letter-spacing:-.022em}
a{color:var(--es-indigo);text-decoration:none;transition:color 120ms ease}
a:hover{color:var(--es-indigo-hover)}
:focus-visible{outline:none;box-shadow:var(--es-ring);border-radius:var(--es-r-ctl)}

/* ---------- Icon tokens (inherited by cards + mega menu) ------------------ */
[data-ico]{--ico:none}
[data-ico="getting-started-for-admins"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'%2F%3E%3C%2Fsvg%3E")}
[data-ico="moderators"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z'%2F%3E%3Cpath%20d%3D'm9%2012%202%202%204-4'%2F%3E%3C%2Fsvg%3E")}
[data-ico="new-users"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09z'%2F%3E%3Cpath%20d%3D'm12%2015-3-3a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.35%2022.35%200%200%201-4%202z'%2F%3E%3Cpath%20d%3D'M9%2012H4s.55-3.03%202-4c1.62-1.08%205%200%205%200'%2F%3E%3Cpath%20d%3D'M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5'%2F%3E%3C%2Fsvg%3E")}
[data-ico="admins"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'%2F%3E%3C%2Fsvg%3E")}
[data-ico="troubleshoot"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Cpath%20d%3D'm4.9%204.9%204.2%204.2'%2F%3E%3Cpath%20d%3D'm14.9%2014.9%204.2%204.2'%2F%3E%3Cpath%20d%3D'm14.9%209.1%204.2-4.2'%2F%3E%3Cpath%20d%3D'm4.9%2019.1%204.2-4.2'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3C%2Fsvg%3E")}
[data-ico="best-practices"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M9.94%2015.5A2%202%200%200%200%208.5%2014.06l-6.14-1.58a.5.5%200%200%201%200-.96L8.5%209.94A2%202%200%200%200%209.94%208.5l1.58-6.14a.5.5%200%200%201%20.96%200L14.06%208.5A2%202%200%200%200%2015.5%209.94l6.14%201.58a.5.5%200%200%201%200%20.96L15.5%2014.06a2%202%200%200%200-1.44%201.44l-1.58%206.14a.5.5%200%200%201-.96%200z'%2F%3E%3C%2Fsvg%3E")}
[data-ico="content-owners"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z'%2F%3E%3C%2Fsvg%3E")}
[data-ico="users"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'7'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M22%2021v-2a4%204%200%200%200-3-3.87'%2F%3E%3Cpath%20d%3D'M16%203.13a4%204%200%200%201%200%207.75'%2F%3E%3C%2Fsvg%3E")}
[data-ico="admin-analytics"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cline%20x1%3D'12'%20x2%3D'12'%20y1%3D'20'%20y2%3D'10'%2F%3E%3Cline%20x1%3D'18'%20x2%3D'18'%20y1%3D'20'%20y2%3D'4'%2F%3E%3Cline%20x1%3D'6'%20x2%3D'6'%20y1%3D'20'%20y2%3D'16'%2F%3E%3C%2Fsvg%3E")}
[data-ico="admin-onboarding"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D'20'%20height%3D'14'%20x%3D'2'%20y%3D'3'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M8%2021h8'%2F%3E%3Cpath%20d%3D'M12%2017v4'%2F%3E%3Cpath%20d%3D'm10%207%205%203-5%203z'%2F%3E%3C%2Fsvg%3E")}
[data-ico="content-management"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z'%2F%3E%3Cpath%20d%3D'm10%2011%204%202.5-4%202.5z'%2F%3E%3C%2Fsvg%3E")}
[data-ico="growth-engagement"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpolyline%20points%3D'22%207%2013.5%2015.5%208.5%2010.5%202%2017'%2F%3E%3Cpolyline%20points%3D'16%207%2022%207%2022%2013'%2F%3E%3C%2Fsvg%3E")}
[data-ico="integrations"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2022v-5'%2F%3E%3Cpath%20d%3D'M9%208V2'%2F%3E%3Cpath%20d%3D'M15%208V2'%2F%3E%3Cpath%20d%3D'M18%208v5a4%204%200%200%201-4%204h-4a4%204%200%200%201-4-4V8Z'%2F%3E%3C%2Fsvg%3E")}
[data-ico="program-attribution"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71'%2F%3E%3Cpath%20d%3D'M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71'%2F%3E%3C%2Fsvg%3E")}
[data-ico="connect-internal-comms"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z'%2F%3E%3C%2Fsvg%3E")}
[data-ico="for-it-teams"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D'20'%20height%3D'8'%20x%3D'2'%20y%3D'2'%20rx%3D'2'%2F%3E%3Crect%20width%3D'20'%20height%3D'8'%20x%3D'2'%20y%3D'14'%20rx%3D'2'%2F%3E%3Cline%20x1%3D'6'%20x2%3D'6.01'%20y1%3D'6'%20y2%3D'6'%2F%3E%3Cline%20x1%3D'6'%20x2%3D'6.01'%20y1%3D'18'%20y2%3D'18'%2F%3E%3C%2Fsvg%3E")}
[data-ico="user-access-management"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'7.5'%20cy%3D'15.5'%20r%3D'5.5'%2F%3E%3Cpath%20d%3D'm21%202-9.6%209.6'%2F%3E%3Cpath%20d%3D'm15.5%207.5%203%203L22%207l-3-3'%2F%3E%3C%2Fsvg%3E")}
[data-ico="tools"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233F55E5'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z'%2F%3E%3C%2Fsvg%3E")}

/* ---------- Header -------------------------------------------------------- */
#mainNav.navbar,.navbar{background:var(--es-bg)!important;border-bottom:1px solid var(--es-line);box-shadow:none;margin:0;position:relative;z-index:60}
#mainNav .navbar-inner,.navbar .navbar-inner{background:var(--es-bg)!important;border:none;box-shadow:none;filter:none;min-height:0;padding:0}
#mainNav .brand>img,a.brand>img{height:26px!important;width:auto;display:block}
#mainNav .brand,#mainNav .brand:hover{border-bottom:none!important;float:none;display:inline-flex;align-items:center;margin:0;padding:0;height:auto;flex:none}
#mainNav .nav .caret,#mainNav b.caret{display:none!important}
body.es-enhanced #mainNav .btn-navbar{display:none!important}

@media (min-width:1024px){
  #mainNav .container-fluid{display:flex;align-items:center;gap:30px;max-width:var(--es-max);margin:0 auto;padding:0 28px;height:66px}
  #mainNav .btn-navbar{display:none}
  /* original Help Scout nav is replaced by .es-nav once JS runs */
  body.es-enhanced #mainNav .nav-collapse{display:none!important}
}
@media (max-width:1023px){
  #mainNav .container-fluid{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:58px;flex-wrap:wrap}
  body.es-enhanced #mainNav .nav-collapse{display:none!important}
}

/* grouped mega nav (built by es-v2-skin.js) */
.es-nav{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none;flex:1}
.es-nav-item{position:relative}
.es-nav-trigger{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:600 14.5px/1 var(--es-sans);color:var(--es-ink);background:none;border:0;border-radius:var(--es-r-ctl);padding:9px 11px;cursor:pointer;transition:background 120ms ease,color 120ms ease}
.es-nav-trigger svg{width:13px;height:13px;opacity:.5;transition:transform 160ms ease}
.es-nav-item:hover .es-nav-trigger,.es-nav-item.open .es-nav-trigger{background:var(--es-line-soft);color:var(--es-indigo)}
.es-nav-item:hover .es-nav-trigger svg,.es-nav-item.open .es-nav-trigger svg{transform:rotate(180deg)}
.es-mega{position:absolute;top:calc(100% + 9px);left:-8px;z-index:70;background:var(--es-bg);border:1px solid var(--es-line);border-radius:var(--es-r-card);box-shadow:var(--es-shadow-md);padding:10px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 120ms ease,transform 120ms ease,visibility 120ms}
.es-nav-item:hover .es-mega,.es-nav-item.open .es-mega{opacity:1;visibility:visible;transform:none}
.es-mega-inner{display:grid;grid-template-columns:repeat(2,minmax(288px,1fr));gap:2px}
.es-mega[data-count="2"] .es-mega-inner{grid-template-columns:minmax(260px,1fr)}
.es-mega-link{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:11px 12px;border-radius:10px;transition:background 120ms ease}
.es-mega-link:hover{background:var(--es-bg-subtle)}
.es-mega-ico{width:34px;height:34px;border-radius:9px;background-color:var(--es-indigo-soft);background-image:var(--ico);background-repeat:no-repeat;background-position:center;background-size:18px}
.es-mega-link b{display:block;font:700 14px/1.3 var(--es-sans);color:var(--es-ink);letter-spacing:-.01em;margin-bottom:3px}
.es-mega-link span{display:block;font:400 12.5px/1.45 var(--es-sans);color:var(--es-muted)}
.es-mega-link:hover b{color:var(--es-indigo)}

.es-nav-tools{display:flex;align-items:center;gap:10px;flex:none}
.es-navsearch{display:flex;align-items:center;gap:8px;width:210px;height:38px;margin:0!important;padding:0 14px;border:1px solid var(--es-line);border-radius:999px;background:var(--es-bg-subtle);transition:border-color 120ms ease,background 120ms ease}
.es-navsearch:focus-within{border-color:var(--es-indigo);background:var(--es-bg);box-shadow:var(--es-ring)}
.es-navsearch svg{width:15px;height:15px;color:var(--es-muted);flex:none}
.es-navsearch input{border:0!important;background:none!important;outline:none;box-shadow:none!important;margin:0!important;padding:0!important;height:auto!important;min-height:0;line-height:1.2;font:500 13.5px var(--es-sans);color:var(--es-ink);width:100%}
.es-navsearch input::placeholder{color:var(--es-muted)}
.es-cta{display:inline-flex;align-items:center;gap:7px;height:38px;background:var(--es-indigo);color:#fff!important;font:600 13.5px var(--es-sans);padding:0 18px;border-radius:999px;transition:background 120ms ease}
.es-cta:hover{background:var(--es-indigo-hover);color:#fff!important}
.es-burger{display:none;background:none;border:1px solid var(--es-line);border-radius:var(--es-r-ctl);padding:8px 10px;cursor:pointer}
.es-burger svg{width:18px;height:18px;display:block;color:var(--es-ink)}

@media (max-width:1179px){.es-navsearch{display:none}}
@media (max-width:1023px){
  .es-nav,.es-navsearch{display:none}
  .es-burger{display:block}
  .es-nav-tools{gap:8px}
  body.es-menu-open .es-nav{display:block;position:absolute;top:100%;left:0;right:0;z-index:65;background:var(--es-bg);border-top:1px solid var(--es-line);box-shadow:var(--es-shadow-md);padding:8px 18px 18px;margin:0;max-height:calc(100vh - 58px);overflow-y:auto}
  body.es-menu-open .es-nav-item{position:static}
  body.es-menu-open .es-nav-item+.es-nav-item{border-top:1px solid var(--es-line)}
  body.es-menu-open .es-nav-trigger{width:100%;justify-content:space-between;font-size:15px;padding:14px 4px}
  body.es-menu-open .es-mega{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 0 8px;display:none}
  body.es-menu-open .es-nav-item.open .es-mega{display:block}
  body.es-menu-open .es-mega-inner{grid-template-columns:1fr}
}

/* ---------- Hero / search ------------------------------------------------- */
#docsSearch{background:var(--es-bg-subtle);border-bottom:1px solid var(--es-line);padding:64px 24px 68px;text-align:center}
#docsSearch h1{display:none}
#docsSearch::before{content:"How can we help?";display:block;font:800 44px/1.1 var(--es-sans);color:var(--es-ink);letter-spacing:-.035em;margin:0 0 28px}
body.es-enhanced #docsSearch::before{display:none}
.es-hero-copy{margin:0 0 28px}
.es-hero-eyebrow{display:block;font:500 11.5px/1 var(--es-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--es-indigo);margin:0 0 16px}
.es-hero-copy h1{display:block!important;font:800 46px/1.08 var(--es-sans);color:var(--es-ink);letter-spacing:-.038em;margin:0 0 12px}
.es-hero-copy p{margin:0;font:400 16.5px/1.5 var(--es-sans);color:var(--es-muted)}
@media (max-width:640px){.es-hero-copy h1{font-size:32px}#docsSearch{padding:44px 20px 48px}}
#docsSearch form,#docsSearch .searchWrapper,#docsSearch fieldset{display:flex!important;align-items:stretch;width:100%;max-width:620px;margin:0 auto}
#docsSearch input[type="text"],#docsSearch input[type="search"],#docsSearch .searchInput{font:400 16px var(--es-sans);color:var(--es-ink);background:var(--es-bg);border:1px solid var(--es-line);border-right:none;border-radius:var(--es-r-ctl) 0 0 var(--es-r-ctl)!important;padding:14px 18px;box-shadow:var(--es-shadow-sm);flex:1 1 auto!important;width:auto!important;transition:box-shadow 120ms ease,border-color 120ms ease}
#docsSearch input::placeholder{color:var(--es-muted)}
#docsSearch input[type="text"]:focus,#docsSearch input[type="search"]:focus{outline:none;border-color:var(--es-indigo);box-shadow:var(--es-ring);width:auto!important;flex:1 1 auto!important;border-radius:var(--es-r-ctl) 0 0 var(--es-r-ctl)!important}
#docsSearch button,#docsSearch .btn,#docsSearch input[type="submit"],#docsSearch input:focus~button,#docsSearch:focus-within button{display:inline-flex!important;align-items:center;flex:0 0 auto!important;font:600 15.5px var(--es-sans);background:var(--es-indigo);border:1px solid var(--es-indigo);color:#fff;border-radius:0 var(--es-r-ctl) var(--es-r-ctl) 0;padding:14px 26px;text-shadow:none;cursor:pointer;transition:background 120ms ease}
#docsSearch button:hover,#docsSearch .btn:hover{background:var(--es-indigo-hover);border-color:var(--es-indigo-hover)}
#docsSearch button:active{background:var(--es-indigo-active)}
.es-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin:22px auto 0}
.es-quick-label{width:100%;font:500 11.5px/1 var(--es-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--es-muted);margin-bottom:4px}
.es-quick a{display:inline-flex;align-items:center;white-space:nowrap;font:500 13.5px var(--es-sans);color:var(--es-body);background:var(--es-bg);border:1px solid var(--es-line);border-radius:999px;padding:7px 15px;transition:border-color 120ms ease,color 120ms ease}
.es-quick a:hover{border-color:var(--es-indigo-line);color:var(--es-indigo)}

/* ---------- Home: audience bands ------------------------------------------ */
#contentArea,.container-fluid{max-width:var(--es-max);margin:0 auto;padding-left:28px;padding-right:28px}
#contentArea{padding-top:58px;padding-bottom:24px}
body.es-enhanced .threeCol,body.es-enhanced .twoCol{display:block!important}
.es-band{margin:0 0 56px}
.es-band-head{display:flex;align-items:baseline;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--es-line);margin-bottom:26px}
.es-band-num{font:500 11.5px/1 var(--es-mono);letter-spacing:.14em;color:var(--es-indigo);flex:none;position:relative;top:-1px}
.es-band-head h2{font:800 27px/1.15 var(--es-sans);letter-spacing:-.03em;margin:0;color:var(--es-ink)}
.es-band-for{margin-left:auto;font:500 12.5px/1 var(--es-sans);color:var(--es-muted);letter-spacing:.01em;flex:none;text-align:right}
.es-band-grid{display:grid;gap:20px}
.es-grid-3{grid-template-columns:repeat(3,1fr)}
.es-grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:1040px){.es-grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.es-grid-3,.es-grid-2{grid-template-columns:1fr}.es-band-head{flex-wrap:wrap}.es-band-for{margin-left:0;flex:0 0 100%;text-align:left}}

/* ---------- Collection cards ---------------------------------------------- */
.collection{background:var(--es-bg);border:1px solid var(--es-line)!important;border-radius:var(--es-r-card)!important;box-shadow:var(--es-shadow-sm);padding:22px 22px 18px;display:flex;flex-direction:column;text-align:left;transition:border-color 120ms ease,box-shadow 120ms ease}
.collection:hover{border-color:var(--es-indigo-line)!important;box-shadow:var(--es-shadow-md)}
.collection .collection-head{display:grid;grid-template-columns:38px 1fr;column-gap:13px;text-align:left;border-bottom:1px solid var(--es-line);padding:0 0 16px;margin:0 0 15px}
.collection .collection-head::before{content:"";grid-row:1;align-self:center;width:38px;height:38px;border-radius:10px;background-color:var(--es-indigo-soft);background-image:var(--ico);background-repeat:no-repeat;background-position:center;background-size:20px;margin:0}
.collection .collection-head h2,.collection .collection-head h3{grid-row:1;align-self:center;font:700 17.5px/1.25 var(--es-sans);letter-spacing:-.022em;margin:0;text-align:left}
.collection .collection-head h2 a{color:var(--es-ink)!important;border-bottom:none}
.collection .collection-head h2 a:hover{color:var(--es-indigo)!important}
.collection .collection-head p,.collection .collection-head .description{grid-column:1/-1;margin:11px 0 0;font:400 13.5px/1.5 var(--es-sans);color:var(--es-muted);text-align:left}
.collection .collection-body{border-top:none;flex:1;display:flex;flex-direction:column}
.collection-body ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1px}
.collection-body li{margin:0}
.collection-body li svg,.collection-body li img,.collection-body li i,.collection li svg,.collection li img,.collection li i{display:none!important}
.collection-body li a{display:block;font:500 14px/1.45 var(--es-sans);color:var(--es-body)!important;padding:7px 0;border-bottom:none!important;text-decoration:none!important;transition:color 120ms ease}
.collection-body li a:hover{color:var(--es-indigo)!important}
/* keep every card to the same rhythm — JS appends an "all N articles" link */
body.es-enhanced .collection-body li:nth-child(n+6){display:none}
.es-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font:600 13px var(--es-sans);color:var(--es-indigo)}
.es-more:hover{gap:9px}
.es-more span{transition:transform 120ms ease}
/* Help Scout's own overflow link */
.collection-body>a:not(.es-more){display:none}

/* the one non-collection card that squares off band 01 */
.es-card-cta{grid-column:auto;display:flex;flex-direction:column;justify-content:center;gap:10px;background:var(--es-indigo);border-radius:var(--es-r-card);padding:26px 24px;color:#fff}
.es-card-cta b{font:800 19px/1.25 var(--es-sans);letter-spacing:-.025em;color:#fff}
.es-card-cta p{margin:0;font:400 14px/1.55 var(--es-sans);color:rgba(255,255,255,.82)}
.es-card-cta a{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font:600 14px var(--es-sans);color:#fff!important;align-self:flex-start;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px}
.es-card-cta a:hover{border-bottom-color:#fff}

/* ---------- Article page -------------------------------------------------- */
#article,.article,#fullArticle{font-family:var(--es-sans);color:var(--es-body);font-size:17px;line-height:1.72}
#article h1,.article h1{font-weight:800;color:var(--es-ink);letter-spacing:-.032em}
#article h2,.article h2{font-weight:700;color:var(--es-ink);margin-top:1.8em;padding-bottom:9px;border-bottom:1px solid var(--es-indigo)}
#article h3,.article h3{font-weight:700;color:var(--es-ink)}
#article a,.article a{color:var(--es-indigo);border-bottom:1px solid var(--es-indigo-line)}
#article a:hover,.article a:hover{border-bottom-color:var(--es-indigo)}
#article blockquote,.article blockquote{border-left:3px solid var(--es-indigo);background:var(--es-indigo-soft);border-radius:0 var(--es-r-ctl) var(--es-r-ctl) 0;color:var(--es-ink);padding:14px 20px}
#article code,.article code{font-family:var(--es-mono);background:var(--es-line-soft);color:var(--es-ink);border-radius:4px;padding:2px 6px;font-size:.88em}
#article pre,.article pre{font-family:var(--es-mono);background:var(--es-line-soft);border:1px solid var(--es-line);border-radius:var(--es-r-ctl)}
#article table th{background:var(--es-indigo);color:#fff;font-weight:600}
#article table td,#article table th{border-color:var(--es-line)}
#article table tr:nth-child(even) td{background:var(--es-line-soft)}
#sidebar,.sidebar,#docsSidebar{font-family:var(--es-sans)}
#sidebar a,.sidebar a{color:var(--es-body);border-bottom:none}
#sidebar a:hover,.sidebar a:hover{color:var(--es-indigo)}
#sidebar .active>a,.sidebar li.active>a{color:var(--es-indigo)!important;font-weight:600}
#breadcrumbs,.breadcrumbs,.breadcrumb{font-size:13.5px;color:var(--es-muted)}
#breadcrumbs a,.breadcrumb a{color:var(--es-muted);border-bottom:none}
#breadcrumbs a:hover,.breadcrumb a:hover{color:var(--es-indigo)}
#voting .btn,.feedback .btn,.article-votes button{border-radius:var(--es-r-ctl);border:1px solid var(--es-line);font-family:var(--es-sans);font-weight:600;color:var(--es-body);background:var(--es-bg);transition:border-color 120ms ease,color 120ms ease}
#voting .btn:hover,.feedback .btn:hover{border-color:var(--es-indigo);color:var(--es-indigo);background:var(--es-bg-subtle)}

/* ---------- Footer -------------------------------------------------------- */
#footer,.footer,footer,.es-footer{font-family:var(--es-sans);color:var(--es-muted);border-top:1px solid var(--es-line);background:var(--es-bg-subtle);max-width:none!important;padding:0!important;text-align:left!important}
#footer .es-foot,#footer .es-foot-base,.es-footer .es-foot,.es-footer .es-foot-base,.footer .es-foot,.footer .es-foot-base{max-width:var(--es-max);margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
#footer .es-foot-base>*,.es-footer .es-foot-base>*,.footer .es-foot-base>*{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;text-align:left!important}
.es-footer .es-foot,#footer .es-foot{padding-top:48px;padding-bottom:32px;margin-bottom:20px}
.es-footer .es-foot-base,#footer .es-foot-base{padding-bottom:34px}
.es-foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;border-bottom:1px solid var(--es-line)}
.es-foot-brand img{height:24px;width:auto;display:block;margin-bottom:14px}
.es-foot-brand p{margin:0;font:400 13.5px/1.6 var(--es-sans);color:var(--es-muted);max-width:32ch;text-align:left!important}
.es-foot h4{font:600 11.5px/1 var(--es-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--es-ink);margin:0 0 14px;text-align:left!important}
.es-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.es-foot li a{font:500 13.5px var(--es-sans);color:var(--es-body);text-align:left!important}
.es-foot li a:hover{color:var(--es-indigo)}
.es-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;align-items:center;font:400 13px var(--es-sans);color:var(--es-muted)}
.es-foot-copy{margin:0;padding:0;text-align:left!important}
.es-foot-base a{color:var(--es-muted)}
.es-foot-base a:hover{color:var(--es-indigo)}
.es-foot-base .es-sep{margin-left:auto;flex:none}
@media (max-width:820px){.es-foot{grid-template-columns:1fr 1fr}.es-foot-base .es-sep{margin-left:0}}

/* ---------- Home: category cards (built by es-v2-skin.js) ----------------- */
body.es-enhanced .es-original-home{display:none!important}
.es-card{display:flex;flex-direction:column;background:var(--es-bg);border:1px solid var(--es-line);border-radius:var(--es-r-card);box-shadow:var(--es-shadow-sm);padding:22px 22px 18px;transition:border-color 120ms ease,box-shadow 120ms ease}
.es-card:hover{border-color:var(--es-indigo-line);box-shadow:var(--es-shadow-md)}
.es-card-ico{width:38px;height:38px;border-radius:10px;background-color:var(--es-indigo-soft);background-image:var(--ico);background-repeat:no-repeat;background-position:center;background-size:20px;margin:0 0 15px}
.es-card-title{display:block;font:700 17.5px/1.25 var(--es-sans);letter-spacing:-.022em;color:var(--es-ink);margin:0 0 8px;transition:color 120ms ease}
.es-card:hover .es-card-title{color:var(--es-indigo)}
.es-card-desc{display:block;font:400 13.5px/1.55 var(--es-sans);color:var(--es-muted)}
.es-card-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px}
.es-card-count{font:500 11.5px/1 var(--es-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--es-muted)}
.es-card-go{font:600 13px var(--es-sans);color:var(--es-indigo);white-space:nowrap;flex:none}
.es-card-go span{display:inline-block;margin-left:5px;transition:transform 120ms ease}
.es-card:hover .es-card-go span{transform:translateX(3px)}
.es-grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1040px){.es-grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.es-grid-4{grid-template-columns:1fr}}
/* five footer columns instead of four */
.es-foot{grid-template-columns:1.25fr repeat(4,1fr)}
@media (max-width:1040px){.es-foot{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:820px){.es-foot{grid-template-columns:1fr 1fr}}
.es-band-head h2 a{color:var(--es-ink)}
.es-band-head h2 a:hover{color:var(--es-indigo)}