@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

/* ============================================================
   Showcase Deck Help Center — "Gallery Ink" (Paper theme)
   Drop-in replacement for the Gist KB theme style.css.
   Same selectors as stock templates; only header.liquid changed.
   ============================================================ */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''}
table{border-collapse:collapse;border-spacing:0}
*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}
html{font-size:16px;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
[role="button"]{cursor:pointer}

/* Tokens — Showcase Deck Paper theme */
:root{
  --sd-table:#E6E6E7;--sd-table-2:#EDEDEE;--sd-surface:#F4F4F5;--sd-surface-2:#FBFBFC;
  --sd-paper:#FFFFFF;--sd-paper-edge:#ECECEC;
  --sd-ink:#161618;--sd-ink-soft:#5A5A60;--sd-ink-faint:#97979D;
  --sd-line:rgba(22,22,24,.10);--sd-line-strong:rgba(22,22,24,.20);
  --sd-brand:#FF0066;--sd-brand-soft:#E0005A;
  --sd-shadow-contact:rgba(20,20,25,.20);--sd-shadow-cast:rgba(20,20,25,.14);
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-sans:'Geist',system-ui,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,monospace;
  /* Gist injects --header-bg-color from settings; fall back to ink */
  --header-bg-color:#161618;
  /* Kicker above the home headline. Change the label here, or set --kicker-text:none to remove it.
     --kicker-rule sets the width of the drawn line before it; 0 hides the line. */
  --kicker-text:'HELP CENTER';
  --kicker-rule:26px;
}

body{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--sd-ink);background:var(--sd-table);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:var(--sd-brand);color:#fff}
strong,b{font-weight:600}
a{color:var(--sd-brand);text-decoration:none}
a:hover,a:focus{color:var(--sd-brand-soft);text-decoration:none}

/* Helpers */
.text-center{text-align:center}
.mb-15{margin-bottom:15px}.mb-30{margin-bottom:30px}.mt-30{margin-top:30px}

/* Typography */
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--sd-ink)}
h1{font-size:32px;font-weight:600;line-height:1.15}
h2{font-size:24px;font-weight:600;line-height:1.3}
h3{font-size:20px;font-weight:600;line-height:1.35}
h4{font-size:17px;font-weight:600}
h5{font-size:16px}h6{font-size:13px}
@media (max-width:767px){h1{font-size:26px}h2{font-size:20px}}

