.kn-destination-directory{--navy:#092c3b;--teal:#087789;--line:#d5e0e4;--soft:#f2f7f8;color:var(--navy)}
.kn-destination-directory *{box-sizing:border-box}
.kn-destination-directory .kn-ports-hero{min-height:340px;background:linear-gradient(120deg,#092c3b,#126879)}
.kr-preview .kn-destination-directory .kn-ports-hero h1{color:#fff;font-size:clamp(36px,4.2vw,60px)!important;line-height:1.1!important}
.kn-destination-directory .kn-ports-hero__content{max-width:920px;padding:48px}
.kn-destination-directory .kn-ports-hero p{color:#fff;max-width:760px}
.kn-destination-directory .kn-ports-hero .kn-eyebrow{color:#b7e8ed}
.kn-destination-jumps{display:flex;flex-wrap:wrap;gap:12px}
.kn-destination-jumps .kn-button--secondary{margin:0}
.kn-destination-directory .kn-port-directory{padding-top:0}
.kn-destination-directory .kn-destination-finder{margin:24px auto 36px;z-index:2}
.kn-destination-finder>div{display:flex;gap:12px}
.kn-destination-finder input{min-width:0;min-height:52px;flex:1}
.kn-destination-finder button{cursor:pointer;flex:0 0 auto;font:inherit}
.kn-destination-finder p{font-size:15px;margin:12px 0 6px}
.kn-destination-directory .kn-complete-directory{padding:36px 0}
.kn-destination-directory .kn-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.kn-destination-links li{min-width:0}
.kn-destination-links a{height:100%;overflow-wrap:anywhere;min-height:76px}
.kn-destination-links a:hover{background:var(--soft)}
.kn-destination-directory [hidden]{display:none!important}
.kn-destination-directory :focus-visible{outline:3px solid #005fcc;outline-offset:3px}
.kn-destination-directory .kn-destination-related{border-top:1px solid var(--line);padding-top:28px}
.kn-destination-related .kn-text-link{display:inline-block;margin:0 24px 12px 0}
@media(max-width:900px){.kn-destination-directory .kn-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kn-destination-directory .kn-ports-hero__content{padding:40px 28px}}
@media(max-width:620px){.kn-destination-directory .kn-ports-hero{min-height:0}.kn-destination-directory .kn-ports-hero__content{padding:32px 24px 52px}.kn-destination-directory .kn-destination-finder{margin:24px 0 16px}.kn-destination-directory .kn-link-grid{grid-template-columns:1fr}.kn-destination-finder>div{flex-direction:column}.kn-destination-directory .kn-destination-finder .kn-button{width:100%}.kn-destination-jumps{display:grid;grid-template-columns:1fr;width:100%}}
