.cf-family{--family-ink:#183348;--family-muted:#587386;--family-accent:#287f91;--family-line:#d7e5ed;color:var(--family-ink);background:radial-gradient(ellipse at 90% 3%,#d6ebef 0,transparent 26%),linear-gradient(145deg,#f2f7fa,#edf3f8 48%,#f7fafc);font:15px/1.7 var(--font-body-family,'DM Sans',Arial,sans-serif);padding:28px 32px 64px}
.cf-family *,.cf-family *:before,.cf-family *:after{box-sizing:border-box}
.cf-family__shell{max-width:1180px;margin:auto}
.cf-family h1,.cf-family h2,.cf-family h3,.cf-family h4,.cf-family h5{font-family:inherit;color:var(--family-ink);font-weight:500;text-transform:none;letter-spacing:-.035em;line-height:1.2}
.cf-family h1{font-size:clamp(40px,4.8vw,64px);line-height:1.08;letter-spacing:-.05em;margin:22px 0 24px;max-width:17ch}
.cf-family h2{font-size:clamp(27px,3vw,38px);margin:8px 0 18px}
.cf-family h3{font-size:clamp(25px,2.6vw,34px);line-height:1.15;margin:8px 0 20px}
.cf-family h4{font-size:18px;margin:8px 0 14px}
.cf-family p{margin:0 0 18px}
.cf-family a{color:inherit;text-underline-offset:4px}
.cf-family a:focus-visible,.cf-family summary:focus-visible{outline:3px solid var(--family-accent);outline-offset:5px}
.cf-family [id]{scroll-margin-top:110px}
.cf-family__breadcrumb{display:flex;flex-wrap:wrap;gap:9px;color:var(--family-muted);font-size:11px}
.cf-family__breadcrumb a{text-decoration:none}
.cf-family .cf-family__eyebrow{font-size:10px;line-height:1.6;font-weight:650;text-transform:uppercase;letter-spacing:.15em;color:#32697b;margin:0}
.cf-family__dot{display:inline-block;width:6px;height:6px;background:var(--family-accent);border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 0 4px #287f9112}
.cf-family__hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:center;gap:70px;padding:54px 0 48px}
.cf-family__hero header{min-width:0}
.cf-family__byline{font-size:11px;line-height:1.7;color:var(--family-muted)}
.cf-family__answer{font-size:17px;line-height:1.75;color:#3d5b6d;max-width:650px;margin:24px 0}
.cf-family__answer p:last-child{margin:0}
.cf-family__button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:11px 17px;border:1px solid #c4d9e3;border-radius:10px;background:#ffffffa8;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 4px 20px #24485b05;transition:background .18s,transform .18s}
.cf-family__button:hover{background:#fff;transform:translateY(-1px)}
.cf-family__winner{position:relative;isolation:isolate;overflow:hidden;padding:26px 28px;border:1px solid #ffffffb0;border-radius:23px;background:radial-gradient(ellipse at 80% 15%,#4e879670,transparent 65%),linear-gradient(145deg,#203f51,#102a3c);box-shadow:0 20px 58px #27485c24,inset 0 1px 0 #ffffff1c;color:#e9f3fa}
.cf-family__winner-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cf-family__winner .cf-family__eyebrow{color:#a6cbd5}
.cf-family__winner-badge{padding:4px 9px;border:1px solid #afd5c63b;border-radius:20px;background:#8bc6b217;color:#c5e7dc;font-size:10px;white-space:nowrap}
.cf-family__winner-image{display:flex;align-items:center;justify-content:center;width:174px;height:174px;margin:24px auto;background:linear-gradient(145deg,#fffffffa,#e9f3f6);border:1px solid #ffffffb8;border-radius:20px;box-shadow:0 10px 40px #09233422}
.cf-family__winner-image img{width:142px;height:151px;object-fit:contain;mix-blend-mode:multiply}
.cf-family__winner h2{color:#edf7fb;font-size:26px;line-height:1.22;margin:0 0 12px}
.cf-family__winner-wear{display:block;color:#d0e4eb!important;font-size:12px;text-decoration:none}
.cf-family__winner-wear span{color:#9ebeca;font-size:10px}
.cf-family__winner-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid #ffffff1f;font-size:12px;text-decoration:none}
.cf-family__winner-link:hover{color:#a7dce1}
.cf-family__section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cf-family__section-heading h2{margin:5px 0 0}
.cf-family__section-heading>p{font-size:13px;color:var(--family-muted);max-width:300px;margin:0}
.cf-family__count{font-size:11px;color:var(--family-muted)}
.cf-family__quick{padding:24px 26px 18px;border:1px solid #ffffffed;border-radius:20px;background:linear-gradient(145deg,#ffffffc9,#f9fcfd99);box-shadow:0 8px 32px #24486008;backdrop-filter:blur(12px)}
.cf-family__quick h2{font-size:26px}
.cf-family__table-wrap{margin-top:12px}
.cf-family table{width:100%;border-collapse:collapse;border:0;background:none;text-align:left;font-size:12px;line-height:1.5;margin:0;table-layout:fixed}
.cf-family caption{caption-side:bottom;text-align:left;color:var(--family-muted);font-size:10px;padding:13px 0 0}
.cf-family thead{background:transparent;color:#65808f;font-size:10px}
.cf-family th,.cf-family td{padding:10px 12px;border:0;border-bottom:1px solid #dbe7ed;background:transparent;vertical-align:middle;text-align:left;overflow-wrap:anywhere}
.cf-family thead th{font-weight:500;padding-top:8px;padding-bottom:8px}
.cf-family thead th:first-child{width:48px}
.cf-family thead th:nth-child(2){width:36%}
.cf-family thead th:nth-child(3){width:25%}
.cf-family thead th:nth-child(4){width:15%}
.cf-family tbody tr:last-child>*{border-bottom:0}
.cf-family tbody th{font-weight:600;min-width:0}
.cf-family tbody th>a{display:flex;align-items:center;gap:12px;text-decoration:none}
.cf-family tbody th>a>span:last-child{min-width:0}
.cf-family tbody th>a:hover{text-decoration:underline}
.cf-family__quick-image{display:grid;place-items:center;width:32px;height:42px;flex-shrink:0}
.cf-family__quick-image img{height:40px;width:30px;object-fit:contain;mix-blend-mode:multiply}
.cf-family__quick-rank>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e6f0f4;color:#52788b;font-size:11px;font-weight:600}
.cf-family__quick-winner .cf-family__quick-rank>span{background:#21495b;color:#fff;box-shadow:0 3px 9px #21495b15}
.cf-family__quick-best{color:#587386;font-size:11px}
.cf-family__quick-wear a{text-decoration:underline;text-decoration-color:#a1bfca;text-underline-offset:3px;white-space:nowrap}
.cf-family__quick-shop>a{display:block;text-decoration:none;font-weight:600}
.cf-family__quick-shop small{display:block;color:#647e8e;font-size:9px;font-weight:400;margin-top:2px}
.cf-family__quick-shop>a>span{color:#6b929f}
.cf-family__award{display:inline-block;padding:4px 10px;border:1px solid #b9d7d0;border-radius:20px;background:#edf6f1;color:#366b60;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:0}
.cf-family tbody .cf-family__award{display:table;margin-top:4px;padding:2px 7px;font-size:9px}
.cf-family__bridge{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 4px 28px;border-bottom:1px solid var(--family-line)}
.cf-family__bridge p:last-child{font-size:12px;line-height:1.7;color:var(--family-muted);margin:6px 0 0}
.cf-family__bridge strong{font-weight:500;color:var(--family-ink)}
.cf-family__bridge>a{flex-shrink:0;font-size:12px;text-decoration:none;color:#2f6d83}
.cf-family__ranked-heading{padding:46px 0 28px}
.cf-family__entry{margin:0 0 28px;border:1px solid #ffffffed;border-radius:23px;background:linear-gradient(135deg,#ffffffd9,#f8fcfedb);box-shadow:0 8px 35px #274b6507;overflow:hidden}
.cf-family__entry--winner{border-color:#b9d5d8;box-shadow:0 12px 45px #274b650d}
.cf-family__entry-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 28px;border-bottom:1px solid #dde9ef;background:#ffffff30}
.cf-family__entry-top .cf-family__eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.12em;font-size:9px}
.cf-family__rank{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d0e0e8;border-radius:9px;background:#eff5f8;color:#4f7c8d;font-size:11px;letter-spacing:0}
.cf-family__entry--winner .cf-family__rank{background:#244c5e;border-color:#244c5e;color:#fff}
.cf-family__entry-main{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;padding:34px 36px 30px}
.cf-family__identity{min-width:0}
.cf-family__bottle{display:flex;align-items:center;justify-content:center;height:236px;margin-bottom:20px;border-radius:16px;background:radial-gradient(ellipse,#e6f1f6 0,transparent 70%)}
.cf-family__bottle img{display:block;width:190px;max-width:100%;height:221px;object-fit:contain;mix-blend-mode:multiply}
.cf-family dl{margin:0;padding:15px 0 0;border-top:1px solid #dce8ef;font-size:10px;line-height:1.65}
.cf-family dl>div{display:flex;gap:10px;justify-content:space-between;margin:5px 0}
.cf-family dt{font-weight:400;color:#66818f;flex-shrink:0}
.cf-family dd{margin:0;text-align:right;overflow-wrap:anywhere}
.cf-family__entry-copy{min-width:0}
.cf-family__reason{font-size:15px;line-height:1.8;color:#456477}
.cf-family__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:18px 0!important;padding:0!important}
.cf-family__tags li{font-size:10px;line-height:1.6;padding:4px 9px;border-radius:7px;background:#e8f1f5;color:#527386;margin:0}
.cf-family__wear{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid #d5e4ed;border-radius:12px;background:linear-gradient(120deg,#eaf3f8a8,#f8fcfd)}
.cf-family__wear>div{display:flex;align-items:baseline;gap:16px}
.cf-family__wear>div>span{font-size:11px;color:var(--family-muted)}
.cf-family__wear strong{font-size:20px;font-weight:500;letter-spacing:-.035em;white-space:nowrap}
.cf-family__wear>a{font-size:10px;color:#39748a}
.cf-family .cf-family__fine{color:#658091;font-size:10px;line-height:1.7;margin:10px 0 0}
.cf-family__fit{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 20px}
.cf-family__fit>div+div{border-left:1px solid #dce7ed;padding-left:24px}
.cf-family__fit h4{font-size:11px;letter-spacing:0;font-weight:600;margin:0 0 7px}
.cf-family__fit p{font-size:12px;line-height:1.75;color:#597486;margin:0}
.cf-family__text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;font-weight:600;text-decoration:none}
.cf-family__text-link span{color:#4f8b9a}
.cf-family__entry-bottom{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid #dce8ef}
.cf-family__entry-bottom--shopping{grid-template-columns:1fr}
.cf-family__notes,.cf-family__shopping{padding:24px 28px}
.cf-family .cf-note-pyramid{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.cf-family .cf-note-pyramid h4{font-size:18px;margin:7px 0 20px}
.cf-family .cf-note-pyramid__wrap{display:grid;gap:15px}
.cf-family .cf-note-tier{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:0;margin:0;border:0;background:none;border-radius:0}
.cf-family .cf-note-tier__label{font-size:9px;line-height:1.4;color:#617f90;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0}
.cf-family .cf-note-tier__items{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:10px 12px;list-style:none;margin:0;padding:0}
.cf-family .cf-note{display:flex;align-items:center;flex-direction:column;gap:5px;width:65px;margin:0;padding:0;color:var(--family-ink);text-align:center}
.cf-family .cf-note__link{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;color:inherit;text-decoration:none;border-radius:8px}
.cf-family .cf-note__link:hover .cf-note__media,.cf-family .cf-note__link:focus-visible .cf-note__media{border-color:var(--family-accent);background:#fff}
.cf-family .cf-note__media{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;padding:4px;border:1px solid #dbe7ed;border-radius:50%;background:#ffffffb8;box-shadow:0 2px 8px #26475b05;color:#588694;font-size:14px}
.cf-family .cf-note__media img{display:block;width:30px;height:30px;object-fit:contain}
.cf-family .cf-note__name{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.cf-family__shopping{border-left:1px solid #dce8ef;background:#eaf3f74f}
.cf-family__entry-bottom--shopping .cf-family__shopping{border-left:0}
.cf-family__shopping h4{font-size:23px;margin:7px 0 18px}
.cf-family__offers{display:grid;gap:9px;margin-top:15px}
.cf-family__offers>a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:13px 16px;border:1px solid #bed5e2;border-radius:10px;background:#ffffffa8;text-decoration:none;transition:background .18s,transform .18s}
.cf-family__offers>a:first-child{border-color:#1b4055;background:#1b4055;color:#fff;box-shadow:0 5px 18px #24485b12}
.cf-family__offers>a:hover{transform:translateY(-1px);background:#fff}
.cf-family__offers>a:first-child:hover{background:#2b586d}
.cf-family__offers strong{font-size:12px;font-weight:600}
.cf-family__offers small{display:block;font-size:9px;line-height:1.6;opacity:.75;margin-top:3px}
.cf-family__offers>a>span:last-child{font-size:17px;font-weight:400;flex-shrink:0}
.cf-family__details{border-top:1px solid #dce8ef;padding:0 28px}
.cf-family summary{cursor:pointer;font-size:12px;line-height:1.7;font-weight:500;padding:15px 0}
.cf-family__detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px;padding:6px 0 25px}
.cf-family__detail-grid h4{font-size:12px;font-weight:600;letter-spacing:0;margin:0 0 7px}
.cf-family__detail-grid p,.cf-family__detail-grid li{font-size:12px;line-height:1.8;color:#587486;margin:0}
.cf-family__prose{max-width:900px;margin:36px auto}
.cf-family__prose p{color:#4d6c7f;font-size:14px}
.cf-family__verdict{max-width:none;border:1px solid #fff;border-radius:20px;background:linear-gradient(130deg,#ffffffc9,#e4f0f4a8);padding:30px 34px;box-shadow:0 8px 30px #23485c06}
.cf-family__verdict p:last-child{margin:0}
.cf-family__methodology{max-width:900px;margin:32px auto;color:var(--family-muted);font-size:12px}
.cf-family__methodology h2{font-size:20px;letter-spacing:-.02em;margin:0 0 12px}
.cf-family__faq details{border-bottom:1px solid var(--family-line)}
.cf-family__faq details p{font-size:13px}
.cf-family__related{padding-top:30px;border-top:1px solid var(--family-line)}
.cf-family__related h2{font-size:28px}
.cf-family__related ul{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cf-family__related li{margin:0;min-width:0}
.cf-family__related a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #d7e6ee;border-radius:12px;background:#ffffff80;font-size:12px;line-height:1.6;text-decoration:none}
.cf-family__related a:hover{background:#fff}
.cf-family .cf-family__disclosure{font-size:10px;color:#6a8190;line-height:1.75;padding-top:20px;margin:20px 0 0;border-top:1px solid var(--family-line)}
.cf-family__notice{padding:14px 20px;border:1px solid #c8dce6;border-radius:12px;background:#ffffffa1;font-size:12px;margin:20px 0 0;color:#466b7d}
.cf-family-preview-nav{margin:0;padding:18px 28px;background:#f2f7fa;font:12px/1.5 Arial,sans-serif}
.cf-family-preview-nav a{color:#466b7d}
@media(max-width:1050px){.cf-family__hero{gap:32px;grid-template-columns:minmax(0,1.3fr) minmax(250px,.85fr)}.cf-family h1{font-size:48px}.cf-family__entry-main{grid-template-columns:190px minmax(0,1fr);gap:28px;padding:28px}.cf-family__wear{align-items:flex-start;flex-direction:column;gap:5px}.cf-family__entry-bottom{grid-template-columns:1fr 1fr}.cf-family__quick-best{display:none}.cf-family thead th:nth-child(3){display:none}.cf-family thead th:nth-child(2){width:50%}.cf-family thead th:nth-child(4){width:20%}.cf-family__count{display:none}}
@media(max-width:740px){
.cf-family{padding:22px 18px 42px}.cf-family h1{font-size:38px;line-height:1.1;letter-spacing:-.05em;margin:18px 0}.cf-family h2{font-size:27px}.cf-family__hero{grid-template-columns:1fr;gap:23px;padding:32px 0 28px}.cf-family__answer{font-size:15px;line-height:1.8;margin:20px 0}.cf-family__byline{font-size:10px}.cf-family__hero .cf-family__eyebrow{font-size:9px;letter-spacing:.12em}.cf-family__winner{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 17px;padding:18px;border-radius:17px}.cf-family__winner-top{grid-column:1/-1;margin-bottom:14px}.cf-family__winner-image{grid-column:1;grid-row:2/5;width:76px;height:100px;margin:0;border-radius:12px}.cf-family__winner-image img{width:62px;height:86px}.cf-family__winner h2{grid-column:2;font-size:19px;margin:0 0 6px;align-self:end}.cf-family__winner-wear{grid-column:2;font-size:11px}.cf-family__winner-wear span{display:block;font-size:9px}.cf-family__winner-link{grid-column:2;font-size:10px;margin-top:8px;padding-top:9px}.cf-family__winner-badge{font-size:9px;padding:3px 8px}.cf-family__quick{padding:19px 14px 14px;border-radius:16px}.cf-family__quick h2{font-size:23px}.cf-family__quick .cf-family__eyebrow{font-size:9px}.cf-family table,.cf-family tbody{display:block}.cf-family thead{display:none}.cf-family tr{display:grid;grid-template-columns:22px minmax(0,1fr) 82px;gap:2px 8px;align-items:center;padding:12px 0;border-bottom:1px solid #dbe7ed}.cf-family tbody tr:last-child{border-bottom:0}.cf-family th,.cf-family td{border:0;padding:0;min-width:0}.cf-family__quick-rank{grid-column:1;grid-row:1/3;align-self:start;padding-top:7px!important}.cf-family__quick-rank>span{width:21px;height:23px;border-radius:7px;font-size:10px}.cf-family tbody th{grid-column:2;grid-row:1;font-size:11px;line-height:1.5}.cf-family tbody th>a{gap:7px;align-items:flex-start}.cf-family__quick-image{display:none}.cf-family tbody .cf-family__award{font-size:8px;display:inline-block;margin:3px 0 0 4px}.cf-family__quick-best{display:none}.cf-family__quick-wear{grid-column:2;grid-row:2;font-size:10px;color:#638292}.cf-family__quick-shop{grid-column:3;grid-row:1/3;text-align:right!important;font-size:10px}.cf-family__quick-shop small{font-size:8px;line-height:1.5}.cf-family caption{display:block;font-size:9px;line-height:1.7;padding-top:9px}.cf-family__bridge{align-items:flex-start;flex-direction:column;gap:12px;padding:22px 2px}.cf-family__bridge>a{font-size:11px}.cf-family__ranked-heading{align-items:flex-start;flex-direction:column;gap:10px;padding:32px 0 21px}.cf-family__ranked-heading>p{font-size:12px}.cf-family__entry{border-radius:17px;margin-bottom:20px}.cf-family__entry-top{padding:13px 17px;gap:10px}.cf-family__entry-top .cf-family__eyebrow{font-size:8px;letter-spacing:.08em;gap:8px}.cf-family__entry-top .cf-family__award{font-size:9px;padding:4px 8px}.cf-family__entry-main{grid-template-columns:1fr;padding:21px 20px 23px;gap:24px}.cf-family__identity{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:18px}.cf-family__bottle{height:150px;margin:0}.cf-family__bottle img{height:148px;width:100px}.cf-family dl{font-size:9px;margin:0;padding:0;border-top:0}.cf-family dl>div{display:block;margin:5px 0}.cf-family dd{text-align:left}.cf-family dt{display:inline;margin-right:4px}.cf-family dd{display:inline}.cf-family h3{font-size:26px;margin:7px 0 16px}.cf-family__reason{font-size:14px;line-height:1.8}.cf-family__tags{margin:14px 0!important}.cf-family__tags li{font-size:9px}.cf-family__wear{padding:13px 15px;gap:5px}.cf-family__wear strong{font-size:20px}.cf-family__wear>div>span{font-size:10px}.cf-family__wear>a{font-size:10px}.cf-family__fit{gap:16px;margin:20px 0}.cf-family__fit>div+div{padding-left:16px}.cf-family__fit h4{font-size:10px}.cf-family__fit p{font-size:11px;line-height:1.8}.cf-family__entry-bottom{grid-template-columns:1fr}.cf-family__notes,.cf-family__shopping{padding:22px 20px}.cf-family__shopping{border-left:0;border-top:1px solid #dce8ef}.cf-family__entry-bottom--shopping .cf-family__shopping{border-top:0}.cf-family .cf-note-tier{grid-template-columns:36px minmax(0,1fr);gap:7px}.cf-family .cf-note-tier__label{font-size:8px}.cf-family .cf-note-tier__items{gap:10px 6px}.cf-family .cf-note{width:76px;gap:5px}.cf-family .cf-note__name{font-size:11px}.cf-family__details{padding:0 20px}.cf-family__details summary{font-size:11px}.cf-family__detail-grid{grid-template-columns:1fr;gap:18px}.cf-family__verdict{padding:24px 21px;margin:26px 0}.cf-family__verdict h2{font-size:26px}.cf-family__prose p{font-size:13px}.cf-family__methodology{font-size:11px}.cf-family__related ul{grid-template-columns:1fr}.cf-family__related a{font-size:12px}.cf-family p,.cf-family dd,.cf-family h3{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.cf-family__button,.cf-family__offers>a{transition:none}}