/*
Theme Name: MyTheme 2026 企业邮箱
Description: 腾讯企业邮箱服务主题，深蓝与浅蓝色视觉，包含产品、价格、解决方案及城市服务页面。
Version: 1.0.1
Author: Exmail
Text Domain: mytheme2026
Requires at least: 6.0
Requires PHP: 7.4
*/
:root {
    --m26-navy: #142d50;
    --m26-blue: #2563a6;
    --m26-light-blue: #dbeafe;
    --m26-muted: #62748b;
    --m26-border: #dfe7f1;
    --m26-bg: #f5f8fc
}

body.mytheme2026 {
    margin: 0;
    background: #fff;
    color: var(--m26-navy);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    line-height: 1.7;
    font-size: 15px;
    min-width: 0
}

.mytheme2026 * {
    box-sizing: border-box
}

.mytheme2026 img {
    max-width: 100%;
    height: auto
}

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

.mytheme2026 a:hover {
    color: var(--m26-blue)
}

.mytheme2026 :focus-visible {
    outline: 3px solid #4b8de0;
    outline-offset: 4px
}

.m26-container {
    width: min(1200px, calc(100% - 64px));
    margin: auto
}

.m26-topline {
    background: var(--m26-navy);
    color: #dce8f8;
    font-size: 12px;
    padding: 9px 0
}

.m26-topline .m26-container {
    display: flex;
    justify-content: space-between
}

.m26-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid var(--m26-border)
}

.admin-bar .m26-header {
    top: 32px
}

.m26-header-inner {
    display: flex;
    align-items: center;
    gap: 26px;
    min-height: 90px
}

.m26-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    font-size: 21px;
    font-weight: 750;
    letter-spacing: -.5px
}

.m26-brand small {
    display: block;
    font-size: 11px;
    letter-spacing: 1.5px;
    font-weight: 400;
    color: var(--m26-muted)
}

.m26-mark {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    background: var(--m26-blue);
    color: white;
    border-radius: 13px;
    font-size: 26px
}

#m26-navigation {
    margin-left: auto
}

#m26-navigation ul {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0
}

#m26-navigation a {
    font-size: 14px;
    white-space: nowrap;
    display: block;
    padding: 10px 0
}

#m26-navigation a[aria-current=page],
#m26-navigation .current-menu-item>a {
    color: var(--m26-blue);
    box-shadow: 0 2px var(--m26-blue)
}

.m26-contact {
    background: #2a8ae2;
    color: white !important;
    padding: 10px 16px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 14px
}

.m26-menu-toggle {
    display: none
}

.m26-skip {
    position: fixed;
    left: 20px;
    top: -100px;
    z-index: 9999;
    padding: 12px;
    background: #fff
}

.m26-skip:focus {
    top: 10px
}

.m26-hero {
    background: radial-gradient(ellipse at 88% 30%, #d6e8ff 0, transparent 50%), linear-gradient(120deg, #f4f8ff, #edf4ff);
    padding: 90px 0 96px;
    overflow: hidden
}

.m26-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
    align-items: center
}

.m26-eyebrow {
    font-size: 12px !important;
    letter-spacing: 2px;
    color: var(--m26-blue);
    font-weight: 600;
    margin-bottom: 23px
}

.m26-hero h1 {
    font-size: clamp(34px, 3.65vw, 54px);
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: -2px;
    margin: 0 0 25px
}

.m26-hero h1 span {
    color: var(--m26-blue)
}

.m26-lead {
    font-size: 16px !important;
    line-height: 1.9 !important;
    color: var(--m26-muted)
}

.m26-actions {
    display: flex;
    gap: 13px;
    margin-top: 32px
}

.m26-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    background: var(--m26-light-blue);
    color: var(--m26-navy) !important;
    font-weight: 600;
    padding: 15px 23px;
    border-radius: 6px;
    transition: transform .2s, background .2s
}

