
/* DR PET LIFE editorial publishing extension */
.blog-hero{padding:66px 0 59px;background:linear-gradient(125deg,#f0f8f3,#e8f5f0 59%,#fff8e9)}
.blog-hero h1{font-size:clamp(2.35rem,4.6vw,4.5rem);max-width:940px;line-height:1.1;margin:8px 0 16px}
.blog-hero p{max-width:810px;color:#4c6f61;font-size:17px}
.blog-tools{background:#fff;border:1px solid #d9e7dc;border-radius:18px;padding:18px;display:grid;gap:12px;box-shadow:var(--shadow)}
.blog-tools input,.blog-tools select{width:100%;border:1px solid #c9ddce;border-radius:10px;background:#fff;padding:13px 15px;font:inherit;color:#254c40}
.blog-tool-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;border:1px solid #d9e9de;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 7px 24px #1b4d3320;transition:transform .18s,border-color .18s}
.blog-card:hover{transform:translateY(-3px);border-color:#76a890}.blog-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.blog-card-body{padding:18px;display:flex;flex-direction:column;flex:1;gap:9px}.blog-card h2,.blog-card h3{font-size:19px;line-height:1.32;margin:0}
.blog-card p{font-size:13px;color:#546b60;margin:0;flex:1}.blog-tag{display:inline-block;width:max-content;border-radius:99px;background:#e4f2e8;color:#216650;font-size:11px;font-weight:800;padding:5px 10px}.blog-card-link{font-size:13px;color:#11664d;font-weight:800;margin-top:8px}
.blog-crumb{font-size:13px;color:#5c796e;padding:23px 0}.blog-crumb a{color:#11674f}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:start}.blog-article{font-size:16px;line-height:1.83;color:#496357}.blog-article h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:37px 0 10px;color:#183a30}.blog-article p{margin:12px 0}.blog-article ul{padding-left:23px}.blog-article li{margin-bottom:8px}.blog-article a{color:#126b50;text-decoration:underline}
.blog-feature-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;display:block;box-shadow:0 16px 40px #165b3824}
.blog-caption{font-size:12px!important;color:#638073!important}.blog-notice{background:#fff9ec;border:1px solid #f0dda8;border-left:4px solid #ba8a30;border-radius:12px;padding:15px 17px;color:#745a26;font-size:13px}
.blog-toc{background:#f3f9f5;border:1px solid #dcebe0;border-radius:16px;padding:17px 21px;margin:25px 0}.blog-toc h2{font-size:16px;margin:0 0 7px}.blog-toc a{font-size:14px;display:block;color:#136348;padding:4px 0}
.blog-side{background:#f5faf6;border:1px solid #d7e8db;border-radius:20px;padding:25px;position:sticky;top:100px;display:grid;gap:12px}.blog-side h2{font-size:20px;margin:0}.blog-side p{font-size:14px;color:#557166}.blog-side .btn{display:block;text-align:center}
.blog-meta{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.blog-meta span{font-size:12px;border:1px solid #d4e4d9;background:#fff;border-radius:90px;padding:6px 10px;color:#5a7566}
.blog-questions{background:#f4f8f3;border:1px solid #d8e8dc;border-radius:18px;padding:22px;margin-top:23px}.blog-questions h2{margin-top:0}
.blog-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-related a{background:#fff;border:1px solid #d9e6dc;padding:14px;border-radius:12px;font-size:13px;font-weight:700;color:#1b5542;text-decoration:none}
.blog-related a:hover{background:#e8f7ec}.blog-empty{color:#648275}.blog-search-status{color:#547264;font-size:13px}
.blog-card[hidden]{display:none!important}
.blog-layout a,.blog-card{overflow-wrap:anywhere}
@media(max-width:1020px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-layout{grid-template-columns:1fr}.blog-side{position:static}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-tool-grid{grid-template-columns:1fr}.blog-hero{padding:47px 0}.blog-hero h1{font-size:2.25rem}.blog-related{grid-template-columns:1fr}.blog-article{font-size:15px}.blog-card-body{padding:16px}}
