/* Migrated from Code Snippet 182. */
body.single-post .page-title,
        body.blog .page-title,
        body.archive.category .page-title,
        body.archive.tag .page-title,
        body.archive.date .page-title,
        body.archive.author .page-title {
            display: none !important;
        }

        body.single-post .site-content {
            padding-top: 0;
        }

        body.blog .site-content,
        body.archive.category .site-content,
        body.archive.tag .site-content,
        body.archive.date .site-content,
        body.archive.author .site-content {
            padding-top: 48px;
        }

        body.single-post .main-page-wrapper,
        body.blog .main-page-wrapper,
        body.archive.category .main-page-wrapper,
        body.archive.tag .main-page-wrapper {
            background:
                radial-gradient(circle at 10% 3%, rgba(24, 168, 216, .10), transparent 28%),
                linear-gradient(180deg, #f8fcff 0%, #fff 26%, #fff 100%);
        }

        body.single-post article.post-single-page {
            padding: clamp(22px, 3vw, 42px);
            border: 1px solid #dceef6;
            border-radius: 28px;
            background: rgba(255, 255, 255, .96);
            box-shadow: 0 24px 70px rgba(8, 35, 57, .09);
        }

        body.single-post .wd-single-post-header {
            margin-bottom: 34px;
            padding: clamp(24px, 3vw, 42px);
            border: 1px solid #d7edf7;
            border-radius: 24px;
            background:
                linear-gradient(135deg, rgba(232, 249, 255, .95) 0%, rgba(255, 255, 255, .98) 48%, rgba(240, 251, 255, .75) 100%);
            text-align: left;
        }

        body.single-post .wd-single-post-header .wd-post-cat {
            margin-bottom: 16px;
            text-align: left;
        }

        body.single-post .wd-post-cat.wd-style-with-bg a,
        body.blog .wd-post-cat.wd-style-with-bg a,
        body.archive.category .wd-post-cat.wd-style-with-bg a,
        body.archive.tag .wd-post-cat.wd-style-with-bg a {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 6px 12px;
            border-radius: 999px;
            background: #18a8d8 !important;
            color: #fff !important;
            font-size: 12px;
            letter-spacing: .04em;
            line-height: 1;
        }

        body.single-post .wd-post-title {
            max-width: 980px;
            margin: 0 0 18px;
            color: #071629;
            font-size: clamp(34px, 3.8vw, 52px);
            line-height: 1.08;
            letter-spacing: -.035em;
            text-align: left !important;
        }

        body.single-post .wd-post-meta {
            justify-content: flex-start;
            gap: 14px 20px;
            margin: 0 0 28px;
            color: #6c7b8e;
            font-size: 14px;
        }

        body.single-post .wd-post-meta a,
        body.single-post .wd-post-meta time {
            color: #6c7b8e;
        }

        body.single-post .wd-post-image {
            margin: 0;
            overflow: hidden;
            border-radius: 22px;
            background: #eef8fd;
            box-shadow: 0 18px 46px rgba(8, 35, 57, .13);
        }

        body.single-post .wd-post-image img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 22px;
        }

        body.single-post article.post-single-page > .wd-entry-content {
            max-width: 920px;
            margin: 0 auto;
            color: #4b5f76;
            font-size: 18px;
            line-height: 1.9;
        }

        body.single-post article.post-single-page > .wd-entry-content p {
            margin-bottom: 20px;
        }

        body.single-post article.post-single-page > .wd-entry-content > .waterpro-knowledge-article > p:first-child,
        body.single-post article.post-single-page > .wd-entry-content .lead {
            margin: 0 0 34px;
            padding: 26px 30px;
            border-left: 7px solid #18a8d8;
            border-radius: 0 18px 18px 0;
            background: linear-gradient(135deg, #eefaff 0%, #ffffff 76%);
            color: #334b63;
            font-size: 20px;
            line-height: 1.78;
            box-shadow: 0 16px 42px rgba(0, 91, 133, .09);
        }

        body.single-post article.post-single-page > .wd-entry-content h2 {
            display: flex;
            align-items: center;
            gap: 14px;
            margin: 44px 0 18px;
            color: #071629;
            font-size: clamp(27px, 2.6vw, 36px);
            line-height: 1.18;
            letter-spacing: -.025em;
            text-align: left;
        }

        body.single-post article.post-single-page > .wd-entry-content h2::before {
            content: "";
            width: 44px;
            height: 4px;
            flex: 0 0 44px;
            background: #18a8d8;
            border-radius: 999px;
        }

        body.single-post article.post-single-page > .wd-entry-content h3 {
            margin: 32px 0 12px;
            color: #071629;
            font-size: 23px;
            line-height: 1.25;
        }

        body.single-post article.post-single-page > .wd-entry-content ul,
        body.single-post article.post-single-page > .wd-entry-content ol {
            margin: 20px 0 32px;
            padding: 24px 30px 24px 50px;
            border: 1px solid #d6edf7;
            border-radius: 18px;
            background: #f6fcff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
        }

        body.single-post article.post-single-page > .wd-entry-content li {
            margin: 9px 0;
        }

        body.single-post article.post-single-page > .wd-entry-content li::marker {
            color: #18a8d8;
            font-weight: 800;
        }

        body.single-post article.post-single-page > .wd-entry-content a {
            color: #0b9ed0;
            font-weight: 700;
        }

        body.single-post article.post-single-page .waterpro-article-note {
            margin: 40px 0 28px;
            padding: 30px;
            border: 1px solid #d9e8ef;
            border-radius: 4px;
            background: #fff;
            box-shadow: none;
        }

        body.single-post article.post-single-page .waterpro-article-note > h2 {
            display: flex;
            align-items: center;
            gap: 18px;
            margin: 0 !important;
            padding: 0 0 28px !important;
            border: 0;
            border-bottom: 1px solid #d9e8ef;
            color: #071629;
            font-size: clamp(28px, 3vw, 40px);
            line-height: 1.15;
            letter-spacing: -.025em;
            text-align: left;
        }

        body.single-post article.post-single-page .waterpro-article-note > h2::before {
            content: "";
            width: 54px;
            height: 4px;
            flex: 0 0 54px;
            margin: 0;
            border: 0;
            border-radius: 999px;
            background: #18a8d8;
        }

        body.single-post article.post-single-page .waterpro-article-note > ul {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
            margin: 28px 0 0 !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            list-style: none;
        }

        body.single-post article.post-single-page .waterpro-article-note > ul > li {
            min-width: 0;
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none;
        }

        body.single-post article.post-single-page .waterpro-article-note > ul > li > a {
            display: grid;
            grid-template-columns: 96px minmax(0, 1fr);
            align-items: center;
            min-height: 132px;
            height: 100%;
            padding: 14px 24px 14px 14px;
            border: 1px solid #d9e8ef;
            border-radius: 2px;
            background: #fff;
            color: #071629;
            font-size: 17px;
            font-weight: 700;
            line-height: 1.4;
            box-shadow: none;
            transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease;
        }

        body.single-post article.post-single-page .waterpro-article-note > ul > li > a:hover,
        body.single-post article.post-single-page .waterpro-article-note > ul > li > a:focus {
            border-color: #0ea4dd;
            background: #fff;
            color: #0ea4dd;
            transform: translateY(-2px);
            box-shadow: none;
        }

        body.single-post article.post-single-page .waterpro-article-note .waterpro-related-thumb {
            display: flex;
            width: 82px;
            height: 82px;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border: 0;
            background: #fff;
        }

        body.single-post article.post-single-page .waterpro-article-note .waterpro-related-image {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            object-position: center;
        }

        body.single-post article.post-single-page .waterpro-article-note .waterpro-related-fallback {
            display: flex;
            width: 46px;
            height: 46px;
            align-items: center;
            justify-content: center;
            border: 0;
            border-radius: 50%;
            background: #eef9fd;
            color: #18a8d8;
            font-size: 22px;
            font-weight: 500;
        }

        body.single-post article.post-single-page .waterpro-article-note .waterpro-related-label {
            min-width: 0;
        }

        @media (max-width: 700px) {
            body.single-post article.post-single-page .waterpro-article-note {
                padding: 20px;
            }

            body.single-post article.post-single-page .waterpro-article-note > h2 {
                gap: 12px;
                padding-bottom: 20px !important;
                font-size: 27px;
            }

            body.single-post article.post-single-page .waterpro-article-note > h2::before {
                width: 32px;
                height: 3px;
                flex-basis: 32px;
            }

            body.single-post article.post-single-page .waterpro-article-note > ul {
                grid-template-columns: 1fr;
                margin-top: 20px !important;
            }

            body.single-post article.post-single-page .waterpro-article-note > ul > li > a {
                grid-template-columns: 72px minmax(0, 1fr);
                min-height: 94px;
                padding: 10px 16px 10px 10px;
                font-size: 16px;
            }

            body.single-post article.post-single-page .waterpro-article-note .waterpro-related-thumb {
                width: 60px;
                height: 60px;
            }
        }

        body.single-post .sidebar-container .widget {
            padding: 22px;
            border: 1px solid #e1edf3;
            border-radius: 18px;
            background: #fff;
            box-shadow: 0 14px 36px rgba(8, 35, 57, .06);
        }

        body.single-post .sidebar-container .widget-title,
        body.single-post .sidebar-container .widgettitle {
            color: #071629;
            font-size: 19px;
            letter-spacing: -.01em;
        }

        body.blog .wd-blog-holder,
        body.archive.category .wd-blog-holder,
        body.archive.tag .wd-blog-holder {
            align-items: stretch;
        }

        body.blog article.wd-post.blog-post-loop,
        body.archive.category article.wd-post.blog-post-loop,
        body.archive.tag article.wd-post.blog-post-loop {
            height: 100%;
            overflow: hidden;
            border: 1px solid #dfeef5;
            border-radius: 22px;
            background: #fff;
            box-shadow: 0 22px 54px rgba(8, 35, 57, .09);
            transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        }

        body.blog article.wd-post.blog-post-loop:hover,
        body.archive.category article.wd-post.blog-post-loop:hover,
        body.archive.tag article.wd-post.blog-post-loop:hover {
            border-color: rgba(24, 168, 216, .45);
            transform: translateY(-4px);
            box-shadow: 0 28px 70px rgba(8, 35, 57, .13);
        }

        body.blog .wd-post-thumb,
        body.archive.category .wd-post-thumb,
        body.archive.tag .wd-post-thumb {
            position: relative;
            aspect-ratio: 16 / 10;
            overflow: hidden;
            border-radius: 22px 22px 0 0;
            background: linear-gradient(135deg, #eefaff 0%, #ffffff 100%);
        }

        body.blog .wd-post-img,
        body.archive.category .wd-post-img,
        body.archive.tag .wd-post-img {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background:
                linear-gradient(135deg, rgba(238, 250, 255, .96), rgba(255, 255, 255, .98)),
                radial-gradient(circle at 18% 18%, rgba(24, 168, 216, .13), transparent 34%);
        }

        body.blog .wd-post-img img,
        body.archive.category .wd-post-img img,
        body.archive.tag .wd-post-img img {
            width: 100% !important;
            height: 100% !important;
            display: block;
            object-fit: contain;
            object-position: center;
            transform: none !important;
            transition: transform .35s ease;
        }

        body.blog article.wd-post.blog-post-loop:hover .wd-post-img img,
        body.archive.category article.wd-post.blog-post-loop:hover .wd-post-img img,
        body.archive.tag article.wd-post.blog-post-loop:hover .wd-post-img img {
            transform: scale(1.035) !important;
        }

        body.blog .article-body-container,
        body.archive.category .article-body-container,
        body.archive.tag .article-body-container {
            padding: 24px 26px 26px !important;
            display: flex;
            min-height: 295px;
            flex-direction: column;
            background: #fff;
        }

        body.blog .wd-post-title,
        body.archive.category .wd-post-title,
        body.archive.tag .wd-post-title {
            margin: 0 0 13px;
            color: #071629;
            font-size: clamp(21px, 1.35vw, 25px);
            line-height: 1.24;
            letter-spacing: -.02em;
        }

        body.blog .wd-post-title a,
        body.archive.category .wd-post-title a,
        body.archive.tag .wd-post-title a {
            color: inherit;
        }

        body.blog .wd-post-excerpt,
        body.archive.category .wd-post-excerpt,
        body.archive.tag .wd-post-excerpt {
            display: -webkit-box;
            overflow: hidden;
            margin-bottom: 18px;
            color: #607188;
            font-size: 16.5px;
            line-height: 1.6;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        body.blog .wd-post-read-more,
        body.archive.category .wd-post-read-more,
        body.archive.tag .wd-post-read-more {
            margin-top: auto;
        }

        body.blog .wd-post-read-more a,
        body.archive.category .wd-post-read-more a,
        body.archive.tag .wd-post-read-more a {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #0ba5d9 !important;
            font-weight: 800;
            letter-spacing: .02em;
            text-transform: none !important;
        }

        body.blog .wd-post-read-more a::after,
        body.archive.category .wd-post-read-more a::after,
        body.archive.tag .wd-post-read-more a::after {
            content: "→";
            transition: transform .2s ease;
        }

        body.blog .wd-post-read-more a:hover::after,
        body.archive.category .wd-post-read-more a:hover::after,
        body.archive.tag .wd-post-read-more a:hover::after {
            transform: translateX(3px);
        }

        @media (max-width: 1024px) {
            body.single-post article.post-single-page {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
            body.single-post .site-content,
            body.blog .site-content,
            body.archive.category .site-content,
            body.archive.tag .site-content {
                padding-top: 26px;
            }

            body.single-post .wd-single-post-header {
                padding: 20px;
            }

            body.single-post .wd-post-title {
                font-size: 30px;
            }

            body.single-post article.post-single-page > .wd-entry-content {
                font-size: 16px;
                line-height: 1.78;
            }

            body.single-post article.post-single-page > .wd-entry-content > .waterpro-knowledge-article > p:first-child,
            body.single-post article.post-single-page > .wd-entry-content .lead,
            body.single-post .waterpro-article-note {
                padding: 20px;
            }

            body.single-post article.post-single-page > .wd-entry-content h2 {
                font-size: 25px;
                gap: 10px;
            }

            body.single-post article.post-single-page > .wd-entry-content h2::before {
                width: 30px;
                flex-basis: 30px;
            }

            body.blog .article-body-container,
            body.archive.category .article-body-container,
            body.archive.tag .article-body-container {
                min-height: 0;
                padding: 20px !important;
            }
        }

/* Migrated from Code Snippet 184. */
/* Ensure consistent card height and layout */
        .blog-post-loop {
            text-align: left !important;
            display: flex !important;
            flex-direction: column !important;
            height: 100% !important;
        }

        .wd-posts article.wd-post {
            display: flex !important;
            flex-direction: column !important;
            height: 100% !important;
        }

        /* Force left alignment on all text elements */
        .blog-post-loop .wd-post-title,
        .blog-post-loop .wd-post-title h3 {
            text-align: left !important;
        }

        .blog-post-loop .wd-post-meta,
        .blog-post-loop .wd-post-meta-bottom {
            text-align: left !important;
        }

        .blog-post-loop .wd-post-content {
            text-align: left !important;
            flex-grow: 1 !important;
        }

        /* Padding for text content */
        .blog-post-loop .wd-post-title {
            padding: 0 !important;
            margin-top: 16px !important;
        }

        .blog-post-loop .wd-post-meta,
        .blog-post-loop .wd-post-meta-bottom {
            padding: 0 !important;
            margin-top: 8px !important;
        }

        .blog-post-loop .wd-post-content {
            padding: 0 16px 16px 16px !important;
            margin-top: 8px !important;
        }

        .blog-post-loop .wd-post-btn {
            padding: 0 16px 16px 16px !important;
            margin-top: auto !important;
        }

        /* Image styling - use object-fit without breaking layout */
        .wd-posts .wd-post-img img {
            object-fit: cover !important;
        }

        .wd-posts .wd-post-content-inner {
            padding: 16px !important;
            text-align: left !important;
        }