:root {
--zh-blue: #0f4c81;
--zh-blue-dark: #08324f;
--zh-blue-deep: #061f35;
--zh-cyan: #28b8c8;
--zh-cyan-soft: #e7fbfd;
--zh-bg: #f7fbfc;
--zh-card: #ffffff;
--zh-text: #173047;
--zh-muted: #496274;
--zh-warm: #fff8ef;
--zh-shadow: 0 18px 55px rgba(15, 76, 129, 0.11);
--zh-icon: url(https://www.zahnersatz-hilfe.de/wp-content/uploads/2026/06/favicon-zahnersatz-hilfe.png);
} body {
background:
radial-gradient(circle at 8% 8%, rgba(40, 184, 200, 0.13) 0, rgba(40, 184, 200, 0.13) 180px, transparent 182px),
radial-gradient(circle at 94% 18%, rgba(15, 76, 129, 0.08) 0, rgba(15, 76, 129, 0.08) 220px, transparent 222px),
linear-gradient(180deg, #f7fbfc 0%, #eef7f9 46%, #f9fcfd 100%) !important;
color: var(--zh-text);
}
.site {
background: transparent !important;
}
body,
input,
select,
textarea {
font-weight: 400 !important;
} .site-header {
position: relative;
z-index: 50;
background:
radial-gradient(circle at 96% 0%, rgba(40, 184, 200, 0.20) 0, rgba(40, 184, 200, 0.20) 150px, transparent 152px),
linear-gradient(115deg, #ffffff 0%, #f4fbfc 34%, #0f4c81 72%, #08324f 100%) !important;
border-bottom: 1px solid rgba(40, 184, 200, 0.30);
box-shadow: 0 18px 42px rgba(15, 76, 129, 0.13);
}
.inside-header {
max-width: 1320px;
padding: 18px 22px !important;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.site-branding,
.site-logo {
display: flex;
align-items: center;
min-width: 0;
}
.site-logo img,
.header-image {
max-height: 76px !important;
width: auto !important;
filter: drop-shadow(0 10px 18px rgba(15, 76, 129, 0.16));
}
.site-branding .main-title,
.site-branding .main-title a {
color: var(--zh-blue-dark) !important;
font-size: 28px !important;
line-height: 1.15;
letter-spacing: -0.025em;
text-decoration: none !important;
font-weight: 400 !important;
}
.site-description {
color: var(--zh-text) !important;
font-size: 15px !important;
line-height: 1.45;
margin-top: 5px;
font-weight: 400 !important;
}
.site-header::after {
content: "";
position: absolute;
right: 28px;
bottom: -32px;
width: 76px;
height: 76px;
background-image: var(--zh-icon);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.08;
pointer-events: none;
} .main-navigation {
position: relative;
z-index: 60;
background: linear-gradient(120deg, var(--zh-blue) 0%, var(--zh-blue-dark) 100%) !important;
border-top: 1px solid rgba(255, 255, 255, 0.16);
border-bottom: 1px solid rgba(40, 184, 200, 0.35);
box-shadow: 0 16px 34px rgba(8, 50, 79, 0.18);
}
.main-navigation .inside-navigation {
max-width: 1320px;
padding: 0 22px !important;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items a {
color: #ffffff !important;
font-size: 15px !important;
line-height: 1.35 !important;
letter-spacing: 0.01em;
font-weight: 400 !important;
text-transform: none;
}
.main-navigation .main-nav > ul > li > a {
padding: 19px 15px !important;
position: relative;
}
.main-navigation .main-nav > ul > li > a::after {
content: "";
position: absolute;
left: 15px;
right: 15px;
bottom: 10px;
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, var(--zh-cyan), #ffffff);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.22s ease;
}
.main-navigation .main-nav > ul > li:hover > a,
.main-navigation .main-nav > ul > li.sfHover > a,
.main-navigation .main-nav > ul > li[class*="current-menu-"] > a,
.main-navigation .main-nav > ul > li[class*="current_page_"] > a {
background: rgba(255, 255, 255, 0.10) !important;
color: #ffffff !important;
}
.main-navigation .main-nav > ul > li:hover > a::after,
.main-navigation .main-nav > ul > li.sfHover > a::after,
.main-navigation .main-nav > ul > li[class*="current-menu-"] > a::after,
.main-navigation .main-nav > ul > li[class*="current_page_"] > a::after {
transform: scaleX(1);
} .main-navigation ul ul {
width: 245px;
padding: 10px !important;
background:
radial-gradient(circle at 100% 0%, rgba(40, 184, 200, 0.13) 0, rgba(40, 184, 200, 0.13) 82px, transparent 84px),
linear-gradient(145deg, #ffffff 0%, #f4fbfc 100%) !important;
border: 1px solid rgba(40, 184, 200, 0.28);
border-radius: 20px;
box-shadow: 0 22px 50px rgba(8, 50, 79, 0.18);
overflow: hidden;
}
.main-navigation ul ul li {
background: transparent !important;
}
.main-navigation ul ul li a {
padding: 12px 14px !important;
border-radius: 14px;
color: var(--zh-blue-dark) !important;
background: transparent !important;
font-size: 14.5px !important;
line-height: 1.35 !important;
}
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.sfHover > a,
.main-navigation ul ul li[class*="current-menu-"] > a,
.main-navigation ul ul li[class*="current_page_"] > a {
background: var(--zh-blue) !important;
color: #ffffff !important;
} .menu-toggle {
background: transparent !important;
color: #ffffff !important;
padding: 16px 18px !important;
}
.mobile-menu-control-wrapper .menu-toggle,
.main-navigation.toggled .main-nav {
background: var(--zh-blue-dark) !important;
}
.main-navigation.toggled .main-nav ul li a {
color: #ffffff !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.main-navigation.toggled .main-nav ul ul {
width: auto;
margin: 0 12px 12px 12px;
border-radius: 18px;
}
.main-navigation .dropdown-menu-toggle {
color: inherit !important;
} .site-content {
max-width: 1320px;
margin: 34px auto 46px auto !important;
padding: 0 22px !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.content-area,
.inside-article,
.sidebar .widget,
.comments-area {
color: var(--zh-text);
}
.inside-article {
background:
radial-gradient(circle at 0% 0%, rgba(40, 184, 200, 0.10) 0, rgba(40, 184, 200, 0.10) 130px, transparent 132px),
radial-gradient(circle at 100% 12%, rgba(15, 76, 129, 0.06) 0, rgba(15, 76, 129, 0.06) 170px, transparent 172px),
linear-gradient(135deg, rgba(255,255,255,0.96) 0%, rgba(247,251,252,0.98) 100%) !important;
border-radius: 30px;
border: 1px solid rgba(40, 184, 200, 0.18);
box-shadow: 0 22px 60px rgba(15, 76, 129, 0.09);
}
body.single .inside-article,
body.page .inside-article {
padding: 40px !important;
}
.entry-title,
.page-title {
color: var(--zh-blue-dark) !important;
letter-spacing: -0.025em;
font-weight: 400 !important;
}
.entry-meta,
.entry-meta a,
.posted-on,
.byline {
color: var(--zh-muted) !important;
font-weight: 400 !important;
}
.entry-content {
color: var(--zh-text) !important;
}
.entry-content a {
color: var(--zh-blue) !important;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.entry-content a:hover {
color: var(--zh-blue-dark) !important;
} .wp-block-post,
.generate-columns .inside-article,
.archive .inside-article,
.blog .inside-article,
.search .inside-article {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 100% 0%, rgba(40, 184, 200, 0.13) 0, rgba(40, 184, 200, 0.13) 86px, transparent 88px),
linear-gradient(145deg, #ffffff 0%, #f5fbfc 100%) !important;
border: 1px solid rgba(40, 184, 200, 0.22) !important;
border-radius: 28px !important;
box-shadow: 0 16px 44px rgba(15, 76, 129, 0.08) !important;
padding: 28px !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.wp-block-post:hover,
.generate-columns .inside-article:hover,
.archive .inside-article:hover,
.blog .inside-article:hover,
.search .inside-article:hover {
transform: translateY(-3px);
border-color: rgba(40, 184, 200, 0.36) !important;
box-shadow: 0 22px 54px rgba(15, 76, 129, 0.13) !important;
}
.wp-block-post-title,
.wp-block-post-title a,
.generate-columns .entry-title,
.archive .entry-title,
.blog .entry-title,
.search .entry-title {
color: var(--zh-blue-dark) !important;
font-size: clamp(21px, 2vw, 27px) !important;
line-height: 1.25 !important;
letter-spacing: -0.018em;
font-weight: 400 !important;
text-decoration: none !important;
}
.wp-block-post-title a:hover,
.generate-columns .entry-title a:hover,
.archive .entry-title a:hover,
.blog .entry-title a:hover,
.search .entry-title a:hover {
color: var(--zh-blue) !important;
}
.wp-block-post-date,
.wp-block-post-author,
.entry-meta {
font-size: 14.5px !important;
color: var(--zh-muted) !important;
}
.wp-block-post-excerpt p,
.generate-columns .entry-summary p,
.archive .entry-summary p,
.blog .entry-summary p,
.search .entry-summary p {
font-size: 17px !important;
line-height: 1.72 !important;
margin-bottom: 18px !important;
} body.home .wp-block-query .wp-block-post-template > li.wp-block-post,
body.home .wp-block-post-template > li.wp-block-post {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 0 14px 0 !important;
overflow: visible !important;
}
body.home .wp-block-query .wp-block-post-template > li.wp-block-post figure.wp-block-post-featured-image,
body.home .wp-block-post-template > li.wp-block-post figure.wp-block-post-featured-image,
body.home .wp-block-post-featured-image,
body.home .wp-block-post-featured-image a {
border-radius: 26px !important;
overflow: hidden !important;
display: block !important;
margin-bottom: 16px !important;
}
body.home .wp-block-query .wp-block-post-template > li.wp-block-post figure.wp-block-post-featured-image img,
body.home .wp-block-post-template > li.wp-block-post figure.wp-block-post-featured-image img,
body.home .wp-block-post-featured-image img {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
display: block !important;
border-radius: 26px !important;
overflow: hidden !important;
border: 1px solid rgba(40, 184, 200, 0.22) !important;
box-shadow: 0 12px 28px rgba(15, 76, 129, 0.09) !important;
}
body.home .wp-block-post-excerpt__more-text,
body.home .wp-block-post .wp-block-post-excerpt__more-text,
body.home .wp-block-query .wp-block-post-excerpt__more-text {
margin-top: 26px !important;
}
body.home .wp-block-post-excerpt__more-link,
body.home .wp-block-read-more,
body.home .wp-block-post .wp-block-read-more,
body.home .wp-block-query .wp-block-read-more,
body.home .read-more-container,
body.home a.read-more {
margin-top: 22px !important;
}
body.home .wp-block-post-excerpt__more-link,
body.home .wp-block-read-more,
body.home a.read-more {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 18px !important;
border-radius: 999px !important;
background: var(--zh-blue) !important;
color: #ffffff !important;
text-decoration: none !important;
border: 1px solid var(--zh-blue) !important;
font-size: 15px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
box-shadow: 0 10px 24px rgba(15, 76, 129, 0.16);
}
body.home .wp-block-post-excerpt__more-link:hover,
body.home .wp-block-read-more:hover,
body.home a.read-more:hover {
background: var(--zh-blue-dark) !important;
color: #ffffff !important;
border-color: var(--zh-blue-dark) !important;
} .wp-block-post-featured-image img,
.post-image img,
.featured-image img,
.generate-columns .post-image img,
.archive .post-image img,
.blog .post-image img,
.search .post-image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
border-radius: 26px !important;
border: 1px solid rgba(40, 184, 200, 0.20);
box-shadow: 0 14px 32px rgba(15, 76, 129, 0.10);
} .wp-block-post-excerpt__more-link,
.read-more-container .read-more,
a.read-more,
.wp-block-read-more,
.wp-block-button__link,
.wp-block-search__button,
.search-submit,
.comment-form input[type="submit"],
.zh-search-button,
input[type="submit"] {
background: var(--zh-blue) !important;
color: #ffffff !important;
border: 1px solid var(--zh-blue) !important;
border-radius: 999px !important;
padding: 11px 18px !important;
font-weight: 400 !important;
text-decoration: none !important;
box-shadow: 0 10px 24px rgba(15, 76, 129, 0.16);
}
.wp-block-post-excerpt__more-link:hover,
.read-more-container .read-more:hover,
a.read-more:hover,
.wp-block-read-more:hover,
.wp-block-button__link:hover,
.wp-block-search__button:hover,
.search-submit:hover,
.comment-form input[type="submit"]:hover,
.zh-search-button:hover,
input[type="submit"]:hover {
background: var(--zh-blue-dark) !important;
color: #ffffff !important;
border-color: var(--zh-blue-dark) !important;
} .sidebar .widget {
background:
radial-gradient(circle at 100% 0%, rgba(40, 184, 200, 0.12) 0, rgba(40, 184, 200, 0.12) 74px, transparent 76px),
linear-gradient(145deg, #ffffff 0%, #f5fbfc 100%) !important;
border: 1px solid rgba(40, 184, 200, 0.18);
border-radius: 24px;
box-shadow: 0 12px 34px rgba(15, 76, 129, 0.07);
padding: 26px !important;
}
.sidebar .widget-title {
color: var(--zh-blue) !important;
font-size: 21px !important;
line-height: 1.3;
font-weight: 400 !important;
} .site-footer {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 7% 0%, rgba(40, 184, 200, 0.18) 0, rgba(40, 184, 200, 0.18) 170px, transparent 172px),
linear-gradient(120deg, var(--zh-blue-dark) 0%, var(--zh-blue-deep) 100%) !important;
color: #ffffff !important;
border-top: 1px solid rgba(40, 184, 200, 0.42);
box-shadow: 0 -18px 50px rgba(8, 50, 79, 0.18);
}
.site-footer::before {
content: "";
position: absolute;
right: 34px;
top: 28px;
width: 118px;
height: 118px;
background-image: var(--zh-icon);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.08;
pointer-events: none;
}
.footer-widgets {
background: transparent !important;
color: #ffffff !important;
}
.footer-widgets-container,
.inside-footer-widgets {
max-width: 1320px;
margin: 0 auto;
padding: 42px 22px 28px 22px !important;
}
.footer-widgets .widget-title {
color: #ffffff !important;
font-size: 21px !important;
line-height: 1.3;
margin-bottom: 15px;
font-weight: 400 !important;
}
.footer-widgets a,
.site-footer a,
.site-info a {
color: #ffffff !important;
text-decoration: none;
border-bottom: 1px solid rgba(40, 184, 200, 0.55);
}
.footer-widgets a:hover,
.site-footer a:hover,
.site-info a:hover {
color: #bff8ff !important;
border-bottom-color: #bff8ff;
}
.site-info {
background: linear-gradient(90deg, rgba(6, 31, 53, 0.96) 0%, rgba(8, 50, 79, 0.96) 100%) !important;
color: #dff8fb !important;
border-top: 1px solid rgba(255, 255, 255, 0.10);
font-size: 14.5px;
line-height: 1.55;
font-weight: 400 !important;
}
.site-info .inside-site-info {
max-width: 1320px;
margin: 0 auto;
padding: 18px 22px !important;
} a:focus-visible,
button:focus-visible,
input:focus-visible,
.menu-toggle:focus-visible {
outline: 3px solid var(--zh-cyan) !important;
outline-offset: 3px;
} @media (max-width: 1024px) {
.inside-header {
padding: 16px 18px !important;
}
.site-logo img,
.header-image {
max-height: 66px !important;
}
.main-navigation .inside-navigation {
padding: 0 18px !important;
}
.site-content {
margin-top: 24px !important;
padding: 0 16px !important;
}
body.single .inside-article,
body.page .inside-article {
padding: 30px 24px !important;
}
}
@media (max-width: 768px) {
.site-header {
background:
radial-gradient(circle at 96% 0%, rgba(40, 184, 200, 0.18) 0, rgba(40, 184, 200, 0.18) 115px, transparent 117px),
linear-gradient(135deg, #ffffff 0%, #f4fbfc 52%, #dff6f9 100%) !important;
}
.inside-header {
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
.site-branding .main-title,
.site-branding .main-title a {
font-size: 24px !important;
color: var(--zh-blue-dark) !important;
}
.site-description {
color: var(--zh-text) !important;
}
.site-header::after {
width: 64px;
height: 64px;
right: 18px;
bottom: 12px;
opacity: 0.07;
}
.site-content {
margin: 18px auto 34px auto !important;
padding: 0 12px !important;
}
body.single .inside-article,
body.page .inside-article {
padding: 26px 20px !important;
border-radius: 24px;
}
body.home .wp-block-query .wp-block-post-template > li.wp-block-post,
body.home .wp-block-post-template > li.wp-block-post {
padding-bottom: 20px !important;
}
.footer-widgets-container,
.inside-footer-widgets,
.site-info .inside-site-info {
padding-left: 18px !important;
padding-right: 18px !important;
}
}
@media (max-width: 480px) {
.site-logo img,
.header-image {
max-height: 58px !important;
}
body.single .inside-article,
body.page .inside-article {
padding: 24px 18px !important;
}
.entry-title,
.page-title {
font-size: 31px !important;
line-height: 1.18;
}
body.home .wp-block-post-featured-image,
body.home .wp-block-post-featured-image a,
body.home .wp-block-post-featured-image img {
border-radius: 22px !important;
}
}  html body.home .site .site-content .entry-content [class*="card"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="Card"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="kachel"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="Kachel"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="tile"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="Tile"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="box"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="Box"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="teaser"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="Teaser"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="grid"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button),
html body.home .site .site-content .entry-content [class*="Grid"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button) {
display: inline !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--zh-blue) !important;
-webkit-text-fill-color: var(--zh-blue) !important;
font-size: inherit !important;
line-height: inherit !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px !important;
white-space: normal !important;
transform: none !important;
} html body.home .site .site-content .entry-content [class*="card"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="Card"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="kachel"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="Kachel"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="tile"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="Tile"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="box"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="Box"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="teaser"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="Teaser"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="grid"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover,
html body.home .site .site-content .entry-content [class*="Grid"] p a:not(.wp-block-post-excerpt__more-link):not(.wp-block-read-more):not(.read-more):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.gb-button):hover {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--zh-blue-dark) !important;
-webkit-text-fill-color: var(--zh-blue-dark) !important;
text-decoration: underline !important;
} html body.home .site .site-content .entry-content [class*="card"] > a,
html body.home .site .site-content .entry-content [class*="Card"] > a,
html body.home .site .site-content .entry-content [class*="kachel"] > a,
html body.home .site .site-content .entry-content [class*="Kachel"] > a,
html body.home .site .site-content .entry-content [class*="tile"] > a,
html body.home .site .site-content .entry-content [class*="Tile"] > a,
html body.home .site .site-content .entry-content [class*="box"] > a,
html body.home .site .site-content .entry-content [class*="Box"] > a,
html body.home .site .site-content .entry-content [class*="teaser"] > a,
html body.home .site .site-content .entry-content [class*="Teaser"] > a,
html body.home .site .site-content .entry-content [class*="more"] > a,
html body.home .site .site-content .entry-content [class*="More"] > a,
html body.home .site .site-content .entry-content a.zh-btn,
html body.home .site .site-content .entry-content a.zh-button,
html body.home .site .site-content .entry-content a.zh-card-button,
html body.home .site .site-content .entry-content a.zh-card-btn,
html body.home .site .site-content .entry-content a.zh-more,
html body.home .site .site-content .entry-content a.zh-more-link,
html body.home .site .site-content .entry-content a.zh-topic-more,
html body.home .site .site-content .entry-content a.zh-cat-more {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-height: 38px !important;
margin-top: 16px !important;
padding: 9px 16px !important;
background: var(--zh-blue) !important;
background-color: var(--zh-blue) !important;
background-image: none !important;
border: 1px solid var(--zh-blue) !important;
border-radius: 999px !important;
box-shadow: 0 10px 24px rgba(15, 76, 129, 0.16) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 14.5px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
text-decoration: none !important;
white-space: normal !important;
} html body.home .site .site-content .entry-content [class*="card"] > a:hover,
html body.home .site .site-content .entry-content [class*="Card"] > a:hover,
html body.home .site .site-content .entry-content [class*="kachel"] > a:hover,
html body.home .site .site-content .entry-content [class*="Kachel"] > a:hover,
html body.home .site .site-content .entry-content [class*="tile"] > a:hover,
html body.home .site .site-content .entry-content [class*="Tile"] > a:hover,
html body.home .site .site-content .entry-content [class*="box"] > a:hover,
html body.home .site .site-content .entry-content [class*="Box"] > a:hover,
html body.home .site .site-content .entry-content [class*="teaser"] > a:hover,
html body.home .site .site-content .entry-content [class*="Teaser"] > a:hover,
html body.home .site .site-content .entry-content [class*="more"] > a:hover,
html body.home .site .site-content .entry-content [class*="More"] > a:hover,
html body.home .site .site-content .entry-content a.zh-btn:hover,
html body.home .site .site-content .entry-content a.zh-button:hover,
html body.home .site .site-content .entry-content a.zh-card-button:hover,
html body.home .site .site-content .entry-content a.zh-card-btn:hover,
html body.home .site .site-content .entry-content a.zh-more:hover,
html body.home .site .site-content .entry-content a.zh-more-link:hover,
html body.home .site .site-content .entry-content a.zh-topic-more:hover,
html body.home .site .site-content .entry-content a.zh-cat-more:hover {
background: var(--zh-blue-dark) !important;
background-color: var(--zh-blue-dark) !important;
border-color: var(--zh-blue-dark) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-decoration: none !important;
} html body .site .site-content .entry-content .zh-about .zh-quicknav > a,
html body .site .site-content .entry-content .zh-wrap .zh-quicknav > a,
html body .site .site-content .entry-content .zh-hero .zh-quicknav > a,
html body .site .site-content .entry-content .zh-quicknav > a,
html body .site .site-content .entry-content .zh-about .zh-cta-buttons > a,
html body .site .site-content .entry-content .zh-wrap .zh-cta-buttons > a,
html body .site .site-content .entry-content .zh-cta-buttons > a,
html body .site .site-content .entry-content .zh-about a.zh-btn,
html body .site .site-content .entry-content .zh-wrap a.zh-btn,
html body .site .site-content .entry-content a.zh-btn,
html body .site .site-content .entry-content .zh-about a.zh-button,
html body .site .site-content .entry-content .zh-wrap a.zh-button,
html body .site .site-content .entry-content a.zh-button,
html body .site .site-content .entry-content .zh-about .wp-block-button__link,
html body .site .site-content .entry-content .zh-wrap .wp-block-button__link,
html body .site .site-content .entry-content .zh-about .wp-element-button,
html body .site .site-content .entry-content .zh-wrap .wp-element-button,
html body .site .site-content .entry-content .zh-about .gb-button,
html body .site .site-content .entry-content .zh-wrap .gb-button {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-weight: 400 !important;
text-decoration: none !important;
} html body .site .site-content .entry-content .zh-about .zh-quicknav > a *,
html body .site .site-content .entry-content .zh-wrap .zh-quicknav > a *,
html body .site .site-content .entry-content .zh-hero .zh-quicknav > a *,
html body .site .site-content .entry-content .zh-quicknav > a *,
html body .site .site-content .entry-content .zh-about .zh-cta-buttons > a *,
html body .site .site-content .entry-content .zh-wrap .zh-cta-buttons > a *,
html body .site .site-content .entry-content .zh-cta-buttons > a *,
html body .site .site-content .entry-content .zh-about a.zh-btn *,
html body .site .site-content .entry-content .zh-wrap a.zh-btn *,
html body .site .site-content .entry-content a.zh-btn *,
html body .site .site-content .entry-content .zh-about a.zh-button *,
html body .site .site-content .entry-content .zh-wrap a.zh-button *,
html body .site .site-content .entry-content a.zh-button *,
html body .site .site-content .entry-content .zh-about .wp-block-button__link *,
html body .site .site-content .entry-content .zh-wrap .wp-block-button__link *,
html body .site .site-content .entry-content .zh-about .wp-element-button *,
html body .site .site-content .entry-content .zh-wrap .wp-element-button *,
html body .site .site-content .entry-content .zh-about .gb-button *,
html body .site .site-content .entry-content .zh-wrap .gb-button * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
fill: #ffffff !important;
stroke: #ffffff !important;
} .zh-engine-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
margin: 0 0 22px;
padding: 10px 14px;
border: 1px solid rgba(40, 184, 200, 0.20);
border-radius: 14px;
background: rgba(231, 251, 253, 0.58);
color: var(--zh-muted);
font-size: 14px;
line-height: 1.45;
}
.zh-engine-toc {
float: right;
width: min(42%, 440px);
margin: 8px 0 22px 24px;
padding: 16px;
border: 1px solid rgba(40, 184, 200, 0.24);
border-radius: 20px;
background: linear-gradient(145deg, #ffffff 0%, #f3fbfc 100%);
box-shadow: 0 12px 30px rgba(15, 76, 129, 0.08);
}
.zh-engine-toc-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 9px 16px !important;
margin: 0 !important;
border-radius: 999px !important;
background: var(--zh-blue) !important;
border: 1px solid var(--zh-blue) !important;
color: #fff !important;
font-size: 14.5px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
box-shadow: 0 8px 20px rgba(15, 76, 129, 0.14) !important;
}
.zh-engine-toc-list {
margin: 14px 0 0 1.25em !important;
padding: 0 !important;
}
.zh-engine-toc-list[hidden] { display: none !important; }
.zh-engine-toc-list li { margin: 0 0 8px; padding-left: 4px; }
.zh-engine-toc-list a { color: var(--zh-blue-dark) !important; text-decoration: none !important; }
.zh-engine-toc-list a:hover { color: var(--zh-blue) !important; text-decoration: underline !important; }
.zh-engine-checklist-list,
.zh-engine-steps-list {
clear: both;
margin: 18px 0 26px !important;
padding: 18px 20px 18px 44px !important;
border: 1px solid rgba(40, 184, 200, 0.22);
border-radius: 20px;
background: linear-gradient(145deg, #ffffff 0%, #f4fbfc 100%);
box-shadow: 0 10px 26px rgba(15, 76, 129, 0.07);
}
.zh-engine-checklist-list li,
.zh-engine-steps-list li { margin-bottom: 9px; }
.zh-engine-editorial-note {
clear: both;
margin: 30px 0 0;
padding: 16px 18px;
border-left: 4px solid var(--zh-cyan);
border-radius: 16px;
background: rgba(231, 251, 253, 0.56);
color: var(--zh-muted);
font-size: 14.5px;
line-height: 1.6;
}
.zh-engine-editorial-note p { margin: 0 0 7px; }
.zh-engine-editorial-note p:last-child { margin-bottom: 0; }
.zh-engine-related {
clear: both;
margin-top: 34px;
padding: 22px;
border: 1px solid rgba(40, 184, 200, 0.22);
border-radius: 22px;
background: linear-gradient(145deg, #fff 0%, #f5fbfc 100%);
}
.zh-engine-related h2 { margin-top: 0; font-size: 24px; }
.zh-engine-related ul { margin-bottom: 0; }
.zh-engine-related li { margin-bottom: 8px; }
.zh-engine-breadcrumbs {
margin: 0 0 18px;
color: var(--zh-muted);
font-size: 14px;
}
.zh-engine-breadcrumbs a { color: var(--zh-blue) !important; }
.zh-search { max-width: 1180px; margin: 0 auto; }
.zh-search-card {
padding: 20px;
border: 1px solid rgba(40,184,200,.22);
border-radius: 24px;
background: linear-gradient(145deg,#fff 0%,#f5fbfc 100%);
box-shadow: 0 16px 42px rgba(15,76,129,.08);
}
.zh-search-title { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.zh-search-title h2 { margin:0; color:var(--zh-blue-dark); font-weight:400; }
.zh-search-dot { width:10px; height:10px; border-radius:50%; background:var(--zh-cyan); box-shadow:0 0 0 4px rgba(40,184,200,.12); }
.zh-search-bar { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.zh-search-input {
flex:1 1 280px;
min-width:0;
padding:13px 15px;
border:1px solid rgba(15,76,129,.42);
border-radius:14px;
background:#fff;
color:var(--zh-text);
font-size:16px;
}
.zh-search-input:focus { outline:3px solid rgba(40,184,200,.20); border-color:var(--zh-blue); }
.zh-search-button { flex:0 0 auto; }
.zh-search-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.zh-search-chip {
padding:7px 11px !important;
min-height:34px !important;
background:#fff !important;
color:var(--zh-blue-dark) !important;
border:1px solid rgba(15,76,129,.20) !important;
box-shadow:none !important;
font-size:13.5px !important;
}
.zh-search-chip:hover { border-color:var(--zh-cyan) !important; background:var(--zh-cyan-soft) !important; }
.zh-search-results { margin-top:18px; }
.zh-search-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.zh-search-result { overflow:hidden; border:1px solid rgba(40,184,200,.20); border-radius:18px; background:#fff; }
.zh-search-image { display:block; aspect-ratio:16/9; overflow:hidden; }
.zh-search-image img { width:100%; height:100%; object-fit:cover; display:block; }
.zh-search-result-body { padding:15px; }
.zh-search-result h3 { margin:0 0 8px; font-size:19px; line-height:1.3; font-weight:400; }
.zh-search-result h3 a { color:var(--zh-blue-dark) !important; text-decoration:none !important; }
.zh-search-date { margin-bottom:8px; color:var(--zh-muted); font-size:12.5px; }
.zh-search-result p { margin:0 0 12px; font-size:14.5px; line-height:1.55; }
.zh-search-more { display:inline-flex; padding:8px 13px; border-radius:999px; background:var(--zh-blue); color:#fff !important; text-decoration:none !important; }
.zh-search-message { margin:0; padding:12px 0; color:var(--zh-muted); }
@media (max-width: 900px) {
.zh-engine-toc { float:none; width:100%; margin:18px 0 24px; }
.zh-search-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
.zh-engine-meta { font-size:13px; }
.zh-search-card { padding:15px; border-radius:20px; }
.zh-search-grid { grid-template-columns:1fr; }
.zh-search-button { width:100%; }
} .zh-trust-page{
max-width:980px;
}
.zh-trust-lead{
font-size:clamp(18px,2vw,21px);
line-height:1.7;
padding:18px 20px;
margin:0 0 28px;
border-left:4px solid var(--zh-cyan);
background:linear-gradient(135deg,#fff 0%,var(--zh-cyan-soft) 100%);
border-radius:16px;
}
.zh-trust-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
margin:24px 0 30px;
}
.zh-trust-box{
background:#fff;
border:1px solid rgba(40,184,200,.24);
border-radius:20px;
padding:22px;
box-shadow:0 12px 30px rgba(15,76,129,.07);
}
.zh-trust-box h2{
margin-top:0;
font-size:22px;
}
.zh-trust-box p:last-child{margin-bottom:0;}
.zh-trust-links{
margin-top:30px;
padding-top:18px;
border-top:1px solid rgba(15,76,129,.14);
}
@media(max-width:720px){
.zh-trust-grid{grid-template-columns:1fr;}
.zh-trust-box{padding:18px;}
} body.home .inside-article{
padding:0 !important;
overflow:hidden;
}
body.home .entry-header{
padding:38px 40px 0 40px;
margin:0;
}
body.home .entry-title{
margin:0;
font-size:clamp(30px,3vw,42px) !important;
line-height:1.14 !important;
color:var(--zh-blue-dark) !important;
letter-spacing:-.025em;
font-weight:400 !important;
}
body.home .entry-content{
margin-top:0 !important;
}
.zh-home-shell,
.zh-home-shell *{
box-sizing:border-box;
font-weight:400 !important;
}
.zh-home-shell{
padding:22px 40px 42px 40px;
color:var(--zh-text);
}
.zh-home-intro{
position:relative;
overflow:hidden;
padding:30px 32px;
border:1px solid rgba(40,184,200,.22);
border-radius:26px;
background:
radial-gradient(circle at 96% 0%, rgba(40,184,200,.12) 0, rgba(40,184,200,.12) 118px, transparent 120px),
linear-gradient(135deg,#ffffff 0%,#f4fbfc 100%);
box-shadow:0 16px 44px rgba(15,76,129,.07);
}
.zh-home-kicker,
.zh-home-eyebrow{
margin:0 0 10px 0 !important;
color:var(--zh-blue) !important;
font-size:13.5px !important;
line-height:1.4 !important;
letter-spacing:.045em;
text-transform:uppercase;
}
.zh-home-kicker{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 11px;
border:1px solid rgba(40,184,200,.34);
border-radius:999px;
background:rgba(255,255,255,.9);
text-transform:none;
letter-spacing:0;
font-size:14px !important;
}
.zh-home-kicker span{
width:8px;
height:8px;
display:inline-block;
border-radius:50%;
background:var(--zh-cyan);
}
.zh-home-lead{
max-width:1040px;
margin:14px 0 10px 0 !important;
color:var(--zh-blue-dark) !important;
font-size:clamp(19px,1.7vw,23px) !important;
line-height:1.58 !important;
}
.zh-home-intro > p:not(.zh-home-kicker):not(.zh-home-lead){
max-width:1040px;
margin:0 !important;
font-size:16.5px !important;
line-height:1.72 !important;
}
.zh-home-quicklinks{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:20px;
}
.zh-home-quicklinks a{
display:inline-flex;
align-items:center;
min-height:38px;
padding:8px 14px;
border-radius:999px;
border:1px solid rgba(15,76,129,.18);
background:#fff;
color:var(--zh-blue-dark) !important;
text-decoration:none !important;
box-shadow:0 6px 18px rgba(15,76,129,.06);
}
.zh-home-quicklinks a:hover,
.zh-home-quicklinks a:focus{
border-color:rgba(40,184,200,.65);
background:var(--zh-cyan-soft);
}
.zh-home-section{
margin-top:42px;
}
.zh-home-section-head{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(260px,460px);
gap:28px;
align-items:end;
margin-bottom:18px;
}
.zh-home-section-head h2,
.zh-home-focus h2,
.zh-home-info-card h2,
.zh-home-medical-note h2{
margin:0 !important;
color:var(--zh-blue-dark) !important;
font-size:clamp(24px,2.2vw,31px) !important;
line-height:1.22 !important;
letter-spacing:-.02em;
font-weight:400 !important;
}
.zh-home-section-head > p{
margin:0 !important;
color:var(--zh-muted) !important;
font-size:15.5px !important;
line-height:1.65 !important;
}
.zh-home-topic-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:14px;
}
.zh-home-topic{
min-width:0;
padding:20px 18px;
border:1px solid rgba(40,184,200,.2);
border-radius:20px;
background:
radial-gradient(circle at 100% 0%,rgba(40,184,200,.11) 0,rgba(40,184,200,.11) 62px,transparent 64px),
linear-gradient(145deg,#fff 0%,#f7fbfc 100%);
box-shadow:0 10px 26px rgba(15,76,129,.055);
}
.zh-home-topic h3{
margin:0 0 8px 0 !important;
font-size:18px !important;
line-height:1.3 !important;
}
.zh-home-topic h3 a{
color:var(--zh-blue-dark) !important;
text-decoration:none !important;
}
.zh-home-topic p{
margin:0 0 12px 0 !important;
color:var(--zh-text) !important;
font-size:14.5px !important;
line-height:1.58 !important;
}
.zh-home-topic-link,
.zh-home-textlink,
.zh-home-primary-link{
color:var(--zh-blue) !important;
text-decoration:none !important;
border-bottom:1px solid rgba(15,76,129,.22);
}
.zh-home-topic-link{
font-size:13.5px !important;
}
.zh-home-topic-link:hover,
.zh-home-textlink:hover,
.zh-home-primary-link:hover{
color:var(--zh-blue-dark) !important;
border-bottom-color:var(--zh-cyan);
}
.zh-home-situation-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:15px;
}
.zh-home-situation-grid article{
position:relative;
min-width:0;
padding:22px 20px 19px 20px;
border:1px solid rgba(15,76,129,.12);
border-radius:22px;
background:#fff;
box-shadow:0 12px 30px rgba(15,76,129,.055);
}
.zh-home-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
margin-bottom:12px;
border-radius:50%;
color:var(--zh-blue-dark);
background:var(--zh-cyan-soft);
border:1px solid rgba(40,184,200,.36);
font-size:13px;
}
.zh-home-situation-grid h3{
margin:0 0 9px 0 !important;
color:var(--zh-blue-dark) !important;
font-size:18px !important;
line-height:1.35 !important;
}
.zh-home-situation-grid p{
margin:0 0 10px 0 !important;
font-size:14.5px !important;
line-height:1.62 !important;
}
.zh-home-situation-grid p:last-child{margin-bottom:0 !important;}
.zh-home-situation-grid a{color:var(--zh-blue) !important;}
.zh-home-focus{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
gap:24px;
margin-top:42px;
padding:30px;
border-radius:26px;
border:1px solid rgba(15,76,129,.15);
background:
radial-gradient(circle at 100% 0%,rgba(40,184,200,.12),transparent 30%),
linear-gradient(135deg,#f9fcfd 0%,#fff 58%,#f2fbfc 100%);
box-shadow:0 16px 40px rgba(15,76,129,.07);
}
.zh-home-focus-main > p:not(.zh-home-eyebrow){
margin:12px 0 0 0 !important;
font-size:16px !important;
line-height:1.7 !important;
}
.zh-home-primary-link{
display:inline-block;
margin-top:17px;
font-size:15px !important;
}
.zh-home-checks{
display:grid;
gap:10px;
align-content:start;
}
.zh-home-checks p{
display:grid;
grid-template-columns:34px 1fr;
gap:10px;
align-items:start;
margin:0 !important;
padding:11px 12px;
border-radius:14px;
background:#fff;
border:1px solid rgba(40,184,200,.16);
font-size:14.5px !important;
line-height:1.5 !important;
}
.zh-home-checks span{
color:var(--zh-blue);
font-size:12px;
letter-spacing:.04em;
}
.zh-home-latest-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.zh-home-latest-card{
min-width:0;
overflow:hidden;
border:1px solid rgba(40,184,200,.18);
border-radius:20px;
background:#fff;
box-shadow:0 10px 28px rgba(15,76,129,.055);
}
.zh-home-latest-media{
display:block;
aspect-ratio:16/9;
overflow:hidden;
background:#eef7f9;
}
.zh-home-latest-img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.zh-home-latest-body{padding:18px;}
.zh-home-latest-date{
margin:0 0 7px 0 !important;
color:var(--zh-muted) !important;
font-size:12.5px !important;
line-height:1.4 !important;
}
.zh-home-latest-body h3{
margin:0 0 9px 0 !important;
font-size:18px !important;
line-height:1.35 !important;
}
.zh-home-latest-body h3 a{
color:var(--zh-blue-dark) !important;
text-decoration:none !important;
}
.zh-home-latest-body > p:not(.zh-home-latest-date){
margin:0 0 12px 0 !important;
font-size:14.5px !important;
line-height:1.62 !important;
}
.zh-home-two{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.zh-home-info-card{
padding:25px 24px;
border:1px solid rgba(15,76,129,.12);
border-radius:22px;
background:linear-gradient(145deg,#fff,#f7fbfc);
box-shadow:0 12px 30px rgba(15,76,129,.055);
}
.zh-home-info-card h2{font-size:23px !important;}
.zh-home-info-card > p:not(.zh-home-eyebrow){
margin:12px 0 0 0 !important;
font-size:15px !important;
line-height:1.68 !important;
}
.zh-home-medical-note{
margin-top:24px;
padding:22px 24px;
border:1px solid rgba(184,92,56,.18);
border-radius:20px;
background:linear-gradient(135deg,#fff9f2 0%,#fff 100%);
}
.zh-home-medical-note h2{
color:#7d3e26 !important;
font-size:21px !important;
}
.zh-home-medical-note p{
margin:9px 0 0 0 !important;
color:#314455 !important;
font-size:14.5px !important;
line-height:1.65 !important;
}
@media (max-width:1180px){
.zh-home-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.zh-home-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:860px){
body.home .entry-header{padding:28px 24px 0 24px;}
.zh-home-shell{padding:18px 24px 30px 24px;}
.zh-home-section-head{grid-template-columns:1fr;gap:8px;align-items:start;}
.zh-home-focus{grid-template-columns:1fr;}
.zh-home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.zh-home-two{grid-template-columns:1fr;}
}
@media (max-width:620px){
body.home .entry-header{padding:24px 18px 0 18px;}
body.home .entry-title{font-size:29px !important;}
.zh-home-shell{padding:16px 18px 26px 18px;}
.zh-home-intro{padding:22px 19px;border-radius:20px;}
.zh-home-lead{font-size:18px !important;line-height:1.55 !important;}
.zh-home-topic-grid,
.zh-home-situation-grid,
.zh-home-latest-grid{grid-template-columns:1fr;}
.zh-home-topic{padding:18px;}
.zh-home-focus{padding:22px 19px;border-radius:20px;}
.zh-home-section{margin-top:34px;}
.zh-home-section-head{margin-bottom:14px;}
.zh-home-quicklinks{gap:7px;}
.zh-home-quicklinks a{font-size:13.5px !important;}
}  .site-header .site-branding,
.site-header .site-logo:not(.zh-engine-header-logo){
display:none!important;
}
.site-header .inside-header{
min-height:92px;
}
.zh-engine-header-logo{
display:flex!important;
align-items:center!important;
flex:0 1 auto!important;
min-width:0!important;
margin:0!important;
padding:0!important;
visibility:visible!important;
opacity:1!important;
}
.zh-engine-header-logo a{
display:inline-flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
text-decoration:none!important;
line-height:0!important;
}
.zh-engine-header-logo img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:min(320px, 42vw)!important;
max-height:66px!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
opacity:1!important;
visibility:visible!important;
filter:drop-shadow(0 8px 14px rgba(15,76,129,.13))!important;
}
.zh-engine-logo-text{
display:none;
color:#0f4c81!important;
font-size:27px!important;
line-height:1.1!important;
white-space:nowrap;
} .zh-engine-header-logo.is-image-error .zh-engine-logo-img{display:none!important;}
.zh-engine-header-logo.is-image-error .zh-engine-logo-text{display:inline-block!important;} body.single-post .zh-engine-featured-image{
display:block!important;
clear:both!important;
width:min(68%, 680px)!important;
max-width:680px!important;
aspect-ratio:16 / 9!important;
margin:20px auto 26px!important;
padding:0!important;
overflow:hidden!important;
border-radius:20px!important;
border:1px solid rgba(40,184,200,.20)!important;
background:#eef7f9!important;
box-shadow:0 12px 28px rgba(15,76,129,.09)!important;
}
body.single-post .zh-engine-featured-image .zh-engine-featured-img{
display:block!important;
width:100%!important;
max-width:100%!important;
height:100%!important;
min-height:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
object-fit:cover!important;
object-position:center!important;
}
@media(max-width:980px){
.site-header .inside-header{min-height:84px;}
.zh-engine-header-logo img{
max-width:min(285px, 45vw)!important;
max-height:60px!important;
}
body.single-post .zh-engine-featured-image{
width:min(78%, 620px)!important;
}
}
@media(max-width:768px){
.site-header .inside-header{min-height:72px;}
.zh-engine-header-logo img{
max-width:min(270px, 72vw)!important;
max-height:56px!important;
}
body.single-post .zh-engine-featured-image{
width:100%!important;
max-width:100%!important;
margin:16px 0 22px!important;
border-radius:16px!important;
}
} body.single-post .comments-area .comment-form .form-submit,
body.single-post .comments-area .comment-form p.form-submit{
display:block!important;
visibility:visible!important;
opacity:1!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:22px 0 0!important;
padding:0!important;
overflow:visible!important;
}
body.single-post .comments-area .comment-form input[type="submit"],
body.single-post .comments-area .comment-form button[type="submit"],
body.single-post .comments-area .comment-form .zh-comment-submit{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-width:180px!important;
max-width:100%!important;
height:auto!important;
min-height:46px!important;
margin:0!important;
padding:11px 20px!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
position:static!important;
transform:none!important;
clip:auto!important;
clip-path:none!important;
overflow:visible!important;
background:var(--zh-blue)!important;
color:#fff!important;
border:1px solid var(--zh-blue)!important;
border-radius:999px!important;
box-shadow:0 10px 24px rgba(15,76,129,.16)!important;
font:inherit!important;
font-weight:400!important;
line-height:1.25!important;
text-decoration:none!important;
cursor:pointer!important;
}
body.single-post .comments-area .comment-form input[type="submit"]:hover,
body.single-post .comments-area .comment-form button[type="submit"]:hover,
body.single-post .comments-area .comment-form .zh-comment-submit:hover{
background:var(--zh-blue-dark)!important;
border-color:var(--zh-blue-dark)!important;
color:#fff!important;
}
@media (max-width:620px){
body.single-post .comments-area .comment-form input[type="submit"],
body.single-post .comments-area .comment-form button[type="submit"],
body.single-post .comments-area .comment-form .zh-comment-submit{
width:100%!important;
}
}  #commentform .form-submit,
.comment-form .form-submit{
display:none!important;
}
#commentform .zh-engine-comment-actions,
.comment-form .zh-engine-comment-actions{
display:block!important;
visibility:visible!important;
opacity:1!important;
width:100%!important;
height:auto!important;
min-height:46px!important;
max-height:none!important;
margin:22px 0 0!important;
padding:0!important;
overflow:visible!important;
position:relative!important;
z-index:20!important;
}
#commentform .zh-engine-comment-submit,
.comment-form .zh-engine-comment-submit{
display:inline-flex!important;
visibility:visible!important;
opacity:1!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-width:190px!important;
max-width:100%!important;
height:auto!important;
min-height:46px!important;
margin:0!important;
padding:11px 22px!important;
position:static!important;
float:none!important;
clear:both!important;
pointer-events:auto!important;
clip:auto!important;
clip-path:none!important;
overflow:visible!important;
transform:none!important;
background:#0f4c81!important;
color:#fff!important;
border:1px solid #0f4c81!important;
border-radius:999px!important;
box-shadow:0 10px 24px rgba(15,76,129,.16)!important;
font:inherit!important;
font-weight:400!important;
line-height:1.25!important;
text-decoration:none!important;
cursor:pointer!important;
}
#commentform .zh-engine-comment-submit:hover,
.comment-form .zh-engine-comment-submit:hover{
background:#08324f!important;
border-color:#08324f!important;
color:#fff!important;
}
@media (max-width:620px){
#commentform .zh-engine-comment-submit,
.comment-form .zh-engine-comment-submit{
width:100%!important;
}
}