/* Shared engine family navigation and the KJ-165 addition. */
.kj-model-selector { display: flex; justify-content: space-between; align-items: center; gap: 18px 25px; padding: 0 0 24px; }
.kj-model-selector>span { font-size: 14px; line-height: 1.5; color: var(--muted); }
.kj-model-selector>div { display: flex; align-items: stretch; gap: 10px; }
.kj-model-selector a { display: flex; align-items: center; gap: 16px; padding: 13px 19px; min-height: 48px; border: 1px solid var(--line); font-size: 16px; background: #fff; transition: background .2s, border-color .2s; }
.kj-model-selector a strong { font-weight: 500; }
.kj-model-selector a>span { font-size: 13px; color: var(--muted); }
.kj-model-selector a[aria-current="page"] { background: var(--olive); border-color: var(--olive); color: white; }
.kj-model-selector a[aria-current="page"]>span { color: #edf1e6; }
.kj-model-selector a:hover:not([aria-current]) { background: var(--panel); border-color: #9aa68b; }
.kj165-page .kj-hero-art>img { width: 106%; margin-inline-start: -3%; filter: none; }
.kj165-overview { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 9%; }
.kj165-overview p:not(.kj-eyebrow) { color: var(--muted); font-size: 16px; line-height: 1.75; margin: 0 0 18px; }
.kj165-overview p:last-child { margin-bottom: 0; }
.kj-related { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; align-items: center; background: #fff; border: 1px solid var(--line); margin: 0 0 var(--kj-space); padding: 27px 42px 27px 20px; }
.kj-related-image { min-width: 0; }
.kj-related-image>img { display: block; width: 100%; height: 290px; object-fit: contain; }
.kj-related-copy { padding-block: 15px; }
.kj-related-copy h2 { font-size: clamp(29px,3vw,42px); margin-bottom: 20px; }
.kj-related-copy>p:not(.kj-eyebrow) { font-size: 16px; line-height: 1.75; color: var(--muted); max-width: 430px; margin: 0 0 24px; }
.kj-related-copy .kj-eyebrow { margin-bottom: 18px; }
.engine-model-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--line); }
.engine-model-links>a { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-height: 48px; color: var(--olive); font-size: 16px; line-height: 1.5; }
.engine-model-links>a>span { font-size: 12px; color: var(--muted); white-space: nowrap; }
.engine-model-links>a:hover { text-decoration: underline; text-underline-offset: 5px; }
.engine-model-links>a+a { border-inline-start: 1px solid var(--line); padding-inline-start: 16px; }
html[dir="rtl"] .kj-related { padding: 27px 20px 27px 42px; }
html[dir="rtl"] .engine-model-links { direction: ltr; }
@media(max-width:1050px) and (min-width:761px) {
 .engine-model-links { gap: 10px; }
 .engine-model-links>a { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
 .engine-model-links>a+a { padding-inline-start: 10px; }
}
@media(max-width:760px) {
 .kj-model-selector { flex-direction: column; align-items: stretch; gap: 12px; padding-bottom: 21px; }
 .kj-model-selector>div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
 .kj-model-selector a { justify-content: space-between; padding: 12px 15px; gap: 8px; }
 .kj165-page .kj-hero-art>img { width: 100%; margin: 0; }
 .kj165-overview { grid-template-columns: 1fr; gap: 0; }
 .kj-related { gap: 4%; padding: 24px; }
 .kj-related-image>img { height: 230px; }
 html[dir="rtl"] .kj-related { padding: 24px; }
}
@media(max-width:520px) {
 .kj-model-selector a { padding: 12px; font-size: 16px; gap: 8px; }
 .kj-model-selector a>span { font-size: 12px; }
 .kj-related { grid-template-columns: 1fr; gap: 0; padding: 15px 23px 25px; }
 .kj-related-image>img { height: 215px; }
 .kj-related-copy { padding-top: 8px; }
 .kj-related-copy h2 { font-size: 31px; }
 .kj-related-copy .primary-button { width: 100%; }
 html[dir="rtl"] .kj-related { padding: 15px 23px 25px; }
}
@media(max-width:360px) {
 .kj-model-selector a { padding-inline: 10px; gap: 5px; font-size: 15px; }
 .kj-related-image>img { height: 180px; }
 .kj-related-copy h2 { font-size: 28px; }
}
@media(prefers-reduced-motion:reduce) { .kj-model-selector a { transition: none; } }
.kj-breadcrumb { flex-wrap: wrap; row-gap: 8px; }

/* Refined model picker and KJ-165 product presentation. */
.kj-model-selector>div { gap: 4px; padding: 5px; background: #edf0e7; border: 1px solid #dde3d3; border-radius: 999px; }
.kj-model-selector a { border: 1px solid transparent; border-radius: 999px; padding: 12px 22px; background: transparent; transition: background .2s,box-shadow .2s,transform .2s; }
.kj-model-selector a[aria-current="page"] { background: linear-gradient(180deg,#69774d,#526138); border-color: #53613a; box-shadow: inset 0 1px 0 #ffffff30,0 3px 8px #29302118; }
.kj-model-selector a:hover:not([aria-current]) { background: #fff; border-color: transparent; box-shadow: 0 2px 7px #2930210c; }
.kj-model-selector a:active { transform: translateY(1px); }
.kj165-page .kj-hero-art { padding: 30px 25px; }
.kj165-studio { position: relative; isolation: isolate; container-type: inline-size; width: 100%; aspect-ratio: 1.15; }
.kj165-wordmarks { position: absolute; inset: 0 0 auto; color: #667449; text-align: center; pointer-events: none; user-select: none; }
.kj165-wordmarks>span { display: block; font: 800 clamp(90px,12vw,180px)/.8 Arial,Helvetica,sans-serif; font-size: 26cqw; letter-spacing: -.06em; white-space: nowrap; }
.kj165-wordmarks>span:nth-child(2) { opacity: .52; }
.kj165-wordmarks>span:nth-child(3) { opacity: .25; }
.kj165-wordmarks>span:nth-child(4) { opacity: .09; }
.kj165-studio::after { content: ""; position: absolute; z-index: 1; width: 82%; height: 10%; left: 9%; bottom: 5%; border-radius: 50%; background: radial-gradient(ellipse at center,rgba(32,37,27,.22),rgba(32,37,27,.08) 35%,rgba(32,37,27,0) 72%); filter: blur(6px); pointer-events: none; }
.kj165-studio .kj165-product { display: block; position: absolute; z-index: 2; left: 0; bottom: 8%; width: 100%; height: auto; aspect-ratio: 1470 / 731; fill: none; stroke: none; overflow: visible; filter: drop-shadow(0 5px 5px #2930210a); }
.kj-brochures h3 { font-size: 16px; line-height: 1.5; margin: 0 0 13px; }
.kj-brochure-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; max-width: 380px; }
.kj-brochure { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; padding: 15px; min-height: 76px; background: #fff; border: 1px solid #dce2d3; border-radius: 12px; font-size: 16px; line-height: 1.45; transition: border-color .2s,background .2s; }
.kj-brochure small { color: var(--muted); font-size: 12px; }
.kj-brochure:hover { border-color: #869572; background: #f2f5ed; }
html[dir="rtl"] .kj165-wordmarks>span { letter-spacing: -.06em!important; }
@media(max-width:760px) {
 .kj-model-selector a { padding: 12px 15px; }
 .kj165-page .kj-hero-art { padding: 24px 25px 16px; min-height: 0; }
 .kj165-studio { max-width: 580px; margin-inline: auto; }
 .kj165-wordmarks>span { font-size: 21vw; font-size: 26cqw; }
 .kj-brochure-grid { max-width: none; margin-bottom: 28px; }
}
@media(max-width:360px) { .kj-model-selector a { padding-inline: 10px; gap: 6px; } .kj165-page .kj-hero-art { padding-inline: 18px; } .kj-brochure { padding: 13px; } }
@media(prefers-reduced-motion:reduce) { .kj-model-selector a,.kj-brochure { transition: none; } }

@media(max-width:520px){
 .kj-model-selector>div{border-radius:20px;min-width:0}
 .kj-model-selector a{flex-direction:column;justify-content:center;gap:4px;padding:12px 8px;min-width:0;font-size:16px;border-radius:15px}
 .kj-model-selector a>span{font-size:14px}
 .kj-brochure{font-size:16px;padding:14px 12px;overflow-wrap:anywhere}
 .kj-brochure-grid{gap:10px}
}
