/* BarbadosNews 4.2 — professional wide fintech pages.
   Scoped to calculators, keeping Academy/news/article layouts unchanged. */
@media (min-width: 1100px) {
  body.bn-calculators-expanded .site.grid-container,
  body.bn-calculators-expanded #page,
  body.bn-calculators-expanded .site-content {
    width: min(100%, 1360px) !important;
    max-width: 1360px !important;
  }
  body.bn-calculators-expanded #primary,
  body.bn-calculators-expanded .content-area,
  body.bn-calculators-expanded .site-main {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    min-width: 0;
  }
}
.bn-tools-page { font-size: 16px; line-height: 1.68; }
.bn-tools-page .inside-article.bn-academy-shell {
  width: 100% !important;
  max-width: 1360px !important;
  padding: 0 clamp(16px, 2.5vw, 38px) 38px !important;
  margin-inline: auto;
}
/* Hero: a strong brand moment but never hide the calculator under a huge banner. */
.bn-tools-page .bn-tools-hero {
  grid-template-columns: minmax(0, 1.07fr) minmax(0, .93fr) !important;
  min-height: 300px !important;
  gap: clamp(12px, 2vw, 28px) !important;
  align-items: center;
  padding: 22px 2px 20px !important;
  margin-bottom: 12px !important;
}
.bn-tools-page .bn-tools-hero h1 {
  font-size: clamp(40px, 3.7vw, 58px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.044em !important;
  max-width: 720px;
  margin-block: 13px 18px !important;
}
.bn-tools-page .bn-tools-hero p {
  font-size: 17px !important;
  line-height: 1.58 !important;
  max-width: 640px;
}
.bn-tools-page .bn-tools-hero-features { gap: 9px !important; }
.bn-tools-page .bn-tools-hero-features span { font-size: 12px; padding: 7px 12px !important; }
.bn-tools-page .bn-v4-hero-art { min-height: 270px; height: 295px; }
.bn-tools-page .bn-v41-hero-crypto-profit-calculator {
  background-size: contain !important;
  background-position: center right !important;
  filter: drop-shadow(0 0 24px rgba(244,179,69,.13));
}
.bn-tools-page .bn-tools-app {
  padding: 15px !important;
  margin: 8px 0 31px !important;
  border-radius: 17px !important;
  background: linear-gradient(132deg,#112c42,#091d2e 70%) !important;
  border-color: #34516a !important;
}
.bn-tools-page .bn-tools-form,
.bn-tools-page.bnct-page .bnct-app {
  grid-template-columns: minmax(0,1fr) minmax(0, .98fr) !important;
  gap: 18px !important;
}
.bn-tools-page .bn-v41-input-panel {
  padding: 28px clamp(20px, 2.3vw, 30px) 24px !important;
  gap: 24px !important;
  min-height: 410px;
  border-color: rgba(129,183,218,.26);
}
.bn-tools-page .bn-v41-panel-title { gap: 14px; margin-bottom: 0; }
.bn-tools-page .bn-v41-panel-icon { flex-basis: 47px; height: 47px; border-radius: 12px; }
.bn-tools-page .bn-v41-panel-icon svg { width: 25px; height: 25px; }
.bn-tools-page .bn-v41-panel-title h2 { font-size: 23px !important; line-height: 1.2 !important; }
.bn-tools-page .bn-v41-panel-title p { font-size: 13px !important; line-height: 1.55; }
.bn-tools-page .bn-tools-field-grid { gap: 18px 16px !important; }
.bn-tools-page .bn-tools-field { gap: 8px !important; }
.bn-tools-page .bn-tools-field span:first-child,
.bn-tools-page .bnct-app .bn-tools-field span:first-child { font-size: 13.5px !important; }
.bn-tools-page .bn-tools-field input,
.bn-tools-page .bn-tools-field select,
.bn-tools-page.bnct-page .bnct-app input,
.bn-tools-page.bnct-page .bnct-app select {
  min-height: 54px !important;
  font-size: 17px !important;
  border-radius: 9px !important;
  padding-inline: 14px !important;
}
.bn-tools-page .bn-tools-field-unit { font-size: 12px; padding-inline: 10px; }
.bn-tools-page .bn-tools-submit,
.bn-tools-page.bnct-page .bn-tools-submit {
  min-height: 57px !important;
  font-size: 16px !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 22px rgba(232,174,66,.16);
}
.bn-tools-page .bn-tools-live { font-size: 12px; line-height: 1.5; }
.bn-tools-page .bn-v42-input-hint {
  margin: auto 0 0 !important;
  padding: 15px 0 0;
  border-top: 1px solid rgba(166,195,212,.13);
  color: #b6c9da;
  font-size: 13px;
  line-height: 1.6;
}
.bn-tools-page .bn-tools-output {
  min-height: 410px !important;
  padding: 27px clamp(20px,2.5vw,32px) !important;
  border-color: rgba(73,186,173,.37) !important;
  border-radius: 12px !important;
}
.bn-tools-page .bn-tools-result-caption { font-size: 14px; }
.bn-tools-page .bn-tools-result-main { font-size: clamp(34px, 3.4vw, 52px) !important; }
.bn-tools-page .bn-v4-roi-tag { font-size: 13px; padding: 8px 12px !important; white-space: nowrap; }
.bn-tools-page .bn-tools-result-row { font-size: 13.5px; padding-block: 10px; gap: 12px; }
.bn-tools-page .bn-tools-result-row strong { font-size: 14px; }
.bn-tools-page .bn-tools-result-note { font-size: 12px; line-height: 1.55; }
.bn-tools-page .bn-tools-mini-bars { margin: 16px 0 18px; }
.bn-tools-page .bn-tools-mini-label { font-size: 13px; }
.bn-tools-page .bn-tools-copy { min-height: 36px; padding: 7px 14px; font-size: 12.5px; }
.bn-tools-page .bn-v4-trade-status { margin-top: 16px; font-size: 13px; line-height: 1.5; }
/* Learning centre: readable editorial typographic rhythm. */
.bn-tools-page .bn-tools-learning-layout {
  grid-template-columns: 215px minmax(0,1fr) !important;
  gap: clamp(30px,3.4vw,48px) !important;
  margin-top: 42px;
}
.bn-tools-page .bn-tools-seo-nav { padding: 21px 15px !important; border-radius: 12px; }
.bn-tools-page .bn-tools-seo-nav strong { font-size: 12px; }
.bn-tools-page .bn-tools-seo-nav a { font-size: 13px; padding: 11px 12px; line-height: 1.45; }
.bn-tools-page .bn-tools-seo { gap: 12px; min-width: 0; }
.bn-tools-page .bn-tools-seo>section:not(.bn-seo-intro) { padding-block: 29px; }
.bn-tools-page .bn-tools-seo>.bn-seo-intro h2 { font-size: clamp(29px, 2.7vw, 39px) !important; line-height: 1.16; }
.bn-tools-page .bn-tools-seo h2 { font-size: clamp(25px,2.2vw,31px) !important; line-height: 1.23; }
.bn-tools-page .bn-tools-seo p,
.bn-tools-page .bn-tools-seo li,
.bn-tools-page .bn-tools-seo>.bn-seo-intro p { font-size: 16px !important; line-height: 1.76 !important; }
.bn-tools-page .bn-tools-seo ol { gap: 22px 34px; margin-top: 21px !important; }
.bn-tools-page .bn-tools-seo ol>li { padding-left: 52px; }
.bn-tools-page .bn-tools-seo ol>li:before { width: 36px; height: 36px; font-size: 16px; }
.bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated {
  padding-right: 232px !important;
  min-height: 235px;
}
.bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated:before {
  width: 205px; height: 195px; top: 8px;
}
/* One multi-column formula panel rather than four unrelated blue buttons. */
.bn-tools-page .bn-v42-formula-board {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  border: 1px solid rgba(110,168,195,.32);
  background: linear-gradient(140deg,#102a3d,#0a2031);
  border-radius: 14px;
  padding: 15px;
  gap: 10px;
  margin: 19px 0 21px;
}
.bn-tools-page .bn-v42-formula-board .bn-seo-equation {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 92px;
  margin: 0;
  padding: 16px 18px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(128,171,195,.20) !important;
  border-left: 3px solid #dbb26a !important;
  background: rgba(6,21,32,.40) !important;
  color: #e3f2ff;
  line-height: 1.58;
  font-size: 15px;
  font-weight: 680;
  overflow-wrap: anywhere;
  white-space: normal;
}
.bn-tools-page .bn-v42-formula-index {
  display: block;
  font-size: 11px;
  color: #f3c879;
  font-family: system-ui,Arial,sans-serif;
  font-weight: 800;
  letter-spacing: .08em;
  margin-bottom: 8px;
  text-transform: uppercase;
}
/* Comparison chart in the fixed teaching example: 1001 => 1098.90. */
.bn-tools-page .bn-v41-example-grid { grid-template-columns: minmax(0,1.42fr) minmax(270px,.75fr); gap: 17px; }
.bn-tools-page .bn-v41-example-grid .bn-seo-table-wrap table { min-width: 0; }
.bn-tools-page .bn-seo-table-wrap th,.bn-tools-page .bn-seo-table-wrap td { font-size: 13.5px; padding: 12px 15px; }
.bn-tools-page .bn-v41-example-grid .bn-v4-example-summary {
  display: flex;
  align-items: stretch;
  text-align: left;
  justify-content: flex-start;
  padding: 23px 20px;
  gap: 18px;
  background: linear-gradient(160deg,#0c3535,#091e2a 72%);
}
.bn-tools-page .bn-v42-example-eyebrow { color: #b4e7d2; font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.bn-tools-page .bn-v42-example-heading { display:flex; align-items:center; gap:14px; }
.bn-tools-page .bn-v41-example-grid .bn-v4-example-symbol {
  width: 60px; height: 60px; font-size: 39px; border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255,203,91,.05);
}
.bn-tools-page .bn-v42-example-heading>div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.bn-tools-page .bn-v41-example-grid .bn-v4-example-summary strong { font-size: 28px; }
.bn-tools-page .bn-v42-example-line { display:flex; justify-content: space-between; flex-wrap:wrap; gap:7px; font-size: 12px; line-height:1.5; color:#c3d8df; }
.bn-tools-page .bn-v42-example-line strong { font-size: 12.5px !important; color: #e5f8ef !important; }
.bn-tools-page .bn-v42-example-track { height: 10px; margin: 5px 0 17px; border-radius:20px; background:#1b3b4b; overflow:hidden; }
.bn-tools-page .bn-v42-example-track>span { display:block;height:100%;background:linear-gradient(90deg,#769add,#8ec9e8);border-radius:inherit; }
.bn-tools-page .bn-v42-example-track.bn-v42-after>span { background:linear-gradient(90deg,#32b69d,#81e2b2); }
.bn-tools-page .bn-v42-example-note { padding:13px 0 0;border-top:1px solid rgba(144,205,194,.2);font-size:12px!important;line-height:1.65!important; color:#bbd4ce; }
/* More readable related items, FAQ and search-friendly article content. */
.bn-tools-page .bn-v4-factors>div { padding:19px 16px; min-height:150px; }
.bn-tools-page .bn-v4-factors strong { font-size:14px; }
.bn-tools-page .bn-v4-factors small { font-size:12px; line-height:1.5; }
.bn-tools-page .bn-seo-qa summary { font-size:14px; padding:16px 17px; }
.bn-tools-page .bn-seo-qa-answer p { font-size:14px!important; }
.bn-tools-page .bn-v4-article-links a { min-height:125px; grid-template-columns: 104px minmax(0,1fr); gap:10px 15px; padding:15px!important; }
.bn-tools-page .bn-v4-article-links .bn-v4-article-icon { width:104px;height:94px; }
.bn-tools-page .bn-v4-article-links strong { font-size:15px;line-height:1.35; }
.bn-tools-page .bn-v4-article-links small { font-size:12.5px; }
.bn-tools-page .bn-v4-article-links a>span:last-child { font-size:12.5px; }
.bn-tools-page .bn-tools-related h2 { font-size:27px; }
.bn-tools-page .bn-tools-grid-compact .bn-tools-card { min-height: 170px; padding:19px; }
.bn-tools-page .bn-tools-grid-compact .bn-tools-card strong { font-size:15px; }
.bn-tools-page .bn-tools-grid-compact .bn-tools-card-desc { font-size:12.5px; }
.bn-tools-page .bn-academy-about { padding:21px 24px; }
.bn-tools-page .bn-academy-about h2 { font-size:21px; }
.bn-tools-page .bn-academy-about p { font-size:14px;line-height:1.7; }
@media(max-width:1200px) {
  .bn-tools-page .bn-tools-hero h1 { font-size:clamp(38px,3.7vw,51px)!important; }
  .bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated { padding-right:190px!important; }
  .bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated:before { width:164px;height:180px; }
  .bn-tools-page .bn-v4-article-links a { grid-template-columns:85px minmax(0,1fr); }
  .bn-tools-page .bn-v4-article-links .bn-v4-article-icon { width:85px;height:92px; }
}
@media(max-width:1050px) {
  .bn-tools-page .bn-tools-hero { grid-template-columns:minmax(0,1fr) minmax(240px,.72fr)!important; }
  .bn-tools-page .bn-tools-learning-layout { grid-template-columns: 180px minmax(0,1fr)!important;gap:24px!important; }
  .bn-tools-page .bn-v41-example-grid { grid-template-columns: 1fr; }
  .bn-tools-page .bn-v41-example-grid .bn-v4-example-summary { display:flex; }
  .bn-tools-page .bn-v41-example-grid .bn-seo-table-wrap table { min-width: 0; }
  .bn-tools-page .bn-v4-article-links { grid-template-columns:1fr; }
  .bn-tools-page .bn-v4-article-links a { grid-template-columns:110px minmax(0,1fr); }
  .bn-tools-page .bn-v4-article-links .bn-v4-article-icon { width:110px; }
}
@media(max-width:820px) {
  .bn-tools-page .inside-article.bn-academy-shell { padding-inline: 18px!important; }
  .bn-tools-page .bn-tools-hero { grid-template-columns:1fr!important; min-height:0!important; }
  .bn-tools-page .bn-v4-hero-art { min-height:0; height:168px; }
  .bn-tools-page .bn-tools-form,.bn-tools-page.bnct-page .bnct-app { grid-template-columns:1fr!important; gap:12px!important; }
  .bn-tools-page .bn-v41-input-panel,.bn-tools-page .bn-tools-output { grid-column:1!important;grid-row:auto!important;min-height:0!important; }
  .bn-tools-page .bn-tools-learning-layout { display:block;margin-top:27px; }
  .bn-tools-page .bn-v42-formula-board { grid-template-columns:1fr; }
  .bn-tools-page .bn-v42-formula-board .bn-seo-equation { min-height:66px; }
  .bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated { padding-right:190px!important; }
  .bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated:before { width:166px;height:170px; }
}
@media(max-width:590px) {
  .bn-tools-page .inside-article.bn-academy-shell { padding-inline: 12px!important; }
  .bn-tools-page .bn-tools-hero { padding:11px 4px 14px!important; }
  .bn-tools-page .bn-tools-hero h1 { font-size:clamp(30px,8.2vw,40px)!important; }
  .bn-tools-page .bn-tools-hero p { font-size:14.5px!important; }
  .bn-tools-page .bn-tools-hero-features span { font-size:11px; }
  .bn-tools-page .bn-v4-hero-art { height:125px; }
  .bn-tools-page .bn-tools-app { padding:8px!important; }
  .bn-tools-page .bn-v41-input-panel { padding:19px 16px!important;gap:18px!important; }
  .bn-tools-page .bn-v41-panel-title h2 { font-size:19px!important; }
  .bn-tools-page .bn-tools-field-grid { grid-template-columns:1fr!important; }
  .bn-tools-page .bn-tools-field input,.bn-tools-page .bn-tools-field select { font-size:16px!important; }
  .bn-tools-page .bn-tools-output { padding:20px 17px!important; }
  .bn-tools-page .bn-tools-result-main { font-size:34px!important; }
  .bn-tools-page .bn-tools-result-row strong { text-align:right; }
  .bn-tools-page .bn-tools-seo h2 { font-size:24px!important; }
  .bn-tools-page .bn-tools-seo p,.bn-tools-page .bn-tools-seo li,.bn-tools-page .bn-tools-seo>.bn-seo-intro p { font-size:15px!important; }
  .bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated { padding-right:0!important;padding-bottom:154px!important; }
  .bn-tools-page .bn-tools-seo>.bn-seo-intro.bn-v41-illustrated:before { bottom:8px;top:auto;left:0;right:auto;width:128px;height:125px; }
  .bn-tools-page .bn-v42-formula-board { padding:8px;gap:7px; }
  .bn-tools-page .bn-v42-formula-board .bn-seo-equation { font-size:13px;min-height:0;padding:13px!important; }
  .bn-tools-page .bn-seo-table-wrap { overflow-x:auto; }
  .bn-tools-page .bn-v41-example-grid .bn-seo-table-wrap table { min-width:410px; }
  .bn-tools-page .bn-v41-example-grid .bn-v4-example-summary { padding:19px; }
  .bn-tools-page .bn-v4-factors>div { min-height:122px;padding:13px; }
  .bn-tools-page .bn-v4-article-links { grid-template-columns:1fr; }
  .bn-tools-page .bn-v4-article-links a { grid-template-columns:84px minmax(0,1fr);min-height:110px;padding:12px!important; }
  .bn-tools-page .bn-v4-article-links .bn-v4-article-icon { width:84px;height:84px; }
  .bn-tools-page .bn-tools-grid-compact { grid-template-columns:1fr; }
  .bn-tools-page .bn-tools-seo ol { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .bn-tools-page * {scroll-behavior:auto!important;transition:none!important;} }