/* Doodles, blobs and stickers (theme-aware). */
.doodle{display:inline-block;width:64px;height:64px;color:var(--slate);line-height:0}
.dsvg{width:100%;height:100%;overflow:visible}
.dsvg .f1{fill:var(--amber)} .dsvg .f2{fill:var(--accent2-soft,var(--c3-b,#EAF0F6))} .dsvg .f3{fill:var(--s-goldsoft,#FBF1DC)} .dsvg .f4{fill:var(--c4-c,#F1DCD8)}
.deco{position:absolute;pointer-events:none;z-index:0}
.blob{position:absolute;border-radius:58% 42% 55% 45%/48% 60% 40% 52%;pointer-events:none;z-index:0}
.has-deco{position:relative;isolation:isolate}
.has-deco>*:not(.deco):not(.blob){position:relative;z-index:1}
.sticker{display:inline-flex;align-items:center;gap:.4rem;background:var(--s-white,#fff);border:1.5px solid var(--slate);border-radius:999px;padding:.35rem .8rem .35rem .45rem;font-family:var(--sans);font-weight:800;font-size:.75rem;color:var(--slate);box-shadow:3px 3px 0 var(--slate);transform:rotate(-3deg)}
.sticker .doodle{width:26px;height:26px}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-6px) rotate(var(--r,0deg))}}
.float{animation:bob 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.float{animation:none}}
.has-deco{overflow-x:clip}.jhero,.shero{overflow:visible}main{overflow-x:clip}
/* In-flow doodle rows (mobile/tablet) + dividers: never overlap text */
.doodle-row{display:flex;justify-content:center;align-items:center;gap:.9rem;margin:-.4rem auto 1.4rem;max-width:22rem}
.doodle-row .doodle{width:34px;height:34px}
.doodle-row .doodle:nth-child(odd){width:22px;height:22px;opacity:.85}
.doodle-row .doodle:nth-child(2){transform:rotate(-8deg)}.doodle-row .doodle:nth-child(4){transform:rotate(8deg)}
.jhero .doodle-row{justify-content:flex-start;margin:-.6rem 0 1.4rem}
@media (min-width:900px){.shero .doodle-row{display:none}}
@media (min-width:920px){.jhero .doodle-row{display:none}}
.doodle-divider{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.5rem auto;opacity:.9}
.doodle-divider .doodle{width:30px;height:30px}.doodle-divider .doodle:nth-child(2){width:40px;height:40px}
.doodle-divider .doodle:first-child{transform:scaleX(-1) rotate(-20deg)}.doodle-divider .doodle:last-child{transform:rotate(-20deg)}