/* Editorial article layout. Scoped to the service child theme. */
.m247-reading-page{background:#f4f7fb;padding:0 0 76px}
.m247-reading-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding:26px 0;font-size:12px;color:#6b7a91;line-height:1.6}
.m247-reading-breadcrumb a:hover{color:#1756df}
.m247-reading-grid{display:grid;grid-template-columns:minmax(0,840px) minmax(240px,300px);gap:32px;align-items:start}
.m247-reading-main,.m247-reading-sidebar{min-width:0}.m247-reading-sidebar{align-self:stretch}
.m247-reading-article{background:white;border:1px solid #e2e9f2;border-radius:18px;overflow:hidden;box-shadow:0 5px 22px #10274604}
.m247-article-heading{padding:40px 44px 28px;border-bottom:1px solid #edf1f6}
.m247-article-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.m247-article-categories a{background:#edf3ff;color:#1756df;padding:5px 11px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.02em}
.m247 .m247-article-heading h1{font-size:clamp(30px,3vw,42px);line-height:1.24;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 24px;color:#102746}
.m247-article-meta{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12px;color:#6b7a91;line-height:1.6}
.m247-article-meta>span{display:flex;gap:7px;align-items:center}.m247-article-meta .m247-icon{width:15px;height:15px}.m247-article-meta>a{margin-left:auto;color:#1756df;font-weight:600}
.m247-article-cover{margin:0;padding:24px 32px 0}.m247-article-cover img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;border-radius:10px;background:#eef2f7}
.m247 .m247-article-content{padding:32px 44px 42px;font-size:17px;line-height:1.85;color:#334155;overflow-wrap:anywhere}
.m247 .m247-article-content p{color:#334155;line-height:inherit;margin:0 0 1.3em;font-size:inherit}
.m247 .m247-article-content>p:first-child{font-size:18px;color:#243954}
.m247 .m247-article-content h1,.m247 .m247-article-content h2,.m247 .m247-article-content h3,.m247 .m247-article-content h4,.m247 .m247-article-content h5,.m247 .m247-article-content h6{font-family:inherit;color:#102746;text-transform:none;line-height:1.4;letter-spacing:-.02em;font-weight:700;margin:1.9em 0 .85em;scroll-margin-top:135px}
.m247 .m247-article-content h1,.m247 .m247-article-content h2{font-size:27px}.m247 .m247-article-content h3{font-size:22px}.m247 .m247-article-content h4{font-size:19px}.m247 .m247-article-content h5,.m247 .m247-article-content h6{font-size:17px}
.m247 .m247-article-content>:first-child{margin-top:0}
.m247 .m247-article-content a{color:#1756df;text-decoration:underline;text-decoration-color:#b9cdfa;text-underline-offset:3px}.m247 .m247-article-content a:hover{text-decoration-color:#1756df}
.m247 .m247-article-content ul,.m247 .m247-article-content ol{padding-left:1.5em;margin:0 0 1.4em;list-style-position:outside}.m247 .m247-article-content ul{list-style:disc}.m247 .m247-article-content ol{list-style:decimal}
.m247 .m247-article-content li{margin:0 0 .65em;padding-left:.2em}.m247 .m247-article-content li::marker{color:#1756df}.m247 .m247-article-content li ul,.m247 .m247-article-content li ol{margin-top:.65em}
.m247 .m247-article-content img{max-width:100%;height:auto;border-radius:10px}.m247 .m247-article-content figure,.m247 .m247-article-content .wp-caption{max-width:100%;margin:28px auto}.m247 .m247-article-content .wp-caption{width:auto!important}.m247 .m247-article-content figcaption,.m247 .m247-article-content .wp-caption-text{font-size:12px;color:#6b7a91;text-align:center;padding:10px 0;line-height:1.6}
.m247 .m247-article-content .alignleft{float:left;margin:8px 24px 16px 0}.m247 .m247-article-content .alignright{float:right;margin:8px 0 16px 24px}.m247 .m247-article-content .aligncenter{display:block;margin-left:auto;margin-right:auto}
.m247 .m247-article-content blockquote{margin:28px 0;padding:22px 25px;background:#eff5ff;border-left:4px solid #1756df;border-radius:0 10px 10px 0;font-size:inherit;font-style:normal}.m247 .m247-article-content blockquote p:last-child{margin-bottom:0}
.m247 .m247-article-content pre{max-width:100%;overflow:auto;background:#102746;color:#e2ebfa;border-radius:10px;padding:20px;white-space:pre;font-size:13px;line-height:1.7}.m247 .m247-article-content code{overflow-wrap:anywhere}
.m247 .m247-article-content iframe,.m247 .m247-article-content video{max-width:100%}.m247 .m247-article-content iframe[src*="youtube"],.m247 .m247-article-content iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:10px}
.m247-table-scroll{max-width:100%;overflow-x:auto;margin:26px 0;border:1px solid #dce5f2;border-radius:10px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.m247-table-scroll:focus-visible{outline:3px solid #1756df;outline-offset:3px}
.m247 .m247-table-scroll table{width:100%!important;max-width:100%;margin:0;border-collapse:collapse;font-size:14px;line-height:1.65}.m247 .m247-table-scroll th,.m247 .m247-table-scroll td{border:1px solid #e1e8f2;padding:13px 15px;text-align:left;vertical-align:top;color:#334155;text-transform:none;letter-spacing:0;min-width:110px}.m247 .m247-table-scroll th{background:#eaf1fe;color:#123a77;font-weight:700}.m247 .m247-table-scroll tbody tr:nth-child(even){background:#f8fafd}.m247 .m247-table-scroll p{font-size:inherit;margin:0 0 .5em}
.m247-article-tags{clear:both;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #edf1f6;padding:20px 44px;font-size:12px;color:#6b7a91}.m247-article-tags a{background:#f2f5fa;padding:5px 10px;border-radius:5px;color:#425670}
.m247-reading-sticky{position:sticky;top:112px;display:grid;gap:20px;max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:thin}.admin-bar .m247-reading-sticky{top:144px}
.m247-desktop-toc{border:1px solid #e2e9f2;background:#fff;border-radius:14px;overflow:hidden}.m247-sidebar-heading{padding:19px 20px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;gap:10px}.m247-sidebar-heading>span{font-size:23px;color:#1756df;line-height:1}.m247 .m247-sidebar-heading h2{font-size:16px;letter-spacing:-.015em;line-height:1.5}
.m247 .m247-toc-list{list-style:none;margin:0;padding:12px;counter-reset:toc}.m247-desktop-toc nav{max-height:40vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#c4d4ed transparent}
.m247-toc-list li{margin:0}.m247-toc-list a{display:block;padding:9px 10px;border-radius:6px;font-size:13px;line-height:1.55;color:#4c607c;border-left:2px solid transparent}.m247-toc-list a:hover,.m247-toc-list a:focus-visible{color:#1756df;background:#f1f6ff;border-left-color:#1756df}.m247-toc-list .m247-toc-level-3 a{font-size:12px;padding-left:22px}
.m247-reading-contact{background:#eaf2ff;border:1px solid #d7e5fd;border-radius:14px;padding:22px}.m247-reading-contact-icon{display:inline-flex;background:#fff;border:1px solid #d8e6fb;border-radius:10px;padding:9px;color:#1756df;margin-bottom:13px}.m247 .m247-reading-contact h2{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}.m247-reading-contact p{font-size:13px;line-height:1.7;color:#52657f}.m247-reading-phone{display:block;color:#1756df!important;font-weight:700;font-size:25px;letter-spacing:-.02em;margin:14px 0}.m247-reading-contact .m247-button{font-size:12px;min-height:44px;padding:11px}.m247-reading-zalo{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;font-size:12px;font-weight:600;color:#1756df!important}.m247-reading-zalo .m247-icon{width:16px;height:16px}
.m247-mobile-toc{display:none}
.m247-reading-help{background:#eaf2ff;border:1px solid #d7e5fd;border-radius:14px;padding:28px;margin-top:24px;display:flex;align-items:center;gap:20px;justify-content:space-between}.m247-reading-help .m247-eyebrow{font-size:9px;margin-bottom:8px}.m247 .m247-reading-help h2{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:0 0 7px}.m247-reading-help p{font-size:13px;line-height:1.7}.m247-reading-help .m247-button{flex:none;font-size:12px;padding:13px 16px}
.m247-reading-comments{margin-top:28px;background:#fff;border:1px solid #e2e9f2;border-radius:14px;padding:32px 40px}.m247-reading-comments #comments,.m247-reading-comments #respond{padding:0;margin:0;background:none}.m247-reading-comments #reply-title,.m247-reading-comments .comments-title{font-size:22px;line-height:1.5;color:#102746;margin-bottom:18px}.m247-reading-comments p{font-size:13px;margin-bottom:16px;line-height:1.7}.m247-reading-comments label{font-size:13px;margin-bottom:8px}.m247-reading-comments input[type=text],.m247-reading-comments input[type=email],.m247-reading-comments input[type=url],.m247-reading-comments textarea{border:1px solid #d5dfed;border-radius:8px;background:#fbfcfe;box-shadow:none;font-size:16px;max-width:100%;padding:12px}.m247-reading-comments textarea{min-height:140px}.m247-reading-comments input[type=submit]{background:#1756df;color:#fff;border:0;border-radius:8px;text-transform:none;font-size:13px;letter-spacing:0;padding:6px 22px}.m247-reading-comments .comment-list{padding:0;list-style:none}.m247-reading-comments .comment-body{padding:20px 0}.m247-reading-comments .children{padding-left:20px;list-style:none}
.m247-related{padding-top:60px}.m247-related-heading{margin-bottom:24px}.m247-related-heading .m247-eyebrow{margin-bottom:10px}.m247 .m247-related-heading h2{font-size:30px;line-height:1.35;letter-spacing:-.03em}.m247-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.m247-related-card{border:1px solid #e2e9f2;border-radius:14px;background:#fff;overflow:hidden}.m247-related-image{display:flex;height:180px;align-items:center;justify-content:center;background:#e9f0fb;color:#1756df;overflow:hidden}.m247-related-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.m247-related-card:hover .m247-related-image img{transform:scale(1.035)}.m247-related-image>.m247-icon{width:60px;height:60px}.m247-related-card>div{padding:23px}.m247-related-card time{font-size:11px;color:#74849a}.m247 .m247-related-card h3{font-size:19px;line-height:1.5;letter-spacing:-.02em;margin:10px 0 18px}.m247-related-read{color:#1756df!important;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.m247-related-read>span[aria-hidden]{font-size:18px}
.m247-post-pages{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;align-items:center;font-size:14px}.m247-post-pages .post-page-numbers{padding:7px 13px;border-radius:5px;border:1px solid #dbe4f1}.m247-post-pages .current{background:#1756df;color:white}
/* Existing long descriptions in WooCommerce keep their data and functionality. */
body.m247-site.single-product .woocommerce-Tabs-panel--description,body.m247-site.single-product .product-short-description{font-size:16px;line-height:1.8;overflow-wrap:anywhere;color:#334155;min-width:0}
body.m247-site.single-product .woocommerce-Tabs-panel--description p,body.m247-site.single-product .product-short-description p{margin-bottom:1.2em}
body.m247-site.single-product .woocommerce-Tabs-panel--description img,body.m247-site.single-product .product-short-description img{max-width:100%;height:auto;border-radius:8px}
body.m247-site.single-product .woocommerce-Tabs-panel--description table,body.m247-site.single-product .product-short-description table{display:block;width:100%!important;max-width:100%;overflow-x:auto;border:1px solid #dce5f2;border-radius:8px;font-size:14px;line-height:1.6}
body.m247-site.single-product .woocommerce-Tabs-panel--description th,body.m247-site.single-product .product-short-description th,body.m247-site.single-product .woocommerce-Tabs-panel--description td,body.m247-site.single-product .product-short-description td{min-width:95px;padding:12px;border:1px solid #e3eaf3;text-transform:none;letter-spacing:0;vertical-align:top}
body.m247-site.single-product .woocommerce-Tabs-panel--description th,body.m247-site.single-product .product-short-description th{background:#edf3ff;color:#123a77}
@media(max-width:1100px){.m247-reading-grid{grid-template-columns:minmax(0,1fr) 265px;gap:24px}.m247-article-heading{padding:30px}.m247 .m247-article-content{padding:30px}.m247-article-tags{padding:20px 30px}.m247-reading-help{flex-direction:column;align-items:flex-start}.m247-reading-sticky{top:110px}}
@media(max-width:900px){.m247-reading-grid{grid-template-columns:minmax(0,1fr)}.m247-reading-sidebar{display:none}.m247-mobile-toc{display:block;margin:24px 30px 0;border:1px solid #d7e4f8;border-radius:9px;background:#f5f8ff}.m247-mobile-toc summary{cursor:pointer;font-weight:700;font-size:14px;color:#173c76;padding:15px;min-height:48px}.m247-mobile-toc summary>span{float:right;font-size:11px;font-weight:400;color:#6b7a91;margin-top:2px}.m247-mobile-toc[open] summary{border-bottom:1px solid #d7e4f8}.m247-mobile-toc .m247-toc-list{padding:8px}.m247-mobile-toc .m247-toc-list a{padding:10px;font-size:14px}.m247-reading-help{flex-direction:row;align-items:center}.m247-related-grid{gap:16px}.m247-related-card>div{padding:18px}.m247 .m247-related-card h3{font-size:17px}.m247-article-cover{padding:24px 30px 0}}
@media(max-width:600px){.m247-reading-page{padding-bottom:42px}.m247-reading-page>.m247-container{width:calc(100% - 28px)}.m247-reading-breadcrumb{font-size:11px;padding:19px 2px;gap:8px}.m247-reading-article{border-radius:12px}.m247-article-heading{padding:25px 21px 22px}.m247-article-categories{margin-bottom:15px}.m247 .m247-article-heading h1{font-size:29px;line-height:1.3;letter-spacing:-.03em;margin-bottom:20px}.m247-article-meta{gap:10px 15px;font-size:11px}.m247-article-meta>a{margin-left:0}.m247-mobile-toc{margin:20px 20px 0}.m247-mobile-toc summary{font-size:13px;padding:13px}.m247-article-cover{padding:20px 20px 0}.m247-article-cover img{max-height:280px;border-radius:7px}.m247 .m247-article-content{padding:26px 21px 30px;font-size:16px;line-height:1.8}.m247 .m247-article-content>p:first-child{font-size:16px}.m247 .m247-article-content h1,.m247 .m247-article-content h2{font-size:23px;line-height:1.4}.m247 .m247-article-content h3{font-size:20px}.m247 .m247-article-content h4{font-size:18px}.m247 .m247-article-content h1,.m247 .m247-article-content h2,.m247 .m247-article-content h3{scroll-margin-top:100px}.m247 .m247-article-content .alignleft,.m247 .m247-article-content .alignright{float:none;display:block;margin:22px auto;max-width:100%}.m247 .m247-article-content blockquote{padding:18px}.m247 .m247-table-scroll table{min-width:560px;font-size:13px}.m247 .m247-table-scroll th,.m247 .m247-table-scroll td{padding:11px 12px}.m247-article-tags{padding:18px 21px}.m247-reading-help{padding:23px;flex-direction:column;align-items:flex-start;gap:17px}.m247-reading-help .m247-button{width:100%}.m247 .m247-reading-help h2{font-size:21px}.m247-reading-comments{padding:25px 21px}.m247-reading-comments #reply-title{font-size:21px}.m247-related{padding-top:38px}.m247 .m247-related-heading h2{font-size:25px}.m247-related-grid{grid-template-columns:minmax(0,1fr);gap:20px}.m247-related-image{height:180px}.m247-related-card>div{padding:22px}.m247 .m247-related-card h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.m247-related-image img{transition:none}}

/* Keep the original opening image once, without an oversized portrait. */
.m247-article-content > p:first-child img,
.m247-article-content > figure:first-child img { display:block; width:auto; max-width:100%; max-height:390px; object-fit:contain; margin:0 auto 28px; }
@media (max-width:600px) { .m247-article-content > p:first-child img, .m247-article-content > figure:first-child img { max-height:280px; margin-bottom:22px; } }