/* Styles for the components that js/iec-shared.js renders. They live here rather than in either
   page's <style> block because the markup is emitted from one shared place: the ward page shipped
   without these rules, and every abbreviation badge on it collapsed to nothing with the party name
   printed over the top of it. */

/* official IEC party logo */
.plogo{width:22px;height:22px;object-fit:contain;vertical-align:middle;
       margin:-2px 6px -2px 0;flex-shrink:0}

/* fallback for a party the IEC publishes no logo for */
.pbadge{display:inline-flex;align-items:center;justify-content:center;
        min-width:34px;height:18px;padding:0 6px;border-radius:4px;
        font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;
        font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
        vertical-align:middle;margin-right:6px;flex-shrink:0}

/* party office held by one of our members */
.rolepill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.02em;
          padding:2px 8px;border-radius:999px;background:#1a3d29;color:#fff;margin:2px 4px 0 0}
.rolepill.pub{background:#7c2d12}
.roles{margin-top:5px}