.blog-article{background-color:var(--color-ivory-10)}.blog-article__container{width:100%;max-width:760px;padding-inline:var(--spacing-page-horizontal-mobile);margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:64px}.blog-article__breadcrumbs{margin-bottom:var(--spacing-yotpo-xlarge)}.blog-article__crumbs{align-items:center;gap:var(--spacing-yotpo-small);font-family:var(--font-family-inter);font-size:var(--font-size-text-medium);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-article__crumbs a{color:var(--color-breadcrumb-link);text-decoration:none}.blog-article__crumbs a:hover{color:var(--color-breadcrumb-link-hover);text-decoration:underline}.blog-article__crumb-sep{color:var(--color-breadcrumb-separator)}.blog-article__crumb-current{color:var(--color-breadcrumb-current)}.blog-article__header{margin-bottom:var(--spacing-yotpo-xxxxlarge)}.blog-article__brand{background-color:var(--color-text-primary);color:var(--color-cream);font-family:var(--font-family-inter);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--button-border-radius);margin-bottom:var(--spacing-yotpo-large);padding:6px 12px;text-decoration:none;display:inline-block}.blog-article__title{font-family:var(--font-family-ivy-presto);letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:36px;font-weight:600;line-height:1.1}@media (min-width:768px){.blog-article__title{font-size:48px}}.blog-article__lead{margin:var(--spacing-yotpo-large)0 0;font-family:var(--font-family-inter);font-size:var(--font-size-text-xlarge);color:var(--color-text-secondary);line-height:1.5}.blog-article__lead>p{margin:0}.blog-article__meta{align-items:center;gap:var(--spacing-yotpo-medium);margin-top:var(--spacing-yotpo-xlarge);font-family:var(--font-family-inter);font-size:var(--font-size-text-medium);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.blog-article__meta-dot{background-color:var(--color-grey-30);border-radius:50%;width:3px;height:3px}.blog-article__hero{margin:0 0 var(--spacing-yotpo-xxxxlarge)}.blog-article__hero img{border-radius:24px;width:100%;height:auto;display:block}.blog-article__hero figcaption{margin-top:var(--spacing-yotpo-medium);font-family:var(--font-family-inter);font-size:var(--font-size-text-medium);color:var(--color-text-secondary)}.blog-article__content{font-family:var(--font-family-inter);color:var(--color-text-primary);font-size:18px;line-height:1.7}.blog-article__content>:first-child{margin-top:0}.blog-article__content>:last-child{margin-bottom:0}.blog-article__content p{margin:0 0 24px}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4{font-family:var(--font-family-graphie);color:var(--color-text-primary);margin:40px 0 12px;line-height:1.25}.blog-article__content h2{font-size:30px;font-weight:700}.blog-article__content h3{font-size:22px;font-weight:600}.blog-article__content h4{font-size:18px;font-weight:600}.blog-article__content a{color:var(--color-blue-30);text-underline-offset:2px;text-decoration:underline}.blog-article__content a:hover{color:var(--color-blue-40)}.blog-article__content strong,.blog-article__content b{font-weight:700}.blog-article__content em,.blog-article__content i{font-style:italic}.blog-article__content s,.blog-article__content del{color:var(--color-text-secondary);text-decoration:line-through}.blog-article__content u,.blog-article__content ins{text-decoration:underline;text-decoration-thickness:1px}.blog-article__content mark{background-color:var(--color-hover-highlight);color:var(--color-text-primary);border-radius:2px;padding:0 .15em}.blog-article__content small{color:var(--color-text-secondary);font-size:14px}.blog-article__content abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.blog-article__content sub,.blog-article__content sup{font-size:.75em;line-height:0}.blog-article__content code{background-color:var(--color-grey-10);border-radius:4px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.blog-article__content kbd{background-color:var(--color-white);border:1px solid var(--color-grey-30);color:var(--color-text-primary);border-bottom-width:2px;border-radius:4px;padding:.1em .5em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.blog-article__content pre{background-color:var(--color-grey-60);color:var(--color-cream);border-radius:12px;margin:0 0 24px;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.blog-article__content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.blog-article__content blockquote{border-left:4px solid var(--color-hover-highlight);font-family:var(--font-family-ivy-presto);color:var(--color-text-primary);margin:0 0 24px;padding:4px 0 4px 20px;font-size:22px;font-style:italic;line-height:1.5}.blog-article__content blockquote p{margin:0}.blog-article__content ul,.blog-article__content ol{margin:0 0 24px;padding-left:24px}.blog-article__content ul{list-style:outside}.blog-article__content ol{list-style:decimal}.blog-article__content li{margin-bottom:8px}.blog-article__content li:last-child{margin-bottom:0}.blog-article__content li::marker{color:var(--color-text-secondary)}.blog-article__content table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:16px}.blog-article__content th,.blog-article__content td{text-align:left;border:1px solid var(--color-grey-20);padding:12px 16px}.blog-article__content thead th{background-color:var(--color-cream);font-weight:700}.blog-article__content tbody tr:nth-child(2n){background-color:var(--color-ivory-10)}.blog-article__content hr{border:0;border-top:1px solid var(--color-divider-secondary);margin:40px 0}.blog-article__content details{border:1px solid var(--color-grey-20);background-color:var(--color-white);border-radius:12px;margin:0 0 16px;padding:0 16px}.blog-article__content summary{cursor:pointer;font-weight:var(--font-weight-semibold);padding:16px 0}.blog-article__content details[open] summary{border-bottom:1px solid var(--color-grey-20)}.blog-article__content details>:not(summary){margin-top:16px}.blog-article__content details>:last-child{margin-bottom:16px}.blog-article__content figure{margin:0 0 24px}.blog-article__content figure img{border-radius:24px;width:100%;height:auto;display:block}.blog-article__content figcaption{margin-top:var(--spacing-yotpo-medium);color:var(--color-text-secondary);font-size:14px}.blog-article__content img{max-width:100%;height:auto}.article-related{background-color:var(--color-cream);border-radius:24px;margin:48px 0 0;padding:36px}.article-related__header{align-items:center;gap:var(--spacing-yotpo-large);margin-bottom:28px;display:flex}.article-related__icon{background-color:var(--color-hover-highlight);width:44px;height:44px;color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.article-related__titles{flex-direction:column;gap:2px;display:flex}.article-related__eyebrow{font-family:var(--font-family-graphie);font-size:var(--font-size-text-xlarge);color:var(--color-text-primary);font-weight:700;line-height:1.2}.article-related__subtitle{font-family:var(--font-family-inter);font-size:var(--font-size-text-medium);color:var(--color-text-secondary)}.article-related__list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.article-related__item{align-items:center;gap:var(--spacing-yotpo-xlarge);color:inherit;text-decoration:none;display:flex}.article-related__item:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px;border-radius:12px}.article-related__item:hover .article-related__heading{text-underline-offset:2px;text-decoration:underline}.article-related__item:hover .article-related__thumb{transform:scale(1.05)}.article-related__item:hover .article-related__arrow{color:var(--color-text-primary);transform:translate(3px)}.article-related__media{background-color:var(--color-yellow-10);border-radius:12px;flex-shrink:0;width:120px;height:80px;overflow:hidden}.article-related__thumb{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.article-related__text{gap:var(--spacing-yotpo-tiny);flex-direction:column;flex:1;min-width:0;display:flex}.article-related__brand{font-family:var(--font-family-inter);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.article-related__heading{font-family:var(--font-family-graphie);font-size:var(--font-size-text-large);color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.article-related__arrow{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s,color .2s;display:inline-flex}@media (max-width:480px){.article-related{padding:20px}.article-related__media{width:88px;height:64px}.article-related__arrow{display:none}}
.article-brands{font-family:var(--font-family-inter);flex-direction:column;gap:24px;display:flex}.article-brands__head{flex-direction:column;gap:6px;padding:4px 4px 8px;display:flex}.article-brands__eyebrow{font-family:var(--font-family-inter);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.article-brands__title{font-family:var(--font-family-graphie);color:var(--color-text-primary);margin:0;font-size:22px;font-weight:700;line-height:1.2}.article-brands__lead{font-size:var(--font-size-text-medium);color:var(--color-text-secondary);margin:4px 0 0;line-height:1.5}.article-brands__list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.article-brands__card{background-color:var(--color-white);border:1px solid var(--color-grey-20);color:inherit;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.article-brands__card:hover{border-color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 12px 28px rgba(32,31,31,.1)}.article-brands__card:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.article-brands__media{aspect-ratio:16/10;background-color:var(--color-grey-10);position:relative;overflow:hidden}.article-brands__image{object-fit:cover;width:100%;height:100%;display:block}.article-brands__body{flex-direction:column;gap:12px;padding:20px;display:flex}.article-brands__category{font-family:var(--font-family-inter);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background-color:var(--color-grey-10);border-radius:999px;align-self:flex-start;padding:5px 10px}.article-brands__name{font-family:var(--font-family-graphie);color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700;line-height:1.2}.article-brands__rating{font-size:var(--font-size-text-medium);color:var(--color-text-secondary);align-items:center;gap:8px;display:flex}.article-brands__score{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.article-brands__count{white-space:nowrap}.article-brands__description{font-size:var(--font-size-text-medium);color:var(--color-text-secondary);margin:0;line-height:1.55}.article-brands__cta{font-family:var(--font-family-inter);font-size:var(--font-size-text-medium);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:6px;margin-top:4px;display:inline-flex}.article-brands__cta-arrow{transition:transform .2s}.article-brands__card:hover .article-brands__cta-arrow{transform:translate(3px)}
.blog-article-shell{background-color:var(--color-ivory-10);min-height:60vh}.blog-article-shell__container{width:100%;max-width:var(--max-width-content);padding-inline:var(--spacing-page-horizontal-mobile);margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:64px}@media (min-width:1024px){.blog-article-shell__container{padding-inline:var(--spacing-page-horizontal-desktop)}}.blog-article-shell__grid{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (min-width:1024px){.blog-article-shell__grid{grid-template-columns:300px minmax(0,1fr);gap:48px}.blog-article-shell__sidebar{top:calc(var(--height-topbar) + 40px);position:-webkit-sticky;position:sticky}}.blog-article-shell__main .blog-article{background-color:transparent}.blog-article-shell__main .blog-article__container{max-width:none;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0}.blog-article-shell__main--solo{max-width:760px;margin-left:auto;margin-right:auto}