.m26-button:hover {
    background: #bfdcff;
    transform: translateY(-2px)
}

.m26-button-light {
    background: transparent;
    border: 1px solid #b8cce5;
    color: var(--m26-navy) !important
}

.m26-button-light:hover {
    background: #e0edff
}

.m26-hero-tags {
    display: flex;
    gap: 25px;
    color: #526985;
    font-size: 12px;
    margin-top: 32px
}

.m26-hero-tags span:before {
    content: '✓';
    color: var(--m26-blue);
    margin-right: 8px
}

.m26-workspace {
    position: relative;
    background: white;
    border: 1px solid #d6e3f5;
    border-radius: 14px;
    box-shadow: 0 28px 65px #214e8520;
    transform: rotate(-2deg)
}

.m26-window-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 18px;
    border-bottom: 1px solid #e8eef7;
    font-size: 10px;
    color: #8a9fbb
}

.m26-window-bar>span:first-child {
    letter-spacing: 3px;
    color: #85a9d9
}

.m26-mail-layout {
    display: grid;
    grid-template-columns: 118px 1fr;
    min-height: 330px
}

.m26-mail-layout aside {
    background: #f3f7fd;
    border-radius: 0 0 0 14px;
    padding: 22px 12px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 11px;
    color: #697e98
}

.m26-mail-layout aside>b {
    font-size: 14px;
    color: var(--m26-blue);
    margin-bottom: 8px
}

.m26-mail-layout aside .active {
    background: #e0ecfc;
    color: var(--m26-blue);
    padding: 7px;
    border-radius: 4px
}

.m26-mail-layout i {
    float: right;
    font-style: normal
}

.m26-capacity {
    margin-top: 14px;
    font-size: 9px
}

.m26-capacity strong {
    font-size: 37px;
    line-height: 1.2;
    color: var(--m26-blue)
}

.m26-inbox {
    padding: 24px 18px
}

.m26-inbox-title b {
    font-size: 17px
}

.m26-inbox-title small {
    display: block;
    font-size: 10px;
    color: #7c90ac;
    margin: 4px 0 21px
}

.m26-mail {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 17px 0;
    border-top: 1px solid #edf2f9
}

.m26-avatar {
    flex-shrink: 0;
    width: 30px;
    height: 32px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #deebff;
    color: var(--m26-blue);
    font-size: 12px
}

.m26-avatar.blue {
    background: #e5ecf5;
    color: #537aaf
}

.m26-avatar.gold {
    background: #e8effb;
    color: #5378ae
}

.m26-mail b {
    font-size: 11px
}

.m26-mail p {
    font-size: 9px !important;
    margin: 3px 0 0;
    color: #7789a3
}

.m26-mail>small {
    font-size: 8px;
    margin-left: auto;
    color: #8f9fb7
}

.m26-status {
    margin-top: 17px;
    font-size: 10px;
    color: #537cae
}

.m26-status span {
    color: var(--m26-blue);
    margin-right: 8px
}

.m26-floating {
    position: absolute;
    right: -22px;
    bottom: -27px;
    display: flex;
    gap: 12px;
    align-items: center;
    background: white;
    border: 1px solid #dfe8f5;
    box-shadow: 0 12px 35px #142d5012;
    padding: 17px 25px;
    border-radius: 10px;
    transform: rotate(2deg)
}

.m26-floating>span {
    display: grid;
    place-items: center;
    background: #e0edff;
    color: var(--m26-blue);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 20px
}

.m26-floating b {
    font-size: 14px
}

.m26-floating small {
    display: block;
    font-size: 10px;
    color: #7a8faa
}

.m26-service-strip {
    border-bottom: 1px solid var(--m26-border);
    padding: 24px 0
}

.m26-service-strip .m26-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.m26-service-strip span {
    font-size: 12px;
    color: #7b8ca5
}

.m26-service-strip b {
    font-weight: 500;
    font-size: 14px
}

