#municipal-buddy-preview .win-phone-area{position:relative;display:flex;justify-content:center;padding:5px 6px 10px}
#municipal-buddy-preview .win-phone{width:220px;max-width:100%;background:#fff;border:7px solid #152e55;border-radius:32px;transform:rotate(3deg);overflow:hidden;box-shadow:0 18px 30px #152e5510}
#municipal-buddy-preview .win-status{background:#152e55;color:white;padding:6px 13px 13px;font-size:9px;display:flex;justify-content:space-between}
#municipal-buddy-preview .win-screen{padding:24px 14px 20px}
#municipal-buddy-preview .win-logo{font-size:11px;letter-spacing:1px;font-weight:700;color:#2c59a6;margin-bottom:29px}
#municipal-buddy-preview .win-logo span{color:#152e55}
#municipal-buddy-preview .win-greeting{font-size:10px;color:#5b6879;margin-bottom:5px}
#municipal-buddy-preview h3{font-size:22px;letter-spacing:-.8px;line-height:1.15;margin:0 0 18px;font-weight:700}
#municipal-buddy-preview .win-lesson{background:#2c59a6;color:#fff;padding:17px 12px 12px;border-radius:14px}
#municipal-buddy-preview .win-lesson-label{font-size:8px;letter-spacing:.6px;color:#facc62;margin-bottom:12px}
#municipal-buddy-preview h4{font-size:14px;margin:0 0 7px;font-weight:700}
#municipal-buddy-preview .win-lesson p{font-size:10px;line-height:1.5;margin:0 0 16px}
#municipal-buddy-preview .win-progress{height:4px;background:#ffffff40;border-radius:3px;margin-bottom:13px}
#municipal-buddy-preview .win-progress span{display:block;width:60%;height:100%;background:#facc62}
#municipal-buddy-preview .win-next{background:white;color:#2c59a6;text-align:center;padding:9px 3px;border-radius:4px;font-size:10px;font-weight:700}
#municipal-buddy-preview .win-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:9px}
#municipal-buddy-preview .win-topics span{background:#f0f3f8;border-radius:5px;padding:9px 6px}
#municipal-buddy-preview .win-disclaimer{font-size:9px;line-height:1.5;color:#5b6879;margin-top:16px}
#municipal-buddy-preview .win-example{position:absolute;bottom:25px;right:-5px;background:#facc62;color:#152e55;padding:10px;font-size:8px;font-weight:700;letter-spacing:1px;transform:rotate(-3deg)}

#municipal-buddy-preview{min-width:0;width:100%;max-width:370px;color:var(--navy)}
#municipal-buddy-preview .win-phone-area{padding:10px 20px 24px}
#municipal-buddy-preview .win-phone{width:260px;flex-shrink:0;border-width:8px;border-radius:37px;box-shadow:0 24px 40px #152e5510}
#municipal-buddy-preview .win-screen{padding:28px 18px 22px}
#municipal-buddy-preview .win-logo{margin-bottom:32px;font-size:12px}
#municipal-buddy-preview .win-greeting{font-size:11px}
#municipal-buddy-preview h3{font-size:26px;margin-bottom:20px}
#municipal-buddy-preview .win-lesson{padding:20px 14px 14px}
#municipal-buddy-preview h4{font-size:16px}
#municipal-buddy-preview .win-lesson-label{font-size:9px}
#municipal-buddy-preview .win-lesson p{color:white;margin:0 0 16px;font-size:12px}
#municipal-buddy-preview .win-topics{font-size:10px;flex-wrap:nowrap}
#municipal-buddy-preview .win-disclaimer{font-size:10px}
#municipal-buddy-preview .win-example{font-size:8px;right:-12px;bottom:40px;padding:12px}
@media(max-width:1100px){#municipal-buddy-preview .win-phone{width:240px}#municipal-buddy-preview .win-phone-area{padding-inline:14px}#municipal-buddy-preview .win-example{right:0;font-size:7px}}
@media(max-width:720px){#municipal-buddy-preview .win-phone{width:250px}#municipal-buddy-preview .win-example{right:-4px}}