.bl-currency{--currency-ink:var(--bl-navy,#172b4d);--currency-border:var(--bl-border,#d8e0e8);max-width:960px;margin:32px auto 64px;padding:clamp(20px,4vw,48px);border:1px solid var(--currency-border);border-radius:12px;background:#fff;color:var(--currency-ink);font-family:inherit;box-shadow:0 12px 40px #172b4d09}
.bl-currency *{box-sizing:border-box}.bl-currency h2{font-size:clamp(24px,3vw,36px);line-height:1.2;margin:12px 0 20px}.bl-currency p{line-height:1.65}.bl-currency__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--bl-red,#b91c2d)}
.bl-currency__fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:28px}.bl-currency label{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600;min-width:0}.bl-currency input,.bl-currency select{width:100%;min-width:0;min-height:50px;padding:12px;border:1px solid #64748b;border-radius:6px;background:#fff;color:#172b4d;font:inherit;font-size:16px}
.bl-currency__actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.bl-currency button{min-height:48px;padding:12px 22px;border:1px solid var(--currency-ink);border-radius:6px;background:var(--currency-ink);color:#fff;font:inherit;font-weight:600;cursor:pointer}.bl-currency button:hover{background:#10203a}.bl-currency button.bl-currency__swap{background:#fff;color:var(--currency-ink)}.bl-currency :is(input,select,button,a):focus-visible{outline:3px solid #b91c2d;outline-offset:3px}
.bl-currency__result{display:flex;flex-direction:column;gap:8px;min-height:148px;padding:24px;background:var(--bl-canvas,#f4f6f8);border-left:4px solid var(--bl-red,#b91c2d);border-radius:6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bl-currency__value{font-size:clamp(26px,4vw,40px);line-height:1.3}.bl-currency__freshness,.bl-currency__note{font-size:14px;color:#475569}.bl-currency__note a{color:#172b4d;text-decoration:underline}.bl-currency__error{color:#991b1b;font-weight:600}.bl-currency [hidden]{display:none!important}
@media(max-width:680px){.bl-currency__fields{grid-template-columns:1fr}.bl-currency__actions button{flex:1 1 100%}.bl-currency{margin:20px auto 32px}.bl-currency__result{padding:18px}}

/* Use the same content edges on the landing page and standalone tool page. */
.bl-currency-page .content-layout > *{max-width:none}
.bl-currency-page .entry-header{margin-bottom:32px}
.bl-currency{width:100%;max-width:none;margin:0;padding:clamp(24px,4vw,48px);box-shadow:none}
.bl-currency-page .entry-content{width:100%}
.elementor .e-con:has(> .e-con-inner > .elementor-widget-broadline-currency){width:100%;max-width:none;padding:48px 0;--container-max-width:var(--bl-container,1280px)}
.elementor .e-con:has(> .e-con-inner > .elementor-widget-broadline-currency) > .e-con-inner{width:min(calc(100% - 2 * var(--bl-gutter,24px)),var(--bl-container,1280px));max-width:none;padding:0;gap:0}
.elementor-widget-broadline-currency{width:100%;min-width:0}
.bl-currency__workspace{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;margin-top:32px}
.bl-currency__form{margin:0!important;min-width:0}
.bl-currency__fields{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);margin:0;gap:20px}
.bl-currency__fields > label:first-child{grid-column:auto}
.bl-currency__summary{min-width:0}
.bl-currency__result{min-height:160px;justify-content:center;padding:28px}
.bl-currency__note{border-top:1px solid var(--currency-border);padding-top:20px;margin:24px 0 0}
.bl-currency h2{max-width:26ch}
.bl-currency > p:not(.bl-currency__eyebrow){max-width:76ch}
@media(max-width:900px){.bl-currency__workspace{grid-template-columns:1fr;gap:24px}.bl-currency__result{min-height:160px}.bl-currency__actions{margin-bottom:0}}
@media(max-width:600px){.bl-currency__fields{grid-template-columns:1fr}.bl-currency__workspace{margin-top:24px}.bl-currency__actions button{width:100%}.elementor .e-con:has(> .e-con-inner > .elementor-widget-broadline-currency){padding:32px 0}.bl-currency__result{padding:20px}}

.bl-currency > .bl-currency__note{max-width:none}

@media(min-width:601px) and (max-width:900px){.bl-currency__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-currency__fields > label:first-child{grid-column:1/-1}}