/* Shared reference content receives a consistent new layout. */
.mytheme2026 .wid,
.mytheme2026 .w1000,
.mytheme2026 .w1100,
.mytheme2026 .w1200 {
    width: min(1200px, calc(100% - 64px));
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.mytheme2026 .wrap {
    max-width: 100%
}

.mytheme2026 .news,
.mytheme2026 .gongneng,
.mytheme2026 .jiage,
.mytheme2026 .ping {
    padding: 76px 0;
    background: #fff
}

.mytheme2026 .news.bgc,
.mytheme2026 .gongneng {
    background: var(--m26-bg)
}

.mytheme2026 .title {
    margin: 0 0 38px;
    /* text-align: left */
}

.mytheme2026 .title h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--m26-navy);
    line-height: 1.4
}

.mytheme2026 .title>p {
    font-size: 15px;
    color: var(--m26-muted);
    padding: 12px 0 0
}

.mytheme2026 .news ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px
}

.mytheme2026 .news ul li {
    width: auto;
    float: none;
    margin: 0;
    padding: 30px;
    background: white;
    border: 1px solid var(--m26-border);
    border-radius: 12px;
    box-shadow: 0 5px 18px #142d5003;
    transition: transform .2s
}

.mytheme2026 .news ul li:hover {
    transform: translateY(-4px)
}

.mytheme2026 .news ul li .pict {
    float: none;
    width: 48px;
    height: 48px;
    margin: 0 0 20px
}

.mytheme2026 .news ul li .pict img {
    width: 48px;
    height: 48px;
    object-fit: contain
}

.mytheme2026 .news ul li .text {
    width: auto;
    float: none;
    padding: 0
}

.mytheme2026 .news ul li h2 {
    font-size: 19px;
    line-height: 1.5;
    color: var(--m26-navy);
    margin-bottom: 10px
}

.mytheme2026 .news ul li p {
    font-size: 14px;
    color: var(--m26-muted);
    line-height: 1.9;
    height: auto;
    min-height: 80px
}

.mytheme2026 .news ul li span {
    display: block;
    margin-top: 20px
}

.mytheme2026 .news ul li span a {
    color: var(--m26-blue);
    font-size: 14px
}

.mytheme2026 .gongneng ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px
}

.mytheme2026 .gongneng ul li {
    width: auto;
    float: none;
    margin: 0;
    border-radius: 10px;
    background: #fff;
    padding: 24px;
    min-height: 160px;
    border: 1px solid var(--m26-border)
}

.mytheme2026 .gongneng .text {
    width: auto
}

.mytheme2026 .gongneng .text h2 {
    font-size: 17px;
    color: var(--m26-navy)
}

.mytheme2026 .gongneng .text p {
    color: var(--m26-muted);
    font-size: 14px
}

.mytheme2026 .jiage ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px
}

.mytheme2026 .jiage ul li {
    width: auto;
    float: none;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--m26-border);
    border-radius: 12px;
    box-shadow: none
}

.mytheme2026 .jiage ul li .pict {
    background: var(--m26-navy) !important;
    padding: 30px;
    height: auto
}

.mytheme2026 .jiage ul li:nth-child(2) .pict {
    background: var(--m26-blue) !important
}

.mytheme2026 .jiage ul li:nth-child(3) .pict {
    background-color: #2d7cbf !important
}

.mytheme2026 .jiage ul li .text {
    padding: 26px;
    background: #f8faff
}

.mytheme2026 .jiage ul li .text a {
    background: var(--m26-blue);
    border-radius: 5px;
    color: white;
    border: 0
}

.mytheme2026 .calculator {
    background: #2a8ae2;
    color: #fff;
    padding: 34px 20px;
    height: auto
}

.mytheme2026 .calculator .content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 35px;
    flex-wrap: wrap
}

.mytheme2026 .calculator .content li {
    float: none;
    margin: 0;
    width: auto
}

.mytheme2026 .calculator .title {
    margin-bottom: 8px
}

