.hw-guide-article{--guide-ink: #071a2f;--guide-muted: #5f6f84;--guide-blue: #156bd6;--guide-line: #d9e2ec}.hw-guide-article>.hw-guide-breadcrumbs:first-child{margin-top:2.4rem;margin-bottom:2.4rem}.hw-guide-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0;padding:0;color:var(--guide-muted);font-size:1.3rem;line-height:1.5;list-style:none}.hw-guide-breadcrumbs li+li:before{content:"/";margin-right:1rem;color:#a3afbd}.hw-guide-breadcrumbs li:last-child{overflow:hidden;max-width:48ch;text-overflow:ellipsis;white-space:nowrap}.hw-guide-breadcrumbs a,.hw-guide-next a{color:var(--guide-ink);text-decoration:none}.hw-guide-breadcrumbs a:hover,.hw-guide-next a:hover{color:var(--guide-blue);text-decoration:underline;text-underline-offset:.3rem}.hw-guide-article .article-template__hero-container{max-width:110rem;padding:0 2rem}.hw-guide-article .article-template__hero-container .media{height:28rem;padding-bottom:0!important;border-radius:.8rem}.hw-guide-article .article-template__hero-container img{object-fit:contain;background:#f5f7fa}.hw-guide-article header{margin-top:3.2rem;margin-bottom:1.6rem}.hw-guide-article .article-template__title{color:var(--guide-ink);font-size:clamp(2.8rem,3.1vw,4.4rem);line-height:1.15}.hw-guide-article .article-template__social-sharing{margin-top:1.2rem}.hw-guide-article .hw-guide-reading{max-width:112rem;margin-top:2.4rem}.hw-guide-reading [data-guide-content]{min-width:0;max-width:82rem;margin:0 auto 3.2rem;padding:0;overflow-wrap:anywhere;font-size:1.7rem;line-height:1.7}.hw-guide-reading [data-guide-content] :is(h2,h3,[id]){scroll-margin-top:15rem}.hw-guide-reading [data-guide-content] table{display:block;width:100%;max-width:100%;overflow-x:auto}.hw-guide-toc[hidden]{display:none}.hw-guide-toc{min-width:0;margin-bottom:2.4rem;font-size:1.4rem;line-height:1.5}.hw-guide-toc details{border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line)}.hw-guide-toc summary{padding:1.4rem 0;color:var(--guide-ink);font-weight:600;cursor:pointer}.hw-guide-toc ol{margin:0;padding:0 0 1.6rem;list-style:none}.hw-guide-toc li+li{margin-top:.9rem}.hw-guide-toc li[data-level="3"]{padding-left:1.2rem;font-size:1.3rem}.hw-guide-toc a{display:block;padding:.2rem 0;color:var(--guide-muted);text-decoration:none}.hw-guide-toc a:hover{color:var(--guide-blue);text-decoration:underline}.hw-guide-next{max-width:112rem;padding-top:2.4rem;padding-bottom:1.6rem;border-top:1px solid var(--guide-line)}.hw-guide-next__heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.2rem;margin-bottom:1.6rem}.hw-guide-next h2{margin:0;color:var(--guide-ink);font-size:2.4rem;line-height:1.3}.hw-guide-next__heading>a{font-size:1.4rem}.hw-guide-related>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}.hw-guide-related li{min-width:0;padding-top:1.6rem;border-top:1px solid var(--guide-line)}.hw-guide-related h3{margin:0 0 .8rem;font-size:1.8rem;line-height:1.4}.hw-guide-related p{margin:0;color:var(--guide-muted);font-size:1.4rem;line-height:1.55}.hw-guide-products{margin-top:3.2rem;padding-top:2.4rem;border-top:1px solid var(--guide-line)}.hw-guide-products h2{font-size:1.8rem}.hw-guide-products ul{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;margin:1.2rem 0 0;padding:0;list-style:none;font-size:1.4rem}.hw-guide-article a:focus-visible,.hw-guide-toc summary:focus-visible{outline:2px solid var(--guide-blue);outline-offset:4px}@media screen and (min-width:1100px){.hw-guide-reading[data-has-toc=true]{display:grid;grid-template-columns:21rem minmax(0,1fr);gap:4rem;align-items:start}.hw-guide-reading[data-has-toc=true] [data-guide-content]{margin-right:0;margin-left:0}.hw-guide-toc{position:sticky;top:14rem;max-height:calc(100vh - 17rem);overflow-y:auto}}@media screen and (max-width:749px){.hw-guide-article>.hw-guide-breadcrumbs:first-child{margin-top:1.6rem;margin-bottom:1.6rem}.hw-guide-breadcrumbs li:last-child{display:none}.hw-guide-breadcrumbs ol{font-size:1.2rem}.hw-guide-article .article-template__hero-container .media{height:18rem}.hw-guide-article header{margin-top:2.4rem}.hw-guide-reading [data-guide-content]{font-size:1.6rem;line-height:1.65}.hw-guide-next h2{font-size:2.1rem}.hw-guide-related>ul{grid-template-columns:1fr;gap:1.6rem}.hw-guide-products h2{font-size:1.8rem}.hw-guide-products ul{display:block}.hw-guide-products li+li{margin-top:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/huawell-guide-article.css.map */