.kj-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:35px 0 96px;color:#30253b}
.kj-shell .breadcrumb{margin-bottom:32px}
.kj-hero{display:grid;grid-template-columns:1fr .92fr;gap:48px;align-items:center;padding:24px 0 70px}
.kj-hero h1,.kj-section-head h2,.kj-method h2,.kj-close h2{margin:0;font-family:Marbley,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.02}
.kj-hero h1{max-width:650px;font-size:clamp(54px,5vw,72px)}
.kj-hero h1 em{color:#9161b6;font-style:normal}
.kj-lede{max-width:610px;margin:26px 0;color:#554c5e;font-size:clamp(18px,1.7vw,22px);line-height:1.52}
.kj-hero>img{width:100%;height:530px;object-fit:cover;border-radius:240px 240px 32px 32px;box-shadow:0 22px 50px #3b2b4d1b}
.kj-hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.kj-hero-actions a:first-child,.kj-close>a{display:inline-flex;padding:16px 23px;border-radius:99px;background:#d7f78c;color:#28351d;font-weight:800;text-decoration:none}
.kj-hero-actions a:last-child{color:#653a7f;font-weight:800;text-underline-offset:5px}
.kj-date,.kj-small{color:#756b7d;font-size:13px;line-height:1.5}
.kj-date{margin-top:22px}
.kj-method{display:grid;grid-template-columns:.74fr 1fr;gap:44px;align-items:end;padding:38px 45px;border-radius:28px;background:#f2e6f7}
.kj-method h2{font-size:clamp(38px,4vw,56px)}
.kj-method>p{margin:0;color:#51485a;font-size:17px;line-height:1.58}
.kj-picks{padding-top:85px}
.kj-section-head{max-width:850px;margin:0 0 34px}
.kj-section-head h2{font-size:clamp(48px,5vw,72px)}
.kj-section-head>p:last-child{font-size:17px;line-height:1.55;color:#5a5261}
.kj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.kj-pair{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #e8deed;border-radius:25px;background:#fff;box-shadow:0 10px 30px #3b2b4d0d}
.kj-pair-top{display:flex;align-items:center;gap:9px;color:#6b4b80;font-size:11px;font-weight:900;letter-spacing:.08em}
.kj-number{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dcf7a6;color:#24331c;font-size:13px}
.kj-match{margin-left:auto;padding:7px 10px;border-radius:99px;background:#efe3f5;color:#633a7c;text-align:center;letter-spacing:0}
.kj-goal{margin:22px 0 14px!important;color:#736376;font-size:11px!important;font-weight:900;letter-spacing:.1em}
.kj-products{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-bottom:16px}
.kj-products>div{min-height:112px;padding:18px;border-radius:17px;background:#f7f3f9}
.kj-products>div:last-child{background:#f1f9e4}
.kj-products span:not(.kj-arrow){display:block;margin-bottom:8px;color:#735486;font-size:10px;font-weight:900;letter-spacing:.075em}
.kj-products h3{margin:0;font-size:17px;line-height:1.24;letter-spacing:-.02em;text-wrap:balance}
@media(min-width:701px) and (max-width:1100px){.kj-grid{grid-template-columns:1fr}.kj-products h3{font-size:17px}}
.kj-arrow{font-size:22px;color:#836099}
.kj-pair>p:not(.kj-goal){margin:5px 0 8px;color:#5d5363;font-size:14px;line-height:1.52}
.kj-pair>p strong{color:#34253f}
.kj-source-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:19px}
.kj-source-links a{color:#673b81;font-size:13px;font-weight:800;text-underline-offset:4px}
.kj-close{margin-top:76px;padding:50px;border-radius:30px;background:#e7f7c3}
.kj-close h2{max-width:790px;font-size:clamp(44px,5vw,68px)}
.kj-close>p:not(.eyebrow){max-width:770px;color:#4d4c46;font-size:17px;line-height:1.55}
.kj-close .kj-small{font-size:12px!important}
.kj-shell .back-link{margin-top:36px}
@media(max-width:900px){.kj-hero{gap:26px}.kj-hero>img{height:430px}.kj-products{grid-template-columns:1fr}.kj-products>div{min-height:0}.kj-arrow{display:none}}
@media(max-width:700px){.kj-shell{width:min(100% - 32px,560px);padding-top:18px}.kj-hero{grid-template-columns:1fr;gap:28px;padding-bottom:46px}.kj-hero>img{height:350px;border-radius:170px 170px 25px 25px}.kj-method{grid-template-columns:1fr;gap:17px;padding:28px}.kj-grid{grid-template-columns:1fr}.kj-picks{padding-top:62px}.kj-pair{padding:23px}.kj-products{grid-template-columns:1fr auto 1fr}.kj-products>div{min-height:100px;padding:14px}.kj-arrow{display:block}.kj-products h3{font-size:17px}.kj-close{margin-top:52px;padding:32px 25px}}
@media(max-width:430px){.kj-products{grid-template-columns:1fr}.kj-arrow{display:none}.kj-products>div{min-height:0}.kj-hero>img{height:280px}.kj-hero-actions{align-items:flex-start;flex-direction:column}}