/* ---------- Header (ink band) ---------- */
.header{background-color:var(--header-bg-color);background-size:cover;background-repeat:no-repeat;background-position:center;color:#F5F5F6;max-height:450px}
.header .bg-container{background-size:cover;background-repeat:no-repeat;background-position:center}
.header p{color:#F5F5F6}
.header--meta{display:flex;justify-content:space-between;align-items:center;margin:0;padding:28px 0 0}
.header--meta .logo{margin-right:20px}
.header--meta .logo img{max-width:360px;max-height:36px;vertical-align:middle;-webkit-backface-visibility:hidden;transform:translateZ(0)}
.header--action{display:flex;gap:22px;align-items:center}
.header--meta .link,.header--action .language--select label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:#9E9EA4;cursor:pointer;transition:color .15s}
.header--meta .link:hover,.header--meta .link:focus,.header--meta .link:active,.header--action .language--select:hover label{color:#F5F5F6}
.header--action .link i{margin-left:6px;font-size:10px}
.header--action .language--select i{font-size:11px;color:#9E9EA4;margin-right:4px}
.header--action select{border:none;background:transparent;appearance:none;opacity:0;position:absolute;left:0;width:100%;height:100%;cursor:pointer}
.header--content{padding:40px 0 52px;margin:0}
.header--headline{margin-bottom:26px}
.header--headline h1{color:#F5F5F6;font-family:var(--font-display);font-weight:600;font-size:40px;letter-spacing:-.03em;line-height:1.05;text-align:left;position:relative;padding-top:26px}
.header--headline h1::before{content:var(--kicker-text);position:absolute;top:0;left:calc(var(--kicker-rule) + .7em);font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.26em;color:var(--sd-brand)}
.header--headline h1::after{content:'';position:absolute;top:6px;left:0;width:var(--kicker-rule);height:1px;background:var(--sd-brand)}
@media (max-width:767px){.header--headline h1{max-width:90%;font-size:30px}}
.header--search{position:relative;max-width:620px}
.kb-article .header--search{max-width:none}
.header--search svg{width:16px;height:16px;position:absolute;left:18px;top:50%;transform:translateY(-50%);fill:#9E9EA4;transition:fill .2s}
.header--search .header--search-box{height:52px;width:100%;padding:0 20px 0 48px;font-family:var(--font-sans);font-size:15px;font-weight:400;color:#F5F5F6;background:rgba(245,245,246,.08);border:1px solid rgba(245,245,246,.16);border-radius:3px;box-shadow:none;transition:all .2s ease-in-out;outline:none}
.header--search .header--search-box::placeholder{color:#9E9EA4}
.header--search .header--search-box:focus{background:#fff;color:var(--sd-ink);border-color:#fff}
.header--search .header--search-box:focus::placeholder{color:var(--sd-ink-faint)}
.header--search .header--search-box:focus~svg,.header--search:focus-within svg{fill:var(--sd-ink)}
@media (max-width:480px){.header--search .header--search-box{padding:0 20px 0 44px;height:52px}}

/* ---------- Layout ---------- */
.content{min-height:calc(100vh - 400px);padding:36px 0 56px}
.container{margin:0 auto;max-width:1024px;padding-left:32px;padding-right:32px}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
@media (max-width:768px){.container{padding-left:16px;padding-right:16px}}

/* ---------- Home grid (paper cards) ---------- */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:20px}
@media (max-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.grid{grid-template-columns:1fr}}
.collection-link{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;border:none;background:var(--sd-paper);border-radius:2px;height:100%;box-shadow:0 1px 0 var(--sd-paper-edge),0 14px 26px -14px var(--sd-shadow-cast),0 3px 8px -4px var(--sd-shadow-contact);transition:transform .25s cubic-bezier(.34,1.4,.64,1),box-shadow .25s}
.collection-link:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 1px 0 var(--sd-paper-edge),0 26px 40px -18px var(--sd-shadow-cast),0 8px 16px -6px var(--sd-shadow-contact)}
.collection-link .collection-item{display:flex;flex-direction:column;padding:26px 26px 20px;gap:12px;height:100%}
.collection-link .collection-icon{display:flex;align-items:center;justify-content:start;height:34px;width:34px}
.collection-link .collection-icon .icon-container,.custom-icon{height:28px;width:28px}
.collection-link .icon-container i{font-size:24px;color:var(--sd-brand)}
.collection-link .collection-details{display:flex;flex:1;flex-direction:column;justify-content:space-between}
.collection-link .collection-name{margin-bottom:6px;font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--sd-ink);transition:color .2s}
.collection-link:hover .collection-name{color:var(--sd-brand)}
.collection-details p{margin:0;color:var(--sd-ink-soft);font-size:14px;line-height:1.55;font-weight:400}
.collection-details .article-count,.collection--meta .article-count{margin-top:18px;color:var(--sd-ink-faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.collection-details .article-count{border-top:1px solid var(--sd-line);padding-top:14px}
.collection-details .article-count span,.collection--meta .article-count span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Breadcrumb ---------- */
.breadcrumb{background:none;margin:0;border-radius:0;padding:22px 0;max-width:100%;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumb>li{display:inline;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.breadcrumb>li+li:before{content:"/ ";padding:0 7px;color:var(--sd-ink-faint)}
.breadcrumb>li a{color:var(--sd-ink-soft)}
.breadcrumb>li a:hover{color:var(--sd-brand)}
.breadcrumb>li.active{color:var(--sd-ink-faint)}
@media (max-width:480px){
  .breadcrumb>li:before{display:none}
  .breadcrumb>li:after{content:"/ ";padding:0 5px;color:var(--sd-ink-soft);opacity:.7}
  .breadcrumb>li:last-of-type:after{display:none}
  .kb-article .breadcrumb li{display:block;margin-bottom:12px}
  .breadcrumb{position:relative;margin:16px 0;padding:0}
}

/* ---------- Collection page ---------- */
.collection--meta{display:flex;margin-bottom:28px;flex-direction:column}
.collection--meta .icon{margin-bottom:16px}
.collection--meta .icon i{font-size:30px;color:var(--sd-brand);font-weight:300}
.collection--meta h1.title{font-size:30px;font-weight:600;margin-bottom:8px}
.collection--meta .description{font-size:16px;line-height:1.55;color:var(--sd-ink-soft);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.collection-container{display:flex;flex-direction:column;gap:18px}
.collection-container .collection-item{display:flex;flex-direction:column;border:none;background:var(--sd-paper);padding:14px;border-radius:3px;box-shadow:0 1px 0 var(--sd-paper-edge),0 14px 26px -14px var(--sd-shadow-cast),0 3px 8px -4px var(--sd-shadow-contact)}
.collection-container .collection-item-header{padding:14px 14px 18px}
.collection-container .collection-item-header .title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--sd-ink)}
.collection-container .collection-item-header a:hover .title{color:var(--sd-brand)}
.collection-container .collection-item .divider{margin:0 14px 6px;border:none;border-top:1px solid var(--sd-line)}
.collection-container .collection-item .article-link{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:14px;text-decoration:none;color:var(--sd-ink);transition:background .2s,color .2s;border-radius:2px}
.collection-container .collection-item .article-link:hover{background:color-mix(in srgb,var(--sd-brand) 5%,transparent);color:var(--sd-brand)}
.collection-container .collection-item .article-link span{font-size:15px;font-weight:500}
.collection-container .collection-item .link-content{display:flex;flex-direction:column;padding:0}
.collection-container .collection-item .link-content .sub-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding-top:10px;color:var(--sd-ink-faint)}
.collection-container .collection-item .article-link .icon-container{display:flex;flex-shrink:0;justify-content:center;align-items:center;color:var(--sd-ink-faint)}
.collection-container .collection-item .article-link:hover .icon-container{color:var(--sd-brand)}
.collection-container .collection-item .article-link .icon-container i{font-size:13px}

/* ---------- Article (paper sheet) ---------- */
.article-container{width:100%;background:var(--sd-paper);border-radius:3px;padding:44px 48px 36px;position:relative;box-shadow:0 1px 0 var(--sd-paper-edge),0 22px 36px -16px var(--sd-shadow-cast),0 6px 12px -5px var(--sd-shadow-contact)}
.article-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:color-mix(in srgb,var(--sd-brand) 70%,transparent);border-radius:3px 3px 0 0}
@media (min-width:1025px){.article-container,.kb-article .header--search{max-width:min(680px,calc(100% - 290px))}}
@media (max-width:640px){.article-container{padding:28px 22px 26px}}
.article-container .avatar-group{display:flex;align-items:center}
.article-container .avatar-group img{height:34px;width:34px;border-radius:50%;margin:0 10px 0 0}
.article-container .avatar-group .avatar-group-meta{display:flex;flex-direction:column}
.article-container .avatar-group .avatar-group-meta p{font-size:13px;color:var(--sd-ink-soft);margin-bottom:4px}
.article-container .avatar-group .avatar-group-meta p .author-name{color:var(--sd-ink);font-weight:600;vertical-align:initial}
.article-container .avatar-group .avatar-group-meta h6{font-family:var(--font-mono);font-weight:400;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sd-ink-faint)}
.kb-article .article--meta{position:relative}
.kb-article .article--meta .title{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.025em;color:var(--sd-ink);line-height:1.12;padding-right:30px;margin-bottom:12px}
.kb-article .article--meta .description{font-size:17px;line-height:1.5;color:var(--sd-ink-soft);margin-bottom:20px}
.kb-article .article--meta .avatar-group{margin:0 0 26px;padding-bottom:24px;border-bottom:1px solid var(--sd-line)}
.kb-article .article--meta .print-icon{position:absolute;right:0;top:8px;cursor:pointer;opacity:.5;transition:opacity .15s}
.kb-article .article--meta .print-icon:hover{opacity:1}
.kb-article .article--meta .print-icon img{margin:0;width:22px;height:22px}
@media (max-width:480px){.kb-article .article--meta .print-icon img{width:18px;height:18px}}

/* Article prose */
.article{font-size:16px;line-height:1.75;color:#3a3a3e;margin-bottom:17px}
.article abbr[data-original-title],.article abbr[title]{text-decoration:underline dotted;cursor:help;border-bottom:0}
.article ul,.article ol{margin-top:0;margin-bottom:17px;padding-left:20px}
.article ul ul,.article ul ol,.article ol ul,.article ol ol{margin-top:10px;margin-bottom:0}
.article ul li,.article ol li{color:#3a3a3e;margin-left:18px;margin-bottom:9px}
.article ol>li,.article ol>li ol>li ol>li ol>li,.article ol>li ol>li ol>li ol>li ol>li ol>li ol>li{list-style-type:decimal}
.article ul>li,.article ul>li ul>li ul>li ul>li,.article ul>li ul>li ul>li ul>li ul>li ul>li ul>li{list-style-type:disc}
.article ol li p,.article ul li p{margin-bottom:0}
.article ul li::marker,.article ol li::marker{color:var(--sd-ink-faint)}
.article hr{display:block;height:1px;border:0;border-top:1px solid var(--sd-line);margin:1.6em 0;padding:0}
.article p,.article h1,.article h2,.article h3,.article h4,.article h5,.article h6,.article a,.article span{word-break:break-word}
.article h1,.article h2,.article h3,.article h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--sd-ink)}
.article h5,.article h6{font-weight:600;color:var(--sd-ink)}
.article h1{font-size:28px;line-height:1.2;margin-bottom:14px}
.article h2{font-size:22px;line-height:1.3;margin:28px 0 12px}
.article h3{font-size:18px;line-height:1.35;margin:22px 0 10px}
.article h4{font-size:16px;line-height:1.4;margin-bottom:10px}
.article h5{font-size:15px;line-height:1.4;margin-bottom:10px}
.article h6{font-size:13px;line-height:1.6}
.article p{font-size:16px;line-height:1.75;color:#3a3a3e;margin-bottom:14px}
.article p:last-of-type{margin-bottom:0}
.article p>img{margin-top:0!important;margin-bottom:0!important}
.article label{font-size:16px;line-height:1.6;color:#3a3a3e;font-weight:500}
.article label+ul{margin-top:5px}
.article img,.article video{width:auto;height:auto;max-width:100%;margin:22px 0;border-radius:2px;box-shadow:0 1px 0 var(--sd-paper-edge),0 10px 20px -12px var(--sd-shadow-cast)}
.article audio{margin:22px 0}
.article p+img,.article h2+img,.article h3+img{margin-top:12px}
.article h1+img{margin-top:14px}.article h2+img{margin-top:10px}
.article img+img,.article video+img,.article img+video,.article video+video,.article audio+audio,.article video+audio,.article audio+video,.article audio+img,.article img+audio{margin-top:0}
.article a{color:var(--sd-brand);text-decoration-line:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--sd-brand) 40%,transparent)}
.article a:hover{color:var(--sd-brand-soft);text-decoration-color:var(--sd-brand-soft)}
@media (max-width:480px){.article h1{font-size:26px}.article h2{font-size:21px}.article p{font-size:16px}}

/* Code */
.article code,.article kbd,.article pre,.article samp{font-family:var(--font-mono)}
.article code{padding:2px 6px;font-size:85%;color:var(--sd-ink);background:var(--sd-surface);border:1px solid var(--sd-line);border-radius:4px}
.article pre{display:block;padding:16px 18px;margin:1em 0;font-size:13px;line-height:1.65;word-break:break-word;word-wrap:break-word;color:var(--sd-ink);background:var(--sd-surface);border:1px solid var(--sd-line);overflow:auto;border-radius:3px}
.article pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background:transparent;border:none;border-radius:0}
.article pre code.hljs{background:transparent;color:inherit;padding:0}

/* Lists (froala) */
.article .list-unordered li,.article .list-ordered li,.article .list-unstyled li{color:#3a3a3e;margin-bottom:12px;font-size:16px}
.article .list-unordered li:last-child,.article .list-ordered li:last-child,.article .list-unstyled li:last-child{margin-bottom:0}
.article .list-ordered{list-style-type:decimal}
.article .list-ordered ul{list-style-type:decimal}
.article .list-unstyled{list-style:none}

/* Blockquotes & callouts */
.article blockquote{position:relative;padding:18px 26px;margin:26px 0;color:var(--sd-ink-soft);background:var(--sd-surface);border-left:3px solid var(--sd-brand);border-radius:2px;font-size:16px;font-style:italic;line-height:1.8;text-align:left}
.article blockquote p:last-child,.article blockquote ul:last-child,.article blockquote ol:last-child{margin-bottom:0}
.article blockquote.warning,.article blockquote.note,.article blockquote.tips{padding:24px 28px 24px 78px;font-size:15px;line-height:1.75;font-style:normal;color:var(--sd-ink)}
.article blockquote.warning{background:#FDF6EE;border-color:#E08A2A}
.article blockquote.note{background:var(--sd-surface);border-color:var(--sd-ink-soft)}
.article blockquote.tips{background:color-mix(in srgb,var(--sd-brand) 5%,#fff);border-color:var(--sd-brand)}
.article blockquote.warning:before{background:url(../img/caution.png) no-repeat center;background-size:36px}
.article blockquote.note:before{background:url(../img/bell.png) no-repeat center;background-size:28px}
.article blockquote.tips:before{background:url(../img/lightbulb.png) no-repeat center;background-size:24px}
.article blockquote.warning:before,.article blockquote.note:before,.article blockquote.tips:before{content:'';height:38px;width:38px;position:absolute;left:22px;top:50%;transform:translateY(-50%)}
@media (max-width:480px){
  .article blockquote{padding:18px;font-size:16px}
  .article blockquote.warning,.article blockquote.note,.article blockquote.tips{padding:72px 18px 18px}
  .article blockquote.warning:before,.article blockquote.note:before,.article blockquote.tips:before{left:50%;top:22px;transform:translate(-50%,0)}
}
.article .callout{border-left:3px solid;margin-bottom:20px;padding:16px 22px 16px 20px;background:var(--sd-surface);border-color:var(--sd-ink-soft);border-radius:2px}
.article .callout h3{margin-bottom:8px;margin-top:0}
.article .callout-yellow{background:#FBF3DC;border-color:#8a7223}
.article .callout-blue{background:#EDF3FB;border-color:#2f6bd8}
.article .callout-green{background:#E4F2E7;border-color:#0f8a40}
.article .callout-red{background:#FBE7E9;border-color:#b41d34}

/* Tables */
.article .table,.article table{max-width:100%;border-radius:3px;border:1px solid var(--sd-line);background:var(--sd-paper);display:block;overflow:auto}
.article .table thead,.article .table tbody,.article table thead,.article table tbody{display:table;width:100%}
.article .table th,.article .table td,.article table th,.article table td{font-size:15px;vertical-align:top;padding:12px 15px;border:1px solid var(--sd-line)}
.article table th{background:var(--sd-surface);font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}
.article .table.table-striped tbody tr:nth-of-type(odd),.article table.table-striped tbody tr:nth-of-type(odd){background:var(--sd-surface-2)}
.article figure img.fr-dii{margin:5px auto!important}
.article figure figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--sd-ink-faint)}

/* ---------- Table of contents ---------- */
.table-of-contents{position:absolute;top:0;left:calc(100% + 46px);right:auto;width:244px}
.table-of-contents a{display:block;padding:6px 12px;width:100%;max-width:244px;font-size:13px;color:var(--sd-ink-soft);text-decoration:none;line-height:1.45;margin-bottom:2px;border-left:2px solid transparent;border-radius:0}
.table-of-contents a:hover{color:var(--sd-ink)}
.table-of-contents a.selected{text-decoration:none;color:var(--sd-brand);background:none;border-left-color:var(--sd-brand)}
@media only screen and (max-width:1024px){.table-of-contents{display:none}}

/* ---------- Feedback ---------- */
.kb-article .feedback{margin-top:44px;margin-bottom:6px;padding-top:28px;border-top:1px solid var(--sd-line);display:flex;flex-direction:column;align-items:center}
.kb-article .feedback h4{font-family:var(--font-display);color:var(--sd-ink);font-weight:600;margin-bottom:18px}
.kb-article .feedback .btn{display:inline-block;margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background:transparent;border:1px solid var(--sd-line-strong);color:var(--sd-ink-soft);white-space:nowrap;padding:10px 28px;line-height:1.4;border-radius:100px;user-select:none;transition:color .15s,border-color .15s,background .15s}
.kb-article .feedback .btn:hover,.kb-article .feedback .btn:focus{color:var(--sd-brand);border-color:var(--sd-brand);background:color-mix(in srgb,var(--sd-brand) 6%,transparent);text-decoration:none}
.kb-article .feedback .btn.success.selected,.kb-article .feedback .btn.danger.selected{background:color-mix(in srgb,var(--sd-brand) 14%,transparent);color:var(--sd-brand);border-color:var(--sd-brand);cursor:not-allowed}
.kb-article .feedback .btn.primary{border-color:var(--sd-brand);color:var(--sd-brand)}
.kb-article .feedback .btn.primary:hover{background:color-mix(in srgb,var(--sd-brand) 8%,transparent)}
.kb-article .feedback .btn.primary.selected{background:color-mix(in srgb,var(--sd-brand) 14%,transparent)}
.kb-article .feedback .btn:active,.kb-article .feedback .btn.active{outline:0;box-shadow:none}
.kb-article .feedback .btn.disabled,.kb-article .feedback .btn[disabled]{cursor:not-allowed;opacity:.55;box-shadow:none}
.kb-article .feedback a.btn.disabled{pointer-events:none}
.kb-article .feedback .btn:not(:last-child){margin-right:12px}
@media (max-width:380px){.kb-article .feedback .btn:not(:last-child){margin-right:0}.kb-article .feedback .btn{margin-bottom:10px}}
.kb-article .feedback .feedback--comment{display:none;text-align:center;width:100%}
.kb-article .feedback textarea{height:100px;border-radius:3px;border:1px solid var(--sd-line-strong);background:var(--sd-paper);font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--sd-ink);outline:none;resize:vertical;padding:16px 18px;margin:18px auto;display:block;width:100%;max-width:600px;transition:border-color .15s}
.kb-article .feedback textarea:focus{border-color:var(--sd-ink)}
.kb-article .feedback :-ms-input-placeholder{color:var(--sd-ink-faint)}
.kb-article .feedback ::placeholder{color:var(--sd-ink-faint)}
.kb-article button:active,.kb-article button:focus,.kb-article input:focus,.kb-article input:active,.kb-article video:active,.kb-article video:focus,.kb-article audio:active,.kb-article audio:focus{outline:none}

/* ---------- Footer ---------- */
.footer{background:transparent;border-top:1px solid var(--sd-line);text-align:center;padding:40px 0 48px}
.footer p{color:var(--sd-ink-faint)}
.footer--logo{margin-bottom:26px}
.footer--logo a{display:flex;justify-content:center;align-items:center}
.footer--logo img{max-width:26px;height:auto;margin-right:7px;opacity:.7}
.footer--logo p{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sd-ink-faint);margin:0}
@media (max-width:767px){.footer--logo{padding-bottom:0}}
.footer--links{margin-bottom:12px}
@media (min-width:768px){.footer--links ul{display:flex;flex-wrap:wrap;justify-content:center}}
.footer--links ul li{margin:0 18px 14px}
.footer--links ul li a{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-ink-faint)}
.footer--links ul li a:hover,.footer--links ul li a:focus,.footer--links ul li a:active{color:var(--sd-brand)}
.footer--social{margin-bottom:8px}
.footer--social ul{display:flex;flex-wrap:wrap;justify-content:center}
.footer--social ul li{margin:0 20px;display:block}
.footer--social ul li a{display:block}
.footer--social ul li a svg path{fill:var(--sd-ink-faint);transition:fill .15s}
.footer--social ul li a:hover svg path{fill:var(--sd-ink)}
.footer--social ul li.linkedin a{width:17.5px;height:20px}
.footer--social ul li.twitter a{width:20px;height:20px}
.footer--social ul li.facebook a{width:12.5px;height:20px}
.footer--slogan{margin-top:26px}
.footer--slogan p{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sd-ink-faint)}

/* ---------- Search results / 404 ---------- */
.content h3 strong{color:var(--sd-ink)}
.primary-link{color:var(--sd-brand)}

/* ---------- Lightbox ---------- */
.lightbox-container{position:fixed;width:100%;height:100%;padding:28px;z-index:4;top:0;left:0;justify-content:center;align-items:center;background:rgba(13,13,14,.88);display:none}
.article-image{max-height:100%;max-width:100%}
.fr-fic{user-select:none}
.img-lightbox-controls{position:fixed;top:8px;right:8px;display:flex;flex-direction:row;flex-wrap:wrap;will-change:right;z-index:2147483004}
.img-lightbox-controls .lightbox-button{height:40px;width:40px;background:rgba(245,245,246,.14);border:0;box-shadow:none;cursor:pointer;padding:0;visibility:inherit;opacity:1;display:flex;align-items:center;align-content:center;justify-content:center;position:relative;margin:0 5px 0 0;border-radius:100px;transition:background .15s}
.img-lightbox-controls .lightbox-button:hover{background:rgba(245,245,246,.26)}
.img-lightbox-controls .lightbox-button div{height:36px;width:36px;padding:10px;display:flex;align-items:center}
.img-lightbox-controls .lightbox-button div svg{display:block;height:100%;width:100%;overflow:visible;position:relative;fill:#F5F5F6}

/* ---------- Embeds & froala ---------- */
iframe,.fr-iframe{max-width:100%;border:none;position:relative;display:block;z-index:2;box-sizing:border-box}
.fr-wrapper{position:relative;z-index:1}
table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}
table.fr-dashed-borders td,table.fr-dashed-borders th{border-style:dashed}
table.fr-alternate-rows tbody tr:nth-child(2n){background:var(--sd-surface-2)}
table td,table th{border:1px solid var(--sd-line)}
table td:empty,table th:empty{height:20px}
table td.fr-highlighted,table th.fr-highlighted{border:1px double var(--sd-brand)}
table td.fr-thick,table th.fr-thick{border-width:2px}
table th{background:var(--sd-surface)}
hr{clear:both;user-select:none;page-break-after:always}
.fr-file{position:relative}
.fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}
a.fr-strong{font-weight:600}
a.fr-green{color:#0f8a40}
.fr-text-gray{color:var(--sd-ink-faint)!important}
.fr-text-bordered{border-top:1px solid var(--sd-ink);border-bottom:1px solid var(--sd-ink);padding:10px 0}
.fr-text-spaced{letter-spacing:1px}
.fr-text-uppercase{text-transform:uppercase}
img{z-index:3;position:relative;cursor:pointer}
img.fr-dib{margin:22px auto!important;display:block;float:none;vertical-align:top}
img.fr-dib.fr-fil{margin:22px auto 22px 0!important}
img.fr-dib.fr-fir{margin:22px 0 22px auto!important}
img.fr-dii{margin:22px auto!important;display:inline-block;float:none}
p>img{margin-top:0!important;margin-bottom:0!important}
img.fr-dii.fr-fil{margin:22px 10px 22px 0;left:5px;float:left}
img.fr-dii.fr-fir{margin:22px 0 22px 10px;right:5px;float:right}
img.fr-rounded{border-radius:100%;background-clip:padding-box}
img.fr-bordered{border:solid 10px #CCC;box-sizing:content-box}
.fr-video{text-align:center;position:relative}
.fr-video>*{box-sizing:content-box;max-width:100%;border:none}
.fr-video.fr-dvb{display:block;clear:both}
.fr-video.fr-dvb iframe{margin:5px auto!important}
@media screen and (max-width:767px){.fr-video.fr-dvb iframe{max-height:200px!important}}
.fr-video.fr-dvb.fr-fvl{text-align:left}
.fr-video.fr-dvb.fr-fvl iframe{margin:5px auto 5px 0!important}
.fr-video.fr-dvb.fr-fvr{text-align:right}
.fr-video.fr-dvb.fr-fvr iframe{margin:5px 0 5px auto!important}
.fr-video.fr-dvi{display:inline-block}
.fr-video.fr-dvi.fr-fvl{float:left}
.fr-video.fr-dvi.fr-fvr{float:right}
.text_block table.fr-table-border-3 td{border:3px solid var(--sd-line)!important}
.text_block table.fr-table-border-2 td{border:2px solid var(--sd-line)!important}
.text_block table.fr-table-border-1 td{border:1px solid var(--sd-line)!important}

/* ---------- Print ---------- */
@media print{
  body *{visibility:hidden;height:0}
  .article-container,.article-container *{visibility:visible;height:auto}
  .article-container{position:absolute;left:0;top:0;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}
  .article-container::before{display:none}
  .avatar-group{margin:0!important;padding-bottom:20px}
  .kb-article-feedback,.print-icon,.avatar-group-meta h6,.table-of-contents{display:none!important;height:0!important;margin:0!important;padding:0!important}
  *{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}
  article{overflow:hidden!important;width:inherit!important}
  article table,article .table{max-width:914px!important;width:914px!important}
}