/* Editorial layout, loaded only for the detergent guide. */
.blog-post-detergent .blog-content{overflow-wrap:anywhere}
.blog-post-detergent .df-story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:24px 0;counter-reset:df-step}
.blog-post-detergent .df-story-steps>li{counter-increment:df-step;min-width:0;margin:0;padding:20px;border:1px solid #d3e0d6;border-radius:16px;background:#eef5ed}
.blog-post-detergent .df-story-steps>li::before{content:"0" counter(df-step);display:block;margin-bottom:12px;font-weight:800;letter-spacing:.08em;color:#38694c}
.blog-post-detergent .df-story-steps :is(h3,strong){margin:0;font-size:18px;line-height:1.4}
.blog-post-detergent .df-story-steps p{margin:10px 0 0;font-size:15px;line-height:1.7}
.blog-post-detergent .df-formula{margin:24px 0;padding:22px 24px;border-left:4px solid #99d832;border-radius:0 14px 14px 0;background:#edf5e9;font-size:18px;font-weight:650;line-height:1.65}
.blog-post-detergent .df-formula p{margin:0 0 10px}.blog-post-detergent .df-formula p:last-child{margin:0}
.blog-post-detergent .df-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.blog-post-detergent .df-example-card{min-width:0;padding:20px;border:1px solid #d0dfd4;border-radius:16px;background:#fff;box-shadow:0 3px 15px #104a3208}
.blog-post-detergent .df-example-card h3{margin:0 0 14px;font-size:18px}.blog-post-detergent .df-example-card p{font-size:15px;line-height:1.7;margin:0 0 12px}.blog-post-detergent .df-example-card p:last-child{margin-bottom:0}
.blog-post-detergent .df-example-card strong{color:#075238}
.blog-post-detergent .df-label-steps{padding-left:24px}.blog-post-detergent .df-label-steps li{padding:10px 0 10px 8px}.blog-post-detergent .df-label-steps li::marker{font-weight:800;color:#236047}
.blog-post-detergent .df-checklist{padding:24px;border:1px solid #bdd5bf;border-radius:16px;background:#eef6e9;margin:28px 0}
.blog-post-detergent .df-checklist h2{margin-top:0}.blog-post-detergent .df-checklist ul{list-style:none;padding:0;margin:0}.blog-post-detergent .df-checklist li{position:relative;padding:12px 0 12px 29px;border-bottom:1px solid #cfdfcf;margin:0}.blog-post-detergent .df-checklist li::before{content:"✓";position:absolute;left:0;top:12px;color:#075037;font-weight:800}.blog-post-detergent .df-checklist li:last-child{border:0}
.blog-post-detergent .df-safety{padding:24px;border:1px solid #e1d2a8;border-left:4px solid #9b6a14;border-radius:14px;background:#fffaf0;margin:28px 0}
.blog-post-detergent .df-safety :is(h2,h3):first-child{margin-top:0}.blog-post-detergent .df-safety p:last-child{margin-bottom:0}
.blog-post-detergent .blog-content table :is(th,td){text-align:left;white-space:normal;min-width:0}
.blog-post-detergent .blog-content table th:first-child{min-width:82px;overflow-wrap:normal;word-break:normal}
@media(max-width:620px){.blog-post-detergent .df-story-steps,.blog-post-detergent .df-example-grid{grid-template-columns:minmax(0,1fr)}.blog-post-detergent .df-story-steps>li,.blog-post-detergent .df-example-card,.blog-post-detergent .df-checklist,.blog-post-detergent .df-safety{padding:18px}.blog-post-detergent .df-story-steps>li::before{margin-bottom:6px}.blog-post-detergent .df-formula{padding:18px;font-size:16px}.blog-post-detergent .blog-table-wrap{overflow-x:auto}}
@media print{.blog-post-detergent .df-story-steps,.blog-post-detergent .df-example-grid{display:block}.blog-post-detergent .df-example-card,.blog-post-detergent .df-story-steps>li{break-inside:avoid;margin-bottom:10px;box-shadow:none}.blog-post-detergent .df-checklist,.blog-post-detergent .df-safety{background:#fff;break-inside:avoid}}