.mytheme2026 .calculator .open a {
    background: var(--m26-light-blue);
    color: var(--m26-navy);
    border-radius: 5px
}

.mytheme2026 .calculator .open a:hover {
    background: #bfdcff
}

.mytheme2026 .calculator .text span {
    color: #bcdcff
}

.mytheme2026 .post_content,
.mytheme2026 .entry-content {
    font-size: 16px;
    line-height: 1.9;
    overflow-wrap: anywhere;
    margin: 0 15px;
}

.mytheme2026 .post_content h2,
.mytheme2026 .entry-content h2 {
    margin: 1.5em 0 .7em;
    font-size: 26px
}

.mytheme2026 .post_content p,
.mytheme2026 .entry-content p {
    margin-bottom: 1em
}

.mytheme2026 .post_content ul,
.mytheme2026 .post_content ol {
    padding-left: 1.5em
}

.mytheme2026 .post_content a {
    color: var(--m26-blue);
    text-decoration: underline
}

.mytheme2026 .post_title {
    padding: 48px 0 !important
}

.mytheme2026 .post_title h2 {
    font-size: 32px
}

.mytheme2026 main>.banner {
    background: #e8f0fd;
    margin: 0;
    /* max-height: 210px; */
    overflow: hidden
}

.mytheme2026 main>.banner img {
    width: 100%;
    object-fit: cover
}

.mytheme2026 .wow {
    visibility: visible !important
}

.mytheme2026 .zzcontainer {
    max-width: 100%
}

.m26-table-scroll {
    overflow: auto;
    max-width: 100%;
    margin: 20px 0
}

.mytheme2026 table {
    max-width: 100%
}

.m26-cta {
    background: var(--m26-navy);
    padding: 55px 0;
    color: #fff
}

.m26-cta .m26-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px
}

.m26-cta h2 {
    color: white;
    font-size: 29px;
    font-weight: 650;
    margin: 8px 0 13px
}

.m26-cta p {
    color: #b9cce7;
    font-size: 14px
}

.m26-cta .m26-button {
    background: #bcdcff;
    color: var(--m26-navy) !important;
    flex-shrink: 0
}

.m26-footer {
    padding: 55px 0 0;
    background: #f3f7fc
}

.m26-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.4fr;
    gap: 45px
}

.m26-footer h3 {
    font-size: 14px;
    font-weight: 650;
    margin-bottom: 20px
}

.m26-footer p,
.m26-footer-grid>div>a:not(.m26-brand):not(.m26-phone) {
    display: block;
    color: var(--m26-muted);
    font-size: 13px;
    margin: 12px 0
}

.m26-phone {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1px
}

.m26-copyright {
    border-top: 1px solid var(--m26-border);
    padding: 22px 0;
    margin-top: 36px;
    font-size: 13px;
    color: #7d8da5;
    text-align: center
}

.m26-list {
    padding: 64px 0;
    min-height: 50vh
}

.m26-list h1 {
    font-size: 36px;
    margin-bottom: 32px;
    text-align: center;
}

.m26-post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.m26-post-card {
    padding: 28px;
    border: 1px solid var(--m26-border);
    border-radius: 12px
}

.m26-post-card h2 {
    font-size: 21px;
    margin: 12px 0
}

.m26-post-card small,
.m26-post-card p {
    color: var(--m26-muted)
}

.m26-post-card p {
    font-size: 14px
}

.m26-pagination {
    margin: 32px 0
}

.m26-pagination a,
.m26-pagination span {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid var(--m26-border);
    border-radius: 5px
}

.mytheme2026 .aligncenter {
    display: block;
    margin: 24px auto
}

.mytheme2026 .wp-caption {
    max-width: 100%
}

.mytheme2026 .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%)
}

