/* Shared application frame. Page styles must not override these roles. */
body.kb-site, body.kb-site.dark-mode {
  --bg-primary:var(--kb-surface-content);--bg-secondary:var(--kb-surface-inset);
  --text-primary:var(--kb-text-primary);--text-secondary:var(--kb-surface-text-muted);--text-muted:var(--kb-surface-text-muted);
  --border-color:var(--kb-surface-border);--border-default:1px solid var(--kb-surface-border);
  --sidebar-text:var(--kb-text-primary);--sidebar-text-active:var(--kb-text-link);--sidebar-active-bg:var(--kb-action-toolbar-background);
  --header-height:70px;--sidebar-width:300px;
  margin:0;background:var(--kb-background-page);background-attachment:fixed;color:var(--kb-text-primary);font-family:var(--kb-font-family-ui);
}
.kb-site [hidden]{display:none!important}
.kb-site .site-header,.kb-site .site-sidebar {
  background:var(--kb-surface-chrome);border-color:var(--kb-surface-chrome-border);backdrop-filter:blur(var(--kb-surface-chrome-blur));color:var(--kb-text-primary);
}
.kb-site .site-header {height:70px;padding:0 24px;z-index:100;gap:20px}
.kb-site .site-header a {text-decoration:none}
.kb-site .site-header .header-left{display:flex;gap:12px;min-width:0;align-items:center}
.kb-site .site-header img{display:block;width:194px;height:auto;max-width:none}
.kb-site .header-nav{display:flex;gap:24px;align-items:center;white-space:nowrap}
.kb-site .header-nav a{font:500 14px/22px var(--kb-font-family-ui);color:var(--kb-text-primary);letter-spacing:.04em;padding:24px 0;border-bottom:2px solid transparent}
.kb-site .header-nav a.active{color:var(--kb-text-link);border-bottom-color:var(--kb-text-link)}
.kb-site .header-actions{display:flex;align-items:center;gap:12px}
.kb-site .site-search{display:flex;width:210px;align-items:center;border:1px solid var(--kb-field-border);border-radius:14px;background:var(--kb-field-background);overflow:hidden;margin:0}
.kb-site .site-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--kb-text-primary);font:400 13px/20px var(--kb-font-family-ui);padding:10px 0 10px 12px;outline-offset:-3px}
.kb-site .site-search input::placeholder{color:var(--kb-field-placeholder)}
.kb-site .site-search button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:0;background:transparent;color:var(--kb-text-primary);cursor:pointer}
.kb-site #theme-toggle,.kb-site .menu-toggle{width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;padding:10px;border:1px solid var(--kb-action-toolbar-border);border-radius:10px;background:var(--kb-action-toolbar-background);color:var(--kb-action-toolbar-text);cursor:pointer}
.kb-site #theme-toggle{display:flex}
.kb-site .menu-toggle{display:none}
.kb-site :is(#theme-toggle,.menu-toggle):hover{background:var(--kb-action-toolbar-hover)}
.kb-site .site-sidebar{top:70px;width:300px;padding:24px 16px;z-index:95}
.kb-site .sidebar-nav-list{list-style:none;padding:0;margin:0}
.kb-site .sidebar-group-title{font:700 11px/18px var(--kb-font-family-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--kb-surface-text-muted);padding:0 8px;margin:0 0 8px}
.kb-site .sidebar-nav-item a{display:flex;align-items:center;gap:12px;padding:9px 12px;color:var(--kb-text-primary);font:400 14px/22px var(--kb-font-family-ui);text-decoration:none;border-radius:8px}
.kb-site .sidebar-nav-item a:hover,.kb-site .sidebar-nav-item.active a{background:var(--kb-action-toolbar-background);color:var(--kb-text-link)}
.kb-site .sidebar-icon{width:18px;height:18px;flex-shrink:0}
.kb-site .site-detail-link a{font-size:13px;padding-left:42px}
.kb-site .site-main {margin:70px 0 0 300px;width:calc(100% - 300px);max-width:none;padding:40px 64px;min-width:0}
.kb-site .site-reference{display:block;font-size:14px;line-height:1.5}
.kb-site .site-reference :is(.intro-copy,.review-status,.caption,figcaption,.review-section>p,.sample-description,.state-note,.metric-strip,.eyebrow){color:var(--kb-surface-text-muted)}
.kb-site .site-reference .specimen{border:1px solid var(--kb-surface-border);border-radius:var(--kb-card-radius-large);background:var(--kb-surface-content);backdrop-filter:blur(var(--kb-surface-backdrop-blur))}
.kb-site .wizard-atmosphere{display:none}
.kb-site .site-reference :is(.field-demo,.kb-card){min-width:0}
.kb-site :is(section,article)[id]{scroll-margin-top:100px}
.kb-site .site-skip{position:fixed;top:-100px;left:16px;z-index:2000;padding:12px 20px;background:var(--kb-field-option-background);color:var(--kb-text-primary);border:2px solid var(--kb-text-link)}
.kb-site .site-skip:focus{top:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.kb-site .site-search-status{position:fixed;right:20px;top:76px;max-width:calc(100% - 40px);z-index:120;background:var(--kb-field-option-background);color:var(--kb-text-primary);border-radius:10px;font-size:13px}
.kb-site .site-search-status:not(:empty){padding:12px 16px;border:1px solid var(--kb-surface-border)}
.kb-site .site-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px;margin-top:20px}
.kb-site .site-chapters .ux-nav-link{padding:8px;font-size:13px;gap:8px}
.kb-site .site-presentation-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.kb-site .overview-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.kb-site .overview-paths a{padding:20px;background:var(--kb-surface-content);border:1px solid var(--kb-surface-border);border-radius:14px;text-decoration:none;color:var(--kb-text-primary)}
.kb-site .overview-paths strong{display:block;font-size:18px;margin-bottom:8px}
.kb-site .overview-paths span{font-size:14px;color:var(--kb-surface-text-muted)}
.kb-site .catalog-detail-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;margin-bottom:16px}
.kb-site.presenter .site-main{margin-left:auto;margin-right:auto;width:min(1160px,100%);padding:32px 32px 130px}
@media(max-width:1200px){.kb-site .header-nav{gap:16px}.kb-site .site-search{width:180px}}
@media(max-width:1024px){
 .kb-site .header-nav{display:none}.kb-site .menu-toggle{display:flex}.kb-site .site-main{margin-left:0;width:100%;padding:32px 24px}.kb-site .site-header{padding:0 16px}.kb-site .site-sidebar{transform:translateX(-100%);background:var(--kb-background-page)}.kb-site .site-sidebar.active{transform:translateX(0)}
}
@media(max-width:639px){
 .kb-site .site-header{gap:8px;padding:0 12px}.kb-site .site-header img{width:138px}.kb-site .header-actions{gap:8px}.kb-site .site-search{width:40px;position:relative}.kb-site .site-search input{position:absolute;width:1px;padding:0;opacity:0}.kb-site .site-search:focus-within{position:absolute;left:12px;right:64px;width:auto;z-index:1;background:var(--kb-field-option-background)}.kb-site .site-search:focus-within input{position:static;width:100%;opacity:1;padding:10px 12px}.kb-site .site-search button{order:2}.kb-site .site-reference .specimen{border-radius:var(--kb-card-radius-small)}.kb-site .overview-paths,.kb-site .site-chapters{grid-template-columns:1fr}.kb-site .site-main{padding:24px 16px}.kb-site.presenter .site-main{padding:24px 16px 120px}
}
@media(prefers-reduced-motion:reduce){.kb-site .site-sidebar,.kb-site .site-main{transition:none}}
/* Outrank legacy dark documentation selectors without changing their palette. */
body.kb-site .header-nav a{color:var(--kb-text-primary)}
body.kb-site .header-nav a.active{color:var(--kb-text-link);border-bottom-color:var(--kb-text-link)}
body.kb-site .section-title{color:var(--kb-text-primary)}
body.kb-site #overview .txt-caption{color:var(--kb-text-link)!important}
body.kb-site .site-presentation-tools{position:sticky;top:82px;z-index:10;padding:12px 16px;background:var(--kb-surface-chrome);border:1px solid var(--kb-surface-chrome-border);border-radius:14px;backdrop-filter:blur(var(--kb-surface-chrome-blur))}
body.kb-site .ux-step{scroll-margin-top:170px}
body.kb-site .sidebar-icon{width:16px;height:16px}