/* Only the opt-in 2026 Article template uses these rules. */
.dj-article-2026{color:#202020;--dj-a26-offset:150px}
.dj-article-2026 [hidden]{display:none!important}
.dj-article-2026>.container,.dj-article-2026 .dj-a26-hero>.container{max-width:1150px;width:100%;padding-left:24px;padding-right:24px}
.dj-article-2026 .dj-a26-hero{background:linear-gradient(115deg,#111,#272727);color:#fff;padding:38px 0 35px}
.dj-article-2026 .dj-a26-hero.has-image{padding-bottom:100px}
.dj-article-2026 .dj-a26-hero h1{font:700 44px/1.2 Raleway,Arial,sans-serif;letter-spacing:-1px;max-width:850px;margin:0;color:#fff}
.dj-article-2026 .dj-a26-intro{max-width:720px;font-size:17px;line-height:1.7;color:#ddd;margin-top:20px}
.dj-article-2026 .dj-a26-intro p{margin:0}
.dj-article-2026 .dj-a26-breadcrumb{font-size:12px;color:#ccc;margin-top:22px}
.dj-article-2026 .dj-a26-breadcrumb ul li,.dj-article-2026 .dj-a26-breadcrumb ul li a{color:#ccc}
.dj-article-2026 .dj-a26-featured{margin:-65px 0 0;position:relative;overflow:hidden;border-radius:5px;background:#191919}
.dj-article-2026 .dj-a26-featured img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;margin:0;max-width:100%}
.dj-article-2026 .dj-a26-meta{display:flex;flex-wrap:wrap;gap:10px 28px;padding:20px 0;border-bottom:1px solid #e5e5e5;color:#666;font-size:13px;line-height:1.6}
.dj-article-2026 .dj-a26-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start;padding:38px 0}
.dj-article-2026 .dj-a26-body{padding:0;min-width:0;font-size:16px;line-height:1.8;overflow-wrap:break-word}
.dj-article-2026 .dj-a26-body p,.dj-article-2026 .dj-a26-body li{font-size:16px;line-height:1.8}
.dj-article-2026 .dj-a26-body p{margin-bottom:22px}
/* Opt-in emphasis at the article H4 size, without heading semantics or spacing. */
.dj-article-2026 .dj-a26-content strong.text-h4{font-size:20px}
/* Author attribution is emphasis, not a section heading. */
.dj-article-2026 .dj-a26-content strong.articleAuthor__name{font-size:20px;font-weight:700;line-height:1.5;margin:24px 0 12px}
/* Article headings, including columns; embedded components retain their own typography. */
.dj-article-2026 .dj-a26-content h2:not(:where(.dj-related *, .dj-price-checker *, .useful-links *, .blog-related-links *, details *, form *, [data-no-toc] *, [data-no-toc])){font-size:28px;font-weight:700;line-height:1.4;margin:34px 0 17px}
.dj-article-2026 .dj-a26-content h3:not(:where(.dj-related *, .dj-price-checker *, .useful-links *, .blog-related-links *, details *, form *, [data-no-toc] *, [data-no-toc])){font-size:24px;font-weight:700;line-height:1.45;margin:28px 0 14px}
.dj-article-2026 .dj-a26-content h4:not(:where(.dj-related *, .dj-price-checker *, .useful-links *, .blog-related-links *, details *, form *, [data-no-toc] *, [data-no-toc])){font-size:20px;font-weight:700;line-height:1.5;margin:24px 0 12px}
.dj-article-2026 .dj-a26-content h5:not(:where(.dj-related *, .dj-price-checker *, .useful-links *, .blog-related-links *, details *, form *, [data-no-toc] *, [data-no-toc])){font-size:18px;font-weight:700;line-height:1.5;margin:22px 0 11px}
.dj-article-2026 .dj-a26-content h6:not(:where(.dj-related *, .dj-price-checker *, .useful-links *, .blog-related-links *, details *, form *, [data-no-toc] *, [data-no-toc])){font-size:16px;font-weight:700;line-height:1.5;margin:20px 0 10px}
.dj-article-2026 .dj-a26-content>h2:first-child,.dj-article-2026 .dj-a26-content>h3:first-child{margin-top:0}
.dj-article-2026 .dj-a26-content img{max-width:100%;height:auto}
.dj-article-2026 .dj-a26-content iframe,.dj-article-2026 .dj-a26-content video{max-width:100%}
.dj-article-2026 .dj-a26-content:after{content:'';display:block;clear:both}
.dj-article-2026 .dj-a26-content [id]{scroll-margin-top:var(--dj-a26-offset)}
.dj-article-2026 .dj-a26-table-scroll{overflow-x:auto;max-width:100%;margin:22px 0}
.dj-article-2026 .dj-a26-aside{position:sticky;top:var(--dj-a26-offset);min-width:0}
.dj-article-2026 .dj-a26-panel{padding:20px;border:1px solid #dedede;border-radius:5px;margin-bottom:20px;background:#fff}
.dj-article-2026 .dj-a26-panel h2{font-size:17px;line-height:1.4;font-weight:700;margin:0 0 16px}
.dj-article-2026 [data-article-toc] nav{display:flex;flex-direction:column;gap:3px;max-height:55vh;overflow-y:auto}
.dj-article-2026 [data-article-toc] a{position:relative;display:block;margin:0 4px;padding:9px 10px 9px 28px;font-size:13px;font-weight:600;line-height:1.5;border-left:2px solid transparent;border-radius:4px;color:#333;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.dj-article-2026 [data-article-toc] a[data-level="3"]{padding-left:38px}
.dj-article-2026 [data-article-toc] a[data-level="4"]{padding-left:48px}
.dj-article-2026 [data-article-toc] a:hover{background:#fcf0f1;color:#a40c1a}
.dj-article-2026 [data-article-toc] a[aria-current="location"]{background:#fcf0f1;color:#333;border-color:transparent}
.dj-article-2026 [data-article-toc] a:before{content:"→";position:absolute;left:8px;top:9px;color:#d21123;font-weight:700;line-height:1.5;opacity:0;transition:opacity .18s ease}
.dj-article-2026 [data-article-toc] a[aria-current="location"]:before{opacity:1}
@media(prefers-reduced-motion:reduce){.dj-article-2026 [data-article-toc] a,.dj-article-2026 [data-article-toc] a:before{transition:none}}
.dj-article-2026 .dj-a26-cta{background:#191919;color:#fff;border-top:4px solid #d21123}
.dj-article-2026 .dj-a26-cta p{font-size:14px;line-height:1.7;color:#ddd;margin:0 0 18px}
.dj-article-2026 .dj-a26-cta a{display:block;padding:12px;background:#d21123;color:#fff;border-radius:4px;font-size:13px;font-weight:700;text-align:center}
.dj-article-2026 .dj-a26-mobile-toc{display:none}
.dj-article-2026 .dj-a26-share{border-top:1px solid #e5e5e5;margin-top:30px;padding-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px}
.dj-article-2026 .dj-a26-share button{font:inherit;background:#fff;color:#333;border:1px solid #ccc;border-radius:4px;padding:10px 15px;cursor:pointer}
.dj-article-2026 a:focus-visible,.dj-article-2026 button:focus-visible{outline:3px solid #1866ba;outline-offset:3px}
@media(max-width:800px){.dj-article-2026 .dj-a26-layout{grid-template-columns:1fr;padding-top:25px;gap:0}.dj-article-2026 .dj-a26-aside{display:none}.dj-article-2026 .dj-a26-mobile-toc{display:block;padding:15px;border:1px solid #ddd;border-radius:4px;margin-bottom:25px;background:#fafafa}.dj-article-2026 .dj-a26-mobile-toc summary{font-size:16px;font-weight:700;cursor:pointer}.dj-article-2026 .dj-a26-hero h1{font-size:32px}.dj-article-2026 .dj-a26-featured img{aspect-ratio:16/9}.dj-article-2026>.container,.dj-article-2026 .dj-a26-hero>.container{padding-left:18px;padding-right:18px}.dj-article-2026 .dj-a26-content img.alignleft,.dj-article-2026 .dj-a26-content img.alignright{float:none;margin-left:0;margin-right:0}}
/* Leave room for the mini checker; long contents lists scroll independently. */
.dj-article-2026 .dj-a26-desktop-toc summary{font-size:16px;line-height:1.5;font-weight:700;cursor:pointer}
.dj-article-2026 .dj-a26-desktop-toc[open] summary{margin-bottom:12px}
.dj-article-2026 .dj-a26-desktop-toc nav{max-height:var(--dj-a26-toc-height,320px);overscroll-behavior:contain;scrollbar-width:thin}
.dj-article-2026 .dj-a26-aside{max-height:calc(100dvh - var(--dj-a26-offset) - 16px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-padding:12px;overflow-anchor:none}
@media(max-width:800px){.dj-article-2026 .dj-a26-aside{display:block;position:static;margin-top:28px;max-height:none;overflow:visible}.dj-article-2026 .dj-a26-desktop-toc{display:none}}

.dj-article-2026 .dj-a26-hero .dj-a26-category{font-size:18px;line-height:1.5;font-weight:600;color:#ddd;margin:0 0 10px}

.dj-article-2026 .dj-a26-share{margin-bottom:26px;gap:10px}
.dj-article-2026 .dj-a26-share strong{margin-right:8px}
.dj-article-2026 .dj-a26-share a,.dj-article-2026 .dj-a26-share button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:0;background:#d21123;color:#fff;font:22px/1 Arial,sans-serif;text-decoration:none;cursor:pointer}
.dj-article-2026 .dj-a26-share a:hover,.dj-article-2026 .dj-a26-share button:hover{background:#a90d1c}
@media(pointer:coarse){.dj-article-2026 .dj-a26-share a,.dj-article-2026 .dj-a26-share button{width:44px;height:44px;flex-basis:44px}}

@media(max-width:800px){.dj-article-2026 .dj-a26-share strong{flex-basis:100%;margin-right:0}.dj-article-2026 .dj-a26-share [data-copy-status]{flex-basis:100%}}