@media(max-width:1150px) {
    .m26-header-inner {
        gap: 18px;
        flex-wrap: wrap;
        padding: 18px 0
    }

    .m26-menu-toggle {
        display: block;
        margin-left: auto;
        padding: 8px 13px;
        border: 1px solid var(--m26-border);
        border-radius: 5px;
        background: #fff;
        color: var(--m26-navy)
    }

    #m26-navigation {
        display: none;
        width: 100%;
        order: 5;
        margin: 0
    }

    #m26-navigation.is-open {
        display: block
    }

    #m26-navigation ul {
        flex-wrap: wrap;
        gap: 12px 24px
    }

    .m26-hero-grid {
        gap: 30px
    }

    .m26-workspace {
        transform: none
    }

    .m26-floating {
        right: 0
    }

    .m26-mail-layout {
        grid-template-columns: 95px 1fr
    }
}

@media(max-width:767px) {

    .m26-container,
    .mytheme2026 .wid,
    .mytheme2026 .w1000,
    .mytheme2026 .w1100,
    .mytheme2026 .w1200 {
        width: calc(100% - 36px)
    }

    .m26-topline {
        font-size: 10px
    }

    .m26-header-inner {
        gap: 10px;
        min-height: 76px
    }

    .m26-brand {
        font-size: 17px
    }

    .m26-brand small {
        font-size: 9px
    }

    .m26-mark {
        width: 34px;
        height: 34px
    }

    .m26-contact {
        display: none
    }

    .admin-bar .m26-header {
        top: 46px
    }

    .m26-hero {
        padding: 48px 0 62px
    }

    .m26-hero-grid {
        grid-template-columns: 1fr;
        gap: 44px
    }

    .m26-hero h1 {
        font-size: 38px
    }

    .m26-lead {
        font-size: 14px !important
    }

    .m26-actions {
        gap: 10px
    }

    .m26-button {
        font-size: 14px;
        padding: 13px 17px;
        gap: 12px
    }

    .m26-hero-tags {
        gap: 18px
    }

    .m26-mail-layout {
        min-height: 300px
    }

    .m26-floating {
        bottom: -22px;
        padding: 12px 18px
    }

    .m26-service-strip .m26-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px 24px
    }

    .m26-service-strip span {
        width: 100%;
        text-align: center
    }

    .m26-service-strip b {
        font-size: 12px
    }

    .mytheme2026 .news,
    .mytheme2026 .gongneng,
    .mytheme2026 .jiage,
    .mytheme2026 .ping {
        padding: 44px 0
    }

    .mytheme2026 .title h2 {
        font-size: 26px
    }

    .mytheme2026 .news ul,
    .mytheme2026 .jiage ul,
    .m26-post-grid {
        grid-template-columns: 1fr
    }

    .mytheme2026 .gongneng ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px
    }

    .mytheme2026 .gongneng ul li {
        padding: 18px 12px
    }

    .mytheme2026 .news ul li p {
        min-height: 0
    }

    .mytheme2026 .calculator .content {
        gap: 25px
    }

    .mytheme2026 .calculator .content li {
        max-width: 100%
    }

    .mytheme2026 .calculator .title {
        font-size: 20px
    }

    .mytheme2026 .calculator .sub-title {
        font-size: 12px
    }

    .mytheme2026 .post_title h2 {
        font-size: 25px
    }

    .mytheme2026 .post_content {
        font-size: 15px
    }

    .mytheme2026 .pro_main2 {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .mytheme2026 .banner img {
        min-height: 100px;
        object-fit: cover
    }

    .mytheme2026 .ping .scroll {
        max-width: 100%;
        overflow: hidden
    }

    .m26-cta {
        padding: 38px 0
    }

    .m26-cta .m26-container {
        display: block
    }

    .m26-cta h2 {
        font-size: 25px
    }

    .m26-cta .m26-button {
        margin-top: 22px
    }

    .m26-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px
    }

    .m26-footer-grid>div:first-child {
        grid-column: 1/-1
    }

    .m26-footer-grid>div:last-child {
        grid-column: 1/-1
    }

    .mytheme2026 .func-grid {
        grid-template-columns: 1fr 1fr
    }

    .mytheme2026 .grid_4,
    .mytheme2026 .grid_11 {
        width: 100%;
        float: none
    }

    .m26-list {
        padding: 40px 0
    }
}

