/* LWVlife promotional units (Brand Guide v1.0, 2026-10-19). Self-contained, prefixed .lwvp-; safe to add to any site.
   Artwork is never stretched or cropped (width scales, height follows the image's own ratio). CTA text is HTML, not pixels. */
.lwvp-band{background:linear-gradient(90deg,#053B77,#0B3D91 55%,#1E66C4);padding:10px 16px;box-sizing:border-box}
.lwvp-band .lwvp-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:18px}
.lwvp-art{display:block;flex:0 1 560px;line-height:0;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.lwvp-art img{display:block;width:100%;height:auto}
.lwvp-txt{flex:1 1 220px;color:#fff;font-family:Georgia,"Times New Roman",serif;min-width:0}
.lwvp-txt b{display:block;font-size:1.45rem;line-height:1.2}
.lwvp-txt small{display:block;font-family:Inter,Arial,"Noto Sans KR","Malgun Gothic",sans-serif;font-size:1rem;opacity:.95;margin:4px 0 10px;line-height:1.4}
.lwvp-pill{display:inline-block;font-family:Inter,Arial,"Noto Sans KR",sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.03em;background:#D4A017;color:#0B2A55;border-radius:999px;padding:3px 10px;margin-left:8px;vertical-align:middle}
.lwvp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 18px;border-radius:12px;background:#fff;color:#0B3D91;font:800 1.05rem Inter,Arial,"Noto Sans KR","Malgun Gothic",sans-serif;text-decoration:none;border:2px solid #fff}
.lwvp-btn:hover{background:#FFF7DD}
.lwvp-btn:focus-visible,.lwvp-art:focus-visible,.lwvp-badge a:focus-visible{outline:4px solid #FFD54F;outline-offset:3px}
@media (max-width:760px){.lwvp-band{padding:8px 12px}.lwvp-band .lwvp-in{flex-direction:column;align-items:stretch;gap:6px}.lwvp-art,.lwvp-txt{flex:none}.lwvp-txt{text-align:center}.lwvp-txt b{font-size:1.15rem;margin-bottom:4px}.lwvp-txt small{display:none}.lwvp-btn{min-height:44px;padding:6px 14px}}
/* compact badge unit (KoMeRiCa / KIS) */
.lwvp-badge{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:760px;margin:18px auto;padding:12px 14px;box-sizing:border-box;background:#fff;border:2px solid #0B3D91;border-radius:16px;color:#0B3D91;font-family:Inter,Arial,"Noto Sans KR","Malgun Gothic",sans-serif}
.lwvp-badge a.lwvp-bimg{display:block;line-height:0;flex:0 1 320px;max-width:100%;border-radius:10px;overflow:hidden}
.lwvp-badge a.lwvp-bimg img{display:block;width:100%;height:auto}
.lwvp-badge .lwvp-btxt{flex:1 1 220px;min-width:0}
.lwvp-badge .lwvp-btxt b{display:block;font-size:1.15rem;line-height:1.35;color:#0B3D91;word-break:keep-all}
.lwvp-badge .lwvp-btxt small{display:block;color:#33415c;margin:4px 0 8px;font-size:.95rem;line-height:1.4;word-break:keep-all}
.lwvp-badge .lwvp-btn{background:#0B3D91;color:#fff;border-color:#0B3D91}
.lwvp-badge .lwvp-btn:hover{background:#053B77}
.lwvp-badge .lwvp-pill{margin-left:6px}
.lwvp-badge.kis{max-width:620px}
.lwvp-badge.kis a.lwvp-bimg{flex-basis:260px}
.lwvp-note{display:block;font-size:.8rem;color:#5b6576;margin-top:6px}