/* Hong Kong article composition: full cover, serif headline, calm reading column. */
.article-page-body{background:#f5f6f8}
.article-page-body .article-shell{box-sizing:border-box;max-width:980px;padding:30px 20px 64px}
.article-page-body .article-breadcrumb{font-size:13px;margin:0 0 22px;color:#66737f}
.article-page-body .article-detail{background:white;border:1px solid #e3e7eb;padding-bottom:48px;min-width:0}
.article-page-body .article-cover{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:8/3;object-fit:cover;border-radius:0;margin:0;background:#eef1f4}
.article-page-body .article-heading{box-sizing:border-box;max-width:740px;padding:48px 0 0;margin:0 auto 30px}
.article-page-body .article-heading .eyebrow{font:600 11px/1.6 Arial,sans-serif;letter-spacing:2px;color:#65798a;margin:0 0 15px}
.article-page-body .article-heading h1{font:500 36px/1.45 'Noto Serif TC','Songti TC',Georgia,serif;color:#253642;letter-spacing:.025em;margin:0 0 22px;overflow-wrap:break-word;word-break:normal}
.article-page-body .article-meta{font:400 13px/1.8 Arial,'PingFang TC',sans-serif;color:#79838c;margin:5px 0}
.article-page-body .article-prose{max-width:740px;margin:0 auto;color:#505e68;overflow-wrap:break-word;word-break:normal;font:400 16px/1.9 Arial,'PingFang TC','Microsoft JhengHei',sans-serif}
.article-page-body .article-prose :is(p,li,blockquote){font-size:16px!important;line-height:1.9!important;color:inherit;letter-spacing:.02em}
.article-page-body .article-prose p{margin:0 0 22px!important;white-space:pre-wrap}
.article-page-body .article-prose :is(h1,h2){font:600 25px/1.55 'Noto Serif TC','Songti TC',Georgia,serif!important;color:#253642;margin:40px 0 18px!important;letter-spacing:.02em}
.article-page-body .article-prose :is(h3,h4,h5,h6){font:600 20px/1.6 Arial,'PingFang TC',sans-serif!important;color:#253642;margin:30px 0 14px!important}
.article-page-body .article-prose :is(h1,h2,h3,h4,h5,h6) span{font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
.article-page-body .article-prose :is(ul,ol){padding-left:1.5em;margin:0 0 24px!important}
.article-page-body .article-prose li{margin-bottom:12px!important;padding-left:4px}
.article-page-body .article-prose li p{margin-bottom:8px!important}
.article-page-body .article-prose blockquote{border-left:3px solid #c0aa7c;padding:6px 0 6px 22px;margin:28px 0}
.article-page-body .article-prose a{color:#365c78;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-page-body .article-prose img{max-width:100%;height:auto}
.article-page-body .article-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0}
.article-page-body .article-prose :is(td,th){padding:12px;border:1px solid #dce3e9;min-width:100px}
.article-page-body .article-tags{max-width:740px;margin:24px auto 0}
.article-page-body .article-related{max-width:820px;margin:52px auto 0;padding-top:28px;border-top:1px solid #e4e8ec}
.article-page-body .article-related h2{font:500 24px/1.5 'Noto Serif TC','Songti TC',serif;margin-bottom:24px;color:#253642}
.article-page-body .article-related .blog-grid{gap:22px}
.article-page-body .article-related .blog-card{border-radius:0;box-shadow:none}
.article-page-body .article-related .blog-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-page-body .article-related .blog-card>div{padding:18px}
.article-page-body .article-related h3{font:600 17px/1.7 Arial,'PingFang TC',sans-serif;margin:0 0 12px}
.article-page-body .article-related p{font-size:13px;line-height:1.8}
.article-page-body .article-enquiry{max-width:740px;box-sizing:border-box;margin:42px auto 0;padding:26px;background:#f4f6f8;border-left:3px solid #c0aa7c}
.article-page-body .article-enquiry h2{font:500 23px/1.5 'Noto Serif TC','Songti TC',serif;margin:0 0 12px}
.article-page-body .article-enquiry p{font-size:15px;line-height:1.8;margin-bottom:18px}
.article-page-body .article-enquiry .button{display:inline-block;box-sizing:border-box;max-width:100%;white-space:normal;font-size:14px}
@media(max-width:1000px){.article-page-body :is(.article-heading,.article-prose,.article-tags,.article-enquiry){width:calc(100% - 96px)}.article-page-body .article-related{width:calc(100% - 64px)}}
@media(max-width:600px){.article-page-body .article-shell{padding:20px 0 40px}.article-page-body .article-breadcrumb{padding:0 20px;margin-bottom:18px}.article-page-body .article-detail{border-width:1px 0;padding-bottom:28px}.article-page-body .article-cover{aspect-ratio:16/9;max-height:none}.article-page-body :is(.article-heading,.article-prose,.article-tags,.article-enquiry,.article-related){width:calc(100% - 40px)}.article-page-body .article-heading{padding-top:28px;margin-bottom:24px}.article-page-body .article-heading h1{font-size:28px;line-height:1.5}.article-page-body .article-prose :is(p,li,blockquote){font-size:16px!important;line-height:1.95!important}.article-page-body .article-prose :is(h1,h2){font-size:23px!important;margin-top:32px!important}.article-page-body .article-related .blog-grid{grid-template-columns:1fr}.article-page-body .article-enquiry{padding:20px}.article-page-body .article-enquiry h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.article-page-body .blog-card{transition:none}}
.article-static-page #main{max-width:980px;box-sizing:border-box;margin:30px auto 64px;padding:0 20px}
.article-static-page .article-card{background:#fff;border:1px solid #e3e7eb;border-radius:0;overflow:hidden;box-shadow:none}
.article-static-page .article-hero{margin:0;overflow:hidden;aspect-ratio:8/3}
.article-static-page .article-hero img{width:100%;height:100%;object-fit:cover;margin:0}
.article-static-page .article-content{max-width:740px;margin:auto;padding:48px 0;color:#505e68}
.article-static-page .article-content h1{font:500 36px/1.45 'Noto Serif TC','Songti TC',Georgia,serif;margin:14px 0 24px;color:#253642}
.article-static-page .article-content h2{font:600 25px/1.55 'Noto Serif TC','Songti TC',Georgia,serif;margin:40px 0 18px;color:#253642}
.article-static-page .article-content p,.article-static-page .article-content li{font:400 16px/1.9 Arial,'PingFang TC','Microsoft JhengHei',sans-serif;margin:0 0 22px}
.article-static-page .article-content .meta{font-size:13px;color:#79838c}
@media(max-width:1000px){.article-static-page .article-content{width:calc(100% - 96px)}}
@media(max-width:600px){.article-static-page #main{padding:0;margin:20px auto 40px}.article-static-page .article-hero{aspect-ratio:16/9}.article-static-page .article-content{width:calc(100% - 40px);padding:28px 0}.article-static-page .article-content h1{font-size:28px}.article-static-page .article-content h2{font-size:23px}}

.article-page-body .article-prose p span{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
