/* V4 knowledge hub. Scoped to this page; avoids changing the approved site shell. */
.kh-hub{background:#fff;color:#10234e;font-family:var(--ecm-font-body)}
.kh-hub *{box-sizing:border-box}
.kh-hero{min-height:410px;background:#f2f7ff url('ecm-knowledge-hero-v3.webp') center 45%/cover no-repeat}
.kh-hero__inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:410px;padding-top:55px;padding-bottom:55px}
.kh-hub .kh-kicker{margin:0;color:#6250f0;font-size:var(--ecm-eyebrow-size);font-weight:600;letter-spacing:.01em;line-height:1.5}
.kh-hero h1{margin:0 0 10px;font-size:var(--ecm-h1-size);font-weight:650;letter-spacing:-.032em;line-height:var(--ecm-h1-line);color:#0a1e4d}
.kh-hero__inner>p:last-child{max-width:610px;margin:0;color:#526486;font-size:var(--ecm-body-lg-size);line-height:var(--ecm-body-lg-line)}
.kh-hub__body{padding-top:24px;padding-bottom:66px}
.kh-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:12px;border-radius:14px;background:#f3f7fd}
.kh-topic{display:flex;align-items:center;gap:15px;min-height:68px;padding:11px 18px;border:1px solid #e2ebfa;border-radius:10px;background:#fff;color:#10234e;font:600 16px/1.35 var(--ecm-font-body);text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.kh-topic:hover{border-color:#7366ff;transform:translateY(-2px)}
.kh-topic.is-active{border-color:transparent;background:linear-gradient(110deg,#973ce0,#3464f5);color:#fff;box-shadow:0 10px 24px rgba(74,73,224,.2)}
.kh-topic__icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#edf3ff;color:#315bf7}
.kh-topic.is-active .kh-topic__icon{background:rgba(255,255,255,.18);color:#fff}
.kh-topic svg,.kh-follow__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kh-feature{display:grid;grid-template-columns:47% 53%;min-height:294px;overflow:hidden;margin-top:20px;border:1px solid #e1e9f8;border-radius:12px;background:linear-gradient(115deg,#fff 45%,#f5f9ff);box-shadow:0 16px 36px rgba(45,79,140,.08)}
.kh-feature__image{display:block;min-height:294px;overflow:hidden}
.kh-feature__image img{display:block;width:100%;height:100%;min-height:294px;object-fit:cover;transition:transform .35s}
.kh-feature__image:hover img{transform:scale(1.035)}
.kh-feature__copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px 64px 32px 45px}
.kh-feature__copy h2{max-width:560px;margin:0 0 10px;font-size:clamp(26px,2.4vw,37px);line-height:1.2;font-weight:650;letter-spacing:-.032em}
.kh-feature__copy h2 a{color:#10234e;text-decoration:none}
.kh-feature__copy>p:not(.kh-kicker){max-width:470px;margin:0;color:#657592;font-size:16px;line-height:1.6}
.kh-feature__button{display:inline-flex;align-items:center;gap:10px;min-height:46px;margin-top:24px;padding:0 26px;border-radius:9px;background:linear-gradient(105deg,#963ee7,#3168f8);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 10px 22px rgba(87,75,220,.17)}
.kh-feature__button:hover{filter:brightness(1.06)}
.kh-feature__index{position:absolute;right:34px;top:50%;color:#cbd8eb;font-size:52px;font-weight:700;line-height:1;transform:translateY(-50%);pointer-events:none}
.kh-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:40px 0 20px}
.kh-list-head h2{margin:0;color:#10234e;font-size:var(--ecm-h2-size);font-weight:650;letter-spacing:-.032em;line-height:var(--ecm-h2-line)}
.kh-sort-label{display:flex;align-items:center;gap:9px;color:#62718f;font-size:13px;white-space:nowrap}
.kh-sort-label select{min-height:40px;padding:0 36px 0 15px;border:1px solid #d9e4f5;border-radius:7px;background:#fff;color:#10234e;font:500 14px var(--ecm-font-body)}
.kh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kh-card{min-width:0;overflow:hidden;border:1px solid #e1e9f8;border-radius:10px;background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s}
.kh-card:hover{transform:translateY(-3px);border-color:#abbfff;box-shadow:0 12px 24px rgba(39,77,144,.09)}
.kh-card[hidden],.kh-empty[hidden]{display:none!important}
.kh-card>a{display:block;height:100%;color:inherit;text-decoration:none}
.kh-card__image{position:relative;aspect-ratio:2/1;overflow:hidden;background:#eaf2ff}
.kh-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.kh-card:hover img{transform:scale(1.04)}
.kh-card__badge{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.89);color:#122a5b;font-size:12px;font-weight:600;line-height:1.25;backdrop-filter:blur(6px)}
.kh-card__copy{display:flex;flex-direction:column;min-height:183px;padding:16px 17px 18px}
.kh-card__copy h3{display:-webkit-box;overflow:hidden;margin:0;color:#10234e;font-size:18px;line-height:27px;font-weight:var(--ecm-weight-semibold);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kh-card__copy p{display:-webkit-box;overflow:hidden;margin:9px 0 0;color:#667694;font-size:13px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kh-card__link{margin-top:auto;padding-top:11px;color:#563cff;font-size:14px;font-weight:650}
.kh-empty{padding:30px;text-align:center;color:#62718f}
.kh-follow{display:flex;align-items:center;gap:22px;min-height:130px;overflow:hidden;margin-top:36px;padding:26px 44px;border:1px solid #e1eafa;border-radius:12px;background:radial-gradient(circle at 97% 55%,rgba(102,145,255,.19),transparent 27%),linear-gradient(115deg,#dfedff,#f4f9ff)}
.kh-follow__icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:14px;background:#fff;color:#326cff;box-shadow:0 8px 18px rgba(62,100,191,.12)}
.kh-follow__icon svg{width:34px;height:34px}
.kh-follow h2{margin:0;color:#10234e;font-size:21px;line-height:1.25}
.kh-follow p{margin:6px 0 0;color:#667694;font-size:15px;line-height:1.5}
.kh-follow>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-left:auto;padding:0 25px;border:1px solid #d9e6ff;border-radius:9px;background:#fff;color:#315fff;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.kh-hub :is(a,button,select):focus-visible{outline:3px solid #284bfa;outline-offset:3px}
@media(max-width:1050px){.kh-topics,.kh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-hero{background-position:center 45%}.kh-feature__index{display:none}}
@media(max-width:700px){.kh-hero,.kh-hero__inner{min-height:390px}.kh-hero{background-image:linear-gradient(90deg,rgba(245,249,255,.94),rgba(245,249,255,.75)),url('ecm-knowledge-hero-v3.webp');background-position:58% center}.kh-hero__inner>p:last-child{font-size:16px;line-height:1.65}.kh-hub__body{padding-top:16px}.kh-topics{gap:8px;padding:8px}.kh-topic{flex-direction:column;align-items:flex-start;min-height:98px;padding:10px;font-size:13px}.kh-topic__icon{width:32px;height:32px;flex-basis:32px}.kh-topic svg{width:20px;height:20px}.kh-feature{grid-template-columns:1fr}.kh-feature__image,.kh-feature__image img{min-height:0;aspect-ratio:16/9}.kh-feature__copy{padding:28px}.kh-list-head{align-items:flex-start;flex-direction:column}.kh-grid{gap:10px}.kh-card__copy{min-height:175px;padding:12px}.kh-card__copy h3{font-size:14px}.kh-card__copy p{font-size:12px}.kh-card__badge{font-size:10px}.kh-follow{flex-wrap:wrap;padding:22px}.kh-follow>a{margin-left:0;width:100%}}
@media(max-width:440px){.kh-grid{grid-template-columns:1fr}.kh-card__image{aspect-ratio:2.2/1}.kh-card__copy{min-height:0}}