.guides-directory{background:#101720;color:#cad4e4}.guides-directory main{max-width:1640px;padding-top:45px}.guides-directory .page-intro{max-width:950px;margin-bottom:36px}.guides-directory .page-intro h1{font-size:42px;font-weight:800;letter-spacing:-1px;color:#fff}.guides-directory .page-intro .eyebrow{color:#dfa94d;font-weight:800;letter-spacing:1.5px}.guides-directory .page-intro>p:not(.eyebrow){color:#b5c5dd}.guides-directory .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guides-directory .guide-card{display:flex;flex-direction:column;min-height:310px;background:white;border:1px solid #dae1e7;border-radius:16px;padding:28px;color:#162e40;box-shadow:0 8px 24px #00000012}.guides-directory .guide-card h2{color:#142d3b;font-size:25px;line-height:1.3;font-weight:700;margin:24px 0 16px}.guides-directory .guide-kicker{color:#687d91;font-size:11px;font-weight:700}.guides-directory .guide-card p{color:#64768b;font-size:14px}.guides-directory .guide-card .text-link{margin-top:auto;padding-top:24px;color:#8a5c1d;font-weight:700}.guides-directory .guide-card:hover{border-color:#d4a253;box-shadow:0 10px 30px #0002}.guides-directory .pagination{color:#dce4ee}@media(max-width:1000px){.guides-directory .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.guides-directory .guide-grid{grid-template-columns:1fr}.guides-directory .page-intro h1{font-size:32px}.guides-directory .guide-card{min-height:260px;padding:24px}}

/* Match the Brands and Yupoo sans-serif typography. */
.guides-directory,.guides-directory main,.guides-directory .page-intro,.guides-directory .guide-card,.guides-directory .guide-card h2,.guides-directory .page-intro h1{font-family:Arial,"Helvetica Neue",sans-serif;font-style:normal}
.guides-directory .page-intro h1{font-size:40px;font-weight:700;line-height:1.15;letter-spacing:-1px;margin:10px 0}
.guides-directory .page-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;font-weight:400}
.guides-directory .page-intro .eyebrow{font-size:13px;line-height:1.65;letter-spacing:2px;font-weight:800}
.guides-directory .guide-card h2{font-size:22.5px;line-height:1.65;font-weight:700;letter-spacing:normal}
.guides-directory .guide-card p{font-size:15px;line-height:1.65;font-weight:400}
.guides-directory .guide-card .text-link{font-size:13px;font-weight:700;letter-spacing:normal}
@media(max-width:760px){.guides-directory .page-intro h1{font-size:30px}}