@media(prefers-reduced-motion:reduce) {
    .mytheme2026 * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important
    }
}

.mytheme2026 input[type=search] {
    padding: 10px 14px;
    border: 1px solid var(--m26-border);
    border-radius: 5px;
    max-width: 100%;
    font: inherit
}

.mytheme2026 form[role=search] button {
    padding: 10px 20px;
    border: 0;
    border-radius: 5px;
    background: var(--m26-blue);
    color: #fff;
    font: inherit;
    cursor: pointer
}

.m26-categories {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 24px 0
}

.m26-categories a {
    padding: 5px 13px;
    background: var(--m26-bg);
    border-radius: 5px;
    font-size: 14px;
    margin: 0 auto;
}

/* Keep imported product styles from changing the shared page scale. */
html {
    min-width: 0 !important;
    font-size: 16px !important
}

.mytheme2026 .partners {
    padding: 55px 18px;
    max-width: 1200px;
    margin: auto
}

.mytheme2026 .partners>.title {
    text-align: center;
    font-size: 26px
}

.mytheme2026 .partners>.content {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    max-width: 100%;
    margin: 24px 0
}

.mytheme2026 .partners>.content>li {
    width: auto;
    float: none;
    margin: 0;
    padding: 12px;
    display: grid;
    place-items: center;
    min-width: 0
}

.mytheme2026 .partners>.content img {
    max-width: 100%;
    height: auto
}

@media(max-width:767px) {
    .mytheme2026 .partners>.content {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .mytheme2026 .zzcontainer .grid_4,
    .mytheme2026 .zzcontainer .grid_11 {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0 18px
    }

    .mytheme2026 .pic_news p {
        height: auto !important
    }

    .mytheme2026.m26-wedrive .box02_content {
        width: 100%;
        max-width: 100%;
        padding: 24px 20px;
        border-radius: 18px
    }

    .mytheme2026.m26-wedrive .box02_content p {
        width: auto;
        font-size: 16px;
        line-height: 1.9;
        margin: 0 0 18px;
        overflow-wrap: anywhere
    }

    .mytheme2026.m26-wedrive .box02_content img {
        width: 100%;
        height: auto
    }

    .mytheme2026.m26-wedrive .zone.introduction .box .tabs .tab .name {
        width: auto;
        font-size: 12px;
        line-height: 1.5;
        white-space: normal
    }

    .mytheme2026.m26-wedrive .zone.introduction .box .tabs .tab {
        padding: 12px 6px;
        height: auto;
        min-height: 65px
    }

    .mytheme2026.m26-wedrive .zone.introduction .box .tabs {
        height: auto;
        display: flex;
        flex-wrap: wrap
    }

    .mytheme2026.m26-wedrive .zone.introduction .box {
        height: auto
    }

    .mytheme2026.m26-wedrive .zone.introduction .box .contents {
        height: auto;
        min-height: 390px
    }

    .mytheme2026.m26-wedrive .zone.introduction .box .contents .content {
        position: relative;
        height: auto;
        padding-bottom: 25px
    }

    .mytheme2026.m26-wedrive .zone.introduction .box .contents .content p {
        font-size: 15px;
        line-height: 1.8
    }

    .mytheme2026.m26-wedrive .title {
        font-size: 26px !important;
        line-height: 1.5
    }

    .mytheme2026.m26-wedrive .btn {
        max-width: 100%;
        width: auto;
        min-width: 0;
        margin: 10px 0;
        padding: 10px 18px;
        white-space: normal;
        height: auto;
        line-height: 1.5
    }

    .mytheme2026.m26-wedrive .step01,
    .mytheme2026.m26-wedrive .step02,
    .mytheme2026.m26-wedrive .step03 {
        height: auto;
        padding: 28px 0
    }

    .mytheme2026.m26-wedrive .border_step {
        max-width: 100%;
        height: auto;
        padding: 20px
    }

    .mytheme2026.m26-wedrive .step01_l,
    .mytheme2026.m26-wedrive .step02_l {
        width: 100%;
        float: none;
        left: auto;
        right: auto
    }

    .mytheme2026.m26-wedrive .step01_l p,
    .mytheme2026.m26-wedrive .step02_l p {
        font-size: 15px;
        line-height: 1.8
    }
}

.mytheme2026.m26-wedrive .zone.introduction .box .tabs .tab .name {
    width: auto;
    max-width: 100%
}

.mytheme2026 .m26-page-title,
.mytheme2026 .post_title h1 {
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--m26-navy);
    text-align: center;
}

