body.khr-topics{background:#f4f7fa;color:#192b3c}body.khr-topics>#mainNav{position:sticky;top:0}.topic-hero{background:#101f2e;color:#fff;padding:2rem 0 3rem}.topic-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:center}.topic-hero h1{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.15;color:#fff;max-width:22ch}.topic-breadcrumb{margin-bottom:2rem;color:#cbd9e7}.topic-breadcrumb a{color:#d8e9fa}.topic-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;color:#77cdf2}.topic-intro{font-size:1.15rem;line-height:1.7;max-width:55ch}.topic-note{font-size:.85rem;color:#c5d5e2;margin-top:1rem}.topic-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.topic-actions .btn{white-space:normal}.topic-hero figure{margin:0;text-align:center}.topic-hero figure img{display:block;width:auto;max-width:100%;height:auto;max-height:480px;margin:auto;border-radius:16px;box-shadow:0 12px 35px #0005}.topic-hero figcaption{font-size:.8rem;color:#c5d5e2;margin-top:.8rem}.topic-content,.topic-faq,.topic-related{padding:3rem 0}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.topic-card{display:block;background:#fff;border:1px solid #dce5ec;border-radius:16px;padding:1.7rem;color:#192b3c;text-decoration:none}.topic-card h2,.topic-card h3{font-size:1.35rem;line-height:1.35;color:#132c41}.topic-card p{line-height:1.75;margin-bottom:0}.topic-card span{display:block;margin-top:1rem;font-weight:700;color:#006e9d}a.topic-card:hover{border-color:#007eaf;color:#192b3c}.topic-faq{background:#fff}.topic-faq details{border-bottom:1px solid #dce5ec;padding:1.1rem 0}.topic-faq summary{font-weight:700;cursor:pointer}.topic-faq details p{margin:1rem 0;max-width:85ch;line-height:1.7}.topic-related h2,.topic-faq h2{margin-bottom:1.4rem;font-size:1.8rem}.khr-topics a:focus-visible,.khr-topics summary:focus-visible{outline:3px solid #ebaa1e;outline-offset:4px}@media(max-width:767px){.topic-hero-grid,.topic-grid{grid-template-columns:1fr}.topic-hero-grid{gap:2rem}.topic-hero figure img{max-height:400px}.topic-card{padding:1.3rem}.topic-content,.topic-faq,.topic-related{padding:2rem 0}.khr-topics .container{padding-left:1.25rem;padding-right:1.25rem}}
.topic-grid>.topic-card:last-child:nth-child(odd){grid-column:1 / -1}
