/* Editorial pages: scope changes to blog routes and keep native forms/hooks. */
#blg-body.wd-article .wd-article-toc { display:block; height:auto !important; max-height:none; overflow:visible; }
#blg-body.wd-article .wd-article-toc ol { float:none; width:100%; }
#blg-body.wd-article .wd-article-toc li { float:none; width:auto; }
#blg-body.wd-article .blg-primary-img img { max-width:100% !important; float:none; }
#blg-body.wd-blog-index .blg-img img { max-width:100% !important; float:none; }
#blg-body .wd-related-grid { float:none; width:100%; }
#blg-body.wd-article table { float:none; max-width:none !important; width:100% !important; }
#blg-body.wd-blog-index .wd-index-heading { float:none; width:auto; margin:0; padding:0; line-height:1.4; font-size:19px; }
#blg-body.wd-article,#blg-body.wd-blog-index { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:36px; max-width:1140px; width:calc(100% - 48px) !important; float:none; margin:32px auto 48px; padding:0; box-sizing:border-box; color:#263d55; }
#blg-body.wd-article *,#blg-body.wd-blog-index * { box-sizing:border-box; }
#blg-body.wd-article #blg-main,#blg-body.wd-blog-index #blg-main { float:none; width:100% !important; padding:0; margin:0; min-width:0; }
#blg-body.wd-article #blg-side,#blg-body.wd-blog-index #blg-side { width:100% !important; float:none; margin:0; padding:0; min-width:0; }
.wd-editorial-kicker { display:block; float:none; width:auto; text-transform:uppercase; letter-spacing:1.7px; font-size:10px; color:#62867a; font-weight:700; line-height:1.5; }
#blg-body .wd-article-breadcrumb { float:none; width:auto; display:flex; flex-wrap:wrap; gap:6px; font-size:11px; line-height:1.6; color:#8c9cae; margin:0 0 22px; }
.wd-article-breadcrumb a { color:#6482a0; text-decoration:none; }
#blg-body.wd-article h1,#blg-body.wd-blog-index h1 { width:auto; float:none; margin:10px 0 16px; font-size:36px; line-height:1.18; letter-spacing:-1px; color:#203d57; font-weight:700; }
#blg-body .wd-article-deck,#blg-body .wd-blog-deck { width:auto; float:none; margin:0 0 20px; font-size:16px; line-height:1.7; color:#75879b; }
#blg-body .wd-article-meta { display:flex; flex-wrap:wrap; gap:7px 18px; margin:0 0 22px; padding:0 0 20px; border-bottom:1px solid #e2e9f1; color:#8595a5; font-size:10px; line-height:1.6; }
#blg-body.wd-article .blg-content-text { display:block; float:none; width:100%; padding:0; margin:0; position:relative; }
#blg-body.wd-article .blg-primary-img { width:100%; float:none; margin:0 0 26px; padding:20px; background:#edf3f7; border:1px solid #e0e8ef; border-radius:12px; overflow:hidden; height:210px; }
#blg-body.wd-article .blg-primary-img img { display:block; width:100% !important; height:170px !important; max-height:170px; margin:0; object-fit:contain; border-radius:6px; }
#blg-body.wd-article .blg-raw-text { width:100%; float:none; max-width:760px; margin:0; padding:0; color:#40566c; font-size:16px; line-height:1.8; overflow-wrap:anywhere; }
#blg-body.wd-article .blg-raw-text p { width:auto; float:none; margin:0 0 20px; line-height:1.8; font-size:16px; color:inherit; }
#blg-body.wd-article .blg-raw-text h2 { width:auto; float:none; margin:36px 0 16px; font-size:26px; line-height:1.3; color:#274661; letter-spacing:-.5px; scroll-margin-top:95px; }
#blg-body.wd-article .blg-raw-text h3 { width:auto; float:none; margin:26px 0 12px; font-size:20px; line-height:1.4; color:#355570; }
#blg-body.wd-article .blg-raw-text ul,#blg-body.wd-article .blg-raw-text ol { display:block; width:auto; float:none; padding:0 0 0 24px; margin:12px 0 24px; list-style-position:outside; }
#blg-body.wd-article .blg-raw-text ul { list-style:disc; }#blg-body.wd-article .blg-raw-text ol { list-style:decimal; }
#blg-body.wd-article .blg-raw-text li { float:none; width:auto; display:list-item; margin:8px 0; padding:0; line-height:1.8; list-style:inherit; }
#blg-body.wd-article .blg-raw-text a { color:#2a6da9; text-decoration:underline; text-underline-offset:3px; }
#blg-body.wd-article .wd-article-summary,#blg-body.wd-article .wd-article-note { display:block; float:none; width:100%; border:1px solid #d6e5e1; background:#eef7f3; border-radius:10px; padding:20px 24px; margin:0 0 24px; color:#3d675c; }
#blg-body.wd-article .wd-article-summary strong,#blg-body.wd-article .wd-article-note > strong { display:block; font-size:14px; color:#386b5b; margin-bottom:8px; }#blg-body.wd-article .wd-article-summary p,#blg-body.wd-article .wd-article-note p { font-size:15px; margin:0; line-height:1.7; }
#blg-body.wd-article .wd-article-note { background:#f4f7fc; border-color:#dfe7f0; color:#516780; }
.wd-article-toc { clear:both; width:100%; border:1px solid #e0e8f0; border-radius:10px; padding:20px 24px; margin:0 0 28px; background:#f8fafc; }
.wd-article-toc > strong { display:block; font-size:14px; color:#3c5975; margin-bottom:12px; }
.wd-article-toc ol { display:grid; grid-template-columns:1fr 1fr; gap:9px 18px; list-style:none; padding:0; margin:0; }
.wd-article-toc li { font-size:12px; line-height:1.55; margin:0; list-style:none; }.wd-article-toc a { color:#62809d; text-decoration:none; }
#blg-body.wd-article .wd-table-wrap { overflow-x:auto; max-width:100%; margin:24px 0; border:1px solid #dce5ee; border-radius:9px; }
#blg-body.wd-article table { width:100%; border-collapse:collapse; border:0; font-size:13px; line-height:1.6; margin:0; table-layout:auto; }
#blg-body.wd-article caption { text-align:left; caption-side:top; padding:13px 16px; font-size:12px; color:#6c8399; background:#f3f7fb; }
#blg-body.wd-article th,#blg-body.wd-article td { padding:13px 16px; border:0; border-top:1px solid #e1e8f0; text-align:left; vertical-align:top; background:none; color:#4f687f; font-size:13px; min-width:120px; }
#blg-body.wd-article thead th { color:#355470; background:#edf3f8; }#blg-body.wd-article tbody tr:nth-child(even) { background:#f9fbfd; }
#blg-body.wd-article .wd-listing-template { display:block; width:100%; float:none; white-space:pre-wrap; overflow-wrap:anywhere; padding:22px; margin:20px 0 12px; border:1px solid #dce5ef; border-radius:9px; color:#426078; background:#f6f9fc; font:13px/1.7 ui-monospace,Consolas,monospace; }
#blg-body.wd-article .wd-copy-template { float:none; width:auto; height:auto; padding:11px 16px; border:1px solid #2c6daf; border-radius:7px; background:#2c6daf; color:#fff; font-size:12px; font-weight:600; cursor:pointer; }.wd-copy-status { font-size:12px !important; color:#63836f !important; margin:9px 0 20px !important; min-height:0; }
.wd-legacy-anchor { display:block; height:0; margin:0; padding:0; scroll-margin-top:95px; }
#blg-body.wd-article #blg-side .blg-about-author { display:none; }
#blg-body #blg-side .blg-side-block { border:1px solid #e0e8f0; border-radius:10px; padding:18px; margin:0 0 18px; background:#fff; }
#blg-body #blg-side .blg-side-header { border:0; padding:0; margin:0 0 14px; font-size:14px; line-height:1.4; font-weight:700; color:#3c5770; }
#blg-body #blg-side .blg-cat-entry { border:0; margin:0; padding:8px 0; }#blg-body #blg-side .blg-cat-title { color:#70879d; font-size:12px; }
#blg-body #blg-side .blg-popular-entry { display:flex; gap:8px; padding:10px 0; border-color:#edf1f5; }.blg-popular-count { display:none !important; }
#blg-body #blg-side .blg-popular-order { font-size:11px; color:#9babb8; float:none; width:auto; }#blg-body #blg-side .blg-popular-title { float:none; width:auto; font-size:12px; line-height:1.6; color:#62809a; }
#blg-body #blg-side .blg-search input { width:100%; border:1px solid #dce5ee; border-radius:6px; min-height:40px; padding:9px 36px 9px 12px; font-size:13px; }#blg-body #blg-side .blg-search form { position:relative; }
#blg-body #blg-side .blg-latest-comments { display:none; }
#blg-body.wd-article .wd-empty-comments { display:none; }
#blg-body.wd-article .webdeal-guide-actions { margin:32px 0; padding:26px; background:#eaf2fa; border-color:#d3e1f0; border-radius:12px; }.webdeal-guide-actions h2 { font-size:24px; }
#blg-body.wd-article .wd-article-related { width:100%; float:none; clear:both; margin:32px 0; padding-top:26px; border-top:1px solid #e3eaf2; }
#blg-body.wd-article .wd-article-related h2 { width:auto; float:none; font-size:24px; color:#304e68; line-height:1.35; margin:7px 0 18px; }
.wd-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.wd-related-grid a { display:flex; flex-direction:column; gap:14px; padding:16px; border:1px solid #dfe7ef; border-radius:9px; text-decoration:none; background:#fff; }.wd-related-grid strong { font-size:13px; line-height:1.5; color:#496884; }.wd-related-grid span { font-size:10px; color:#7b92a8; margin-top:auto; }
#blg-body.wd-blog-index .blg-latest { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; width:100%; padding:0; margin:24px 0; }
#blg-body.wd-blog-index .blg-latest > .blg-row { position:relative; float:none; width:100% !important; padding:0; margin:0; background:#fff; border:1px solid #e0e8f0; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; }
#blg-body.wd-blog-index .blg-title-mobile,#blg-body.wd-blog-index .blg-img-div { display:none !important; }
#blg-body.wd-blog-index .blg-img { width:100% !important; float:none; display:block; padding:0; margin:0; height:175px; }
#blg-body.wd-blog-index .blg-img-wrap { padding:16px; height:175px; background:#edf3f6; }
#blg-body.wd-blog-index .blg-img img { width:100% !important; height:143px !important; object-fit:contain; margin:0; }
#blg-body.wd-blog-index .blg-text { width:100% !important; max-width:none; float:none; padding:20px; display:flex; flex-direction:column; gap:12px; flex:1; }
#blg-body.wd-blog-index .blg-text .blg-title { display:block; float:none; width:auto; margin:0; font-size:19px; line-height:1.4; font-weight:700; color:#365773; text-decoration:none; white-space:normal; }
#blg-body.wd-blog-index .blg-desc { float:none; width:auto; margin:0; color:#7b8fa2; font-size:13px; line-height:1.65; }
#blg-body.wd-blog-index .blg-blog-category { display:block; float:none; width:auto; align-self:flex-start; margin-top:auto; font-size:10px; padding:5px 8px; border-radius:5px; }
#blg-body .blg-new-comment { width:100%; float:none; clear:both; padding:24px; background:#f6f9fc; border:1px solid #e0e8f0; border-radius:10px; margin:26px 0; }#blg-body .blg-new-comment h3 { font-size:19px; margin:0 0 16px; color:#48647d; }
#blg-body .blg-not-logged { font-size:13px; line-height:1.7; color:#7d90a3; background:none; padding:0; }
#blg-body a:focus-visible,#blg-body button:focus-visible { outline:3px solid #9dbddd; outline-offset:4px; }
html[mode="dark"] #blg-body.wd-article,html[mode="dark"] #blg-body.wd-blog-index { color:#b9cbdc; }html[mode="dark"] #blg-body.wd-article h1,html[mode="dark"] #blg-body.wd-blog-index h1,html[mode="dark"] #blg-body.wd-article .blg-raw-text h2,html[mode="dark"] #blg-body.wd-article .blg-raw-text h3 { color:#d5e6f4; }html[mode="dark"] #blg-body.wd-article .blg-raw-text { color:#b1c5d7; }html[mode="dark"] .wd-article-toc,html[mode="dark"] #blg-body #blg-side .blg-side-block,html[mode="dark"] #blg-body.wd-blog-index .blg-latest > .blg-row,html[mode="dark"] .wd-related-grid a { background:#21374b; border-color:#3d566c; }html[mode="dark"] #blg-body.wd-article .wd-article-summary,html[mode="dark"] #blg-body.wd-article .wd-article-note { background:#26493e; border-color:#3c6658; color:#bfdcd0; }html[mode="dark"] #blg-body.wd-article .wd-article-summary strong { color:#afd8c5; }html[mode="dark"] #blg-body.wd-article .wd-listing-template { background:#23394d; border-color:#3d5871; color:#c5d8e8; }html[mode="dark"] #blg-body.wd-article th,html[mode="dark"] #blg-body.wd-article td { color:#b7ccdf; border-color:#3c5268; }html[mode="dark"] #blg-body.wd-article caption,html[mode="dark"] #blg-body.wd-article thead th,html[mode="dark"] #blg-body.wd-article tbody tr:nth-child(even) { background:#263f55; color:#b7cfe4; }html[mode="dark"] #blg-body.wd-article .webdeal-guide-actions,html[mode="dark"] #blg-body .blg-new-comment { background:#263e54; border-color:#3e5b72; }html[mode="dark"] #blg-body.wd-blog-index .blg-text .blg-title,html[mode="dark"] .wd-related-grid strong,html[mode="dark"] .wd-article-toc > strong,html[mode="dark"] #blg-body #blg-side .blg-side-header { color:#c8dfee; }
@media(max-width:1000px) { #blg-body.wd-article,#blg-body.wd-blog-index { grid-template-columns:minmax(0,1fr) 220px; gap:24px; }#blg-body.wd-article h1,#blg-body.wd-blog-index h1 { font-size:31px; }.wd-related-grid { grid-template-columns:1fr; } }
@media(max-width:800px) { #blg-body.wd-article,#blg-body.wd-blog-index { grid-template-columns:1fr; }#blg-body #blg-side { display:grid; grid-template-columns:1fr 1fr; gap:16px; }#blg-body #blg-side .blg-side-block { margin:0; }.wd-article-toc ol { grid-template-columns:1fr; } }
@media(max-width:600px) { #blg-body.wd-article,#blg-body.wd-blog-index { width:calc(100% - 32px) !important; margin:22px auto 32px; }#blg-body.wd-article h1,#blg-body.wd-blog-index h1 { font-size:29px; line-height:1.22; }#blg-body .wd-article-deck,#blg-body .wd-blog-deck { font-size:14px; }#blg-body.wd-article .blg-raw-text,#blg-body.wd-article .blg-raw-text p { font-size:15px; line-height:1.8; }#blg-body.wd-article .blg-raw-text h2 { font-size:23px; }#blg-body.wd-article .blg-raw-text h3 { font-size:19px; }#blg-body.wd-article .wd-article-summary,#blg-body.wd-article .wd-article-note,.wd-article-toc { padding:18px; }#blg-body.wd-article .blg-primary-img { height:170px; padding:15px; }#blg-body.wd-article .blg-primary-img img { height:138px !important; max-height:138px; }#blg-body.wd-blog-index .blg-latest,#blg-body #blg-side { grid-template-columns:1fr; }#blg-body.wd-article .webdeal-guide-actions { padding:20px; } }
#blg-body.wd-blog-index .blg-text .blg-title { max-height:none!important; height:auto!important; overflow:visible!important; }

/* Editorial cover artwork */
#blg-body.wd-article .blg-primary-img{height:auto!important;padding:0!important;background:#eef5fc;border-radius:16px;overflow:hidden;box-sizing:border-box}
#blg-body.wd-article .blg-primary-img img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9;object-fit:cover;border-radius:0;margin:0}
#blg-body.wd-blog-index .blg-img-wrap{padding:0!important;height:auto!important;aspect-ratio:16/9;overflow:hidden;background:#eef5fc}
#blg-body.wd-blog-index .blg-img{height:100%!important}
#blg-body.wd-blog-index .blg-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0;border-radius:0}

/* Blog category shares the editorial card system. */
#blg-body.wd-blog-category .blg-category-result{float:none;width:100%;padding:0}
#blg-body.wd-blog-category .wd-category-intro{float:none;width:100%;padding:26px;border:1px solid #dce7ef;border-radius:16px;background:linear-gradient(110deg,#eef5ff,#f0faf5);margin-bottom:28px}
#blg-body.wd-blog-category .wd-category-intro h1{margin:10px 0 14px;font-size:34px}
#blg-body.wd-blog-category .wd-category-intro p{margin-bottom:18px;font-size:14px}
#blg-body.wd-blog-category .wd-category-intro>a{display:inline-block;color:#356dd5;font-weight:600;text-decoration:none;font-size:13px}
#blg-body.wd-blog-category .wd-category-count{float:right;color:#698298;font-size:12px;padding:5px 10px;border-radius:8px;background:#ffffffb0}
#blg-body.wd-blog-category .blg-row:hover{border-color:#abc5e9;box-shadow:0 5px 18px #244d7010}
html[mode="dark"] #blg-body.wd-blog-category .wd-category-intro{background:#243b4f;border-color:#3c566e}
@media(max-width:600px){#blg-body.wd-blog-category .wd-category-intro{padding:20px}#blg-body.wd-blog-category .wd-category-intro h1{font-size:28px}}
