/* BlogEdge Currency Exchange Rates v1.0.3 — TagDiv-safe, centered and visually separated */
.becr-shell{width:100vw;max-width:100vw;position:relative;left:50%;transform:translateX(-50%);box-sizing:border-box;background:#f4f6f9;color:#111827;overflow:visible}
.becr-container{width:min(1240px,calc(100% - 48px));margin:0 auto;box-sizing:border-box}
.becr-hero{width:100%;margin:0 calc((1240px - 100vw)/2);padding:82px max(24px,calc((100vw - 1240px)/2)) 76px;background:linear-gradient(135deg,#eef3ff 0%,#f8fafc 52%,#eef7f7 100%);box-sizing:border-box;text-align:center;border-bottom:1px solid #e3e8f0}
.becr-hero>*{margin-left:auto;margin-right:auto}
.becr-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;max-width:920px;margin-top:16px;margin-bottom:18px;font-weight:750}
.becr-hero p{font-size:18px;line-height:1.65;color:#5f6f89;max-width:760px;margin-bottom:30px}
.becr-kicker{font-size:11px;letter-spacing:.24em;font-weight:800;color:#4d63ff;text-transform:uppercase}.becr-kicker span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20c978;margin-right:7px}
.becr-hero-converter,.becr-detail-converter{display:grid;grid-template-columns:1.2fr 1fr auto 1fr auto;gap:10px;align-items:center;max-width:1000px;margin-left:auto;margin-right:auto}.becr-detail-converter{grid-template-columns:1.2fr 1fr auto 1fr auto;max-width:900px}
.becr-hero-converter input,.becr-hero-converter select,.becr-detail-converter input,.becr-detail-converter select,.becr-search{height:52px;border:1px solid #dfe5ee;border-radius:12px;background:#fff;padding:0 15px;font-size:15px;box-sizing:border-box;min-width:0;box-shadow:0 2px 8px rgba(16,24,40,.03)}
.becr-swap{height:52px;width:52px;border:1px solid #dfe5ee;border-radius:12px;display:grid;place-items:center;background:#fff;cursor:pointer;font-size:20px;box-shadow:0 2px 8px rgba(16,24,40,.03)}
.becr-primary{height:52px;border:0;border-radius:12px;background:#111a2c;color:#fff;font-weight:700;padding:0 22px;cursor:pointer}.becr-primary:hover{opacity:.92}
.becr-converter-result{max-width:1000px;margin:16px auto 0;color:#162033;font-weight:600;min-height:26px}
.becr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px 0}.becr-stats>div{border:1px solid #dfe5ee;border-radius:16px;padding:22px;background:#fff;box-shadow:0 6px 18px rgba(16,24,40,.04)}.becr-stats small{display:block;font-size:10px;letter-spacing:.22em;color:#8290a7;font-weight:800}.becr-stats strong{display:block;font-size:26px;margin:9px 0 5px}.becr-stats span{font-size:12px;color:#8a97ab}
.becr-section{padding:48px 0;margin:18px 0;background:#fff;border:1px solid #e1e6ee;border-radius:22px;box-shadow:0 8px 24px rgba(16,24,40,.035)}
.becr-section>*{margin-left:28px;margin-right:28px}.becr-section .becr-rate-grid,.becr-section .becr-table-wrap,.becr-section .becr-pairs{margin-left:28px;margin-right:28px}
.becr-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.becr-section h2{font-size:34px;letter-spacing:-.035em;margin:7px 0 0}.becr-search{width:360px}
.becr-rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.becr-rate-card{display:block;text-decoration:none;color:inherit;border:1px solid #e0e6ef;border-radius:16px;padding:22px;background:#f8fafc;transition:.18s}.becr-rate-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,24,40,.08);background:#fff}.becr-rate-card b{display:block;font-size:18px}.becr-rate-card span{display:block;color:#8995a8;font-size:12px;margin-top:4px}.becr-rate-card strong{display:block;font-size:27px;margin-top:25px}.becr-rate-card small{color:#8b97a9;font-size:11px}
.becr-table-wrap{overflow:auto;margin-top:18px;border:1px solid #e0e6ef;border-radius:16px;background:#fff}.becr-table{width:100%;border-collapse:collapse;font-size:14px}.becr-table th,.becr-table td{text-align:left;padding:17px;border-bottom:1px solid #edf0f5}.becr-table th{font-size:10px;letter-spacing:.16em;color:#8290a7;text-transform:uppercase;background:#f7f9fc}.becr-table tr:last-child td{border-bottom:0}
.becr-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.becr-pair{border:1px solid #e0e6ef;border-radius:16px;padding:20px;background:#f8fafc;text-decoration:none;color:inherit;transition:.18s}.becr-pair:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.08)}.becr-pair b{display:block;font-size:18px}.becr-pair span{display:block;color:#4d63ff;margin-top:8px;font-size:13px}
.becr-message{padding:24px;border:1px solid #e0e6ef;border-radius:16px;background:#f8fafc;color:#69768c}.becr-error{color:#b42318;background:#fff7f6;border-color:#ffd6d1}.becr-disclaimer{font-size:12px;color:#8995a8;padding:20px 0 70px}
.becr-back{padding:34px 0 12px}.becr-back a{color:#3f5cf5;text-decoration:none;font-weight:700}.becr-detail-hero{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:42px 0 50px}.becr-detail-hero h1{font-size:56px;letter-spacing:-.045em;margin:14px 0}.becr-detail-hero h1 small{font-size:20px;color:#8290a7;letter-spacing:0}.becr-detail-hero p{color:#69768c}.becr-detail-rate{text-align:right}.becr-detail-rate strong{font-size:52px;letter-spacing:-.04em;display:block}.becr-detail-rate span{color:#8290a7;font-size:13px}.becr-detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.becr-detail-cards>div{border:1px solid #dfe5ee;border-radius:16px;padding:22px;background:#fff;box-shadow:0 6px 18px rgba(16,24,40,.04)}.becr-detail-cards small{display:block;font-size:10px;letter-spacing:.22em;color:#8290a7;font-weight:800}.becr-detail-cards strong{display:block;font-size:25px;margin-top:10px}
@media(max-width:900px){.becr-container{width:min(100% - 28px,1240px)}.becr-hero{margin:0 calc((100% - 100vw)/2);padding:58px 24px}.becr-stats{grid-template-columns:repeat(2,1fr)}.becr-rate-grid{grid-template-columns:repeat(2,1fr)}.becr-hero-converter,.becr-detail-converter{grid-template-columns:1fr 1fr}.becr-swap{display:none}.becr-primary{width:100%}.becr-pairs{grid-template-columns:1fr 1fr}.becr-detail-hero{display:block}.becr-detail-rate{text-align:left;margin-top:25px}.becr-detail-cards{grid-template-columns:1fr}}
@media(max-width:560px){.becr-container{width:calc(100% - 20px)}.becr-hero h1{font-size:42px}.becr-stats,.becr-rate-grid,.becr-pairs{grid-template-columns:1fr}.becr-section{padding:34px 0}.becr-section>*{margin-left:18px;margin-right:18px}.becr-section .becr-rate-grid,.becr-section .becr-table-wrap,.becr-section .becr-pairs{margin-left:18px;margin-right:18px}.becr-section-head{display:block}.becr-search{width:100%;margin-top:18px}.becr-detail-hero h1{font-size:42px}}

/* BlogEdge Currency Exchange Rates v1.0.4 — TagDiv live-width + alignment fixes */

/* TagDiv-safe full-viewport breakout: preview and live page use the same width. */
.becr-shell{
  width:100vw;
  max-width:100vw;
  position:relative;
  left:auto;
  right:auto;
  transform:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  box-sizing:border-box;
  overflow:visible;
}
.becr-container{
  width:min(1240px,calc(100% - 48px));
  max-width:1240px;
  margin:0 auto;
  box-sizing:border-box;
  min-width:0;
}

/* Hero is full-width; its inner content remains centered. */
.becr-hero{
  width:100%;
  max-width:none;
  margin:0;
  padding:82px 24px 76px;
  background:linear-gradient(135deg,#eef3ff 0%,#f8fafc 52%,#eef7f7 100%);
  box-sizing:border-box;
  text-align:center;
  border-bottom:1px solid #e3e8f0;
}
.becr-hero > *{margin-left:auto;margin-right:auto}

/* Section cards: headings now align with the content instead of touching the left edge. */
.becr-section{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.becr-section > .becr-kicker,
.becr-section > h2,
.becr-section > .becr-section-head{
  margin-left:28px;
  margin-right:28px;
}
.becr-section > h2{
  margin-top:7px;
  margin-bottom:22px;
}
.becr-section-head{
  box-sizing:border-box;
}
.becr-section-head h2{
  margin-left:0;
  margin-right:0;
}

/* Keep all grids/controls inside their parent at live-page widths. */
.becr-hero-converter,
.becr-detail-converter{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.becr-detail-converter{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto minmax(0,1fr) auto;
}
.becr-hero-converter input,
.becr-hero-converter select,
.becr-detail-converter input,
.becr-detail-converter select{
  min-width:0;
  max-width:100%;
}
.becr-converter-result{
  width:100%;
  max-width:1000px;
  box-sizing:border-box;
}
.becr-detail-converter + .becr-converter-result{
  margin-left:28px;
  margin-right:28px;
  width:auto;
}

/* Detail page itself must not create a horizontal scroll/clipped right edge. */
.becr-detail-hero,
.becr-detail-cards,
.becr-detail-hero > div,
.becr-detail-cards > div{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

/* Pair/rate sections stay fully inside the centered content width. */
.becr-rate-grid,
.becr-pairs,
.becr-table-wrap{
  max-width:100%;
  box-sizing:border-box;
  min-width:0;
}

/* Small screens */
@media(max-width:900px){
  .becr-shell{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .becr-container{
    width:calc(100% - 28px);
    max-width:1240px;
  }
  .becr-hero{
    padding:58px 20px;
  }
  .becr-detail-converter{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .becr-detail-converter > span{
    display:none;
  }
  .becr-detail-converter .becr-primary{
    width:100%;
  }
}

@media(max-width:560px){
  .becr-container{width:calc(100% - 20px)}
  .becr-section > .becr-kicker,
  .becr-section > h2,
  .becr-section > .becr-section-head{
    margin-left:18px;
    margin-right:18px;
  }
  .becr-detail-converter + .becr-converter-result{
    margin-left:18px;
    margin-right:18px;
  }
}



/* BlogEdge Currency Exchange v1.0.5 — centered hero breadcrumb */
.becr-breadcrumb{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;margin:0 auto 48px;text-align:center;font-size:14px;line-height:1.4;color:#a8b4cf}
.becr-breadcrumb-sep{color:#a8b4cf}
.becr-breadcrumb strong{color:#a8b4cf;font-weight:600}
@media(max-width:560px){.becr-breadcrumb{margin-bottom:34px;font-size:13px}}
