/* Native discovery surfaces. No fonts, widgets, carousel or JS dependency. */
.kla-discovery{padding:64px 0;color:#172238;background:#f3f6fa}
.kla-discovery *{box-sizing:border-box}
.kla-discovery p,.kla-discovery a{overflow-wrap:anywhere}
.kla-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.kla-guide-heading>div{min-width:0;max-width:760px}
.kla-guide-eyebrow{color:#285992;font-size:15px;font-weight:800;letter-spacing:.07em;margin:0 0 12px;text-transform:uppercase}
.kla-discovery h2{font-size:clamp(26px,2.4vw,36px);line-height:1.25;margin:0 0 16px;overflow-wrap:anywhere}
.kla-guide-heading p:not(.kla-guide-eyebrow),.kla-guide-empty{font-size:17px;line-height:1.7;margin:0;max-width:72ch}
.kla-guide-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid #b8c8dc;border-radius:8px;font-size:16px;font-weight:750;color:#183e72;background:#fff;flex-shrink:0;text-decoration:none;text-align:center}
.kla-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kla-guide-card{min-width:0;border:1px solid #d5deea;border-radius:14px;overflow:hidden;background:#fff;color:#172238}
.kla-guide-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.kla-guide-media{aspect-ratio:16/9;background:#dbe3ef;overflow:hidden}
.kla-guide-media img{width:100%;height:100%;object-fit:cover;display:block}
.kla-guide-copy{display:flex;flex-direction:column;gap:14px;flex:1;padding:24px}
.kla-guide-copy .kla-guide-meta{color:#345b85;font-size:14px;font-weight:700;line-height:1.6;margin:0}
.kla-guide-copy h3{font-size:22px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.kla-guide-copy>p{font-size:16px;line-height:1.7;margin:0}
.kla-guide-link{margin-top:auto;font-size:16px;font-weight:800;color:#205492;display:flex;justify-content:space-between;gap:12px;padding-top:6px}
.kla-guide-card a:hover h3,.kla-guide-button:hover{text-decoration:underline;text-underline-offset:4px}
.kla-discovery a:focus-visible,.kla-content-nav a:focus-visible{outline:3px solid #2c6bbe;outline-offset:4px}
.kla-guide-card a:focus-visible{outline-offset:-4px}
.kla-guide-empty{padding:24px;border-left:3px solid #4777ae;background:#fff;border-radius:4px}
.kla-guide-empty a{color:#1e518e;text-decoration:underline;text-underline-offset:3px}
.kla-hub-hero{padding:142px 0 44px;background:linear-gradient(125deg,#081627,#143867);color:#fff}
.kla-hub-hero .kla-guide-eyebrow{color:#b9d7ff}
.kla-hub-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.16;margin:0 0 22px;overflow-wrap:anywhere;max-width:18ch}
.kla-hub-hero p:last-child{font-size:18px;line-height:1.8;max-width:72ch;margin:0;color:#e3ecf8}
.kla-hub-hero nav{font-size:15px;margin-bottom:26px;color:#d1e1f6}
.kla-hub-hero nav a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.kla-hub-topics{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0}
.kla-hub-topics a{padding:12px 16px;min-height:46px;border:1px solid #a7bdd7;border-radius:24px;background:#fff;font-size:16px;font-weight:700;color:#234f82;text-decoration:none}
.kla-hub-topics a[aria-current]{background:#193c69;color:#fff}
.kla-hub-recent{margin-top:44px}
.kla-hub-pagination{margin-top:36px}
.kla-hub-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.kla-hub-pagination .page-numbers{min-width:46px;min-height:46px;padding:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #acbdd5;border-radius:6px;font-size:16px;color:#1d457a}
.kla-hub-pagination .current{background:#193c69;color:#fff}
.kla-content-nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:16px;line-height:1.5}
.kla-content-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.primary-nav a[aria-current]:after{right:0}
@media(max-width:1020px){.kla-guide-grid{gap:18px}.kla-guide-heading{align-items:flex-start;flex-direction:column}.kla-guide-copy{padding:20px}.kla-guide-copy h3{font-size:21px}}
@media(max-width:767px){.kla-discovery{padding:42px 0}.kla-guide-grid{grid-template-columns:minmax(0,1fr);gap:22px}.kla-guide-copy>p{font-size:17px}.kla-guide-copy .kla-guide-meta{font-size:15px}.kla-hub-hero{padding:36px 0}.kla-hub-hero p:last-child{font-size:17px}.kla-guide-button{max-width:100%;white-space:normal}.kla-guide-empty{padding:20px}.kla-hub-recent{margin-top:32px}}