/* Safety Tips index and reusable guide layout; shared pages stay unchanged. */
.zt-safety-tips .zt-service-help h2 + p { margin-top: 16px; }
.zt-tips-feature-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.2fr); gap: 48px; align-items: center; }
.zt-tips-feature-copy { display: grid; gap: 22px; }
.zt-tips-feature-copy .zt-eyebrow { margin-bottom: 0; }
.zt-tips-feature-art { background: #142033; border-radius: 12px; padding: 12px; }
.zt-tips-feature-art img { display: block; max-height: 310px; width: 100%; object-fit: contain; }
.zt-tips-read-link a,
.zt-tips-learn-link a { font-weight: 600; }
.zt-tips-proposed .zt-tips-status { justify-self: start; padding: 4px 10px; color: #43566D; border: 1px solid #DED6C7; border-radius: 5px; font-size: 1rem; }
.zt-tips-proposed .zt-eyebrow { margin-bottom: 0; font-size: .875rem; }
.zt-safety-article-body { max-width: 760px; margin-inline: auto; display: grid; gap: 24px; }
.zt-safety-breadcrumb { display: flex; gap: 12px; flex-wrap: wrap; font-size: 1rem; }
.zt-safety-article-body > .zt-eyebrow { margin-bottom: 0; }
.zt-safety-article h1 { font-size: clamp(2.125rem, 4.5vw, 3.25rem); }
.zt-safety-article-lead { color: #43566D; font-size: 1.25rem; }
.zt-safety-article-body > h2 { margin-top: 20px; }
.zt-safety-article-art { padding: 12px; background: #142033; border-radius: 12px; }
.zt-safety-article-art img { display: block; width: 100%; height: 240px; object-fit: contain; }
.zt-safety-source { font-size: 1rem; color: #43566D; }
.zt-safety-callout { display: grid; gap: 20px; padding: 28px; border-left: 3px solid #825918; border-radius: 0 12px 12px 0; background: #F7F4ED; }
.zt-safety-back-link { margin-top: 8px; }
@media (max-width: 959px) {
    .zt-tips-feature-grid { gap: 28px; }
}
@media (max-width: 699px) {
    .zt-tips-feature-grid { grid-template-columns: minmax(0, 1fr); }
    .zt-tips-feature-art img { max-height: 240px; }
    .zt-safety-article-lead { font-size: 1.125rem; }
    .zt-safety-callout { padding: 24px; }
}

/* Native Posts: list cards and editor-owned article text. */
.zt-tips-query { margin-top: 32px; }
.zt-tips-posts { gap: 28px; padding: 0; list-style: none; }
.zt-tips-posts > li { margin: 0; }
.zt-tip-post-card { height: 100%; }
.zt-tip-post-card > .zt-eyebrow { margin-bottom: 0; }
.zt-tips-post-image,
.zt-safety-post-image { margin: 0; }
.zt-tips-post-image img,
.zt-safety-post-image img { display: block; border-radius: 8px; width: 100%; object-fit: cover; }
.zt-tip-post-card .wp-block-post-excerpt { display: grid; gap: 18px; }
.zt-tip-post-card .wp-block-post-excerpt__more-text { margin: 0; }
.zt-tip-post-card .wp-block-post-excerpt__more-link { font-weight: 600; }
.zt-tips-query .wp-block-query-pagination { gap: 20px; margin-top: 28px; }
.zt-safety-post-content > * { margin-block: 0; }
.zt-safety-post-content { display: grid; gap: 24px; }
.zt-safety-post-content > h2 { margin-top: 20px; }
.zt-safety-post-content :where(ul, ol) { padding-left: 24px; }
.zt-safety-post-content figure { max-width: 100%; }
.zt-safety-post-content figure img { height: auto; }
.zt-safety-post-content :where(pre, table) { max-width: 100%; overflow-x: auto; }
@media (max-width: 699px) {
    .zt-tips-posts { grid-template-columns: minmax(0, 1fr); }
}