/* Impact design library v1 - copy per site, change only the 4 brand tokens */
:root{--ui-brand:#3646b5;--ui-brand-d:#26338a;--ui-ink:#1d2548;--ui-mut:#4a5270;--ui-tint:#eef0fb;--ui-line:#dfe3f4;--ui-bg:#fff;--ui-r:16px;--ui-gap:12px;--ui-fs:16px;--ui-fs-h:1.5rem;--ui-focus:#1d2ea0}
/* band + title + intro: intro is always a card, so text contrast never depends on the band */
.ui-band{display:block}
.ui-intro{background:var(--ui-bg);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:var(--ui-r);padding:12px 14px;overflow-wrap:anywhere;margin:0 0 var(--ui-gap)}
.ui-card{background:var(--ui-bg);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:var(--ui-r);padding:14px;box-shadow:0 1px 2px rgba(27,33,72,.06)}
.ui-row{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ui-row>b{min-width:6.5em;color:var(--ui-mut);font-weight:600}
/* buttons */
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:2px solid var(--ui-brand);background:var(--ui-brand);color:#fff;font:600 var(--ui-fs)/1.2 inherit;cursor:pointer}
.ui-btn.ui-quiet{background:var(--ui-bg);color:var(--ui-brand)}
.ui-btn:disabled{opacity:.55}
.ui-btn:focus-visible,.ui-field:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}
/* fields + helper line */
.ui-field{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--ui-line);border-radius:14px;background:var(--ui-bg);color:var(--ui-ink);font:inherit}
.ui-help{display:block;margin:4px 2px 0;font-size:.875rem;color:var(--ui-mut)}
/* chips (selected values) */
.ui-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--ui-tint);color:var(--ui-brand-d);border:1px solid var(--ui-line);font-weight:600}
@media(max-width:480px){.ui-card{padding:12px}}
/* one dropdown look: select-ui buttons (.ddbtn) match the Companies filter input (.multiGeo input) */
.ddw .ddbtn{font-family:inherit!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;min-height:52px!important;padding:12px 38px 12px 10px!important;margin-top:12px!important;border:1px solid var(--ui-line)!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center!important;color:var(--ui-ink)!important}
.ddw .ddbtn>span[aria-hidden]{display:none!important}
.ddw .ddbtn .ddlab{font-weight:600}
.ddw .ddpanel{border-color:#d9ddeb;border-radius:12px}
/* brand font, self-hosted (variable, latin). Old fonts/manrope*.ttf files never existed on live. */
@font-face{font-family:Manrope;src:url(../fonts/manrope-latin.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* one text-field look everywhere */
main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=button]):not([type=submit]),main textarea,main select{font-family:inherit;font-size:16px;font-weight:600;border-radius:12px;min-height:52px;padding:12px 10px;border:1px solid var(--ui-line);background-color:#fff;color:var(--ui-ink);box-sizing:border-box}
main textarea{min-height:96px}
main input::placeholder,main textarea::placeholder{font-weight:400;color:#5b6280}