/* A small family of original, hand-drawn companions to the Classic Sweep broom. */
.doodle{display:block;width:64px;height:64px;flex:none;color:#171918;overflow:visible;pointer-events:none;user-select:none}
.intro-statement>.section-doodle{margin-inline:auto}
.section-doodle{width:72px;height:72px;margin:0 0 24px;transform:rotate(-5deg);transform-origin:50% 65%}
.heading-doodle{display:inline-block;width:42px;height:42px;margin:0 13px 0 0;vertical-align:middle;transform:rotate(-4deg)}
.card-doodle{position:absolute;z-index:2;right:14px;top:14px;width:46px;height:46px;padding:6px;border-radius:12px;background:#fffffff0;box-shadow:0 1px 8px #11111105;transform:rotate(5deg)}
.guide-doodle{width:48px;height:48px;margin:0 0 14px;transform:rotate(-4deg)}
.step-doodle{width:36px;height:36px;transform:rotate(-4deg)}
.clean-steps strong:has(>.step-doodle){display:flex;align-items:center;gap:12px}
.clean-steps strong>.step-doodle{width:28px;height:28px}
/* Optional wrappers place art next to a label without changing heading or diagram semantics. */
.doodle-label{display:flex;align-items:center;gap:12px}
.doodle-label>.doodle{width:36px;height:36px;margin:0}
.doodle-label>.eyebrow,.doodle-label>.guide-visual-label{margin:0}
.guide-visual .doodle-label{margin-bottom:14px}
.guide-visual .doodle-label>.doodle{width:38px;height:38px}
.guide-visual-label:has(>.guide-doodle){display:flex;align-items:center;gap:12px}
.guide-visual-label>.guide-doodle{width:38px;height:38px;margin:0}
.article-intro>.section-doodle{margin:0 0 23px}
.service-story-chapter>.heading-doodle{width:40px;height:40px;margin:0 0 14px}
@media(max-width:760px){
 .section-doodle{width:56px;height:56px;margin-bottom:20px}
 .heading-doodle{width:34px;height:34px;margin-right:10px}
 .card-doodle{width:42px;height:42px;padding:6px;right:12px;top:12px;border-radius:11px}
 .guide-doodle{width:42px;height:42px;margin-bottom:12px}
 .step-doodle{width:32px;height:32px}
 .clean-steps strong>.step-doodle{width:24px;height:24px}
 .clean-steps strong:has(>.step-doodle){gap:10px}
 .service-story-chapter>.heading-doodle{width:30px;height:30px;margin-bottom:8px}
}
@media(max-width:760px) and (max-height:700px){.service-story.is-story-ready:not(.is-story-static) .service-story-chapter>.heading-doodle{display:none}}
@media(forced-colors:active){.doodle{color:CanvasText}.card-doodle{background:Canvas;border:1px solid CanvasText;box-shadow:none}}