.article-card{position:relative;transition:border-color .2s ease,box-shadow .2s ease}.article-card:hover{border-color:var(--blue-500);box-shadow:var(--shadow-card-hover)}.article-card:focus-within{outline:2px solid var(--blue-500);outline-offset:2px}.article-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.article-card__cat{position:relative;z-index:2;align-self:flex-start}.article-card__img{display:block;overflow:hidden}.article-card__img img{transition:transform .3s ease}.article-card:hover .article-card__img img{transform:scale(1.03)}.article-card__more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem;color:var(--blue-500)}.article-card__footer{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.article-card__footer .article-card__meta{margin:0;padding:0}@media(prefers-reduced-motion:reduce){.article-card__img img{transition:none}.article-card:hover .article-card__img img{transform:none}}.article-body figure{margin:32px 0}.article-body figure img{width:100%;height:auto;border-radius:12px;border:1px solid var(--gray-100)}.article-body figcaption{margin-top:10px;font-size:.88rem;color:var(--gray-500);text-align:center}.article-body .callout{background:var(--gray-50);border:1px solid var(--gray-100);border-left:4px solid var(--blue-500);border-radius:10px;padding:18px 20px;margin:28px 0}.article-body .callout p:last-child{margin-bottom:0}.article-body .callout.warn{border-left-color:#c2410c}.article-body .toc{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:12px;padding:20px 24px;margin:0 0 32px}.article-body .toc p{font-weight:700;color:var(--navy-900);margin-bottom:8px}.article-body .toc ol{margin:0}.article-body .toc a{text-decoration:none}.article-body .toc a:hover{text-decoration:underline}.article-body ol.steps{list-style:none;padding:0;margin:28px 0;counter-reset:step;display:grid;gap:12px}.article-body ol.steps li{counter-increment:step;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:start;background:#fff;border:1px solid var(--gray-100);border-radius:12px;padding:16px 18px;margin:0;box-shadow:var(--shadow-card)}.article-body ol.steps li:before{content:counter(step);grid-row:span 2;width:36px;height:36px;border-radius:50%;background:var(--navy-900);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.article-body ol.steps strong{color:var(--navy-900)}.article-body ol.steps span{color:var(--gray-700);font-size:.97rem}.article-body .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}@media(max-width:640px){.article-body .compare{grid-template-columns:1fr}}.article-body .compare>div{border:1px solid var(--gray-100);border-radius:12px;padding:18px 20px;background:#fff;min-width:0}.article-body .compare>div:first-child{border-top:4px solid var(--navy-900)}.article-body .compare>div:last-child{border-top:4px solid var(--blue-500)}.article-body .compare h4{margin:0 0 10px;font-size:1.05rem;color:var(--navy-900)}.article-body .compare ul{margin:0;padding-left:20px}.article-body .compare li{font-size:.97rem}.article-body ul.checklist{list-style:none;padding:18px 20px;margin:28px 0;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:12px}.article-body ul.checklist li{position:relative;padding-left:32px;margin-bottom:10px}.article-body ul.checklist li:last-child{margin-bottom:0}.article-body ul.checklist li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:6px;border:2px solid var(--blue-500);background:#fff}.article-body ul.checklist li:after{content:"";position:absolute;left:7px;top:7px;width:6px;height:10px;border:solid var(--blue-500);border-width:0 2px 2px 0;transform:rotate(45deg)}.article-body .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:28px 0}.article-body .facts>div{border:1px solid var(--gray-100);border-radius:12px;padding:14px 16px;background:#fff}.article-body .facts strong{display:block;font-size:1.25rem;color:var(--navy-900);font-variant-numeric:tabular-nums}.article-body .facts span{font-size:.88rem;color:var(--gray-700)}.related{padding:56px 0 80px;background:var(--gray-50);border-top:1px solid var(--gray-100)}.related h2{font-size:1.5rem;margin-bottom:28px;color:var(--navy-900)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/blog-extra.css.map */