.kh-highlights{--kh-color-bg:#f5f8fc;--kh-color-card:#e9f0fa;--kh-color-text:#0f1b2d;--kh-color-text-muted:#4f5a6b;--kh-color-border:#d5dde8;--kh-color-on-primary:#fff;--kh-color-focus:#0f1b2d;--kh-space-1:4px;--kh-space-2:8px;--kh-space-3:12px;--kh-space-4:16px;--kh-space-6:24px;--kh-space-8:32px;--kh-space-12:48px;--kh-space-16:64px;--kh-radius:12px;--kh-gutter:16px;background:var(--kh-color-bg);color:var(--kh-color-text);line-height:1.5;-webkit-font-smoothing:antialiased}
@media(prefers-color-scheme:dark){.kh-highlights:not([data-theme="light"]){--kh-color-bg:#0f1520;--kh-color-card:#17202e;--kh-color-text:#f2f5fa;--kh-color-text-muted:#a9b4c4;--kh-color-border:#2c3848;--kh-color-on-primary:#0f1520;--kh-color-focus:#f2f5fa}
}
.kh-highlights[data-theme="dark"]{--kh-color-bg:#0f1520;--kh-color-card:#17202e;--kh-color-text:#f2f5fa;--kh-color-text-muted:#a9b4c4;--kh-color-border:#2c3848;--kh-color-on-primary:#0f1520;--kh-color-focus:#f2f5fa}
.kh-highlights *,.kh-highlights *::before,.kh-highlights *::after{box-sizing:border-box}
.kh-highlights__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kh-highlights{padding:var(--kh-space-16) var(--kh-gutter) var(--kh-space-8)}
.kh-highlights__eyebrow{display:flex;align-items:center;gap:var(--kh-space-3);margin:0 0 var(--kh-space-3);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--kh-color-text-muted)}
.kh-highlights__title{margin:0;font-weight:700;line-height:1.1;letter-spacing:-0.01em}
.kh-highlights__subtitle{margin:var(--kh-space-3) 0 0;color:var(--kh-color-text-muted)}
.kh-highlights__cards{display:grid;gap:var(--kh-space-4);margin:var(--kh-space-8) 0 0;padding:0;list-style:none}
@media(min-width:768px){.kh-highlights__cards{grid-template-columns:repeat(2,1fr);gap:var(--kh-space-4)}
}
@media(min-width:1200px){.kh-highlights__cards{grid-template-columns:repeat(4,1fr);gap:var(--kh-space-4)}
}
.kh-highlights__card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;column-gap:var(--kh-space-4);align-items:start;padding:var(--kh-space-4);background:var(--kh-color-card);border-radius:var(--kh-radius)}
.kh-highlights__card::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,0.35) 50%,transparent 70%);transform:translateX(-100%);pointer-events:none}
.kh-highlights__card-index{grid-row:1 / span 4;font-weight:500;color:var(--kh-color-text-muted);position:relative;padding-bottom:var(--kh-space-3)}
.kh-highlights__card-index::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--kh-color-border);transition:width .4s ease,background-color .4s ease}
.kh-highlights__card-title{margin:0;font-weight:600;line-height:1.25}
.kh-highlights__card-body{margin:var(--kh-space-2) 0 0;line-height:1.5;color:var(--kh-color-text-muted)}
.kh-highlights__card-link{justify-self:start;margin-top:var(--kh-space-3);padding:var(--kh-space-1) 0;display:inline-flex;align-items:center;gap:var(--kh-space-2);font-weight:bold;color:var(--kh-color-text);text-decoration:none;border-bottom:1px solid currentColor;width:50%}
@media(min-width:768px){.kh-highlights__card{display:flex;flex-direction:column;padding:var(--kh-space-6)}
.kh-highlights__card-index{grid-row:auto;margin-bottom:var(--kh-space-4);padding-bottom:var(--kh-space-3)}
.kh-highlights__card-body{margin-bottom:var(--kh-space-4)}
.kh-highlights__card-link{margin-top:auto}
}
.kh-highlights__arrow{display:inline-block;transition:transform .2s ease;position:relative}
.kh-highlights__cta{margin-top:var(--kh-space-12);padding-top:var(--kh-space-8);border-top:1px solid var(--kh-color-border);text-align:center}
.kh-highlights__cta-title{margin:0;font-weight:700}
.kh-highlights__cta-text{margin:var(--kh-space-2) 0 0;color:var(--kh-color-text-muted)}
.kh-highlights__cta-actions{display:flex;flex-direction:column;gap:var(--kh-space-3);margin-top:var(--kh-space-6)}
.kh-highlights__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--kh-space-2);min-height:48px;padding:var(--kh-space-3) var(--kh-space-6);border-radius:6px;border:1px solid var(--kh-color-text);font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.kh-highlights__button--primary{background:var(--kh-color-text);color:var(--kh-color-on-primary)}
.kh-highlights__button--secondary{background:transparent;color:var(--kh-color-text)}
.kh-highlights__button:hover .kh-highlights__arrow,.kh-highlights__card-link:hover .kh-highlights__arrow{transform:translateX(3px)}
.kh-highlights__button--primary:hover{opacity:.9}
.kh-highlights__button--secondary:hover{background:var(--kh-color-card)}
@media(min-width:480px){.kh-highlights__cta-actions{flex-direction:row;justify-content:center}
.kh-highlights__button{min-width:220px}
}
.kh-highlights a:focus-visible{outline:2px solid var(--kh-color-focus);outline-offset:3px;border-radius:2px}
.kh-highlights--js .kh-highlights__card{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.kh-highlights--js .kh-highlights__card--visible{opacity:1;transform:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.kh-highlights--js .kh-highlights__card--visible:hover,.kh-highlights--js .kh-highlights__card--visible:focus-within{transform:translateY(-6px);box-shadow:0 16px 32px -12px rgba(15,27,45,0.25);transition:transform .35s cubic-bezier(0.22,1,0.36,1),box-shadow .35s ease,opacity .5s ease}
.kh-highlights__card:hover::before,.kh-highlights__card:focus-within::before{animation:kh-highlights-sheen .9s ease forwards}
.kh-highlights__card:hover .kh-highlights__card-index::after,.kh-highlights__card:focus-within .kh-highlights__card-index::after{width:48px;background:var(--kh-color-text)}
.kh-highlights__card:hover .kh-highlights__arrow,.kh-highlights__card:focus-within .kh-highlights__arrow{transform:translateX(4px)}
}
@keyframes kh-highlights-sheen{from{transform:translateX(-100%)}
to{transform:translateX(100%)}
}
@media(prefers-reduced-motion:reduce){.kh-highlights--js .kh-highlights__card,.kh-highlights__arrow,.kh-highlights__button{transition:none;opacity:1;transform:none}
.kh-highlights__button:hover .kh-highlights__arrow,.kh-highlights__card-link:hover .kh-highlights__arrow{transform:none}
}
.kh-highlights__arrow:after{content:'\E002';font-family:'icon';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none;text-transform:none;position:absolute;top:-12px;left:0}
.kh-highlights__card-title{font-size:1.4em;padding-bottom:10px}
@media(min-width:1024px) and (max-width:1400px){.kh-highlights__card-link{width:60%}
.kh-highlights__card-title{font-size:1.1em}
}