body{background:#f3f2ee;color:#10151a}.site-header{background:rgba(250,249,246,.94)}.site-header .brand img{width:164px}.shortlist-hero{min-height:660px;background:radial-gradient(circle at 80% 35%,#26323d,#0e1319 60%);color:#fff;display:flex;align-items:end;padding:130px 0 85px}.shortlist-hero .shell{width:min(100% - 64px,1360px)}.shortlist-kicker{font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#ca5964;margin:0 0 20px}.shortlist-hero .shortlist-kicker{color:#eb7b83}.shortlist-hero h1{font-size:clamp(5rem,11vw,11rem);line-height:.82;letter-spacing:-.08em;margin:0 0 30px}.shortlist-hero h1 em,.shortlist-close h2 em{font-style:normal;color:#e2636d}.shortlist-hero p:not(.shortlist-kicker){font-size:clamp(1.1rem,1.65vw,1.5rem);color:#d7dde2;line-height:1.5;max-width:740px}.shortlist-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.shortlist-actions a{min-height:48px;padding:13px 19px;border-radius:999px;background:#fff;color:#10151a;font-weight:850;display:inline-flex;align-items:center}.shortlist-actions a+a{background:transparent;border:1px solid #a9b1ba;color:#fff}.shortlist-actions a:focus-visible,.shortlist-grid a:focus-visible{outline:3px solid #e2636d;outline-offset:4px}.shortlist-intro{padding:clamp(90px,10vw,160px) 0;background:#fff}.shortlist-intro .shell,.shortlist-group-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:6%}.shortlist-intro h2,.shortlist-group h2,.shortlist-close h2{font-size:clamp(3.5rem,6.7vw,7.3rem);line-height:.92;letter-spacing:-.075em;margin:0 0 28px}.shortlist-intro p:not(.shortlist-kicker),.shortlist-group-head p:not(.shortlist-kicker){font-size:17px;line-height:1.58;color:#555f68;max-width:810px}.shortlist-group{padding:clamp(85px,10vw,150px) 0;background:#f3f2ee}.shortlist-group.alt{background:#e5e7e7}.shortlist-group-head{align-items:start;margin-bottom:50px}.shortlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shortlist-grid article{background:#fff;border:1px solid #dfe1e2;padding:clamp(24px,2.8vw,42px);display:flex;flex-direction:column;min-height:450px}.shortlist-grid article>span{color:#c14b57;font-weight:850;font-size:10px;letter-spacing:.16em}.shortlist-grid h3{font-size:clamp(2.5rem,3.5vw,4.5rem);line-height:.94;letter-spacing:-.07em;margin:30px 0 20px}.shortlist-grid p{color:#4f5963;line-height:1.58;margin:0 0 18px;font-size:15px}.shortlist-grid strong{font-size:11px;color:#111;letter-spacing:.12em;text-transform:uppercase;margin-top:auto;margin-bottom:9px}.shortlist-grid a{color:#b83442;text-decoration:underline;text-underline-offset:3px;margin-top:8px;font-weight:750;font-size:13px}.shortlist-close{padding:clamp(95px,12vw,180px) 0;background:#0e1319;color:#fff}.shortlist-close h2{max-width:1100px}.shortlist-close>div>p:not(.shortlist-kicker){color:#c4ccd4;line-height:1.58;font-size:17px;max-width:760px}.shortlist-close .shortlist-note{margin-top:54px;font-size:12px!important;color:#9da8b3!important}.footer img{width:200px}
@media(max-width:900px){.shortlist-intro .shell,.shortlist-group-head{grid-template-columns:1fr;gap:18px}.shortlist-grid{grid-template-columns:1fr 1fr}.shortlist-grid article{min-height:380px}}@media(max-width:640px){.shortlist-hero{min-height:590px;padding:110px 0 56px}.shortlist-hero .shell{width:min(100% - 36px,1360px)}.shortlist-hero h1{font-size:clamp(4.4rem,17vw,6.7rem)}.shortlist-grid{grid-template-columns:1fr}.shortlist-grid article{min-height:0}.shortlist-intro,.shortlist-group,.shortlist-close{padding:78px 0}.shortlist-actions{display:grid}.shortlist-actions a{justify-content:center}.site-header .brand img{width:124px}}

.shortlist-search,.shortlist-empty{background:#fff}.shortlist-search{padding:55px 0;border-top:1px solid #e5e7e7}.shortlist-search>.shell{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:7%}.shortlist-search h2{font-size:clamp(2.1rem,4vw,4.4rem);letter-spacing:-.065em;line-height:1;margin:0 0 12px}.shortlist-search p{color:#5a646d;line-height:1.5}.shortlist-search-control label{display:block;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}.shortlist-search-control>div{display:flex;gap:9px}.shortlist-search input{width:100%;min-height:52px;padding:12px 16px;border:1px solid #adb5bb;border-radius:8px;background:#fff;color:#111;font:inherit}.shortlist-search button,.shortlist-empty button{min-height:52px;padding:11px 18px;border:0;border-radius:8px;background:#11151a;color:#fff;font:inherit;font-weight:800;white-space:nowrap;cursor:pointer}.shortlist-search input:focus-visible,.shortlist-search button:focus-visible,.shortlist-empty button:focus-visible{outline:3px solid #c6424e;outline-offset:3px}.shortlist-search [role=status]{font-size:13px;margin:10px 0 0}.shortlist-empty{padding-block:75px}.shortlist-empty h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;margin:0 0 12px}.shortlist-empty p{color:#5a646d}.shortlist-search[hidden],.shortlist-empty[hidden],.shortlist-group[hidden],.shortlist-grid article[hidden],.shortlist-search button[hidden]{display:none!important}
@media(max-width:900px){.shortlist-search>.shell{grid-template-columns:1fr;gap:18px}}@media(max-width:640px){.shortlist-search-control>div{display:grid;grid-template-columns:1fr}}
@media(max-width:640px){.shortlist-group h2{font-size:clamp(3rem,12vw,4.4rem);letter-spacing:-.06em}}

/* Each family card may contain several generation routes. Keep them distinct. */
.shortlist-guide-links{display:flex;flex-wrap:wrap;align-items:start;gap:8px 16px;margin-top:12px}
.shortlist-guide-links a{margin-top:0;line-height:1.45}
@media(min-width:1180px){.shortlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#enthusiasts .shortlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1179px){.shortlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.shortlist-group{scroll-margin-top:110px}
.shortlist-categories{padding:clamp(65px,7vw,105px) 0;background:#141a21;color:#fff;scroll-margin-top:105px}
.shortlist-categories h2{font-size:clamp(2.6rem,5.3vw,5.7rem);line-height:.95;letter-spacing:-.065em;margin:0 0 35px}
.shortlist-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.shortlist-category-grid a{display:flex;flex-direction:column;position:relative;min-height:220px;background:#27313b;border:1px solid #424d57;color:#fff;padding:23px 19px;transition:background .2s ease,transform .2s ease}
.shortlist-category-grid a:hover{background:#80313c;transform:translateY(-3px)}
.shortlist-category-grid a:focus-visible{outline:3px solid #ef7f89;outline-offset:4px}
.shortlist-category-grid span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#ef9ba2}
.shortlist-category-grid strong{font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.045em;line-height:1.05;margin:42px 0 12px}
.shortlist-category-grid small{font-size:12px;line-height:1.5;color:#d2d9df;max-width:210px;padding-right:18px}
.shortlist-category-grid b{position:absolute;right:19px;bottom:20px;font-size:18px;font-weight:400;color:#f0a4ab}
@media(max-width:1100px){.shortlist-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.shortlist-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortlist-category-grid a{min-height:190px}.shortlist-category-grid strong{margin-top:24px}}
@media(max-width:510px){.shortlist-category-grid{grid-template-columns:1fr}.shortlist-category-grid a{min-height:130px}.shortlist-category-grid strong{margin:16px 0 7px}.shortlist-category-grid small{max-width:none}}
@media(prefers-reduced-motion:reduce){.shortlist-category-grid a{transition:none}.shortlist-category-grid a:hover{transform:none}}