/* v2.15: Teddy v2.2 (approved by Rowan for the preview). Never on navy (white ruff shows); static under reduced motion */
.teddy{display:block;height:auto;user-select:none;pointer-events:none}
.hero-art{position:relative}
.teddy-hero{position:absolute;z-index:3;width:clamp(120px,14vw,210px);left:-36px;bottom:-34px;filter:drop-shadow(0 10px 14px rgba(20,32,74,.16))}
.teddy-side{float:right;width:132px;margin:-10px 0 8px 18px;shape-outside:circle(50%)}
.teddy-card{float:right;width:88px;margin:-12px -8px 4px 10px}
.teddy-tip{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:15px;color:#4A5578;max-width:420px}
.teddy-tip .teddy{width:56px;flex:0 0 auto}
.teddy-nf{width:min(240px,58vw);margin:0 auto 14px}
.ic.ic-teddy img{width:32px;height:32px;display:block}
.ph-ic img{width:24px;height:24px;display:block}
.ft-mark-row{display:inline-flex;align-items:center;gap:10px}
.ft-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;flex:0 0 auto}
.ft-mark img{width:30px;height:30px;display:block}
@media (prefers-reduced-motion:no-preference){.teddy-hero,.teddy-card,.teddy-nf{animation:teddyIn .36s cubic-bezier(.2,.9,.3,1.3) both}}
@keyframes teddyIn{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}
@media (max-width:860px){.teddy-hero{width:110px;left:-10px;bottom:-18px}.teddy-side{width:84px;margin:-4px 0 6px 12px}.teddy-card{width:68px;margin:-8px -4px 4px 8px}.teddy-tip{font-size:14px}.teddy-tip .teddy{width:44px}}

/* Teddy background tiles (mascot_v2_3, decorative, light sections only) */
.bg-teddy-cream{background-color:#FBF8F2;background-image:url("/assets/teddy/teddy-tile-cream.webp");background-image:image-set(url("/assets/teddy/teddy-tile-cream.webp") 1x,url("/assets/teddy/teddy-tile-cream@2x.webp") 2x);background-repeat:repeat;background-size:360px 360px}
.bg-teddy-white{background-color:#fff;background-image:url("/assets/teddy/teddy-tile-white.webp");background-image:image-set(url("/assets/teddy/teddy-tile-white.webp") 1x,url("/assets/teddy/teddy-tile-white@2x.webp") 2x);background-repeat:repeat;background-size:360px 360px}
.bg-burst-cream{background-color:#FBF8F2;background-image:url("/assets/teddy/teddy-tile-cream-burst.webp");background-image:image-set(url("/assets/teddy/teddy-tile-cream-burst.webp") 1x,url("/assets/teddy/teddy-tile-cream-burst@2x.webp") 2x);background-repeat:repeat;background-size:360px 360px}
@media (max-width:600px){.bg-teddy-cream,.bg-teddy-white,.bg-burst-cream{background-size:480px 480px}}
@media (forced-colors:active){.bg-teddy-cream,.bg-teddy-white,.bg-burst-cream{background-image:none}}

/* v2.16 extra placements (mascot_v2_2 + v2_3). Swap faces in tools/teddy_v216.py PLACE list */
.teddy-side.teddy-xtra{width:120px;margin:-6px 0 8px 18px}
.teddy-end{display:flex;justify-content:flex-end;margin:6px 0 0}
.teddy-end-img{width:88px}
.f-safety{font-size:13px;color:#C9D3EA;margin:14px 0 0;max-width:80ch}
@media (max-width:860px){.teddy-side.teddy-xtra{width:84px;margin:-4px 0 6px 12px}.teddy-end-img{width:68px}}
/* size floors from mascot_v2_3 notes */
img.teddy[src*="rocket-lightbulb"]{width:120px!important}
img.teddy[src*="sleepy-happy"]{width:140px!important}
@media (max-width:860px){img.teddy[src*="rocket-lightbulb"]{width:100px!important}img.teddy[src*="sleepy-happy"]{width:120px!important}}

/* v2.17: Rowan 1 Nov 2026 — "Teddy is too small". Static placements about 40–60% bigger, still beside (not over) content */
.teddy-hero{width:clamp(170px,19vw,280px);left:-48px;bottom:-46px}
.teddy-side{width:184px;margin:-14px 0 10px 22px}
.teddy-side.teddy-xtra{width:170px;margin:-8px 0 10px 22px}
.teddy-card{width:120px;margin:-16px -10px 6px 12px}
.teddy-tip .teddy{width:84px}
.teddy-end-img{width:132px}
.teddy-nf{width:min(300px,64vw)}
img.teddy[src*="rocket-lightbulb"]{width:168px!important}
img.teddy[src*="sleepy-happy"]{width:184px!important}
@media (max-width:860px){.teddy-hero{width:128px;left:-8px;bottom:-22px}.teddy-side,.teddy-side.teddy-xtra{width:116px;margin:-4px 0 6px 12px}.teddy-card{width:88px;margin:-8px -4px 4px 8px}.teddy-tip .teddy{width:64px}.teddy-end-img{width:100px}
 img.teddy[src*="rocket-lightbulb"]{width:124px!important}img.teddy[src*="sleepy-happy"]{width:136px!important}}