:root{--mp-brand:#154ba3;--mp-muted:#f8fafc;--mp-border:#e9edf3;--mp-border-strong:#d7deeb;--mp-text:#0f172a}.mp-article{color:var(--mp-text);line-height:1.75}.mp-article .mp-container{max-width:var(--mp-article-max,900px);margin:0 auto;padding:0 20px}.mp-article .mp-title{font-weight:700;line-height:1.2;margin:28px 0 10px;font-size:clamp(28px,4vw,40px)}.mp-article .mp-h2{font-weight:700;margin:22px 0 12px;font-size:clamp(22px,3vw,28px);color:var(--mp-brand);letter-spacing:-.01em}.mp-article .mp-h3{font-weight:600;margin:14px 0 8px;font-size:clamp(18px,2.2vw,22px)}.mp-article .mp-meta{color:#667085;font-size:.95rem;margin:6px 0 12px}.mp-article .mp-content.rte p{margin:10px 0 14px;font-size:1.02rem}.mp-article .mp-content.rte strong{font-weight:600}.mp-article .mp-content.rte em{color:#5f6b7a}.mp-article .mp-content.rte a:not(.mp-btn){color:var(--mp-brand);text-decoration:none}.mp-article .mp-content.rte a:not(.mp-btn):hover{text-decoration:underline}.mp-article .mp-content.rte ul,.mp-article .mp-content.rte ol{margin:8px 0 16px 20px}.mp-article .mp-content.rte li{margin:6px 0}.mp-article hr{border:0;border-bottom:1px solid var(--mp-border);margin:24px 0}.mp-article .mp-card{border:1px solid var(--mp-border);border-radius:16px;padding:16px 18px}.mp-article .mp-muted{background:var(--mp-muted)}.mp-article .mp-callout{border-left:4px solid var(--mp-brand);background:#f3f7ff;border-radius:8px;padding:12px 14px;margin:20px 0}.mp-article .mp-callout--warn{border-left-color:#b45309;background:#fff7ed}@media (max-width:999px){.mp-article .mp-toc{position:relative;background:#fff;border:1px solid var(--mp-border);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5;margin:20px 0}.mp-article .mp-toc__title{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;color:var(--mp-text)}.mp-article #mp-toc-list{list-style:none;margin:0;padding:0}.mp-article #mp-toc-list li{margin:6px 0}.mp-article #mp-toc-list a{display:block;text-decoration:none;color:var(--mp-text);opacity:.9}.mp-article #mp-toc-list a:hover{opacity:1}}@media (min-width:1000px){.mp-article .mp-toc{position:fixed;top:96px;right:16px;width:220px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--mp-border);border-radius:10px;padding:10px 12px;box-shadow:0 6px 20px #00000014;z-index:1000;font-size:13px;line-height:1.4}.mp-article .mp-toc__title{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;color:var(--mp-text)}.mp-article #mp-toc-list{list-style:none;margin:0;padding:0}.mp-article #mp-toc-list li{margin:6px 0}.mp-article #mp-toc-list a{display:block;text-decoration:none;color:var(--mp-text);opacity:.9}.mp-article #mp-toc-list a:hover{opacity:1}}.mp-article .mp-toc{border:1px dashed var(--mp-border-strong);border-radius:12px;padding:12px 14px;margin:18px 0;background:#fff}.mp-article .mp-toc__title{font-weight:600;margin-bottom:6px}.mp-article #mp-toc-list{list-style:decimal;margin:0 0 0 18px}.mp-article #mp-toc-list a{color:var(--mp-brand);text-decoration:none}.mp-article #mp-toc-list a:hover{text-decoration:underline}.mp-article #mp-toc-list:empty{display:none}.mp-article .mp-cta{text-align:center;margin:28px 0}.mp-article .mp-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--mp-brand);color:#fff!important;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;transition:opacity .15s ease,transform .05s ease}.mp-article .mp-btn:hover{opacity:.92}.mp-article .mp-btn:active{transform:translateY(1px)}.mp-article .mp-btn--outline{background:#fff;color:var(--mp-brand)!important;border:2px solid var(--mp-brand)}.mp-article .mp-product{display:grid;gap:16px;grid-template-columns:1fr;align-items:start;border:1px solid var(--mp-border);border-radius:16px;padding:14px;margin:22px 0;background:#fff}.mp-article .mp-product__img{width:100%;height:auto;border-radius:12px;border:1px solid #eef2f7;display:block}.mp-article .mp-product__body{display:flex;flex-direction:column;gap:12px;max-width:520px}.mp-article .mp-product__body .mp-meta{color:#667085;font-size:.95rem;margin-bottom:2px}.mp-article .mp-product__body .mp-bullets{margin:6px 0 12px;padding-left:18px}.mp-article .mp-product__body .mp-btn{align-self:flex-start;min-width:240px;margin-top:6px}@media (min-width:840px){.mp-article .mp-product{grid-template-columns:340px minmax(0,1fr);column-gap:28px}}.mp-article .mp-content img{max-width:100%;height:auto;border-radius:8px}.article__title-wrapper h1,.article__title-wrapper .article__title{font-weight:700!important;letter-spacing:.02em;text-transform:uppercase;font-family:var(--font-heading-family,inherit)}.mp-article .rte p+p{margin-top:0}.mp-article .rte ul{list-style:disc;padding-left:1.2rem}.mp-article .rte li{margin:.6rem 0}.mp-article .mp-content h2{scroll-margin-top:96px}.tone-light .mp-intro{background:var(--mp-muted)}.tone-muted .mp-intro{background:#eef3fb}.tone-contrast .mp-intro{background:#0f172a;color:#fff}.tone-contrast .mp-intro a{color:#fff;border-bottom:1px solid #fff}:root{--mp-brand:#154ba3}.mp-article .mp-cta{margin:28px 0;display:flex;justify-content:center}.mp-article .mp-cta a.mp-btn,.mp-article .mp-cta a.mp-btn:link,.mp-article .mp-cta a.mp-btn:visited{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;font-weight:700;line-height:1;text-decoration:none!important;border:2px solid var(--mp-brand)!important;background:var(--mp-brand)!important;color:#fff!important;transition:background .2s ease,color .2s ease,transform .06s ease}.mp-article .mp-cta a.mp-btn:hover{background:#113c83!important;border-color:#113c83!important}.mp-article .mp-cta a.mp-btn:active{transform:translateY(1px)}.mp-article .mp-cta a.mp-btn--outline{background:#fff!important;color:var(--mp-brand)!important;border:2px solid var(--mp-brand)!important}.mp-article .mp-cta a.mp-btn--outline:hover{background:var(--mp-brand)!important;color:#fff!important}.mp-article .mp-cta a.mp-btn--solid{background:var(--mp-brand)!important;color:#fff!important;border:2px solid var(--mp-brand)!important}.mp-article .mp-cta a.mp-btn--solid:hover{background:#113c83!important;border-color:#113c83!important}@media (max-width:640px){.mp-article .mp-cta a.mp-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mp-article.css.map */