/* Shared reading typography for CMS articles; scoped away from page modules. */
.article{max-width:1080px;padding-block:64px 88px}
.article>img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto 28px}
.article>header{align-items:center;flex-wrap:wrap;gap:10px 24px;font-size:13px;letter-spacing:.04em;padding:20px 0;border-bottom:1px solid var(--line)}
.article-body{max-width:800px;min-width:0;margin:44px auto 56px;color:#37453e;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;line-height:1.95;letter-spacing:.025em;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.35em;line-height:inherit}
.article-body :is(h1,h2,h3,h4,h5,h6){color:#263c32;font-family:var(--serif);font-weight:600;line-height:1.45;letter-spacing:.025em;text-wrap:pretty;scroll-margin-top:100px}
.article-body h1{font-size:clamp(28px,3vw,36px);margin:1.8em 0 .85em;padding-bottom:.5em;border-bottom:2px solid #bb9761}
.article-body h2{font-size:clamp(23px,2.5vw,28px);margin:2.1em 0 .9em;padding-left:16px;border-left:3px solid #b78c52}
.article-body h3{font-size:22px;margin:1.75em 0 .75em}
.article-body h4{font-size:19px;margin:1.5em 0 .65em}
.article-body :is(h5,h6){font-size:17px;margin:1.4em 0 .65em}
.article-body> :first-child{margin-top:0}
.article-body> :last-child{margin-bottom:0}
.article-body :is(ul,ol){margin:0 0 1.5em;padding-left:1.7em}
.article-body ul{list-style:disc}.article-body ol{list-style:decimal}
.article-body li{margin:.4em 0;padding-left:.25em}.article-body li::marker{color:#a37d49}
.article-body li :is(ul,ol){margin:.4em 0}
.article-body a{color:#876536;text-decoration:underline;text-underline-offset:4px}
.article-body strong{font-weight:700;color:#263c32}
.article-body img{display:block;max-width:100%!important;height:auto!important;margin:28px auto;object-fit:contain}
.article-body figure{max-width:100%;margin:32px 0}.article-body figure img{margin:0 auto}
.article-body figcaption{margin-top:12px;text-align:center;color:#7c817b;font-size:13px;line-height:1.7}
.article-body blockquote{margin:28px 0;padding:22px 26px;border-left:3px solid #b78c52;background:#eeeee7;color:#596358}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body table{width:100%!important;max-width:100%;border-collapse:collapse;table-layout:fixed;margin:26px 0 38px;font-size:15px;line-height:1.8}
.article-body :is(th,td){padding:14px 18px;border:1px solid #dce0d8;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.article-body th{background:#e9ede6;color:#354b3e;font-weight:600}.article-body td{background:#fafaf6}
.article-body .article-facts th{width:27%}
.article-body hr{border:0;border-top:1px solid #dce0d8;margin:40px 0}
.article-body pre{max-width:100%;overflow:auto;padding:20px;background:#e9ede6;font-size:14px;line-height:1.7}
.article-body.detail-content,.article-body.factory-page-content{width:100%}
@media(max-width:600px){
 .article{padding-block:32px 52px}.article>img{margin-bottom:12px}
 .article-body{margin:30px auto 38px;font-size:16px;line-height:1.9;letter-spacing:.015em}
 .article-body h1{font-size:28px}.article-body h2{font-size:24px;padding-left:12px;margin-top:1.8em}.article-body h3{font-size:20px}
 .article-body :is(th,td){padding:11px 12px;font-size:14px}.article-body .article-facts th{width:32%}
 .article-body blockquote{padding:18px}.article-body img{margin:22px auto}
}