.ct-header [data-id="menu"] .menu > li > a {
    font-weight: 700;
    letter-spacing: 0.02em;
    border-radius: 999px;
    padding: 8px 12px;
    transition: all 180ms ease;
}

.ct-header [data-id="menu"] .menu > li > a:hover {
    background: rgba(14, 165, 168, 0.14);
    color: #0a6f73;
}

.ct-header [data-id="menu"] .sub-menu {
    border-radius: 14px;
    border: 1px solid #dce7f5;
    box-shadow: 0 16px 34px rgba(15, 32, 67, 0.12);
    padding: 8px;
}

.ct-header [data-id="menu"] .menu > .menu-item-has-children:hover > .sub-menu,
.ct-header [data-id="menu"] .menu > .menu-item-has-children:focus-within > .sub-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 6px 10px;
    min-width: 420px;
}

.ct-header [data-id="menu"] .sub-menu a {
    border-radius: 10px;
    font-weight: 600;
}

.ct-header [data-id="menu"] .sub-menu a:hover {
    background: #f2f8ff;
}

.ct-footer {
    border-top: 1px solid #dce7f5;
    background:
        radial-gradient(700px 220px at 50% -90px, rgba(14, 165, 168, 0.11), transparent 60%),
        linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%);
    margin-top: 28px;
}

.ct-footer a {
    transition: color 160ms ease;
}

.ct-footer a:hover {
    color: #0e7f83;
}

.ct-footer .widget-title {
    font-size: 16px;
    font-weight: 800;
}

.ct-footer [data-column-set] > * {
    border-radius: 12px;
}

.ct-footer [data-column-set] {
    gap: clamp(14px, 2vw, 24px);
}

.ct-footer .menu li {
    margin-bottom: 4px;
}

/* Upgrade noisy demo sections instead of hiding them */
.single-post .ct-trending-block,
.single-post .ct-trending-bar,
.single-post [class*="trending-posts"],
.single-post [class*="trending-now"] {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
    border: 1px solid #dbe7f4 !important;
    border-radius: 14px;
    padding: 10px 12px !important;
    margin-top: 22px;
    margin-bottom: 22px;
}

.single-post .ct-trending-block a,
.single-post .ct-trending-bar a,
.single-post [class*="trending-posts"] a {
    color: #163e60 !important;
    font-weight: 600;
}

.single-post .ct-trending-block a:hover,
.single-post .ct-trending-bar a:hover,
.single-post [class*="trending-posts"] a:hover {
    color: #0b7074 !important;
}