/* Scoped additive resource styles. Existing Konekt stylesheet is untouched. */
.kcr-home-entry { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(247, 215, 117, .24); }
.kcr-home-entry a { color: #f7d775; font-size: .9rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.kcr-home-entry a:hover { color: #fff2c9; }
.kcr-home-entry a:focus-visible { outline: 3px solid #f7d775; outline-offset: 4px; border-radius: 2px; }
.kcr-home-entry span:not([aria-hidden]) { display: inline-block; margin-top: 8px; font-size: .8rem; line-height: 1.55; color: #c4c9d8; }
.light-mode .kcr-home-entry { border-top-color: #dacba6; }
.light-mode .kcr-home-entry a { color: #5b2ba6; }
.light-mode .kcr-home-entry span:not([aria-hidden]) { color: #4b5565; }

.kcr-resource { background: #0d1225; color: #edf0f8; line-height: 1.75; }
.kcr-resource .kcr-shell { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.kcr-resource .kcr-header { border-bottom: 1px solid #28314a; background: #111a30; }
.kcr-resource .kcr-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 96px; }
.kcr-resource .kcr-brand { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; font-family: var(--font-display); font-size: 1.6rem; font-weight: 800; color: #cbb6fb; }
.kcr-resource .kcr-brand-mark { display: grid; place-items: center; width: 40px; height: 40px; background: linear-gradient(135deg, #6b35e8, #9b59f5); color: white; border-radius: 10px; }
.kcr-resource .kcr-nav { display: flex; align-items: center; gap: 28px; font-size: .9rem; font-weight: 500; }
.kcr-resource a { color: #d0b9ff; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.kcr-resource a:hover { color: #fff1c4; }
.kcr-resource a:focus-visible, .kcr-resource [tabindex]:focus-visible { outline: 3px solid #f7d775; outline-offset: 5px; border-radius: 3px; }
.kcr-resource .kcr-nav a { color: #e3e6ef; text-decoration: none; }
.kcr-resource .kcr-nav .kcr-product-link { padding: 9px 16px; border: 1px solid #7b56be; border-radius: 9px; }
.kcr-resource .kcr-skip { position: absolute; left: 24px; top: -100px; z-index: 10; padding: 12px 18px; background: #f7d775; color: #0d1225; }
.kcr-resource .kcr-skip:focus { top: 12px; }
.kcr-resource .kcr-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; padding-block: 30px; font-size: .8rem; color: #b4bdd2; }
.kcr-resource .kcr-breadcrumb a { color: #c7cfdf; }
.kcr-resource .kcr-hero { max-width: 970px; padding-block: 26px 58px; }
.kcr-resource .kcr-eyebrow { margin: 0 0 18px; color: #f7d775; font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.kcr-resource h1 { margin: 0 0 28px; max-width: 930px; font-family: var(--font-display); font-size: clamp(2.5rem, 5.4vw, 4.9rem); font-weight: 800; line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; color: #f4f3fc; }
.kcr-resource .kcr-lead { max-width: 820px; color: #c4ccdd; font-size: clamp(1.06rem, 1.7vw, 1.2rem); }
.kcr-resource .kcr-download-row { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 32px; }
.kcr-resource .kcr-download-row > span { color: #b6c0d4; font-size: .78rem; }
.kcr-resource .kcr-download { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 100%; padding: 15px 21px; background: #f7d775; color: #1c1831; font-size: .9rem; font-weight: 700; line-height: 1.5; text-decoration: none; border-radius: 10px; }
.kcr-resource .kcr-download:hover { background: #ffe6a0; color: #1c1831; }
.kcr-resource .kcr-download span { font-size: 1.4rem; }
.kcr-resource .kcr-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 64px; padding-top: 46px; border-top: 1px solid #303a55; }
.kcr-resource .kcr-article { min-width: 0; }
.kcr-resource .kcr-article p { margin: 0 0 21px; color: #c4ccdd; }
.kcr-resource .kcr-article section { margin-top: 48px; }
.kcr-resource h2 { font-family: var(--font-display); font-size: clamp(1.6rem, 2.6vw, 2.1rem); font-weight: 700; line-height: 1.22; letter-spacing: -.02em; margin: 0 0 23px; color: #f4f3fc; scroll-margin-top: 30px; }
.kcr-resource .kcr-table-wrap { overflow-x: auto; margin-block: 28px; border: 1px solid #35405b; border-radius: 12px; }
.kcr-resource table { width: 100%; min-width: 540px; border-collapse: collapse; text-align: left; font-size: .84rem; line-height: 1.6; }
.kcr-resource caption { padding: 16px 18px; text-align: left; color: #f7d775; background: #162040; font-weight: 600; }
.kcr-resource th, .kcr-resource td { padding: 16px; border-top: 1px solid #303a55; vertical-align: top; }
.kcr-resource thead th { color: #edf0f8; background: #131c33; font-weight: 600; }
.kcr-resource tbody th { color: #e8dfff; font-weight: 600; width: 25%; }
.kcr-resource td { color: #bec8db; }
.kcr-resource .kcr-example { padding: 28px; border-left: 3px solid #9571dd; border-radius: 0 12px 12px 0; background: #151e36; }
.kcr-resource .kcr-example .kcr-eyebrow { color: #cbb6fb; }
.kcr-resource .kcr-small { font-size: .82rem; }
.kcr-resource .kcr-steps { display: grid; list-style: decimal; gap: 15px; margin: 26px 0; padding-left: 24px; color: #d4dbea; }
.kcr-resource .kcr-steps li { padding-left: 7px; }
.kcr-resource .kcr-steps li::marker { color: #f7d775; font-weight: 700; }
.kcr-resource .kcr-article .kcr-stop { padding: 22px 24px; margin-top: 28px; color: #eee4c2; background: rgba(247, 215, 117, .07); border: 1px solid #6b5c35; border-radius: 10px; }
.kcr-resource .kcr-about { padding-top: 24px; border-top: 1px solid #303a55; }
.kcr-resource .kcr-about h2 { font-size: 1.3rem; }
.kcr-resource .kcr-about p { font-size: .86rem; }
.kcr-resource .kcr-aside { align-self: start; padding: 25px 0 0 25px; border-left: 1px solid #4b3b72; }
.kcr-resource .kcr-aside h2 { font-size: 1.65rem; }
.kcr-resource .kcr-aside p { color: #bac4d9; font-size: .85rem; }
.kcr-resource .kcr-aside dl { display: grid; gap: 23px; margin-block: 28px; }
.kcr-resource .kcr-aside dt { font-size: .88rem; font-weight: 600; color: #eee7ff; }
.kcr-resource .kcr-aside dd { margin: 5px 0 0; font-size: .8rem; color: #b3bfd6; }
.kcr-resource .kcr-aside .kcr-aside-note { padding-top: 20px; border-top: 1px solid #303a55; color: #eddaa1; }
.kcr-resource .kcr-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 26px; margin-top: 70px; padding-block: 34px; border-top: 1px solid #303a55; font-size: .8rem; }
.kcr-resource .kcr-footer nav { display: flex; flex-wrap: wrap; gap: 22px; }
@media (max-width: 900px) {
  .kcr-resource .kcr-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .kcr-resource .kcr-aside { padding: 24px; background: #151e36; border-left: 3px solid #9571dd; }
}
@media (max-width: 600px) {
  .kcr-resource .kcr-shell { width: calc(100% - 36px); }
  .kcr-resource .kcr-header-inner { min-height: 110px; padding-block: 18px; gap: 14px; flex-wrap: wrap; }
  .kcr-resource .kcr-nav { gap: 19px; font-size: .8rem; flex-wrap: wrap; }
  .kcr-resource .kcr-breadcrumb { padding-block: 25px 18px; }
  .kcr-resource .kcr-hero { padding-block: 16px 38px; }
  .kcr-resource .kcr-download-row { gap: 14px; }
  .kcr-resource .kcr-download { padding: 14px 16px; font-size: .85rem; }
  .kcr-resource .kcr-example { padding: 23px 20px; }
  .kcr-resource .kcr-layout { padding-top: 30px; }
}
@media print {
  .kcr-resource { background: white; color: #111; }
  .kcr-resource .kcr-shell { width: 100%; }
  .kcr-resource .kcr-header, .kcr-resource .kcr-breadcrumb, .kcr-resource .kcr-aside, .kcr-resource .kcr-footer, .kcr-resource .kcr-download-row, .kcr-resource .kcr-skip { display: none; }
  .kcr-resource .kcr-layout { display: block; }
  .kcr-resource h1, .kcr-resource h2, .kcr-resource .kcr-article p, .kcr-resource .kcr-lead, .kcr-resource td, .kcr-resource th, .kcr-resource a, .kcr-resource .kcr-steps { color: #111; }
  .kcr-resource .kcr-example, .kcr-resource .kcr-stop, .kcr-resource caption, .kcr-resource thead th { background: white; color: #111; }
  .kcr-resource .kcr-table-wrap { overflow: visible; }
  .kcr-resource table { min-width: 0; }
}