@media(max-width:767px) {

    .mytheme2026 .m26-page-title,
    .mytheme2026 .post_title h1 {
        font-size: 25px
    }
}

/* Center section headings and their supporting text. */
.mytheme2026 div.title {
    text-align: center
}.mytheme2026 .cooperate_nav_item{cursor:pointer}
.mytheme2026 .cooperate_nav_item:focus-visible{outline:3px solid #4b8de0;outline-offset:4px}
.mytheme2026 .cooperate_content[hidden]{display:none!important}

/* Adjacent articles: clear directions and comfortable click targets. */
.mytheme2026 .post-navigation {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid var(--m26-border);
}
.mytheme2026 .post-navigation .nav-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.mytheme2026 .post-navigation .nav-previous,
.mytheme2026 .post-navigation .nav-next {
    float: none;
    width: auto;
    min-width: 0;
}
.mytheme2026 .post-navigation .nav-next {
    grid-column: 2;
    text-align: right;
}
.mytheme2026 .post-navigation .nav-links a {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    padding: 24px 28px;
    border: 1px solid var(--m26-border);
    border-radius: 12px;
    background: var(--m26-bg);
    color: var(--m26-navy);
    text-decoration: none;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
}
.mytheme2026 .post-navigation .nav-links a:hover,
.mytheme2026 .post-navigation .nav-links a:focus-visible {
    background: #eaf2ff;
    border-color: #99bee9;
    box-shadow: 0 6px 20px #142d500a;
}
.mytheme2026 .m26-post-nav-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--m26-blue);
    font-size: 13px;
    font-weight: 600;
}
.mytheme2026 .nav-next .m26-post-nav-label {
    justify-content: flex-end;
}
.mytheme2026 .m26-post-nav-label [aria-hidden] {
    font-size: 20px;
    line-height: 1;
}
.mytheme2026 .m26-post-nav-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
@media (max-width: 767px) {
    .mytheme2026 .post-navigation { margin-top: 32px; padding-top: 20px; }
    .mytheme2026 .post-navigation .nav-links { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .mytheme2026 .post-navigation .nav-next { grid-column: auto; }
    .mytheme2026 .post-navigation .nav-links a { padding: 20px; }
    .mytheme2026 .m26-post-nav-title { font-size: 16px; }
}

/* Article categories sit beside the publication date and wrap on small screens. */
.mytheme2026 .m26-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    margin-bottom: 20px;
    color: var(--m26-muted);
    font-size: 13px;
}
.mytheme2026 .m26-article-categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.mytheme2026 .m26-article-categories a {
    padding: 4px 12px;
    border: 1px solid var(--m26-border);
    border-radius: 6px;
    background: var(--m26-bg);
    color: var(--m26-blue);
    line-height: 1.6;
    overflow-wrap: anywhere;
    transition: background-color .2s, border-color .2s;
}
.mytheme2026 .m26-article-categories a:hover,
.mytheme2026 .m26-article-categories a:focus-visible {
    background: var(--m26-light-blue);
    border-color: #99bee9;
}