.article-template__hero{background-color:var(--qn-ink);background-image:var(--qn-caps-dark);color:#fff}
.article-template__hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;padding-top:0.8rem;padding-bottom:3.2rem}
.article-template__head,.article-template__hero-image{min-width:0}
.article-template__head{align-self:start}
.article-template__head .qn-crumbs{padding:1.2rem 0 1.2rem;color:#d9dadd}
.article-template__title{font-size:clamp(4rem,4.2vw,6rem);margin:1.2rem 0 1.4rem;color:#fff}
.article-template__lede{font-size:1.8rem;line-height:1.55;margin:0 0 1.2rem;color:#e5e6e9}
.article-template__meta{margin:0;font-size:1.4rem;color:#b4b6bb}
.article-template__hero .qn-post__tag{color:var(--qn-glow)}
.article-template__hero-image{margin:0;border-radius:0.6rem;overflow:hidden;background:var(--qn-coal)}
.article-template__hero-image img{display:block;width:100%;height:auto}
@media screen and (max-width:61.873em){.article-template__hero-image{max-width:60rem}}
@media screen and (min-width:61.875em){.article-template__hero-in{grid-template-columns:minmax(0,1fr) minmax(0,56rem);gap:4.8rem;align-items:start;padding-bottom:4.8rem}}
.qn-art{display:grid;gap:2.8rem}
@media screen and (min-width:61.875em){.qn-art{grid-template-columns:26rem minmax(0,1fr);gap:5.6rem;align-items:start}.qn-toc{position:sticky;top:9.6rem}}
.qn-toc{border-radius:0.6rem;background:var(--qn-ink);color:#fff;padding:1.6rem 1.8rem;font-size:1.5rem}
.qn-toc summary{cursor:pointer;font-family:var(--font-heading-family);font-size:2.4rem;display:flex;justify-content:space-between;align-items:center;list-style:none}
.qn-toc summary::-webkit-details-marker{display:none}
.qn-toc ol{margin:1.2rem 0 0;padding-left:2rem;display:grid;gap:0.6rem}
.qn-toc li::marker{color:var(--qn-orange)}
.qn-toc a{text-decoration:none;color:#fff}
.qn-toc a:hover{text-decoration:underline}
.article-template__content{font-size:1.8rem;line-height:1.7;min-width:0;max-width:82rem}
.article-template__content h2{margin:4.8rem 0 1.6rem;scroll-margin-top:11rem}
.article-template__content h2:first-child{margin-top:0}
.article-template__content h3{margin:2.8rem 0 1rem;font-size:2rem}
.article-template__content ul,.article-template__content ol{padding-left:2.2rem;margin:0 0 1.8rem}
.article-template__content li+li{margin-top:0.6rem}
.qn-fig{margin:2.4rem 0}
.qn-fig__img{border-radius:0.6rem;overflow:hidden;background:var(--qn-sand)}
.qn-fig__img img{display:block;width:100%;height:auto}
.qn-fig figcaption{margin-top:1rem;font-size:1.4rem;line-height:1.5;color:var(--qn-ink2)}
.qn-fig figcaption b{display:block;color:var(--qn-ink)}
.qn-fig--pair .qn-fig__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
@media screen and (min-width:46.875em){.qn-fig--side{float:right;width:var(--fw);margin:0.6rem 0 1.6rem 2.8rem}}
@media screen and (min-width:73.75em){.qn-fig:not(.qn-fig--side):not(.qn-fig--pair):has(figcaption){display:grid;grid-template-columns:minmax(0,max-content) minmax(14rem,1fr);gap:2.4rem;align-items:end}.qn-fig:not(.qn-fig--side):not(.qn-fig--pair) figcaption{margin:0;padding-bottom:0.6rem;border-left:3px solid var(--qn-orange);padding-left:1.4rem}}
.qn-quote{margin:2.4rem 0;padding:2rem 2.2rem;border-radius:0.6rem;background:#fff;border-left:0.5rem solid var(--qn-ink)}
.qn-quote blockquote{margin:0;font-size:1.7rem}
.qn-quote blockquote p{margin:0}
.qn-quote figcaption{margin-top:1rem;font-size:1.4rem;color:var(--qn-ink2)}
.qn-quote--buyer{border-left-color:var(--qn-orange)}
.qn-note{margin:2.4rem 0;padding:1.8rem 2rem;border-radius:0.6rem;background:var(--qn-cream);border-left:0.4rem solid var(--qn-orange)}
.qn-note b{display:block;margin-bottom:0.6rem;font-weight:800}
.qn-note p{margin:0}
.qn-steps{margin:0 0 2.2rem;padding:0;list-style:none;counter-reset:st;display:grid;gap:1rem}
.qn-step{counter-increment:st;display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;align-items:start}
.qn-step::before{content:counter(st);width:3.4rem;height:3.4rem;border-radius:0.4rem;background:var(--qn-ink);color:var(--qn-orange);font-family:var(--font-heading-family);font-size:2.4rem;line-height:1;display:flex;align-items:center;justify-content:center}
.qn-step p{margin:0}
.qn-shelf{margin:2.4rem 0}
.qn-artbuy{margin:2.4rem 0;padding:1.8rem 2rem;border-radius:0.6rem;background:#fff;border:1px solid var(--qn-line);display:grid;gap:1rem;justify-items:start}
.qn-artbuy figcaption{font-size:1.5rem;color:var(--qn-ink2)}
.qn-artchart{margin:2.4rem 0}
.qn-artchart>figcaption{font-weight:700;margin:0 0 0.8rem}
.article-template__content .qn-ch,.article-template__content .qn-cmp{margin:2.4rem 0}
.article-template__content a.button{text-decoration:none}
.article-template__content ul.qn-stats,.article-template__content ul.qn-tickets,.article-template__content .qn-ch__zones,.article-template__content .qn-gauge__nums,.article-template__content .qn-chips{margin:0;padding:0;list-style:none}
.article-template__content ul.qn-stats>li,.article-template__content ul.qn-tickets>li{margin:0}
.article-template__content ul.qn-stats>li{padding:1.8rem}
.article-template__content .qn-ch__zones li{margin:0}
.article-template__content .qn-gauge__nums li{margin:0}
.article-template__content .qn-cmp dl>div{margin:0}
.qn-artfoot{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}
.main-blog__hero{background-color:var(--qn-ink);background-image:var(--qn-caps-dark);color:#fff;padding:0.8rem 0 4rem}
.main-blog__hero .qn-crumbs{color:#d9dadd}
.main-blog__hero h1{margin:1.6rem 0 1.2rem;color:#fff}
.main-blog__hero h1 em{color:var(--qn-orange)}
.main-blog__hero p{font-size:1.8rem;color:#d9dadd;margin:0;max-width:60ch}