/* Scoped to SupportPal knowledgebase article bodies. */
.sp-editor-content.zkb-article { color:#21172f; font-size:1rem; line-height:1.85; overflow-wrap:anywhere; }
.sp-editor-content.zkb-article h1,.sp-editor-content.zkb-article h2,.sp-editor-content.zkb-article h3 { color:#21172f; font-weight:600; letter-spacing:-.025em; line-height:1.35; margin:1.7em 0 .65em; }
.sp-editor-content.zkb-article > :first-child { margin-top:0; }
.sp-editor-content.zkb-article h2 { font-size:1.65rem; }
.sp-editor-content.zkb-article h3 { font-size:1.35rem; }
.sp-editor-content.zkb-article p { margin:0 0 1em; }
.sp-editor-content.zkb-article ol,.sp-editor-content.zkb-article ul { margin:1em 0 1.4em; padding-left:1.7em; }
.sp-editor-content.zkb-article li { padding-left:.25em; margin-bottom:.9em; }
.sp-editor-content.zkb-article li::marker { color:#6900bb; font-weight:600; }
.sp-editor-content.zkb-article li > p { margin-bottom:.6em; }
.sp-editor-content.zkb-article :not(pre) > code { padding:.16em .42em; border:1px solid #e4d6f0; border-radius:5px; background:#f1e9f8; color:#6900bb; font: .9em ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace; white-space:normal; overflow-wrap:anywhere; }
.sp-editor-content.zkb-article .zkb-code-panel { margin:1em 0 1.5em; border:1px solid #313b50; border-radius:12px; background:#182033; color:#f1f5fd; overflow:hidden; box-shadow:0 4px 16px rgba(24,32,51,.08); }
.sp-editor-content.zkb-article .zkb-code-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:10px 16px; border-bottom:1px solid #354056; background:#232d43; }
.sp-editor-content.zkb-article .zkb-code-label { color:#b8c7de; font-size:.72rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.sp-editor-content.zkb-article .zkb-copy { border:1px solid #64748b; border-radius:6px; background:#303d56; color:#fff; font-family:inherit; font-size:.75rem; font-weight:600; line-height:1.4; padding:6px 12px; cursor:pointer; transition:background .15s; }
.sp-editor-content.zkb-article .zkb-copy:hover { background:#455875; }
.sp-editor-content.zkb-article .zkb-copy:disabled { opacity:.75; cursor:wait; }
.sp-editor-content.zkb-article .zkb-copy:focus-visible,.sp-editor-content.zkb-article pre:focus-visible { outline:3px solid #92e2e1; outline-offset:-3px; }
.sp-editor-content.zkb-article .zkb-code-panel pre { display:block; margin:0; padding:18px 20px; border:0; border-radius:0; box-shadow:none; background:#182033; color:#f1f5fd; white-space:pre; overflow-x:auto; overflow-wrap:normal; word-break:normal; tab-size:4; line-height:1.75; font: .88rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace; }
.sp-editor-content.zkb-article .zkb-code-panel pre code { display:block; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; font:inherit; white-space:inherit; overflow-wrap:normal; word-break:normal; }
.sp-editor-content.zkb-article .zkb-callout { padding:16px 20px; margin:1.5em 0; border:1px solid #ded0ed; border-left:4px solid #8300e9; border-radius:9px; background:#f5effb; color:#3c2a50; }
.sp-editor-content.zkb-article .zkb-callout-warning { border-color:#efd39a; border-left-color:#bf8514; background:#fff8e8; color:#704e10; }
.zkb-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:575.98px){.sp-editor-content.zkb-article .zkb-code-toolbar { padding:10px 12px; }.sp-editor-content.zkb-article .zkb-code-panel pre { padding:14px; font-size:.8rem; }.sp-editor-content.zkb-article { font-size:.94rem; }}
@media print{.sp-editor-content.zkb-article .zkb-code-toolbar { display:none!important; }.sp-editor-content.zkb-article .zkb-code-panel,.sp-editor-content.zkb-article .zkb-code-panel pre { background:#fff!important; color:#000!important; box-shadow:none; }.sp-editor-content.zkb-article .zkb-code-panel pre { white-space:pre-wrap; overflow-wrap:anywhere; }.sp-editor-content.zkb-article .zkb-code-panel { break-inside:avoid; }}
@media(prefers-reduced-motion:reduce){.sp-editor-content.zkb-article .zkb-copy { transition:none; }}

/* Article layout: a focused reading surface with a distinct heading. */
.zkb-reading-card { max-width:1060px; margin:12px auto 36px; border:1px solid #e4ddec; border-radius:18px; background:#fff; color:#21172f; box-shadow:0 8px 28px rgba(40,25,60,.045); overflow:hidden; }
.zkb-article-header { padding:30px 38px 24px; border-bottom:1px solid #eee7f4; background:linear-gradient(115deg,#f0f8f8,#faf6ff 70%); }
.zkb-eyebrow { display:block; color:#6900bb; font-size:.68rem; font-weight:600; letter-spacing:.13em; margin-bottom:12px; }
.zkb-article-header .zkb-article-title { font-size:clamp(1.6rem,2.4vw,2.15rem); line-height:1.3; letter-spacing:-.035em; font-weight:700; color:#21172f; margin:0 0 18px; }
.zkb-reading-card ul.zkb-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; margin:0; padding:0; list-style:none; color:#665d72; font-size:.76rem; }
.zkb-reading-card ul.zkb-article-meta > li { margin:0; padding:0; }
.zkb-reading-card .zkb-article-meta .item-list { display:inline-flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; vertical-align:middle; }
.zkb-reading-card .zkb-article-meta .item-list li { display:inline-block; margin:0; padding:0; }
.zkb-reading-card .zkb-article-meta .item-list li::after { content:none; }
.zkb-reading-card .zkb-article-meta .item-list a { display:inline-block; padding:3px 9px; border:1px solid #e2d5ee; border-radius:20px; background:#fff; color:#6900bb; font-size:.72rem; text-decoration:none; }
.zkb-old-divider { display:none; }
.zkb-reading-card .sp-editor-content.zkb-article { padding:30px 38px; font-size:.98rem; line-height:1.85; }
.sp-editor-content.zkb-article > ol.zkb-steps { list-style:none; margin:0 0 24px; padding:0; }
.sp-editor-content.zkb-article .zkb-steps > li { position:relative; padding:2px 0 0 48px; margin-bottom:26px; min-height:34px; }
.sp-editor-content.zkb-article .zkb-step-number { position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; min-width:32px; height:32px; padding:0 5px; border-radius:10px; background:#f0e5fb; color:#6900bb; font-size:.82rem; font-weight:700; line-height:1; }
.zkb-reading-card .sp-editor-content.zkb-article .zkb-code-panel { box-shadow:none; border-radius:10px; margin-top:14px; }
.zkb-reading-card .sp-editor-content.zkb-article .zkb-code-toolbar { padding:8px 14px; }
.zkb-reading-card .sp-editor-content.zkb-article .zkb-code-label { font-size:.65rem; }
.zkb-reading-card .sp-editor-content.zkb-article .zkb-code-panel pre { padding:16px; font-size:.84rem; }
.zkb-reading-card .sp-editor-content.zkb-article .zkb-callout { margin-bottom:0; font-size:.87rem; }
.zkb-reading-card .zkb-article-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin:0; padding:18px 38px; border-top:1px solid #eee7f4; background:#fcfbfe; }
.zkb-reading-card .zkb-article-footer > hr { display:none; }
.zkb-reading-card .zkb-article-footer > p { float:none!important; margin:0; }
.zkb-reading-card .zkb-article-footer > p:not(.share-via) { order:2; }
.zkb-reading-card .zkb-article-footer .share-via { order:1; display:flex; align-items:center; flex-wrap:wrap; gap:6px; color:#665d72; font-size:.76rem; }
.zkb-reading-card .zkb-article-footer .share-via > span { margin-right:8px; }
.zkb-contents { padding:10px 14px; margin-top:20px; border:1px solid #e0d4ed; border-radius:9px; background:rgba(255,255,255,.8); font-size:.8rem; }
.zkb-contents summary { cursor:pointer; font-weight:600; color:#6900bb; }
.zkb-contents ul { margin:10px 0 0; padding-left:18px; line-height:1.9; }
.zkb-contents a { color:#6900bb; }
.sp-editor-content.zkb-article :is(h2,h3,h4)[id] { scroll-margin-top:25px; }
.zkb-reading-card a:focus-visible,.zkb-contents summary:focus-visible { outline:3px solid #8300e9; outline-offset:3px; }
@media(max-width:767.98px){.zkb-article-header { padding:24px; }.zkb-reading-card .sp-editor-content.zkb-article { padding:24px; }.zkb-reading-card .zkb-article-footer { padding:18px 24px; }}
@media(max-width:575.98px){.zkb-reading-card { border-radius:12px; }.zkb-article-header,.zkb-reading-card .sp-editor-content.zkb-article { padding:20px 16px; }.sp-editor-content.zkb-article .zkb-steps > li { padding-left:39px; }.sp-editor-content.zkb-article .zkb-step-number { min-width:28px; height:28px; border-radius:8px; }.zkb-reading-card .zkb-article-footer { padding:16px; }.zkb-article-header .zkb-article-title { font-size:1.5rem; }}
@media print{.zkb-reading-card { max-width:none; border:0; box-shadow:none; overflow:visible; }.zkb-article-header { background:#fff; }.zkb-article-footer,.zkb-contents { display:none!important; }}

/* Bright teal links remain readable against the code panel, including visited links. */
.sp-editor-content.zkb-article .zkb-code-panel pre a,
.sp-editor-content.zkb-article .zkb-code-panel pre a:visited { color:#92e2e1!important; text-decoration:underline; text-underline-offset:3px; }
.sp-editor-content.zkb-article .zkb-code-panel pre a:hover { color:#c4ffff!important; }
.sp-editor-content.zkb-article .zkb-code-panel pre a:focus-visible { outline:2px solid #92e2e1; outline-offset:3px; }
.sp-editor-content.zkb-article [id] { scroll-margin-top:24px; }
/* SupportPal category/search pages: retain native forms, links and article lists. */
.zkb-index .zkb-search-panel { padding:28px; margin-bottom:30px!important; border:1px solid #e4ddec; border-radius:18px; background:linear-gradient(115deg,#edf8f8,#f6effc); }
.zkb-index .zkb-search-intro h1 { font-size:clamp(1.65rem,2.5vw,2.2rem); font-weight:700; letter-spacing:-.035em; color:#21172f; margin:0 0 8px; }
.zkb-index .zkb-search-intro p { color:#665d72; font-size:.92rem; margin:0 0 22px; }
.zkb-index .kb-search { border-radius:10px; box-shadow:0 3px 12px rgba(40,25,60,.04); }
.zkb-index .kb-search .form-control { height:auto; min-width:0; border:1px solid #d7c9e6; border-radius:10px 0 0 10px; font-size:.92rem; padding:14px 16px; background:#fff; }
.zkb-index .kb-search .btn { border-radius:0 10px 10px 0; font-size:.92rem; padding:14px 22px; height:100%; }
.zkb-index > h3 { font-size:1.25rem; font-weight:600; color:#21172f; margin-bottom:18px; }
.zkb-index .zkb-category-grid { display:flex; flex-wrap:wrap; row-gap:22px; }
.zkb-index .zkb-category-column { display:flex; margin-bottom:0; }
.zkb-index .zkb-category-card { border:1px solid #e4ddec; border-radius:14px; overflow:hidden; margin-bottom:0; box-shadow:0 5px 18px rgba(40,25,60,.035); }
.zkb-index .zkb-category-card a.card-header { display:block; background:linear-gradient(115deg,#f4faf9,#faf6fe); border-bottom:1px solid #eee7f4; padding:20px; color:#21172f; text-decoration:none; }
.zkb-index .zkb-category-card a.card-header:hover { background:#f1eafa; }
.zkb-index .zkb-category-card .h5 { font-size:1.05rem; line-height:1.5; }
.zkb-index .zkb-category-card .card-header .fa { color:#6900bb; }
.zkb-index .zkb-category-card .badge { background:#e1f3f2; color:#216a69; border-radius:20px; font-size:.72rem; padding:5px 8px; }
.zkb-index .zkb-category-card .list-group-item { padding:0; border-color:#f0eaf5; font-size:.88rem; color:#665d72; }
.zkb-index .zkb-category-card .list-group-item > a { display:block; padding:15px 20px; color:#40324f; line-height:1.6; text-decoration:none; }
.zkb-index .zkb-category-card .list-group-item > a:hover { color:#6900bb; background:#faf7fd; text-decoration:underline; }
.zkb-index .zkb-category-card .list-group-item > a .fa { color:#9585a6; font-size:.8em; }
.zkb-index .zkb-category-card .list-group-item:not(:has(a)) { padding:15px 20px; }
.zkb-index .zkb-category-card a:focus-visible { outline:3px solid #6900bb; outline-offset:-3px; }
@media(max-width:575.98px){.zkb-index .zkb-search-panel { padding:20px 16px; }.zkb-index .kb-search .btn { padding:12px; }.zkb-index .kb-search .form-control { font-size:.84rem; padding:12px; }}
@media print{.sp-editor-content.zkb-article .zkb-code-panel pre a { color:#000!important; }}

/* A dedicated left rail keeps navigation available for the full article height. */
.zkb-article-layout { display:grid; grid-template-columns:230px minmax(0,1fr); align-items:start; gap:24px; margin:12px 0 36px; }
.zkb-article-layout > .zkb-reading-card { width:100%; max-width:1060px; min-width:0; margin:0 auto; }
.zkb-contents-rail { position:sticky; top:24px; min-width:0; }
.zkb-contents-rail .zkb-contents { margin:0; padding:18px; border-radius:14px; background:#fff; box-shadow:0 5px 18px rgba(40,25,60,.035); max-height:calc(100vh - 48px); overflow-y:auto; }
.zkb-contents-rail .zkb-contents summary { font-size:.9rem; }
.zkb-contents-rail .zkb-contents ul { padding:0; list-style:none; margin-top:14px; }
.zkb-contents-rail .zkb-contents li + li { margin-top:6px; }
.zkb-contents-rail .zkb-contents a { display:block; padding:8px 10px; border-radius:7px; color:#665d72; font-size:.8rem; line-height:1.6; text-decoration:none; overflow-wrap:anywhere; }
.zkb-contents-rail .zkb-contents a:hover,.zkb-contents-rail .zkb-contents a:focus-visible { color:#6900bb; background:#f4edf9; }
/* Popular, category and search-result article lists share the same reading hierarchy. */
.zkb-index .zkb-list-heading { margin-top:32px; margin-bottom:18px; font-size:1.25rem; font-weight:600; }
.zkb-index .zkb-article-list { border:1px solid #e4ddec; border-radius:14px; overflow:hidden; box-shadow:0 5px 18px rgba(40,25,60,.035); background:#fff; }
.zkb-index .zkb-article-list .list-group-item { padding:20px 24px; border-color:#eee7f4; background:#fff; color:#706579; font-size:.86rem; line-height:1.75; }
.zkb-index .zkb-article-list .list-group-item > a { display:inline-block; margin-bottom:5px; color:#30213f; font-size:1rem; line-height:1.55; text-decoration:none; }
.zkb-index .zkb-article-list .list-group-item > a strong { font-weight:600; }
.zkb-index .zkb-article-list .list-group-item > a:hover { color:#6900bb; text-decoration:underline; }
.zkb-index .zkb-article-list .list-group-item > a .fa { color:#9b87ad; margin-right:5px; font-size:.85em; }
.zkb-index .zkb-article-list .list-group-item > a:focus-visible { outline:3px solid #6900bb; outline-offset:3px; }
.zkb-index .zkb-category-grid { margin-bottom:28px; }
@media(max-width:991.98px){.zkb-article-layout { grid-template-columns:minmax(0,1fr); gap:18px; }.zkb-contents-rail { position:static; }.zkb-contents-rail .zkb-contents { max-height:none; }}
@media(max-width:575.98px){.zkb-index .zkb-article-list .list-group-item { padding:16px; }}
@media print{.zkb-article-layout { display:block; }.zkb-contents-rail { display:none!important; }}

/* Stretch the native article link over its row, retaining normal browser link actions. */
.zkb-index .zkb-clickable-row { position:relative; }
.zkb-index .zkb-clickable-row > a.zkb-row-link { position:static; }
.zkb-index .zkb-clickable-row > a.zkb-row-link::after { content:""; position:absolute; inset:0; z-index:1; }
.zkb-index .zkb-clickable-row:hover { background:#faf7fd; }
.zkb-index .zkb-clickable-row:focus-within { outline:3px solid #6900bb; outline-offset:-3px; }
.zkb-index .zkb-clickable-row :is(a:not(.zkb-row-link),button,input,select,textarea) { position:relative; z-index:2; }
.zkb-download-pdf { margin-left:8px; }
.zkb-pdf-status { display:block; font-size:.72rem; color:#665d72; margin-top:6px; }
@media print{.zkb-download-pdf,.zkb-pdf-status { display:none!important; }}
/* The article footer now offers only the branded PDF download. */
.zkb-reading-card .zkb-article-footer .share-via,
.zkb-reading-card .zkb-article-footer a[href*="print"] { display:none!important; }
.zkb-reading-card .zkb-article-footer > p:empty { display:none; }
.zkb-reading-card .zkb-pdf-actions { margin-left:auto; }
.zkb-reading-card .zkb-pdf-actions .zkb-download-pdf { margin-left:0; }

/* Wrap long commands and unbroken keys visually without changing copied text. */
.sp-editor-content.zkb-article .zkb-code-panel pre,
.sp-editor-content.zkb-article .zkb-code-panel pre code {
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:normal;
}
.sp-editor-content.zkb-article .zkb-code-panel pre a {
    white-space:inherit;
    overflow-wrap:anywhere;
    word-break:normal;
}
