@font-face {
    font-family: sourcehansans;
    src: url('/assets/zh-hk/fonts/SourceHanSansCN-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: optional;
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #333;
    font-family: sourcehansans, "Microsoft YaHei", sans-serif;
    line-height: 1;
}

body,
div,
span,
p,
h1,
h2,
h3,
h4,
ul,
ol,
li,
dl,
dt,
dd,
figure {
    margin: 0;
    padding: 0;
}

main {
    width: 100%;
}

ul,
ol {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle;
}

img.is-image-fallback {
    background: #edf3f7;
    object-fit: contain !important;
}

.rich-content img {
    max-width: 100% !important;
    height: auto !important;
}

.cms-title-image img.is-image-fallback {
    width: 160px;
    height: 55px;
    padding-bottom: 8px;
}

button {
    font: inherit;
}

.gh-mobile-menu,
.gh-mobile-backdrop,
.gh-mobile-business,
.gh-nav-language { display: none; }
.gh-news-title-mobile { display: none; }

[hidden] {
    display: none !important;
}

/* Header: desktop-fixed geometry is also the old site's mobile behavior. */
.gh-header {
    position: relative;
    z-index: 700;
    width: 100%;
    height: 80px;
    background: #fff;
    box-shadow: 0 1px 20px #999;
}

.gh-header-main {
    position: relative;
    width: 1210px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    line-height: 80px;
}

.gh-logo {
    flex: 0 0 124px;
    width: 124px;
    height: 80px;
    display: block;
    padding-top: 15px;
}

.gh-logo img {
    width: 124px;
    height: 50px;
    display: block;
    object-fit: contain;
}

.gh-nav {
    height: 80px;
    margin: 0 0 0 52px;
    padding: 0;
    display: flex;
    border-right: 1px solid #f0efed;
}

.gh-nav > li {
    position: relative;
    flex: 0 0 100px;
    width: 100px;
    height: 80px;
    font-size: 14px;
}

.gh-nav > li:nth-last-child(2) {
    flex-basis: 120px;
    width: 120px;
}

/* The ESG label is substantially longer than the other Chinese labels.
   Give its interactive box enough room so hover/focus background covers
   the complete text instead of allowing the text to spill into its neighbour. */
.gh-nav > li.gh-nav-item--esg {
    flex-basis: 144px;
    width: 144px;
}

.gh-nav > li > a {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 80px;
    display: block;
    color: #333;
    font-weight: 700;
    line-height: 80px;
    text-align: center;
    transition: color .1s ease;
}

.gh-nav > li > a span {
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.gh-nav > li > a i {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    background: #006fbc;
    transition: height .2s ease;
}

.gh-nav > li:hover > a {
    color: #fff;
    transition-delay: .12s;
}

.gh-nav > li:hover > a i {
    height: 80px;
}

.gh-down {
    position: absolute;
    z-index: 888;
    top: 80px;
    left: 0;
    width: 584px;
    height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, .6);
    line-height: 50px;
    text-align: left;
    white-space: nowrap;
    transition: height .5s;
}

.gh-nav > li:nth-child(2) .gh-down { width: 884px; }
.gh-nav > li:nth-child(3) .gh-down { width: 784px; }
.gh-nav > li:nth-child(4) .gh-down { width: 684px; }
.gh-nav > li:nth-child(5) .gh-down { width: 584px; }
.gh-nav > li:nth-child(6) .gh-down { width: 484px; }
.gh-nav > li:nth-child(7) .gh-down { width: 384px; }

.gh-nav > li:hover .gh-down,
.gh-down:hover {
    height: 50px;
}

.gh-down a {
    padding-left: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.gh-down a:hover {
    color: #006fbc;
}

.gh-friends {
    position: relative;
    height: 80px;
    margin-left: 22px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 80px;
    white-space: nowrap;
}

.gh-language-switch {
    min-width: 42px;
    height: 32px;
    margin: 24px 0 0 14px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid #d9e2ea;
    border-radius: 16px;
    color: #006fbc;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
}

.gh-language-switch:hover {
    color: #fff;
    border-color: #006fbc;
    background: #006fbc;
}

.gh-friends > img {
    width: 11px;
    height: 6px;
    margin-left: 14px;
    padding: 0;
}

.gh-friends > div {
    position: absolute;
    z-index: 888;
    top: 80px;
    left: -98px;
    width: 200px;
    max-height: 0;
    padding: 0 15px;
    overflow: hidden;
    background: rgba(0, 0, 0, .6);
    transition: max-height .5s;
}

.gh-friends:hover {
    color: #006fbc;
}

.gh-friends:hover > div {
    max-height: 80px;
}

.gh-friends > div a {
    height: 30px;
    display: block;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
}

.gh-friends > div a:first-child {
    margin-top: 10px;
}

.gh-friends > div a:hover {
    color: #006fbc;
}

/* Keep the desktop navigation usable on smaller laptop widths without
   squeezing the longer ESG label outside its hover target. */
@media (min-width: 1181px) and (max-width: 1240px) {
    .gh-header-main {
        width: 100%;
        padding: 0 12px;
    }

    .gh-logo,
    .gh-logo img {
        width: 104px;
    }

    .gh-logo {
        flex-basis: 104px;
    }

    .gh-nav {
        min-width: 0;
        margin-left: 10px;
        flex: 1;
    }

    .gh-nav > li {
        width: auto;
        min-width: 0;
        flex: 1 1 0;
    }

    .gh-nav > li:nth-last-child(2) {
        width: 100px;
        flex: 0 0 100px;
    }

    .gh-nav > li.gh-nav-item--esg {
        width: 130px;
        flex: 0 0 130px;
    }

    .gh-language-switch {
        margin-left: 8px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .gh-friends {
        margin-left: 10px;
        font-size: 13px;
    }
}

/* Home banner. The 1920×630 source is scaled to 500px and repeated on x like the target CSS. */
.gh-banner {
    position: relative;
    z-index: 300;
    width: 100%;
    max-width: none;
    height: 500px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.gh-banner .swiper-wrapper,
.gh-banner .swiper-slide {
    width: 100%;
    height: 500px;
    max-width: none;
    margin: 0;
    padding: 0;
}

.gh-banner .swiper-slide {
    background-position: center center;
    background-size: auto 100%;
    background-repeat: repeat-x;
}

.gh-banner .swiper-slide.is-image-fallback {
    background-color: #eaf1f6;
    background-size: contain;
    background-repeat: no-repeat;
}

.gh-banner .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

.gh-prev,
.gh-next {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: 0;
    background: none;
    cursor: pointer;
}

.gh-prev { left: 10px; }
.gh-next { right: 10px; }

.gh-prev img,
.gh-next img {
    width: 36px;
    height: 36px;
    max-width: none;
}

/* 首页轮播已使用自定义图片箭头，禁止 Swiper 字体箭头重复显示。 */
.gh-prev::after,
.gh-next::after {
    content: none;
}

.gh-index-main {
    width: 1180px;
    height: 160px;
    margin: 0 auto;
    display: flex;
}

.gh-news-title {
    width: 280px;
    height: 160px;
    flex: 0 0 280px;
}

.gh-news-title > p {
    padding: 20px 0 0 94px;
    color: #333;
    font-size: 24px;
}

.gh-news-title > strong {
    padding: 3px 0 0 82px;
    display: block;
    color: #006fbc;
    font-size: 24px;
    font-weight: 400;
}

.gh-news-title > div {
    margin-top: 37px;
    display: flex;
    gap: 29px;
}

.gh-news-title button {
    padding: 0 0 15px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
}

.gh-news-title button.active {
    border-color: #006fbc;
    color: #006fbc;
}

.gh-news-content {
    position: relative;
    width: 900px;
    height: 160px;
}

.gh-news-category {
    position: relative;
    width: 860px;
    height: 135px;
    display: none;
    overflow: hidden;
}

.gh-news-category.active { display: block; }
.gh-mobile-news-more { display: none; }

.gh-news-category article {
    width: 860px;
    height: 130px;
    padding: 19px 22px;
    display: none;
}

.gh-news-category article.active { display: block; }

.gh-news-category h2 {
    margin: 0 0 12px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.gh-news-category h2 span,
.gh-news-category a { color: #006fbc; }

.gh-news-category p {
    color: #666;
    font-size: 14px;
    line-height: 25px;
}

.gh-news-dots {
    position: absolute;
    bottom: 11px;
    left: 22px;
    display: flex;
    gap: 10px;
}

.gh-news-dots button {
    width: 6px;
    height: 6px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #dbd8d3;
}

.gh-news-dots button.active { background: #006eb6; }

.gh-news-next {
    position: absolute;
    top: 63px;
    right: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

/* Footer */
.gh-footer {
    width: 100%;
    height: 150px;
    background: #f5f5f4;
}

.gh-footer-main {
    width: 1180px;
    height: 150px;
    margin: 0 auto;
}

.gh-quick {
    width: 1180px;
    height: 90px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #edecea;
    color: #333;
    font-size: 14px;
}

.gh-quick a {
    margin-right: 10px;
    margin-left: 5px;
    display: flex;
    align-items: center;
}

.gh-quick img {
    width: 40px;
    height: 40px;
    margin-right: 7px;
    object-fit: contain;
}

.gh-copyright {
    height: 60px;
    padding-top: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    color: #666;
    font-size: 12px;
}

.gh-copyright p { line-height: 20px; }
.gh-copyright a { color: #666; }
.gh-copyright > img { width: 27px; height: 28px; margin: 5px; object-fit: contain; }
.gh-copyright > .gh-footer-bubble { display: none; }

/* Inner page banner: one image only; all words are baked into this image. */
.page-banner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.page-banner > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    height: 300px;
    max-width: none;
    margin-left: -960px;
    display: block;
    object-fit: cover;
}

.inner-title {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 33px;
    border-bottom: 1px solid #e5e3df;
}

.inner-title-name {
    width: max-content;
    min-width: 87px;
    color: #006fbc;
    text-align: right;
}

.inner-title-name img {
    max-width: none;
    padding-bottom: 12px;
    display: block;
    object-fit: contain;
}

.inner-title-name strong {
    height: 60px;
    padding-bottom: 12px;
    display: block;
    color: #006fbc;
    font: 700 29px/24px Impact, "Arial Narrow", sans-serif;
    text-align: center;
    white-space: normal;
}

.inner-title-name p {
    color: #006fbc;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    text-align: right;
}

.inner-bread {
    position: absolute;
    right: 0;
    bottom: 30px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

.inner-bread a { color: #666; }

.rich-content {
    color: #333;
    font-size: 14px;
    line-height: 26px;
}

.rich-content p { margin-bottom: 25px; }

.rich-content h2 {
    margin: 8px 0 8px;
    color: #000;
    font-size: 18px;
    line-height: 2;
}

/* About pages */
.about-profile,
.about-message,
.about-structure,
.about-companies,
.about-milestones,
.about-planning,
.about-culture {
    width: 1180px;
    margin: 0 auto;
}

.about-profile {
    min-height: 871px;
    padding-top: 135px;
    padding-bottom: 100px;
    font-family: SimSun, "宋体", serif;
    font-size: 20px;
    line-height: 1.5;
}

.about-profile p { margin-bottom: 25px; }

.about-message {
    min-height: 427px;
    padding-top: 50px;
    padding-bottom: 55px;
}

.about-signature {
    padding-top: 5px;
    padding-right: 100px;
    text-align: right;
}

.about-signature img { width: 81px; height: 77px; }

.about-structure {
    min-height: 520px;
    padding-top: 45px;
    color: #fff;
    text-align: center;
}

.about-structure.rich-content img {
    max-width: 100%;
    height: auto;
}

.org-root,
.org-row span,
.org-grid span {
    min-height: 54px;
    padding: 15px 20px;
    display: inline-block;
    background: #006fbc;
    font-size: 18px;
    line-height: 24px;
}

.org-root { width: 260px; margin: 0 auto 35px; display: block; }
.org-row { margin-bottom: 35px; display: flex; justify-content: center; gap: 70px; }
.org-row span { width: 220px; }
.org-grid { display: flex; justify-content: center; gap: 20px; }
.org-grid span { width: 210px; background: #559fd0; }

.about-companies {
    min-height: 900px;
    padding-top: 40px;
    padding-bottom: 50px;
}

.about-companies-intro {
    margin-bottom: 40px;
    padding: 24px 28px;
    border: 1px solid #f0efed;
    background: #fafafa;
}

.about-companies article {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #f3f2f1;
    box-sizing: border-box;
}

.about-companies article:hover {
    border-color: #e8e7e5;
}

.about-companies h2 {
    margin-bottom: 10px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.about-companies p { color: #666; font-size: 14px; line-height: 26px; text-align: justify; }
.about-companies .company-description {
    height: 56px;
    overflow: hidden;
}

.about-companies .company-card.is-expanded .company-description {
    height: auto;
    overflow: visible;
}

.about-companies .company-toggle {
    display: block;
    margin: 5px 0 0 auto;
    padding: 5px 15px;
    border: 0;
    color: #333;
    background: #f1f1f1;
    font-size: 11px;
    cursor: pointer;
    outline: none;
}

.about-companies .company-toggle:hover,
.about-companies .company-toggle.is-active { color: #fff; background: #006cb1; }

.about-milestones {
    min-height: 765px;
    padding-top: 50px;
}

.about-milestones-intro {
    margin-bottom: 38px;
    padding: 24px 28px;
    border: 1px solid #f0efed;
    background: #fafafa;
}

.about-milestones > header strong {
    color: #99c5e4;
    font-size: 80px;
}

.about-milestones > header span { margin-left: 10px; color: #006fbc; font-size: 24px; }

.milestone-carousel {
    position: relative;
    height: 520px;
    margin-top: 40px;
    background: url('/gh-assets/reference/static/home/images/about/about_5_bg.png') center top no-repeat;
}

.milestone-viewport {
    width: 1080px;
    height: 520px;
    margin: 0 auto;
    overflow: hidden;
}

.milestone-track {
    display: flex;
    align-items: flex-start;
    width: max-content;
    padding-top: 0;
    transition: transform .45s ease;
}

.milestone-track article { flex: 0 0 360px; padding: 0 10px; }
.milestone-track article > img { margin-left: 57px; padding-bottom: 10px; }
.milestone-track article > i { display: block; width: 30px; height: 12px; margin-left: 60px; border-right: 15px solid #fff; border-bottom: 12px solid #2773e0; border-left: 15px solid #fff; box-sizing: border-box; }
.milestone-track article > div { min-height: 300px; padding: 32px; border-radius: 20px; background: #2773e0; }
.milestone-track h2 { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #fff; color: #fff; font-size: 30px; }
.milestone-track h2 span { color: #fff; font-size: 22px; }
.milestone-track h2 .milestone-date-desktop { font-size: 30px; }
.milestone-track h2 .milestone-date-desktop small { color: #fff; font-size: 22px; font-weight: inherit; }
.milestone-date-mobile { display: none; }
.milestone-track p { color: #fff; font-size: 14px; line-height: 26px; }
.milestone-arrow { position: absolute; z-index: 2; top: 50%; width: 40px; height: 102px; margin-top: -51px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.milestone-arrow--left { left: 0; }
.milestone-arrow--right { right: 0; }
.milestone-arrow img { display: block; max-width: 100%; }
.milestone-arrow:disabled { visibility: hidden; cursor: default; }

.about-planning {
    min-height: 582px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: 32px;
}

.about-planning article { width: 372px; margin-top: 50px; flex: 0 0 372px; text-align: center; }
.about-planning img { width: 372px; height: auto; aspect-ratio: 8 / 5; display: block; object-fit: cover; }
.about-planning h2 { margin: 30px 0 20px; padding-bottom: 15px; display: inline-block; border-bottom: 2px solid #006fbc; font-size: 18px; }
.about-planning p { margin-bottom: 50px; color: #666; font-size: 14px; line-height: 25px; text-align: left; }

.about-culture {
    min-height: 1065px;
    margin-top: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.culture-main { width: 800px; }
.culture-intro { height: 193px; padding: 0 0 20px; border-bottom: 1px solid #f7f6f5; }
.culture-intro p { width: 800px; margin: 0 0 22px; padding-left: 20px; color: #666; font-size: 14px; line-height: 25px; text-align: justify; }
.culture-featured { width: 800px; height: 171px; padding-bottom: 20px; display: flex; border-bottom: 1px solid #f7f6f5; }
.culture-featured img { width: 230px; height: 150px; flex: 0 0 230px; display: block; object-fit: cover; }
.culture-featured > div { width: 570px; }
.culture-featured h2 { width: 570px; height: 57px; margin: 0; padding: 0 0 0 20px; overflow: hidden; color: #333; font-size: 18px; font-weight: 400; line-height: 18px; }
.culture-featured p { width: 570px; height: 75px; margin: 0; padding-left: 20px; overflow: hidden; color: #666; font-size: 14px; line-height: 25px; }
.culture-featured time { padding-left: 20px; color: #999; font-size: 14px; line-height: 18px; }
.culture-list { width: 800px; height: 596px; overflow: hidden; }
.culture-news { display: flex; border-bottom: 1px solid #f7f6f5; }
.culture-news:nth-child(1),
.culture-news:nth-child(4) { height: 157px; }
.culture-news:nth-child(2) { height: 132px; }
.culture-news:nth-child(3) { height: 150px; }
.culture-news time { width: 80px; height: 80px; margin: 25px 0; flex: 0 0 80px; background: #f0efed; color: #666; font-size: 16px; text-align: center; }
.culture-news time strong { padding-top: 12px; display: block; color: #006fbc; font-size: 40px; font-weight: 400; line-height: 40px; }
.culture-news > div { width: 720px; padding: 25px 0 0 20px; }
.culture-news h2 {
    width: 720px;
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
.culture-news p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    font-size: 14px;
    line-height: 25px;
}
.culture-pagination-spacer { width: 800px; height: 50px; }
.culture-main > .pagination { height: 55px; margin-top: 0; }
.culture-images { width: 300px; height: 306px; }
.culture-images a { display: block; }
.culture-images img { width: 300px; height: 130px; margin-bottom: 20px; display: block; object-fit: cover; }
.culture-philosophy article { margin-bottom: 50px; }
.culture-philosophy h2 { margin: 0 0 18px; color: #006fbc; font-size: 18px; font-weight: 400; line-height: 18px; }
.culture-philosophy i { width: 14px; height: 14px; margin-right: 5px; display: inline-block; border: 2px solid #006fbc; vertical-align: -1px; }
.culture-philosophy p { color: #666; font-size: 14px; line-height: 20px; }
.culture-philosophy::after { width: 50px; height: 50px; display: block; content: ''; }
.culture-logo-mark { text-align: center; }
.culture-logo-mark img { width: 280px; height: 280px; display: inline-block; object-fit: contain; }
.culture-logo-mark h2 { margin-top: 30px; color: #333; font-size: 24px; font-weight: 400; line-height: 24px; }
.culture-logo-page > h3 { margin: 50px 0 45px; color: #333; font-size: 16px; font-weight: 700; line-height: 16px; }
.culture-logo-page > .rich-content { padding-bottom: 100px; color: #666; font-size: 14px; line-height: 32px; }
.culture-logo-page > .rich-content p { margin: 0; }
.culture-main > .culture-pagination { margin-top: 50px; }
.culture-pagination .pagination-ellipsis {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #999;
    line-height: 38px;
}
.culture-main.is-loading .culture-list,
.culture-main.is-loading .culture-pagination {
    opacity: .45;
    pointer-events: none;
}

/* Business, management and ESG single-column pages. No generic sidebar DOM is emitted. */
.business-content {
    width: 1180px;
    min-height: 300px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.business-content > .rich-content { width: 835px; }
.business-content--business-management { min-height: 212px; }
.business-content--business-energy { min-height: 312px; }
.business-content--business-commodity { min-height: 233px; }
.business-content--business-shipping { min-height: 0; }
.business-content--management-overview { min-height: 308px; }
.business-content--management-strength { min-height: 284px; }
.business-content--management-mos { min-height: 308px; }
.business-content--esg-responsibility { min-height: 894px; }
.business-content--esg-green { min-height: 663px; }

.business-content--management-mos > .rich-content {
    padding-top: 50px;
    font: 16px/26px SimSun, "宋体", serif;
}

.business-content--esg-green { padding-bottom: 0; }
.business-content--esg-green > .rich-content { font-family: SimSun, "宋体", serif; font-size: 16px; }
.business-content--esg-green > .rich-content p { height: auto; margin: 0; padding-bottom: 25px; box-sizing: content-box; line-height: 24px; }
.business-content--esg-green > .rich-content p:nth-child(1),
.business-content--esg-green > .rich-content p:nth-child(7) { height: 0; }
.business-content--esg-green > .rich-content p:nth-child(2) { height: 96px; }
.business-content--esg-green > .rich-content p:nth-child(3) { height: 72px; }
.business-content--esg-green > .rich-content p:nth-child(4),
.business-content--esg-green > .rich-content p:nth-child(5) { height: 48px; }
.business-content--esg-green > .rich-content p:nth-child(6) { height: 180px; line-height: 28px; }

.business-related {
    width: 840px;
    margin-top: 40px;
}

.business-related article {
    position: relative;
    width: 840px;
    height: 158px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #f3f2f1;
}

.business-related article + article { margin-top: 40px; }
.business-related article.is-expanded { height: auto; }
.business-related article::after { clear: both; display: block; content: ""; }

.business-related h2 { margin-bottom: 10px; font-size: 20px; font-weight: 400; }
.business-related__text { height: 56px; overflow: hidden; color: #666; font-size: 14px; line-height: 26px; }
.business-related article.is-expanded .business-related__text { height: auto; }
.business-related button { height: 25px; margin-top: 5px; padding: 5px 15px; float: right; border: 0; background: #eee; font-size: 11px; line-height: 15px; cursor: pointer; }
.business-related button.is-active { background: #006cb1; color: #fff; }

.business-content--business-shipping > .rich-content { min-height: 502px; color: #000; font-family: SimSun, "宋体", serif; font-size: 16px; }
.business-content--business-shipping > .rich-content p,
.business-content--business-shipping > .rich-content h2 { margin: 0; padding-bottom: 25px; line-height: 32px; }
.business-content--business-shipping > .rich-content h2 { font-family: "Microsoft YaHei", sans-serif; font-size: 18px; font-weight: 700; }

/* Fleet */
.reference-fleet { width: 1180px; margin: 50px auto; }
.reference-fleet__tab-list { width: 1180px; height: 62px; display: flex; background: #f6f6f6; border-bottom: 2px solid #006fbc; }
.reference-fleet__tab-item { width: 295px; height: 60px; }
.reference-fleet__tab { height: 60px; display: flex; align-items: center; justify-content: center; color: #666; font-size: 14px; }
.reference-fleet__tab--active { background: #006fbc; color: #fff; }
.reference-fleet__list { width: 1180px; }
.reference-fleet__ship { width: 1180px; height: 144px; margin-top: 20px; padding-top: 15px; display: flex; border: 1px solid #e9e9e9; }
.reference-fleet__image-link { width: 204px; height: 114px; margin-left: 15px; flex: 0 0 204px; overflow: hidden; }
.reference-fleet__image { width: 204px; height: 114px; display: block; object-fit: cover; }
.reference-fleet__details { width: 900px; margin-left: 30px; }
.reference-fleet__row { width: 900px; height: 57px; display: flex; border-bottom: 1px dashed #e9e9e9; }
.reference-fleet__row--specifications { border: 0; }
.reference-fleet__item { height: 56px; display: flex; align-items: center; font-size: 14px; }
.reference-fleet__row--identity .reference-fleet__item { width: 300px; }
.reference-fleet__row--specifications .reference-fleet__item { width: 150px; }
.reference-fleet__value { margin-left: 4px; white-space: nowrap; }
.reference-fleet__empty { padding: 50px; color: #666; text-align: center; }

/* Honors, leadership, people */
.gallery-honors { width: 1180px; margin: 50px auto; }
.gallery-honors__tabs { width: 1180px; height: 60px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #006eb6; background: #f6f6f5; }
.gallery-honors__tab { width: 100%; min-width: 0; height: 60px; padding: 0; display: flex; align-items: center; justify-content: center; border: 0; border-left: 1px solid #e6e4e1; background: #f6f6f5; color: #666; cursor: pointer; font-size: 18px; line-height: 1; white-space: nowrap; }
.gallery-honors__tab:first-child { border-left: 0; }
.gallery-honors__tab.is-active { border-left-color: transparent; background: #006fbc; color: #fff; }
.gallery-honors__grid { display: flex; flex-wrap: wrap; }
.gallery-honors__item { width: 250px; margin: 22.5px; color: #666; cursor: pointer; font-size: 14px; }
.gallery-honors__item img { width: 250px; height: 180px; display: block; background: #f7f8f9; object-fit: contain; }
.gallery-honors__item figcaption { margin-top: 10px; line-height: 20px; }
.gallery-honors__label-mobile { display: none; }

.gallery-leadership { width: 1180px; min-height: 500px; margin: 0 auto; display: flex; }
.gallery-leadership__menu { width: 200px; flex: 0 0 200px; overflow: hidden; }
.gallery-leadership__menu-box { width: 170px; padding: 10px; border: 10px solid #cce2f2; border-radius: 20px; background: #f6faff; box-sizing: content-box; }
.gallery-leadership__menu-item { width: 170px; height: 50px; padding: 0; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 10px 0 10px 10px; box-sizing: content-box; color: #333; background: transparent; cursor: pointer; font-size: 18px; }
.gallery-leadership__menu-item:hover,
.gallery-leadership__menu-item.is-active { background: #006fbc; color: #fff; }
.gallery-leadership__profile { flex: 1; display: flex; align-items: flex-start; }
.gallery-leadership__copy { position: relative; margin: 50px 80px 0 60px; flex: 1; }
.gallery-leadership__accent { position: absolute; top: -45px; left: -35px; }
.gallery-leadership__heading { position: relative; z-index: 2; display: flex; align-items: flex-end; margin-bottom: 40px; }
.gallery-leadership__heading h1 { color: #333; font-size: 40px; font-weight: 400; }
.gallery-leadership__heading h1 span { color: #006fbc; }
.gallery-leadership__heading p { margin-left: 10px; color: #333; font-size: 18px; }
.gallery-leadership__bio { color: #666; font-size: 14px; line-height: 1.5; text-align: justify; }
.gallery-leadership__portrait { width: 267px; margin-right: 40px; }
.gallery-leadership__portrait img { width: 267px; height: 343px; display: block; object-fit: cover; }

.gallery-people { width: 1180px; min-height: 678px; margin: 0 auto; display: flex; }
.gallery-people__years { position: relative; width: 150px; height: 627px; flex: 0 0 150px; border-right: 1px solid #e9eaec; }
.gallery-people__year { position: relative; width: 150px; height: 65px; margin-left: -20px; padding: 0; display: block; border: 0; background: transparent; color: #006cb1; cursor: pointer; font-size: 20px; text-align: left; transition: margin-left .2s ease; }
.gallery-people__year:hover,
.gallery-people__year.is-active { margin-left: 10px; }
.gallery-people__year img { position: absolute; top: 50%; right: 2px; display: none; transform: translateY(-50%); }
.gallery-people__year.is-active img { display: block; }
.gallery-people__viewport { width: 900px; height: 628px; margin-left: 30px; overflow: hidden; }
.gallery-people__panel { width: 900px; height: 628px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #9d3d30 #f0f0f0; }
.gallery-people__panel::-webkit-scrollbar { width: 6px; }
.gallery-people__panel::-webkit-scrollbar-track { background: #f0f0f0; }
.gallery-people__panel::-webkit-scrollbar-thumb { border-radius: 4px; background: #9d3d30; }
.gallery-people__panel > h2 { width: 880px; height: 30px; padding-left: 20px; display: block; font-size: 14px; font-weight: 400; line-height: 30px; }
.gallery-people__grid { width: 880px; display: flex; flex-wrap: wrap; }
.gallery-people__item { width: 200px; margin: 20px 10px 0 0; border: 5px solid #f5f5f4; box-sizing: content-box; cursor: pointer; }
.gallery-people__item img { width: 200px; height: 150px; display: block; object-fit: cover; }
.gallery-people__item figcaption { width: 200px; height: 50px; }

.gallery-lightbox {
    position: fixed;
    z-index: 9999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .72);
}

.gallery-lightbox__stage img { max-width: 90vw; height: 500px; object-fit: contain; }
.gallery-lightbox__close { position: absolute; top: 25px; right: 35px; border: 0; background: transparent; color: #fff; cursor: pointer; font-size: 42px; }

/* News lists and detail */
.news-single {
    width: 1180px;
    min-height: 813px;
    margin: 0 auto;
    padding-top: 50px;
}

.article-list { width: 800px; height: 658px; overflow: hidden; }
.article-row { width: 800px; height: 131px; display: flex; border-bottom: 1px solid #f5f4f2; }
.article-row:nth-child(2),
.article-row:nth-child(4),
.article-row:nth-child(5) { height: 132px; }
.article-date { width: 80px; height: 80px; margin: 25px 0; flex: 0 0 80px; display: block; background: #f0efed; color: #666; text-align: center; }
.article-date strong { padding-top: 10px; display: block; color: #006fbc; font-size: 40px; font-weight: 400; line-height: 44px; }
.article-date span { display: block; font-size: 18px; }
.article-copy { width: 720px; }
.article-copy h2 { width: 720px; height: 59px; margin: 0 0 16px; padding: 25px 0 0 20px; color: #333; font-size: 18px; font-weight: 400; line-height: 18px; }
.article-copy h2 a:hover { color: #006fbc; }
.article-copy p { width: 720px; padding-left: 20px; color: #666; font-size: 14px; line-height: 25px; }
.article-date-mobile { display: none; }

.pagination {
    margin-top: 35px;
    display: flex;
}

.news-single > .pagination { height: 55px; margin-top: 0; padding-top: 10px; }

.pagination a {
    min-width: 38px;
    height: 31px;
    padding: 0 12px;
    display: block;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    line-height: 29px;
    text-align: center;
}

.pagination a + a { border-left: 0; }
.pagination a.active { background: #1e9fff; color: #fff; }
.pagination a.disabled { color: #bbb; }

.news-detail {
    width: 1180px;
    margin: 0 auto;
    padding: 0;
}

.news-detail > header { text-align: center; }
.news-detail > header h1 { padding-top: 50px; color: #006fbc; font-size: 24px; font-weight: 400; line-height: 24px; }
.news-detail > header p { padding: 30px 0 40px; color: #666; font-size: 14px; line-height: 14px; }
.news-detail-body { padding-bottom: 30px; display: flow-root; border-bottom: 1px solid #e2e0dc; }
.news-detail-body h2 { height: 31px; margin: 0 0 30px; color: #666; font-size: 18px; line-height: 31px; }
.news-detail-body > p { margin: 0; font-family: "Microsoft YaHei", sans-serif; font-size: 16px; line-height: 30px; }
.detail-cover { max-width: 700px; max-height: none; margin: 0 auto 40px; display: block; }
.detail-cover + .detail-cover { margin-bottom: 36px; }
.news-detail-body > .news-source { height: 60px; margin-top: 30px; color: #999; font-size: 12px; line-height: 30px; }
.news-siblings { height: 55px; margin-top: 50px; padding-top: 10px; display: flex; align-items: flex-start; gap: 0; }
.news-siblings a {
    min-width: 68px;
    height: 30px;
    margin-right: -1px;
    padding: 0 15px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    color: #333;
    background: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
}

/* ESG */
.esg-news-grid {
    width: 1180px;
    margin: -15px auto 50px;
    padding-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 373px);
    column-gap: 30px;
    row-gap: 60px;
}

.esg-news-grid > a { width: 373px; }
.esg-news-grid > a > div { width: 373px; height: 249px; overflow: hidden; }
.esg-news-grid img { width: 373px; height: 249px; display: block; object-fit: cover; transition: transform .3s; }
.esg-news-grid h2 { margin-top: 10px; color: #6e7d91; font-size: 16px; font-weight: 400; line-height: 26px; }
.esg-news-grid time { margin-top: 6px; display: block; color: #999; font-size: 13px; }
.esg-news-grid > a:hover img { transform: scale(1.1); }
.esg-news-grid > a:hover h2 { color: #006fbc; }

.esg-news-pagination { width: 1180px; height: 55px; margin: 0 auto; padding-top: 10px; display: flex; }
.esg-news-pagination span,
.esg-news-pagination b,
.esg-news-pagination a { height: 31px; padding: 0 15px; border: 1px solid #ddd; color: #666; font-size: 12px; font-weight: 400; line-height: 29px; }
.esg-news-pagination > * + * { border-left: 0; }
.esg-news-pagination span { color: #bbb; }
.esg-news-pagination b { background: #1e9fff; color: #fff; }

.esg-report-list {
    width: 1180px;
    min-height: 327px;
    margin: 0 auto;
    padding-top: 30px;
}

.esg-report-list > a {
    width: 1180px;
    height: 64px;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ddd;
    font-size: 16px;
}

.esg-report-list time { width: 293px; color: #999; }
.esg-report-list > a span { color: #00438b; }
.esg-report-pagination { height: 55px; margin-top: 50px; padding-top: 10px; display: flex; }
.esg-report-pagination span,
.esg-report-pagination b { height: 31px; padding: 0 15px; border: 1px solid #ddd; color: #bbb; font-size: 12px; font-weight: 400; line-height: 29px; }
.esg-report-pagination b { border-right: 0; border-left: 0; background: #1e9fff; color: #fff; }

/* Investor */
.original-investor {
    width: 1180px;
    height: 586px;
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: 680px 500px;
    grid-template-rows: 400px 145px;
    column-gap: 0;
    row-gap: 41px;
}

.stock {
    width: 640px;
    padding: 60px 50px;
    background: #e7eff9;
}

.stock h2 { color: #001a36; font-size: 30px; font-weight: 400; }
.stock > strong { margin: 25px 0; display: block; font: 68px Arial, sans-serif; }
.stock > strong.is-up { color: #e21007; }
.stock > strong.is-down { color: #18ad4e; }
.stock > strong small { font-size: 18px; font-weight: 400; }
.stock > p { color: #789; font-size: 12px; }
.stock > div { margin-top: 45px; display: grid; grid-template-columns: repeat(4, 1fr); }
.stock span { padding-left: 14px; border-left: 1px solid #cbd5df; font-size: 12px; }
.stock span b { margin-top: 12px; display: block; color: red; font: 24px Arial, sans-serif; }
.stock > p a,
.stock-unavailable a { color: #0876bd; }
.stock-unavailable { min-height: 245px; display: flex; flex-direction: column; justify-content: center; }
.stock-unavailable > strong { color: #667789; font-size: 28px; font-weight: 500; }
.stock-unavailable > p { margin-top: 18px; color: #789; }

.disclosure {
    position: relative;
    grid-row: span 2;
    overflow: hidden;
}

.disclosure > img { width: 500px; height: 586px; display: block; object-fit: cover; }
.disclosure > span { position: absolute; top: 260px; left: 170px; color: #fff; font-size: 40px; }
.disclosure small { margin-top: 15px; display: block; font-size: 18px; text-align: center; }

.investor-contact {
    width: 680px;
    padding: 36px 50px;
    background: #e7eff9;
    font-size: 18px;
}

.investor-contact em,
.investor-contact > div > a { margin-left: 12px; color: red; font-style: normal; }
.investor-contact > div > a:hover { text-decoration: none; }
.investor-contact p { margin-top: 18px; display: flex; color: #0071bd; font-size: 23px; }
.investor-contact p span { margin-right: 50px; white-space: nowrap; }
.investor-contact p img { margin-right: 9px; vertical-align: -4px; }

.investor-inquiry-page { width: 1180px; margin: 0 auto 70px; }
.investor-inquiry-main { display: grid; grid-template-columns: 760px 1fr; gap: 36px; padding: 30px 0 50px; }
.investor-inquiry-form-card { padding: 34px 40px 38px; border: 1px solid #e2e7ec; background: #fff; box-shadow: 0 10px 30px rgba(26, 70, 108, .08); }
.investor-inquiry-form-card h2,
.investor-inquiry-contact h2 { margin-bottom: 28px; color: #006fbc; font-size: 25px; font-weight: 500; }
.inquiry-field { margin-bottom: 22px; display: grid; grid-template-columns: 100px 1fr; align-items: center; color: #444; font-size: 16px; }
.inquiry-field input,
.inquiry-field textarea { width: 100%; border: 1px solid #d7dce2; outline: 0; color: #333; background: #fafbfc; font: inherit; transition: border-color .2s, box-shadow .2s; }
.inquiry-field input { height: 48px; padding: 0 16px; }
.inquiry-field textarea { min-height: 170px; padding: 14px 16px; resize: vertical; line-height: 1.7; }
.inquiry-field input:focus,
.inquiry-field textarea:focus { border-color: #1687d3; box-shadow: 0 0 0 3px rgba(22, 135, 211, .1); }
.inquiry-field--question { align-items: start; }
.inquiry-field--question > span { padding-top: 14px; }
.inquiry-actions { padding-left: 100px; display: flex; gap: 15px; }
.inquiry-actions button { width: 122px; height: 44px; border: 1px solid #0876bd; cursor: pointer; font-size: 16px; }
.inquiry-actions button:first-child { color: #fff; background: #0876bd; }
.inquiry-actions button:last-child { color: #0876bd; background: #fff; }
.inquiry-honeypot { position: absolute; left: -9999px; }
.inquiry-alert { margin: -10px 0 22px 100px; padding: 11px 14px; border-radius: 4px; }
.inquiry-alert--success { color: #237804; background: #f6ffed; border: 1px solid #b7eb8f; }
.inquiry-alert--error { color: #a8071a; background: #fff1f0; border: 1px solid #ffa39e; }
.investor-inquiry-contact { min-height: 360px; padding: 34px 32px; color: #555; background: linear-gradient(145deg, #f2f8fd, #e5f0f8); }
.investor-inquiry-contact p { margin: 22px 0; display: flex; align-items: center; font-size: 16px; }
.investor-inquiry-contact p img { width: 28px; margin-right: 12px; }
.investor-inquiry-contact p a { color: #006fbc; }
.investor-inquiry-contact strong { margin-top: 35px; display: block; color: #666; font-size: 18px; font-weight: 400; }
.inquiry-contact-button { width: 130px; height: 42px; margin-top: 18px; display: grid; place-items: center; color: #fff !important; background: #0876bd; }
.investor-inquiry-public { padding-top: 20px; }
.investor-inquiry-public > header { height: 52px; display: flex; align-items: center; border-bottom: 1px solid #dfe4e9; }
.investor-inquiry-public > header i { width: 5px; height: 24px; margin-right: 12px; background: #0876bd; }
.investor-inquiry-public > header h2 { color: #333; font-size: 22px; font-weight: 500; }
.investor-inquiry-public article { position: relative; padding: 22px 130px 22px 10px; border-bottom: 1px dashed #d9dfe5; }
.investor-inquiry-public article h3 { color: #333; font-size: 16px; font-weight: 500; }
.investor-inquiry-public article time { position: absolute; top: 22px; right: 10px; color: #999; }
.investor-inquiry-public article div { margin-top: 12px; color: #666; line-height: 1.8; }
.investor-inquiry-public article div strong { color: #0876bd; }
.inquiry-empty { padding: 55px 0; color: #999; text-align: center; }
.inquiry-pagination { margin-top: 26px; display: flex; justify-content: center; }
.inquiry-pagination a,
.inquiry-pagination span,
.inquiry-pagination b { min-width: 36px; height: 36px; padding: 0 12px; display: grid; place-items: center; border: 1px solid #ddd; color: #666; font-weight: 400; }
.inquiry-pagination > * + * { border-left: 0; }
.inquiry-pagination b { color: #fff; border-color: #0876bd; background: #0876bd; }
.inquiry-pagination span { color: #bbb; }

/* Responsive home page */
@media (max-width: 1180px) {
    html,
    body { max-width: 100%; overflow-x: hidden; }
    body { padding-top: 62px; }
    body.mobile-nav-open { overflow: hidden; }

    .gh-header {
        position: fixed;
        z-index: 903;
        top: 0;
        right: 0;
        left: 0;
        height: 62px;
        box-shadow: none;
        border-bottom: 3px solid #0876bd;
    }
    .gh-header-main { width: 100%; height: 59px; padding: 0 14px; align-items: center; justify-content: flex-end; line-height: normal; }
    .gh-logo { width: 104px; height: 42px; flex: 0 0 104px; padding: 0; }
    .gh-logo img { width: 104px; height: 42px; object-fit: contain; }
    .gh-mobile-menu { position: absolute; z-index: 902; top: 16px; left: 14px; width: 30px; height: 30px; padding: 4px 1px; display: flex; flex-direction: column; justify-content: space-around; border: 0; background: transparent; }
    .gh-mobile-menu span { width: 25px; height: 3px; display: block; border-radius: 2px; background: #0876bd; transition: transform .25s, opacity .25s; }
    .mobile-nav-open .gh-mobile-menu span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .mobile-nav-open .gh-mobile-menu span:nth-child(2) { opacity: 0; }
    .mobile-nav-open .gh-mobile-menu span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .gh-nav { position: fixed; z-index: 901; top: 62px; bottom: 0; left: 0; width: min(82vw, 330px); height: auto; margin: 0; padding: 12px 0 30px; display: block; overflow-y: auto; border: 0; background: #fff; box-shadow: 10px 0 30px rgba(0, 39, 72, .16); transform: translateX(-105%); transition: transform .28s ease; }
    .mobile-nav-open .gh-nav { transform: translateX(0); }
    .gh-nav > li,
    .gh-nav > li:nth-last-child(2) { width: 100%; height: auto; min-height: 50px; }
    .gh-nav > li.gh-nav-item--esg { width: 100%; min-width: 0; }
    .gh-nav > li > a { height: 50px; padding: 0 25px; color: #333; line-height: 50px; text-align: left; }
    .gh-nav > li > a i { display: none; }
    .gh-nav > li.has-down > a::after { content: '+'; float: right; color: #0876bd; font-size: 22px; font-weight: 400; }
    .gh-nav > li.mobile-expanded > a::after { content: '−'; }
    .gh-nav > li:hover > a { color: #0876bd; }
    .gh-down,
    .gh-nav > li:nth-child(n) .gh-down { position: static; width: 100%; height: 0; max-height: 0; padding: 0; background: #f3f7fa; line-height: normal; white-space: normal; transition: max-height .25s; }
    .gh-nav > li:hover .gh-down { height: 0; }
    .gh-nav > li.mobile-expanded .gh-down { height: auto; max-height: 600px; padding: 6px 0; }
    .gh-down a { padding: 10px 25px 10px 38px; display: block; color: #55626c; font-size: 14px; line-height: 22px; }
    .gh-friends { display: none; }
    .gh-language-switch--desktop { display: none; }
    .gh-nav-language {
        margin-top: 12px;
        display: block;
        border-top: 1px solid #dce7ef;
    }
    .gh-nav-language > a {
        color: #0876bd !important;
        font-weight: 700;
    }
    .gh-mobile-backdrop { position: fixed; z-index: 900; inset: 62px 0 0; width: 100%; height: auto; border: 0; background: rgba(1, 21, 37, .46); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
    .mobile-nav-open .gh-mobile-backdrop { display: block; opacity: 1; visibility: visible; }

    .gh-banner,
    .gh-banner .swiper-wrapper,
    .gh-banner .swiper-slide { height: clamp(195px, 50vw, 340px); }
    .gh-banner .swiper-slide { background-size: auto 100%; background-repeat: no-repeat; }
    .gh-banner-pagination { position: absolute; z-index: 12; right: 0; bottom: 16px !important; left: 0; text-align: center; }
    .gh-banner-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; opacity: 1; background: rgba(255,255,255,.78); }
    .gh-banner-pagination .swiper-pagination-bullet-active { background: #168cf5; }
    .gh-prev,
    .gh-next { width: 42px; height: 52px; padding: 8px; }
    .gh-prev { left: 4px; }
    .gh-next { right: 4px; }
    .gh-prev img,
    .gh-next img { display: none; }
    .gh-prev::before,
    .gh-next::before { width: 22px; height: 22px; display: block; border-top: 2px solid #168cf5; border-left: 2px solid #168cf5; content: ''; }
    .gh-prev::before { transform: rotate(-45deg); }
    .gh-next::before { transform: rotate(135deg); }

    .gh-mobile-business { padding: 24px 14px; display: block; background: #f4f4f4; }
    .gh-mobile-business h2 { color: #0876bd; font-size: 21px; line-height: 1.4; text-align: center; }
    .gh-mobile-title-dots { height: 24px; display: flex; align-items: center; justify-content: center; gap: 12px; }
    .gh-mobile-title-dots i { width: 8px; height: 8px; border-radius: 50%; background: #d1d5d8; }
    .gh-mobile-title-dots i.active { background: #168dd9; }
    .gh-mobile-business-track { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .gh-mobile-business-track::-webkit-scrollbar { display: none; }
    .gh-mobile-business-track a { position: relative; min-height: clamp(360px, 93vw, 560px); display: block; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; scroll-snap-align: start; }
    .gh-mobile-business-track a::after { content: none; }
    .gh-mobile-business-track span { display: none; }

    .gh-index-main { width: 100%; height: auto; padding: 35px 13px 26px; display: block; background: #f7f7f7; }
    .gh-news-title { width: 100%; height: auto; }
    .gh-news-title > p { padding: 0; color: #0876bd; font-size: 21px; font-weight: 700; text-align: center; }
    .gh-news-title-desktop { display: none; }
    .gh-news-title-mobile { display: inline; }
    .gh-news-title > strong { display: none; }
    .gh-news-title > div { margin: 22px 0 17px; gap: 0; justify-content: space-around; }
    .gh-news-title button { padding: 0 7px 9px; font-size: 16px; }
    .gh-news-content { width: 100%; height: 234px; background: #fff; }
    .gh-news-category { width: 100%; height: 234px; }
    .gh-news-category article { width: 100%; height: 174px; padding: 20px; }
    .gh-news-category h2 { max-height: 48px; margin-bottom: 12px; overflow: hidden; font-size: 15px; line-height: 24px; }
    .gh-news-category h2 span { display: none; }
    .gh-news-category p { display: -webkit-box; overflow: hidden; font-size: 13px; line-height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .gh-news-dots { display: none; }
    .gh-news-next { display: none; }
    .gh-news-category p a { display: none; }
    .gh-news-category article { height: 117px; }
    .gh-news-category > .gh-mobile-news-more { position: absolute; top: 117px; right: 18px; bottom: auto; left: 18px; height: 42px; display: grid; place-items: center; color: #fff; background: #0876bd; font-size: 17px; }

    .gh-footer { height: auto; background: #fff; }
    .gh-footer-main { width: 100%; height: auto; }
    .gh-quick { display: none; }
    .gh-copyright { height: auto; min-height: 136px; padding: 18px 20px 14px; align-items: center; justify-content: center; flex-direction: column; background: #fff; text-align: center; }
    .gh-copyright::before { display: none; content: none; }
    .gh-copyright > .gh-footer-bubble { width: 27px; height: 24px; margin: 0 0 9px; display: block; object-fit: contain; }
    .gh-copyright p { line-height: 21px; }
    .gh-copyright > img { width: 20px; height: auto; margin-top: 10px; }
}

@media (max-width: 420px) {
    .gh-mobile-business-track a { min-height: calc(100vw - 28px); }
}

/* Responsive inner pages */
@media (max-width: 1180px) {
    main { min-height: 0; }
    .page-banner { height: clamp(118px, 31vw, 220px); }
    .page-banner > img { left: 50%; width: auto; height: 100%; margin-left: 0; transform: translateX(-50%); }
    .inner-title { width: auto; margin: 0 16px; padding: 24px 0 18px; }
    .inner-title-name { max-width: 62%; min-width: 0; text-align: left; }
    .inner-title-name img { max-width: 100%; height: auto; padding-bottom: 8px; }
    .inner-title-name strong { height: auto; padding-bottom: 8px; font-size: 22px; line-height: 1.15; text-align: left; }
    .inner-title-name p { font-size: 17px; line-height: 1.35; text-align: left; }
    .inner-bread { right: 0; bottom: 18px; max-width: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .rich-content { font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
    .rich-content p { margin-bottom: 16px; }
    .rich-content img,
    .rich-content video,
    .rich-content iframe,
    .rich-content table { max-width: 100% !important; height: auto !important; }
    .rich-content table { display: block; overflow-x: auto; }

    .original-content,
    .about-profile,
    .about-message,
    .about-structure,
    .about-companies,
    .about-milestones,
    .about-planning,
    .about-culture,
    .business-content,
    .reference-fleet,
    .gallery-honors,
    .gallery-leadership,
    .gallery-people,
    .news-single,
    .news-detail,
    .esg-news-grid,
    .esg-news-pagination,
    .esg-report-list,
    .original-investor,
    .investor-inquiry-page { width: auto; min-width: 0; margin-right: 16px; margin-left: 16px; }

    .original-content { min-height: 240px; padding: 28px 0 40px; }
    .about-profile { min-height: 0; padding: 32px 0 40px; font-size: 16px; }
    .about-message {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 14px 30px 36px;
        background: #f5f5f5;
    }
    .about-message.rich-content,
    .about-message.rich-content p,
    .about-message.rich-content span {
        color: #666 !important;
        font-family: "宋体", SimSun, serif !important;
        font-size: 14.56px !important;
        font-weight: 400 !important;
        line-height: 26px !important;
    }
    .about-message.rich-content p { margin: 0 0 25px; }
    .about-message.rich-content p:last-child { margin-bottom: 0; }
    .about-message.rich-content p[style*="right"] { text-align: right !important; }
    .about-message.rich-content p[style*="right"] img {
        width: 81px !important;
        height: 77px !important;
        object-fit: contain;
    }
    .about-signature { padding-right: 10px; }
    .about-structure { min-height: 0; padding: 28px 0 40px; }
    .org-root { width: min(260px, 88%); }
    .org-row,
    .org-grid { flex-wrap: wrap; gap: 12px; }
    .org-row span,
    .org-grid span { width: calc(50% - 6px); min-width: 0; padding: 12px 8px; font-size: 15px; }

    .about-companies {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 14px 14px 20px;
        background: #f5f5f4;
    }
    .about-companies-intro,
    .about-milestones-intro { margin-bottom: 24px; padding: 18px; }
    .about-companies article {
        min-height: 160px;
        margin-bottom: 13px;
        padding: 18px;
        border: 0;
        background: #fff;
    }
    .about-companies article:last-child { margin-bottom: 0; }
    .about-companies h2 {
        margin: 0 0 24px 16px;
        color: #333;
        font-family: "宋体", SimSun, serif;
        font-size: 16.64px;
        font-weight: 400;
        line-height: 22px;
    }
    .about-companies .company-description {
        height: 78px;
        margin: 0 16px;
        color: #666;
        font-family: "宋体", SimSun, serif;
        font-size: 14.56px;
        font-weight: 400;
        line-height: 26px;
    }
    .about-companies .company-toggle {
        position: absolute;
        top: 18px;
        right: 34px;
        width: 32px;
        min-height: 0;
        height: 32px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        overflow: hidden;
        color: transparent;
        background: #0878bf url("/gh-assets/images/company_more.png") center / 32px 32px no-repeat;
        font-size: 0;
    }
    .about-companies .company-toggle:hover,
    .about-companies .company-toggle.is-active {
        color: transparent;
        background: #0878bf url("/gh-assets/images/company_more.png") center / 32px 32px no-repeat;
    }

    .about-milestones {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0 13px 13px;
        overflow: hidden;
        background: #f5f5f5;
    }
    .about-milestones > header { display: none; }
    .about-milestones-intro { margin: 14px 0 0; }
    .milestone-carousel {
        height: auto;
        margin-top: 0;
        background: none;
    }
    .milestone-viewport {
        width: 100%;
        height: auto;
        margin: 0;
        overflow: visible;
        touch-action: auto;
    }
    .milestone-track {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
        transform: none !important;
        transition: none;
    }
    .milestone-track article {
        width: 100%;
        padding: 0;
        flex: none;
    }
    .milestone-track article > img,
    .milestone-track article > i,
    .milestone-arrow { display: none; }
    .milestone-track article > div {
        min-height: 0;
        padding: 0;
        border-radius: 0;
        background: transparent;
    }
    .milestone-track h2 {
        margin: 0;
        padding: 25px 0 21px;
        border: 0;
        color: #fff;
        font-size: 0;
        line-height: 26px;
        text-align: center;
    }
    .milestone-track h2 .milestone-date-desktop { display: none; }
    .milestone-track h2 .milestone-date-mobile {
        min-width: 74px;
        height: 26px;
        padding: 0 10px;
        display: inline-block;
        border-radius: 13px;
        color: #fff;
        background: #006fbc;
        font-family: "宋体", SimSun, serif;
        font-size: 16.64px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
    }
    .milestone-track p {
        margin: 0;
        padding: 0 0 0 18px;
        color: #666;
        font-family: "宋体", SimSun, serif;
        font-size: 14.56px;
        font-weight: 400;
        line-height: 25px;
        text-align: left;
    }

    .about-planning { min-height: 0; padding: 28px 0 12px; display: block; }
    .about-planning article { width: 100%; margin: 0 0 32px; }
    .about-planning img { width: 100%; height: auto; }
    .about-planning h2 { margin: 20px 0 14px; }
    .about-planning p { margin-bottom: 0; font-size: 15px; }

    .about-culture { min-height: 0; margin-top: 28px; padding-bottom: 36px; display: flex; flex-direction: column; }
    .culture-main,
    .culture-intro,
    .culture-intro p,
    .culture-featured,
    .culture-featured > div,
    .culture-featured h2,
    .culture-featured p,
    .culture-list,
    .culture-news > div,
    .culture-news h2,
    .culture-pagination-spacer { width: 100%; }
    .culture-main { order: 2; }
    .culture-images { width: 100%; height: auto; margin-bottom: 24px; order: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .culture-images img { width: 100%; height: auto; aspect-ratio: 300 / 130; margin: 0; object-fit: cover; }
    .culture-intro { height: auto; padding-bottom: 10px; }
    .culture-intro p { padding-left: 0; }
    .culture-featured { height: auto; min-height: 130px; padding: 16px 0; }
    .culture-featured img { width: 36%; height: 118px; flex-basis: 36%; }
    .culture-featured > div { min-width: 0; }
    .culture-featured h2 { height: auto; max-height: 48px; padding-left: 14px; line-height: 24px; }
    .culture-featured p { height: 48px; padding-left: 14px; line-height: 24px; }
    .culture-featured time { padding-left: 14px; }
    .culture-list { height: auto; }
    .culture-news,
    .culture-news:nth-child(n) { height: auto; min-height: 128px; }
    .culture-news time { width: 64px; height: 70px; margin: 24px 0; flex-basis: 64px; }
    .culture-news time strong { padding-top: 8px; font-size: 32px; line-height: 36px; }
    .culture-news > div { min-width: 0; padding: 22px 0 18px 14px; }
    .culture-news h2 { margin-bottom: 9px; font-size: 16px; }
    .culture-main > .culture-pagination { margin-top: 24px; }

    .about-culture--main {
        width: 100%;
        margin: 0;
        padding: 17px 0 18px;
        background: #f5f5f4;
    }
    .about-culture--main .culture-images {
        width: auto;
        margin: 0 16px;
        display: block;
    }
    .about-culture--main .culture-images a {
        margin-bottom: 18px;
        display: block;
    }
    .about-culture--main .culture-images a:last-child { margin-bottom: 0; }
    .about-culture--main .culture-images img {
        width: 100%;
        height: auto;
        aspect-ratio: 358 / 127;
        display: block;
        object-fit: cover;
    }
    .about-culture--main .culture-main::before {
        margin: 32px 30px 0;
        padding-bottom: 12px;
        display: block;
        border-bottom: 1px solid #dfdfdf;
        color: #666;
        font-family: "宋体", SimSun, serif;
        font-size: 16.64px;
        font-weight: 400;
        line-height: 22px;
        content: '企业文化';
    }
    .about-culture--main .culture-main {
        display: flex;
        flex-direction: column;
    }
    .about-culture--main .culture-main::before { order: 0; }
    .about-culture--main .culture-intro { display: none; }
    .about-culture--main .culture-featured,
    .about-culture--main .culture-news,
    .about-culture--main .culture-news:nth-child(n) {
        width: auto;
        height: auto;
        min-height: 0;
        margin: 0 14px 13px;
        padding: 18px;
        display: block;
        border: 0;
        background: #fff;
    }
    .about-culture--main .culture-featured { margin-top: 0; order: 1; }
    .about-culture--main .culture-featured img,
    .about-culture--main .culture-featured time,
    .about-culture--main .culture-news time { display: none; }
    .about-culture--main .culture-featured > div,
    .about-culture--main .culture-news > div {
        width: 100%;
        padding: 0;
    }
    .about-culture--main .culture-featured h2,
    .about-culture--main .culture-news h2 {
        width: 100%;
        height: auto;
        max-height: none;
        margin: 0 0 23px;
        padding: 0;
        overflow: visible;
        display: block;
        color: #111;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.56px;
        font-weight: 400;
        line-height: normal;
    }
    .about-culture--main .culture-featured p,
    .about-culture--main .culture-news p {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
        display: block;
        color: #666;
        margin-right: 16px;
        margin-left: 16px;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.73px;
        font-weight: 400;
        line-height: 20.8px;
        text-align: justify;
    }
    .about-culture--main .culture-list { height: auto; display: contents; }
    .about-culture--main .culture-news:nth-child(1) { order: 2; }
    .about-culture--main .culture-news:nth-child(2) { order: 3; }
    .about-culture--main .culture-news:nth-child(3) { order: 4; }
    .about-culture--main .culture-news:nth-child(4) { order: 5; }
    .about-culture--page-1 .culture-featured { order: 2; }
    .about-culture--page-1 .culture-news:nth-child(1) { order: 1; }
    .about-culture--main .culture-main > .culture-pagination {
        width: fit-content;
        height: 26px;
        max-width: calc(100% - 28px);
        margin: 23px auto 0;
        flex-wrap: nowrap;
        overflow: hidden;
        order: 6;
    }
    .about-culture--main .culture-pagination a,
    .about-culture--main .culture-pagination .pagination-ellipsis {
        min-width: 34px;
        height: 26px;
        padding: 0 8px;
        flex: 0 0 auto;
        border: 1px solid #ddd;
        color: #666;
        background: #fff;
        font-size: 12px;
        line-height: 24px;
        text-align: center;
    }
    .about-culture--main .culture-pagination .culture-page-neighbor { display: none; }
    .about-culture--main .culture-pagination > a:first-child,
    .about-culture--main .culture-pagination > a:last-child { min-width: 56px; }
    .about-culture--main .culture-pagination > * + * { border-left: 0; }
    .about-culture--main .culture-pagination a.active {
        color: #fff;
        border-color: #1e9fff;
        background: #1e9fff;
    }
    .culture-philosophy article { margin-bottom: 30px; }
    .culture-logo-mark img { width: min(240px, 70vw); height: auto; }
    .culture-logo-page > h3 { margin: 34px 0 24px; }
    .culture-logo-page > .rich-content { padding-bottom: 20px; }

    .business-content { min-height: 0; padding: 28px 0 40px; }
    .business-content > .rich-content,
    .business-related,
    .business-related article { width: 100%; }
    .business-content--business-management {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 14px;
        background: #f5f5f4;
    }
    .business-content--business-management > .rich-content {
        width: 100%;
        min-height: 218px;
        padding: 18px 34px;
        color: #666;
        background: #fff;
        font-family: "宋体", SimSun, serif;
        font-size: 14.56px;
        font-weight: 400;
        line-height: 26px;
    }
    .business-content--business-management > .rich-content p,
    .business-content--business-management > .rich-content span {
        margin: 0;
        color: #666 !important;
        font-family: "宋体", SimSun, serif !important;
        font-size: 14.56px !important;
        font-weight: 400 !important;
        line-height: 26px !important;
        text-align: left !important;
    }
    .business-content--management-overview,
    .business-content--management-strength,
    .business-content--management-mos {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 38px 16px 67px;
        background: #fff;
    }
    .business-content--management-strength { padding-bottom: 50px; }
    .business-content--management-overview > .rich-content,
    .business-content--management-strength > .rich-content,
    .business-content--management-mos > .rich-content {
        width: 100%;
        padding: 0;
        color: #000;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.73px;
        font-weight: 400;
        line-height: 26px;
    }
    .business-content--management-overview > .rich-content p,
    .business-content--management-overview > .rich-content span,
    .business-content--management-strength > .rich-content p,
    .business-content--management-strength > .rich-content span,
    .business-content--management-mos > .rich-content p,
    .business-content--management-mos > .rich-content span {
        margin: 0;
        padding: 0;
        color: #000 !important;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif !important;
        font-size: 14.73px !important;
        font-weight: 400 !important;
        line-height: 26px !important;
        text-align: left !important;
    }
    .business-content--esg-responsibility {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 14px;
        background: #f5f5f4;
    }
    .business-content--esg-responsibility > .rich-content {
        width: 100%;
        color: #666;
        font-family: SimSun, "宋体", sourcehansans, sans-serif;
        font-size: 14.73px;
        font-weight: 400;
        line-height: 26px;
    }
    .business-content--esg-responsibility > .rich-content p,
    .business-content--esg-responsibility > .rich-content span {
        width: auto;
        margin: 0 16px;
        padding: 0;
        color: #666 !important;
        font-family: SimSun, "宋体", sourcehansans, sans-serif !important;
        font-size: 14.73px !important;
        font-weight: 400 !important;
        line-height: 26px !important;
        text-align: left !important;
    }
    .business-content--esg-responsibility > .rich-content p:nth-child(-n + 3) {
        line-height: 22.1px !important;
    }
    .business-content--esg-responsibility > .rich-content p:nth-child(n + 4) {
        line-height: 29.46px !important;
    }
    .business-content--esg-responsibility > .rich-content p:nth-child(4) {
        margin-top: 26px;
    }
    .business-content--esg-responsibility > .rich-content p:nth-child(5),
    .business-content--esg-responsibility > .rich-content p:nth-child(6) {
        margin-top: 29.5px;
    }
    .business-content--esg-responsibility > .rich-content p:last-child {
        margin-bottom: 42px;
    }
    .business-content--esg-green {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 14px;
        background: #f5f5f4;
    }
    .business-content--esg-green > .rich-content {
        width: 100%;
        color: #666;
        font-family: SimSun, "宋体", sourcehansans, sans-serif;
        font-size: 14.73px;
        font-weight: 400;
        line-height: 22.1px;
    }
    .business-content--esg-green > .rich-content p:nth-child(n),
    .business-content--esg-green > .rich-content span {
        width: auto;
        height: auto;
        min-height: 0;
        margin: 0 16px;
        padding: 0;
        color: #666 !important;
        font-family: SimSun, "宋体", sourcehansans, sans-serif !important;
        font-size: 14.73px !important;
        font-weight: 400 !important;
        line-height: 22.1px !important;
        text-align: left !important;
    }
    .business-content--esg-green > .rich-content p:first-child,
    .business-content--esg-green > .rich-content p:last-child {
        display: none;
    }
    .business-content--esg-green > .rich-content p:nth-child(6),
    .business-content--esg-green > .rich-content p:nth-child(6) span {
        line-height: 29.46px !important;
    }
    .business-content--business-shipping > .rich-content { min-height: 0; font-size: 15px; }
    .business-content--business-shipping > .rich-content p,
    .business-content--business-shipping > .rich-content h2 { padding-bottom: 16px; line-height: 1.8; }
    .business-content--business-energy,
    .business-content--business-commodity,
    .business-content--business-shipping {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 14px;
        background: #f5f5f4;
    }
    .business-content--business-energy > .rich-content,
    .business-content--business-commodity > .rich-content,
    .business-content--business-shipping > .rich-content {
        width: 100%;
        padding: 18px;
        color: #666;
        background: #fff;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.73px;
        font-weight: 400;
        line-height: 26px;
    }
    .business-content--business-energy > .rich-content { min-height: 374px; }
    .business-content--business-commodity > .rich-content { min-height: 270px; }
    .business-content--business-shipping > .rich-content { min-height: 530px; }
    .business-content--business-energy > .rich-content p,
    .business-content--business-energy > .rich-content h2,
    .business-content--business-energy > .rich-content span,
    .business-content--business-commodity > .rich-content p,
    .business-content--business-commodity > .rich-content h2,
    .business-content--business-commodity > .rich-content span,
    .business-content--business-shipping > .rich-content p,
    .business-content--business-shipping > .rich-content h2,
    .business-content--business-shipping > .rich-content span {
        width: auto;
        margin: 0 16px;
        padding: 0;
        color: #666 !important;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif !important;
        font-size: 14.73px !important;
        line-height: 26px !important;
        text-align: left !important;
    }
    .business-content--business-shipping > .rich-content strong {
        color: #666;
        font-size: inherit;
    }
    .business-content--business-shipping > .business-related { display: none; }
    .business-related { margin-top: 24px; }
    .business-related article { height: auto; min-height: 148px; padding: 16px; }
    .business-related article + article { margin-top: 18px; }

    .front-page--fleet-ocean .inner-title-name p,
    .front-page--fleet-energy .inner-title-name p { font-size: 0; }
    .front-page--fleet-ocean .inner-title-name p::after,
    .front-page--fleet-energy .inner-title-name p::after {
        color: #fff;
        font-size: 22px;
        content: '集团船队';
    }
    .reference-fleet {
        width: 100%;
        margin: 0;
        padding: 14px;
        background: #f5f5f4;
    }
    .reference-fleet__tab-list {
        width: 100%;
        height: 42px;
        overflow: hidden;
        border: 0;
        background: transparent;
        scrollbar-width: none;
    }
    .reference-fleet__tab-list::-webkit-scrollbar { display: none; }
    .reference-fleet__tab-item {
        width: 90px;
        min-width: 90px;
        max-width: 90px;
        height: 42px;
        flex: 0 0 90px;
    }
    .reference-fleet__tab {
        height: 42px;
        padding: 0 8px;
        overflow: hidden;
        justify-content: flex-start;
        color: #111;
        background: #e9e9e9;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.56px;
        line-height: 42px;
        text-overflow: clip;
        white-space: nowrap;
    }
    .reference-fleet__tab--active {
        color: #111;
        background: #fff;
    }
    .reference-fleet__list,
    .reference-fleet__ship { width: 100%; }
    .reference-fleet__ship {
        position: relative;
        height: auto;
        margin-top: 10px;
        padding: 0;
        display: block;
        overflow: hidden;
        border: 0;
    }
    .reference-fleet__ship:first-child { margin-top: 15px; }
    .reference-fleet__image-link,
    .reference-fleet__image { width: 100%; height: auto; }
    .reference-fleet__image-link {
        margin: 0;
        display: block;
        aspect-ratio: 16 / 9;
    }
    .reference-fleet__image { height: 100%; object-fit: cover; }
    .reference-fleet__details {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 42px;
        margin: 0;
        padding: 0 15px;
        display: flex;
        align-items: center;
        background: rgba(0, 0, 0, .4);
    }
    .reference-fleet__row {
        width: auto;
        height: 42px;
        padding: 0;
        display: contents;
        border: 0;
    }
    .reference-fleet__item,
    .reference-fleet__row--identity .reference-fleet__item,
    .reference-fleet__row--specifications .reference-fleet__item {
        width: auto;
        min-width: 0;
        height: 42px;
        min-height: 0;
        margin-right: 20px;
        display: none;
        align-items: center;
        color: #fff;
        font-size: 12px;
        line-height: 42px;
        white-space: nowrap;
    }
    .reference-fleet__item--name,
    .reference-fleet__item--type,
    .reference-fleet__item--deadweight { display: flex !important; }
    .reference-fleet__item--deadweight { margin-right: 0; }
    .reference-fleet__label,
    .reference-fleet__value {
        min-width: 0;
        margin: 0;
        color: #fff;
        overflow: visible;
        font-size: 12px;
        line-height: 42px;
        overflow-wrap: normal;
        white-space: nowrap;
    }
    .reference-fleet__value { margin-left: 4px; }

    .gallery-honors {
        width: 100%;
        margin: 0;
        padding: 14px;
        background: #f5f5f4;
    }
    .gallery-honors .gallery-honors__tabs {
        width: 100%;
        height: 42px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border: 0;
        background: transparent;
    }
    .gallery-honors__tab {
        height: 42px;
        padding: 0 4px;
        border: 0;
        border-left: 1px solid #fff;
        color: #111;
        background: #e9e9e9;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.56px;
        font-weight: 400;
        line-height: 42px;
        white-space: nowrap;
    }
    .gallery-honors__tab:first-child { border-left: 0; }
    .gallery-honors__tab.is-active {
        color: #111;
        border-left-color: #fff;
        background: #fff;
    }
    .gallery-honors__label-desktop { display: none; }
    .gallery-honors__label-mobile { display: inline; }
    .gallery-honors__grid {
        margin: 15px 0 0;
        padding: 0 16px 16px;
        display: block;
        background: #fff;
    }
    .gallery-honors__item {
        width: 100%;
        margin: 0 0 15px;
        padding: 0;
    }
    .gallery-honors__item:first-child { padding-top: 16px; }
    .gallery-honors__item:last-child { margin-bottom: 0; }
    .gallery-honors__item img {
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        display: block;
        object-fit: contain;
    }

    .gallery-leadership { min-height: 0; padding: 28px 0 40px; display: block; }
    .gallery-leadership__menu { width: 100%; overflow-x: auto; scrollbar-width: none; }
    .gallery-leadership__menu::-webkit-scrollbar { display: none; }
    .gallery-leadership__menu-box { width: max-content; min-width: 100%; padding: 6px; display: flex; border-width: 5px; border-radius: 12px; box-sizing: border-box; }
    .gallery-leadership__menu-item { width: auto; min-width: 92px; height: 42px; padding: 0 14px; border-radius: 8px; font-size: 16px; box-sizing: border-box; }
    .gallery-leadership__profile { padding-top: 24px; display: flex; flex-direction: column-reverse; }
    .gallery-leadership__copy { width: 100%; margin: 24px 0 0; }
    .gallery-leadership__accent { top: -14px; left: -8px; width: 70px; }
    .gallery-leadership__heading { margin-bottom: 20px; }
    .gallery-leadership__heading h1 { font-size: 32px; }
    .gallery-leadership__heading p { font-size: 16px; }
    .gallery-leadership__portrait { width: min(267px, 72vw); margin: 0 auto; }
    .gallery-leadership__portrait img { width: 100%; height: auto; aspect-ratio: 267 / 343; }

    .gallery-people { min-height: 0; padding: 26px 0 38px; display: block; }
    .gallery-people__years { width: 100%; height: auto; display: flex; overflow-x: auto; border: 0; border-bottom: 1px solid #e9eaec; scrollbar-width: none; }
    .gallery-people__years::-webkit-scrollbar { display: none; }
    .gallery-people__year { width: auto; min-width: 124px; height: 48px; margin: 0; flex: 0 0 auto; font-size: 17px; text-align: center; white-space: nowrap; }
    .gallery-people__year:hover,
    .gallery-people__year.is-active { margin: 0; }
    .gallery-people__year img { top: auto; right: 50%; bottom: -1px; width: 12px; transform: translateX(50%); }
    .gallery-people__viewport,
    .gallery-people__panel { width: 100%; height: auto; margin: 0; overflow: visible; }
    .gallery-people__panel > h2 { width: 100%; height: auto; padding: 16px 0 4px; }
    .gallery-people__grid { width: auto; margin: 0 -5px; }
    .gallery-people__item { width: calc(50% - 10px); margin: 10px 5px 0; border-width: 3px; box-sizing: border-box; }
    .gallery-people__item img { width: 100%; height: auto; aspect-ratio: 4 / 3; }
    .gallery-people__item figcaption { width: 100%; height: 24px; }
    .gallery-lightbox__stage img { max-width: 94vw; max-height: 82vh; height: auto; }
    .gallery-lightbox__close { top: 12px; right: 16px; }

    .news-single { min-height: 0; padding: 26px 0 38px; }
    .article-list { width: 100%; height: auto; }
    .article-row,
    .article-row:nth-child(n) { width: 100%; height: auto; min-height: 118px; }
    .article-date { width: 62px; height: 68px; margin: 24px 0; flex-basis: 62px; }
    .article-date strong { padding-top: 6px; font-size: 31px; line-height: 36px; }
    .article-date span { font-size: 14px; }
    .article-copy { width: calc(100% - 62px); min-width: 0; padding: 20px 0 16px 14px; }
    .article-copy h2 { width: 100%; height: auto; max-height: 48px; margin: 0 0 8px; padding: 0; display: -webkit-box; overflow: hidden; font-size: 16px; line-height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .article-copy p { width: 100%; padding: 0; display: -webkit-box; overflow: hidden; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .news-single {
        width: 100%;
        margin: 0;
        padding: 14px;
        background: #f5f5f4;
    }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-list { width: 100%; }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-row,
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-row:nth-child(n) {
        width: 100%;
        min-height: 0;
        margin: 0 0 13px;
        padding: 18px;
        display: block;
        overflow: hidden;
        border: 0;
        background: #fff;
    }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-row:last-child { margin-bottom: 0; }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-date { display: none; }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy {
        width: 100%;
        padding: 0;
    }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy h2 {
        width: 100%;
        max-height: none;
        margin: 0 0 24px;
        padding: 0;
        display: block;
        overflow: visible;
        color: #333;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 16.64px;
        font-weight: 400;
        line-height: 23px;
    }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy p {
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        overflow: visible;
        color: #666;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.56px;
        line-height: 26px;
    }
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-date-mobile {
        margin-top: 3px;
        display: block;
        color: #ccc;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.56px;
        line-height: 26px;
        text-align: right;
    }
    .pagination,
    .esg-news-pagination,
    .esg-report-pagination,
    .inquiry-pagination { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
    .pagination::-webkit-scrollbar,
    .esg-news-pagination::-webkit-scrollbar,
    .esg-report-pagination::-webkit-scrollbar,
    .inquiry-pagination::-webkit-scrollbar { display: none; }
    .pagination > *,
    .esg-news-pagination > *,
    .esg-report-pagination > *,
    .inquiry-pagination > * { flex: 0 0 auto; }

    .news-detail { padding: 0; }
    .news-detail > header h1 { padding-top: 28px; font-size: 21px; line-height: 1.5; }
    .news-detail > header p { padding: 16px 0 24px; line-height: 1.5; }
    .news-detail-body { padding-bottom: 36px; border-bottom: 0; }
    .news-detail-body h2 { height: auto; margin-bottom: 18px; line-height: 1.6; }
    .news-detail-body > p { font-size: 15px; line-height: 1.9; }
    .detail-cover { max-width: 100%; height: auto; margin-bottom: 24px; }
    .news-siblings {
        width: 100%;
        height: 24px;
        margin: 20px 0 32px;
        padding: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 0;
    }
    .news-siblings a {
        width: 130px;
        height: 24px;
        min-width: 0;
        margin-right: 0;
        padding: 0 15px;
        border: 0;
        border-radius: 0;
        color: #999;
        background: transparent;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.7px;
        font-weight: 400;
        line-height: 23.4px;
        white-space: nowrap;
    }
    .news-siblings__previous { text-align: left; }
    .news-siblings__next {
        margin-left: auto;
        text-align: right;
    }
    .news-siblings:has(.news-siblings__previous) .news-siblings__next {
        margin-left: 0;
    }
    .news-siblings:has(.news-siblings__next) .news-siblings__previous {
        border-right: 1px solid #999;
    }

    .esg-news-grid { margin-top: 0; margin-bottom: 26px; padding-top: 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
    .esg-news-grid > a,
    .esg-news-grid > a > div { width: 100%; }
    .esg-news-grid > a > div { height: auto; aspect-ratio: 373 / 249; }
    .esg-news-grid img { width: 100%; height: 100%; object-fit: cover; }
    .esg-news-grid h2 { display: -webkit-box; overflow: hidden; font-size: 15px; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .esg-news-pagination { height: auto; margin-bottom: 36px; padding-top: 0; }
    .front-page--esg-news .esg-news-grid {
        width: 100%;
        margin: 0;
        padding: 8vw 5.3333vw 0;
        grid-template-columns: repeat(2, 42.6666vw);
        justify-content: space-between;
        column-gap: 0;
        row-gap: 0;
        background: #fff;
    }
    .front-page--esg-news .esg-news-grid > a {
        width: 42.6666vw;
        margin-bottom: 8vw;
    }
    .front-page--esg-news .esg-news-grid > a > div {
        width: 100%;
        height: 28.5333vw;
        aspect-ratio: auto;
        margin: 0 0 2.6666vw;
        overflow: hidden;
    }
    .front-page--esg-news .esg-news-grid img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .front-page--esg-news .esg-news-grid h2 {
        height: 12.8vw;
        margin: 0;
        color: #718495;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: clamp(13.44px, 3.7333vw, 16px);
        font-weight: 400;
        line-height: 6.4vw;
        -webkit-line-clamp: 2;
    }
    .front-page--esg-news .esg-news-grid time { display: none; }
    .front-page--esg-news .esg-news-pagination {
        width: 100%;
        height: 55.1px;
        margin: 0;
        padding: 10px 0 15.6px;
        justify-content: center;
        align-items: flex-start;
        background: #f5f5f5;
    }
    .front-page--esg-news .esg-news-pagination > span,
    .front-page--esg-news .esg-news-pagination > b,
    .front-page--esg-news .esg-news-pagination > a {
        min-width: 0;
        height: 25.4px;
        padding: 0 7.8px;
        border: 1px solid #e2e2e2;
        color: #333;
        background: #fff;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.7px;
        font-weight: 400;
        line-height: 23.4px;
        text-align: center;
    }
    .front-page--esg-news .esg-news-pagination > * + * {
        margin-left: -1px;
        border-left: 1px solid #e2e2e2;
    }
    .front-page--esg-news .esg-news-pagination > span {
        color: #d2d2d2;
    }
    .front-page--esg-news .esg-news-pagination > b {
        z-index: 1;
        color: #fff;
        border-color: #1e9fff;
        border-radius: 2px;
        background: #1e9fff;
    }
    .front-page--esg-news .esg-news-pagination > :first-child {
        border-radius: 2px 0 0 2px;
    }
    .front-page--esg-news .esg-news-pagination > :last-child {
        border-radius: 0 2px 2px 0;
    }
    .front-page--esg-report .esg-report-list {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 24px 16px 0;
        background: #f3f6f9;
    }
    .front-page--esg-report .esg-report-list > a {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 104px;
        margin: 0 0 14px;
        padding: 20px 48px 18px 66px;
        display: block;
        overflow: hidden;
        border: 1px solid #e6edf4;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 5px 18px rgba(30, 78, 121, .07);
        line-height: normal;
        transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .front-page--esg-report .esg-report-list > a::before {
        position: absolute;
        top: 50%;
        left: 18px;
        width: 34px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 5px;
        color: #fff;
        background: linear-gradient(145deg, #168acb, #0876bd);
        box-shadow: 0 5px 12px rgba(8, 118, 189, .2);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .3px;
        content: 'PDF';
        transform: translateY(-50%);
    }
    .front-page--esg-report .esg-report-list > a::after {
        position: absolute;
        top: 50%;
        right: 20px;
        color: #94a8ba;
        font-family: Arial, sans-serif;
        font-size: 22px;
        line-height: 1;
        content: '›';
        transform: translateY(-50%);
    }
    .front-page--esg-report .esg-report-list > a:active {
        border-color: #bcd9ec;
        box-shadow: 0 3px 10px rgba(30, 78, 121, .1);
        transform: scale(.99);
    }
    .front-page--esg-report .esg-report-list > a:nth-last-of-type(1) {
        margin-bottom: 0;
    }
    .front-page--esg-report .esg-report-list time {
        width: auto;
        margin: 0 0 8px;
        display: block;
        color: #999;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 13px;
        line-height: 18px;
    }
    .front-page--esg-report .esg-report-list > a span {
        max-height: 48px;
        display: -webkit-box;
        overflow: hidden;
        color: #1e4e79;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .front-page--esg-report .esg-report-pagination {
        width: calc(100% + 32px);
        max-width: none;
        height: 55.1px;
        margin: 24px -16px 0;
        padding: 10px 0 15.6px;
        justify-content: center;
        align-items: flex-start;
        background: #f3f6f9;
    }
    .front-page--esg-report .esg-report-pagination > span,
    .front-page--esg-report .esg-report-pagination > b {
        min-width: 0;
        height: 25.4px;
        padding: 0 7.8px;
        border: 1px solid #e2e2e2;
        color: #d2d2d2;
        background: #fff;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.7px;
        font-weight: 400;
        line-height: 23.4px;
        text-align: center;
    }
    .front-page--esg-report .esg-report-pagination > * + * {
        margin-left: -1px;
    }
    .front-page--esg-report .esg-report-pagination > b {
        z-index: 1;
        color: #fff;
        border-color: #1e9fff;
        border-radius: 2px;
        background: #1e9fff;
    }
    .front-page--esg-report .esg-report-pagination > :first-child {
        border-radius: 2px 0 0 2px;
    }
    .front-page--esg-report .esg-report-pagination > :last-child {
        border-radius: 0 2px 2px 0;
    }

    .front-page--investor-overview .original-investor {
        width: auto;
        height: auto;
        margin: 12px 12px 0;
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .front-page.front-page--investor-overview.is-inner-page main,
    .front-page--investor-overview .original-investor {
        background: #fff;
    }
    .front-page--investor-overview .stock {
        width: 100%;
        padding: 23px 16px 16px;
        background: #e7eff9;
    }
    .front-page--investor-overview .stock h2 {
        margin: 0 0 15px;
        color: #050c1a;
        font-size: 14.56px;
        font-weight: 400;
        line-height: 14.56px;
    }
    .front-page--investor-overview .stock > strong {
        margin: 0 0 15px;
        display: flex;
        align-items: flex-end;
        font-family: Arial, sans-serif;
        font-size: 34.32px;
        line-height: 1;
    }
    .front-page--investor-overview .stock > strong small {
        margin: 0 0 3px 12px;
        display: block;
        font-size: 14.56px;
        font-weight: 400;
        line-height: 1;
    }
    .front-page--investor-overview .stock > p {
        margin: 0 0 15px;
        color: #70858c;
        font-size: 14.56px;
        line-height: 19px;
    }
    .front-page--investor-overview .stock > div:not(.stock-unavailable) {
        height: 111px;
        margin-top: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }
    .front-page--investor-overview .stock span {
        min-height: 44px;
        margin-bottom: 12px;
        padding-left: 8px;
        border-left: 2px solid #cad3df;
        font-size: 14.56px;
        line-height: normal;
    }
    .front-page--investor-overview .stock span b {
        margin-top: 8px;
        display: block;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14.56px;
        font-weight: 400;
        line-height: normal;
    }
    .front-page--investor-overview .stock-unavailable {
        min-height: 190px;
    }
    .front-page--investor-overview .disclosure {
        width: 100%;
        height: 67.15vw;
        order: 2;
    }
    .front-page--investor-overview .disclosure > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .front-page--investor-overview .disclosure > span {
        top: 50%;
        left: 50%;
        color: #fff;
        font-size: 23.4px;
        line-height: normal;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }
    .front-page--investor-overview .disclosure small {
        margin-top: 8px;
        font-size: 14.56px;
    }
    .front-page--investor-overview .investor-contact {
        width: 100%;
        height: 119px;
        margin-top: 16px;
        padding: 23px 16px 16px;
        order: 3;
        background: #e7eff9;
        font-size: 14.56px;
        line-height: normal;
    }
    .front-page--investor-overview .investor-contact p {
        margin-top: 12px;
        display: block;
        color: #006fbc;
        font-size: 14.56px;
        line-height: normal;
    }
    .front-page--investor-overview .investor-contact p span {
        margin: 0 0 8px;
        display: block;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .front-page--investor-overview .investor-contact p img {
        height: 16px;
        margin-right: 4px;
        vertical-align: -3px;
    }

    .investor-inquiry-page { margin-bottom: 40px; }
    .investor-inquiry-main { padding: 24px 0 34px; display: block; }
    .investor-inquiry-form-card { padding: 24px 18px 28px; }
    .investor-inquiry-form-card h2,
    .investor-inquiry-contact h2 { margin-bottom: 22px; font-size: 22px; }
    .inquiry-field { margin-bottom: 18px; display: block; font-size: 15px; }
    .inquiry-field > span { margin-bottom: 9px; display: block; }
    .inquiry-field--question > span { padding-top: 0; }
    .inquiry-actions { padding-left: 0; }
    .inquiry-actions button { flex: 1; }
    .inquiry-alert { margin: 0 0 18px; }
    .investor-inquiry-contact { min-height: 0; margin-top: 18px; padding: 24px 20px; }
    .investor-inquiry-public > header h2 { font-size: 20px; }
    .investor-inquiry-public article { padding: 18px 4px; }
    .investor-inquiry-public article time { position: static; margin-top: 8px; display: block; }
}

@media (max-width: 480px) {
    .inner-title-name { max-width: 70%; }
    .inner-bread { max-width: 40%; font-size: 10px; }
    .reference-fleet__row { grid-template-columns: 1fr; }
    .gallery-honors__tabs { grid-template-columns: 1fr; }
    .esg-news-grid { grid-template-columns: 1fr; }
}

/* Group profile follows the concise mobile layout of the original website. */
@media (max-width: 1180px) {
    .front-page--about-profile main { background: #f5f5f5; }
    .front-page--about-profile .page-banner { display: none; }
    .front-page--about-profile .inner-title {
        width: 100%;
        height: 65px;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: #0876bd;
    }
    .front-page--about-profile .inner-title-name { width: 100%; max-width: none; color: #fff; text-align: center; }
    .front-page--about-profile .inner-title-name .cms-title-image,
    .front-page--about-profile .inner-title-name strong,
    .front-page--about-profile .inner-bread { display: none; }
    .front-page--about-profile .inner-title-name p { color: #fff; font-size: 20px; font-weight: 400; line-height: 65px; text-align: center; }
    .front-page--about-profile .about-profile {
        width: auto;
        min-height: 0;
        margin: 0 30px;
        padding: 30px 0 58px;
        color: #555;
        font-family: sourcehansans, "Microsoft YaHei", sans-serif;
        font-size: 14px;
        line-height: 2.05;
        text-align: justify;
    }
    .front-page--about-profile .about-profile p { margin-bottom: 0; }
}

@media (max-width: 360px) {
    .front-page--about-profile .about-profile { margin-right: 24px; margin-left: 24px; }
}

/* All mobile inner pages use the original site's compact title-bar structure. */
@media (max-width: 1180px) {
    .front-page.is-inner-page main { background: #f5f5f5; }
    .front-page.is-inner-page .page-banner { display: none; }
    .front-page.is-inner-page .inner-title {
        width: 100%;
        min-height: 65px;
        height: auto;
        margin: 0;
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: #0876bd;
    }
    .front-page.is-inner-page .inner-title-name { width: 100%; max-width: none; min-width: 0; color: #fff; text-align: center; }
    .front-page.is-inner-page .inner-title-name .cms-title-image,
    .front-page.is-inner-page .inner-title-name strong,
    .front-page.is-inner-page .inner-bread { display: none; }
    .front-page.is-inner-page .inner-title-name p {
        padding: 19px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.35;
        text-align: center;
    }
    .front-page--fleet-ocean.is-inner-page .inner-title-name p,
    .front-page--fleet-energy.is-inner-page .inner-title-name p {
        height: 65px;
        padding: 19px 0;
        overflow: hidden;
        font-size: 0 !important;
        line-height: 27px;
        white-space: nowrap;
    }
    .front-page--fleet-ocean.is-inner-page .inner-title-name p::after,
    .front-page--fleet-energy.is-inner-page .inner-title-name p::after {
        color: #fff;
        font-size: 20px;
        line-height: 27px;
        content: '集团船队';
    }
    .front-page--management-mos.is-inner-page .inner-title-name p {
        font-size: 0 !important;
    }
    .front-page--management-mos.is-inner-page .inner-title-name p::after {
        color: #fff;
        font-size: 20px;
        line-height: 27px;
        content: 'MOS系统简介';
    }
    .front-page--esg-report.is-inner-page .inner-title-name p {
        font-size: 0 !important;
    }
    .front-page--esg-report.is-inner-page .inner-title-name p::after {
        color: #fff;
        font-size: 20px;
        line-height: 27px;
        content: 'ESG报告';
    }
}

/* English layout: keep the shared templates while allowing longer copy to flow. */
html[lang="en"] body {
    font-family: Arial, Helvetica, sans-serif;
}

html[lang="en"] :where(
    .about-profile,
    .about-message,
    .about-message *,
    .about-companies,
    .about-companies *,
    .business-content,
    .business-content *,
    .gallery-leadership,
    .gallery-leadership *
) {
    font-family: Arial, Helvetica, sans-serif !important;
}

html[lang="en"] :where(
    .inner-title,
    .about-profile,
    .about-message,
    .about-structure,
    .about-companies,
    .about-milestones,
    .about-planning,
    .about-culture,
    .business-content,
    .reference-fleet,
    .gallery-honors,
    .gallery-leadership,
    .gallery-people,
    .news-single,
    .news-detail,
    .esg-news-grid,
    .esg-news-pagination,
    .esg-report-list,
    .original-investor,
    .investor-inquiry-page
) {
    width: min(1180px, calc(100% - 40px));
}

html[lang="en"] :where(
    .rich-content,
    .rich-content p,
    .rich-content li,
    .inner-title-name,
    .about-companies h2,
    .about-companies p,
    .business-related h2,
    .business-related__text,
    .article-copy,
    .article-copy h2,
    .article-copy p,
    .news-detail h1,
    .news-detail-body,
    .news-detail-body p,
    .gallery-honors__item figcaption,
    .investor-contact,
    .investor-contact p,
    .investor-inquiry-contact,
    .esg-report-list span
) {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}

html[lang="en"] .rich-content :where(img, video, iframe) {
    max-width: 100% !important;
    height: auto !important;
}

html[lang="en"] .rich-content table {
    max-width: 100%;
}

@media (min-width: 1181px) {
    html[lang="en"] .gh-header-main {
        width: min(1320px, calc(100% - 40px));
        align-items: flex-start;
    }

    html[lang="en"] .gh-logo {
        width: 112px;
        flex-basis: 112px;
    }

    html[lang="en"] .gh-logo img {
        width: 112px;
        object-fit: contain;
    }

    html[lang="en"] .gh-nav {
        min-width: 0;
        margin-left: 28px;
        flex: 1;
    }

    html[lang="en"] .gh-nav > li,
    html[lang="en"] .gh-nav > li:nth-last-child(2) {
        width: auto;
        min-width: 68px;
        flex: 1 1 auto;
        font-size: 14px;
    }

    html[lang="en"] .gh-nav > li > a {
        padding: 0 10px;
    }

    html[lang="en"] .gh-down {
        width: max-content !important;
        min-width: 100%;
        max-width: min(900px, calc(100vw - 40px));
        padding: 0 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        line-height: 1.35;
        white-space: normal;
    }

    html[lang="en"] .gh-nav > li:nth-child(n + 5) .gh-down {
        right: 0;
        left: auto;
    }

    html[lang="en"] .gh-nav > li:hover .gh-down,
    html[lang="en"] .gh-down:hover {
        height: auto;
        min-height: 50px;
    }

    html[lang="en"] .gh-down a {
        padding: 10px 8px;
        line-height: 20px;
    }

    html[lang="en"] .gh-friends {
        margin-left: 18px;
        flex: 0 0 auto;
        font-size: 13px;
    }
}

html[lang="en"] .gh-index-main {
    width: min(1180px, calc(100% - 40px));
    height: auto;
    min-height: 180px;
}

html[lang="en"] .gh-news-title {
    height: auto;
    min-height: 180px;
}

html[lang="en"] .gh-news-title > div {
    gap: 20px;
}

html[lang="en"] .gh-news-content {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 180px;
    flex: 1;
}

html[lang="en"] .gh-news-category,
html[lang="en"] .gh-news-category article {
    width: 100%;
}

html[lang="en"] .gh-news-category h2,
html[lang="en"] .gh-news-category p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

html[lang="en"] .gh-news-category h2 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

html[lang="en"] .gh-news-category p {
    -webkit-line-clamp: 2;
}

html[lang="en"] .gh-quick {
    gap: 14px;
}

html[lang="en"] .gh-quick > span,
html[lang="en"] .gh-quick a {
    min-width: 0;
    line-height: 1.35;
}

html[lang="en"] .inner-title {
    min-height: 160px;
}

html[lang="en"] .inner-title-name {
    width: auto;
    max-width: min(720px, 68%);
    text-align: left;
}

html[lang="en"] .inner-title-name strong {
    width: auto;
    height: auto;
    min-height: 60px;
    line-height: 1.1;
    text-align: left;
}

html[lang="en"] .inner-title-name p {
    line-height: 1.35;
    text-align: left;
}

html[lang="en"] .inner-bread {
    max-width: 44%;
    text-align: right;
    line-height: 1.5;
}

html[lang="en"] .about-companies .company-description,
html[lang="en"] .business-related__text {
    height: auto;
    min-height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

html[lang="en"] .about-companies .company-card.is-expanded .company-description,
html[lang="en"] .business-related article.is-expanded .business-related__text {
    display: block;
}

html[lang="en"] .about-planning {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[lang="en"] .about-planning article {
    width: auto;
    min-width: 0;
    margin-top: 50px;
}

html[lang="en"] .about-planning img {
    width: 100%;
}

html[lang="en"] .culture-main,
html[lang="en"] .culture-intro,
html[lang="en"] .culture-intro p,
html[lang="en"] .culture-featured,
html[lang="en"] .culture-featured > div,
html[lang="en"] .culture-featured h2,
html[lang="en"] .culture-featured p,
html[lang="en"] .culture-list,
html[lang="en"] .culture-news > div,
html[lang="en"] .culture-news h2,
html[lang="en"] .culture-pagination-spacer {
    max-width: 100%;
}

html[lang="en"] .culture-intro,
html[lang="en"] .culture-featured,
html[lang="en"] .culture-list,
html[lang="en"] .culture-news:nth-child(n) {
    height: auto;
}

html[lang="en"] .culture-intro {
    min-height: 193px;
}

html[lang="en"] .culture-featured {
    min-height: 171px;
}

html[lang="en"] .culture-featured > div,
html[lang="en"] .culture-news > div {
    min-width: 0;
    flex: 1;
}

html[lang="en"] .culture-featured h2 {
    height: auto;
    min-height: 52px;
    line-height: 24px;
}

html[lang="en"] .culture-featured p {
    height: auto;
    min-height: 75px;
}

html[lang="en"] .culture-news {
    min-height: 142px;
}

html[lang="en"] .business-content > .rich-content,
html[lang="en"] .business-related,
html[lang="en"] .business-related article {
    width: min(840px, 100%);
}

html[lang="en"] .business-content--esg-green > .rich-content p:nth-child(n) {
    height: auto;
    min-height: 0;
}

html[lang="en"] .business-related article {
    height: auto;
    min-height: 158px;
}

html[lang="en"] .reference-fleet__tab-list,
html[lang="en"] .reference-fleet__list,
html[lang="en"] .reference-fleet__ship,
html[lang="en"] .reference-fleet__details,
html[lang="en"] .reference-fleet__row {
    width: 100%;
}

html[lang="en"] .reference-fleet__tab-item {
    width: auto;
    min-width: 0;
    height: auto;
    flex: 1;
}

html[lang="en"] .reference-fleet__tab {
    min-height: 60px;
    height: auto;
    padding: 10px 14px;
    line-height: 1.35;
    text-align: center;
}

html[lang="en"] .reference-fleet__ship {
    height: auto;
    min-height: 144px;
    padding-bottom: 15px;
}

html[lang="en"] .reference-fleet__details {
    min-width: 0;
    margin-right: 18px;
}

html[lang="en"] .reference-fleet__row {
    height: auto;
    min-height: 57px;
    display: grid;
}

html[lang="en"] .reference-fleet__row--identity {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[lang="en"] .reference-fleet__row--specifications {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[lang="en"] .reference-fleet__item,
html[lang="en"] .reference-fleet__row--identity .reference-fleet__item,
html[lang="en"] .reference-fleet__row--specifications .reference-fleet__item {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 56px;
    padding: 7px 10px 7px 0;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    line-height: 1.35;
}

html[lang="en"] .reference-fleet__label {
    color: #666;
    font-size: 12px;
}

html[lang="en"] .reference-fleet__value {
    max-width: 100%;
    margin: 3px 0 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

html[lang="en"] .gallery-honors__tabs {
    width: 100%;
    height: auto;
}

html[lang="en"] .gallery-honors__tab {
    min-height: 60px;
    height: auto;
    padding: 10px;
    line-height: 1.3;
    white-space: normal;
}

html[lang="en"] .gallery-leadership__menu-item {
    height: auto;
    min-height: 50px;
    padding: 8px;
    line-height: 1.3;
    text-align: center;
}

html[lang="en"] .gallery-leadership__heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

html[lang="en"] .gallery-leadership__heading p {
    margin-left: 0;
    line-height: 1.4;
}

html[lang="en"] .article-list {
    width: min(900px, 100%);
    height: auto;
}

html[lang="en"] .article-row {
    width: 100%;
    height: auto !important;
    min-height: 145px;
}

html[lang="en"] .article-copy {
    width: auto;
    flex: 1;
}

html[lang="en"] .article-copy h2,
html[lang="en"] .article-copy p {
    width: 100%;
}

html[lang="en"] .article-copy h2 {
    height: auto;
    min-height: 66px;
    margin-bottom: 8px;
    display: -webkit-box;
    overflow: hidden;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html[lang="en"] .article-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html[lang="en"] .news-detail > header h1,
html[lang="en"] .news-detail > header p,
html[lang="en"] .news-detail-body h2,
html[lang="en"] .news-detail-body > .news-source,
html[lang="en"] .news-siblings {
    height: auto;
    line-height: 1.5;
}

html[lang="en"] .esg-news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[lang="en"] .esg-news-grid > a,
html[lang="en"] .esg-news-grid > a > div,
html[lang="en"] .esg-news-grid img {
    width: 100%;
}

html[lang="en"] .esg-report-list > a {
    width: 100%;
    height: auto;
    min-height: 64px;
    gap: 20px;
    line-height: 1.4;
}

html[lang="en"] .esg-report-list time {
    width: 180px;
    flex: 0 0 180px;
}

html[lang="en"] .investor-contact p {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px 24px;
}

html[lang="en"] .investor-contact p span {
    margin-right: 0;
    white-space: normal;
}

@media (max-width: 1180px) {
    html[lang="en"],
    html[lang="en"] body {
        max-width: 100%;
        overflow-x: hidden;
    }

    html[lang="en"] .gh-header {
        height: 62px;
        border-bottom: 3px solid #168cf5;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
    }

    html[lang="en"] .gh-header-main {
        width: 100%;
        height: 59px;
        padding: 0 16px;
        align-items: center;
        justify-content: center;
        line-height: normal;
    }

    html[lang="en"] .gh-logo {
        width: 104px;
        height: 42px;
        padding: 0;
        flex: 0 0 104px;
    }

    html[lang="en"] .gh-logo img {
        width: 104px;
        height: 42px;
        object-fit: contain;
    }

    html[lang="en"] .gh-mobile-menu {
        position: absolute;
        z-index: 902;
        top: 15px;
        left: 16px;
        width: 32px;
        height: 32px;
        padding: 4px 2px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        border: 0;
        background: transparent;
    }

    html[lang="en"] .gh-mobile-menu span {
        width: 26px;
        height: 3px;
        display: block;
        border-radius: 2px;
        background: #0876bd;
    }

    html[lang="en"] .gh-nav {
        position: fixed;
        z-index: 901;
        top: 62px;
        bottom: 0;
        left: 0;
        width: min(86vw, 360px);
        height: auto;
        margin: 0;
        padding: 12px 0 30px;
        display: block;
        overflow-y: auto;
        border: 0;
        background: #fff;
        box-shadow: 10px 0 30px rgba(0, 39, 72, .16);
        transform: translateX(-105%);
        transition: transform .28s ease;
    }

    html[lang="en"] body.mobile-nav-open .gh-nav {
        transform: translateX(0);
    }

    html[lang="en"] .gh-nav > li,
    html[lang="en"] .gh-nav > li:nth-last-child(2) {
        width: 100%;
        height: auto;
        min-height: 52px;
    }

    html[lang="en"] .gh-nav > li > a {
        height: auto;
        min-height: 52px;
        padding: 14px 24px;
        line-height: 24px;
        text-align: left;
    }

    html[lang="en"] .gh-nav > li > a span {
        white-space: normal;
    }

    html[lang="en"] .gh-nav > li > a i {
        display: none;
    }

    html[lang="en"] .gh-nav > li.has-down > a::after {
        float: right;
        color: #0876bd;
        font-size: 22px;
        content: '+';
    }

    html[lang="en"] .gh-nav > li.mobile-expanded > a::after {
        content: '−';
    }

    html[lang="en"] .gh-nav > li:nth-child(n) .gh-down {
        position: static;
        width: 100%;
        height: 0;
        max-height: 0;
        padding: 0;
        background: #f3f7fa;
        line-height: normal;
        white-space: normal;
        transition: max-height .25s;
    }

    html[lang="en"] .gh-nav > li:hover .gh-down {
        height: 0;
    }

    html[lang="en"] .gh-nav > li.mobile-expanded .gh-down {
        height: auto;
        max-height: 720px;
        padding: 6px 0;
    }

    html[lang="en"] .gh-down a {
        padding: 10px 24px 10px 38px;
        display: block;
        line-height: 22px;
        white-space: normal;
    }

    html[lang="en"] .gh-friends {
        display: none;
    }

    html[lang="en"] .gh-language-switch--desktop {
        display: none;
    }

    html[lang="en"] .gh-nav-language {
        margin-top: 12px;
        display: block;
        border-top: 1px solid #dce7ef;
    }

    html[lang="en"] .gh-nav-language > a {
        color: #0876bd;
        font-weight: 700;
    }

    html[lang="en"] .gh-mobile-backdrop {
        position: fixed;
        z-index: 900;
        inset: 62px 0 0;
        width: 100%;
        height: auto;
        display: block;
        border: 0;
        background: rgba(1, 21, 37, .46);
        opacity: 0;
        visibility: hidden;
        transition: opacity .25s, visibility .25s;
    }

    html[lang="en"] body.mobile-nav-open .gh-mobile-backdrop {
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    html[lang="en"] .gh-index-main,
    html[lang="en"] .gh-footer-main,
    html[lang="en"] .gh-quick {
        width: min(960px, calc(100% - 40px));
    }

    html[lang="en"] .about-culture {
        gap: 30px;
    }

    html[lang="en"] .culture-main {
        min-width: 0;
        flex: 1;
    }

    html[lang="en"] .culture-images {
        width: 260px;
        flex: 0 0 260px;
    }

    html[lang="en"] .culture-images img {
        width: 260px;
        height: auto;
    }

    html[lang="en"] .reference-fleet__details {
        margin-left: 20px;
    }

    html[lang="en"] .gallery-leadership__copy {
        margin-right: 30px;
        margin-left: 35px;
    }

    html[lang="en"] .original-investor {
        height: auto;
        grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
        grid-template-rows: auto auto;
    }

    html[lang="en"] .stock,
    html[lang="en"] .investor-contact {
        width: 100%;
    }

    html[lang="en"] .disclosure {
        min-width: 0;
    }

    html[lang="en"] .disclosure > img {
        width: 100%;
        height: 100%;
    }

    html[lang="en"] .disclosure > span {
        right: 20px;
        left: 20px;
        text-align: center;
    }
}

@media (max-width: 1180px) {
    html[lang="en"] .front-page--en main {
        overflow-wrap: break-word;
    }

    html[lang="en"] .gh-mobile-business-track a::before {
        position: absolute;
        z-index: 1;
        inset: 0 0 auto;
        height: 45%;
        background: linear-gradient(180deg, #174194, #3151aa);
        content: '';
    }

    html[lang="en"] .gh-mobile-business-track span {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 22px;
        left: 22px;
        height: 45%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: clamp(22px, 7vw, 32px);
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
    }

    html[lang="en"] .gh-news-title > div {
        gap: 6px;
        flex-wrap: wrap;
        justify-content: center;
    }

    html[lang="en"] .gh-news-title button {
        min-height: 40px;
        padding: 6px 9px 9px;
        line-height: 1.25;
        white-space: normal;
    }

    html[lang="en"] .gh-news-category,
    html[lang="en"] .gh-news-content {
        min-height: 250px;
        height: auto;
    }

    html[lang="en"] .gh-news-category article {
        min-height: 145px;
        height: auto;
    }

    html[lang="en"] .gh-news-category > .gh-mobile-news-more {
        top: 145px;
        min-height: 44px;
        height: auto;
        padding: 10px;
        line-height: 1.25;
        text-align: center;
    }

    html[lang="en"] .gh-news-content:has(.gh-news-category.active:not(:has(article))),
    html[lang="en"] .gh-news-category.active:not(:has(article)) {
        min-height: 105px;
        height: 105px;
    }

    html[lang="en"] .gh-news-category.active:not(:has(article)) > .gh-mobile-news-more {
        top: 20px;
    }

    html[lang="en"] .gh-quick a {
        justify-content: flex-start;
        text-align: left;
    }

    html[lang="en"] .front-page.is-inner-page .inner-title {
        min-height: 72px;
    }

    html[lang="en"] .front-page.is-inner-page .inner-title-name p {
        padding: 18px 0;
        font-size: clamp(18px, 5.4vw, 21px);
    }

    html[lang="en"] .front-page--fleet-ocean.is-inner-page .inner-title-name p,
    html[lang="en"] .front-page--fleet-energy.is-inner-page .inner-title-name p,
    html[lang="en"] .front-page--management-mos.is-inner-page .inner-title-name p,
    html[lang="en"] .front-page--esg-report.is-inner-page .inner-title-name p {
        height: auto;
        font-size: 0 !important;
        white-space: normal;
    }

    html[lang="en"] .front-page--fleet-ocean.is-inner-page .inner-title-name p::after,
    html[lang="en"] .front-page--fleet-energy.is-inner-page .inner-title-name p::after {
        font-size: 20px;
        line-height: 1.35;
        content: 'Group Fleet';
    }

    html[lang="en"] .front-page--management-mos.is-inner-page .inner-title-name p::after {
        font-size: 20px;
        line-height: 1.35;
        content: 'MOS System';
    }

    html[lang="en"] .front-page--esg-report.is-inner-page .inner-title-name p::after {
        font-size: 20px;
        line-height: 1.35;
        content: 'ESG Reports';
    }

    html[lang="en"] .about-planning {
        display: block;
    }

    html[lang="en"] .about-companies h2 {
        margin: 0 44px 18px 0;
        padding: 0;
        line-height: 1.4;
    }

    html[lang="en"] .about-companies .company-description {
        margin: 0;
        text-align: left;
    }

    html[lang="en"] .culture-featured h2 {
        min-height: 0;
    }

    html[lang="en"] .reference-fleet__row--identity,
    html[lang="en"] .reference-fleet__row--specifications {
        display: contents;
    }

    html[lang="en"] .reference-fleet__tab-list {
        height: auto;
        min-height: 46px;
        overflow: visible;
    }

    html[lang="en"] .reference-fleet__tab-item {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto;
        flex: 1 1 0 !important;
    }

    html[lang="en"] .reference-fleet__tab {
        min-height: 46px;
        height: 100%;
        padding: 8px 10px;
        align-items: center;
        justify-content: center;
        line-height: 1.25;
        text-align: center;
        white-space: normal;
    }

    html[lang="en"] .reference-fleet__ship {
        min-height: 0;
        margin-top: 16px;
        border: 1px solid #e1e7ec;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 4px 14px rgba(22, 64, 96, .07);
    }

    html[lang="en"] .reference-fleet__image-link {
        background: #e9edf0;
    }

    html[lang="en"] .reference-fleet__details {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 14px 16px 16px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 16px;
        background: #fff;
    }

    html[lang="en"] .reference-fleet__item,
    html[lang="en"] .reference-fleet__row--identity .reference-fleet__item,
    html[lang="en"] .reference-fleet__row--specifications .reference-fleet__item {
        width: auto;
        min-width: 0;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        display: none !important;
        color: #333;
        line-height: 1.35;
        white-space: normal;
    }

    html[lang="en"] .reference-fleet__row .reference-fleet__item--name,
    html[lang="en"] .reference-fleet__row .reference-fleet__item--type,
    html[lang="en"] .reference-fleet__row .reference-fleet__item--deadweight {
        display: block !important;
    }

    html[lang="en"] .reference-fleet__row .reference-fleet__item--name {
        grid-column: 1 / -1;
        padding-bottom: 10px;
        border-bottom: 1px solid #edf1f4;
    }

    html[lang="en"] .reference-fleet__label,
    html[lang="en"] .reference-fleet__value {
        max-width: 100%;
        margin: 0;
        color: #333;
        line-height: 1.35;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    html[lang="en"] .reference-fleet__label {
        margin-bottom: 5px;
        display: block;
        color: #7a8791;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    html[lang="en"] .reference-fleet__value {
        display: block;
        color: #1f2f3a;
        font-size: 14px;
        font-weight: 600;
    }

    html[lang="en"] .gallery-honors__tab {
        font-size: 15px;
    }

    html[lang="en"] .article-row {
        min-height: 128px;
    }

    html[lang="en"] .article-copy h2 {
        min-height: 0;
    }

    html[lang="en"] .esg-report-list > a {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        padding: 14px 0;
    }

    html[lang="en"] .esg-report-list time {
        width: auto;
        flex-basis: auto;
    }
}

@media (max-width: 600px) {
    html[lang="en"] :where(
        .inner-title,
        .about-profile,
        .about-message,
        .about-structure,
        .about-companies,
        .about-milestones,
        .about-planning,
        .about-culture,
        .business-content,
        .reference-fleet,
        .gallery-honors,
        .gallery-leadership,
        .gallery-people,
        .news-single,
        .news-detail,
        .esg-news-grid,
        .esg-news-pagination,
        .esg-report-list,
        .original-investor,
        .investor-inquiry-page
    ) {
        width: calc(100% - 28px);
    }

    html[lang="en"] .reference-fleet__tab {
        padding: 8px 6px;
        font-size: 12px;
    }

    html[lang="en"] .gallery-honors__tabs {
        grid-template-columns: 1fr;
    }

    html[lang="en"] .news-siblings {
        flex-wrap: wrap;
        gap: 8px;
    }

    html[lang="en"] .news-siblings a {
        width: 100%;
        height: auto;
        min-height: 36px;
        margin: 0;
        padding: 8px 12px;
        line-height: 1.4;
    }
}

/* News category cards: list previews stop at two lines; full text remains on the detail page. */
:is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy h2 {
    height: auto;
    max-height: 76px;
    margin: 0 0 6px;
    padding: 22px 0 0 20px;
    overflow: hidden;
    line-height: 24px;
}

:is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy h2 a,
:is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy p {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

:is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy p {
    max-height: 44px;
    line-height: 22px;
}

@media (max-width: 1180px) {
    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy h2 {
        max-height: 48px;
        margin-bottom: 12px;
        padding: 0;
    }

    :is(.front-page--news-group, .front-page--news-media, .front-page--news-industry) .article-copy p {
        max-height: 52px;
        line-height: 26px;
    }
}