/* 両替シミュレーター(通貨ページ=標準、トップ=コンパクト)
   入力枠と結果は flex で横幅いっぱいに伸ばし、大きめの文字・タップ領域で入力しやすく */
.gb-sim { background: #fff; border: 1px solid #e3ebf3; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.06); padding: 18px 20px; margin-bottom: 28px; }
.gb-sim-title { display: block; font-size: 1.05rem; font-weight: 700; color: #003d7a; margin-bottom: 12px; padding-left: 10px; border-left: 4px solid #f59126; }
.gb-sim-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.gb-sim-amount { flex: 1 1 150px; min-width: 110px; width: auto; padding: 12px 14px; font-size: 1.3rem; font-weight: 700; color: #333; border: 1px solid #c9d6e4; border-radius: 8px; text-align: right; }
.gb-sim-amount:focus { outline: 2px solid #0053a5; border-color: #0053a5; }
.gb-sim-unit-from, .gb-sim-unit-to { font-size: .95rem; font-weight: 700; color: #555; min-width: 36px; }
.gb-sim-flag { display: inline-block; flex: 0 0 auto; width: 28px; height: 20px; border-radius: 3px; background-size: cover; background-position: center; box-shadow: 0 0 0 1px rgba(0,0,0,.12) inset; }
.gb-sim-flag.is-jpy { background-color: #fff; background-image: radial-gradient(circle at 50% 50%, #bc002d 0 6px, rgba(188,0,45,0) 6.5px); }
.gb-sim-swap { border: 1px solid #c9d6e4; background: #f5f8fc; color: #0053a5; font-size: 1.1rem; font-weight: 700; border-radius: 8px; padding: 11px 14px; cursor: pointer; line-height: 1; }
.gb-sim-swap:hover { background: #e8f0f9; }
.gb-sim-result { flex: 1 1 130px; font-size: 1.5rem; font-weight: 700; color: #0053a5; text-align: right; }
.gb-sim-currency { padding: 12px 10px; font-size: 1.05rem; font-weight: 700; color: #333; border: 1px solid #c9d6e4; border-radius: 8px; background: #fff; }
.gb-sim-note { margin: 10px 0 0; font-size: .76rem; color: #999; }

/* トップページ用(レート一覧の下・少しだけ控えめだが視認性は確保) */
.gb-sim-compact { padding: 14px 16px; margin: 16px 0 0; }
.gb-sim-compact .gb-sim-title { font-size: .95rem; margin-bottom: 10px; }
.gb-sim-compact .gb-sim-amount { padding: 10px 12px; font-size: 1.15rem; }
.gb-sim-compact .gb-sim-result { font-size: 1.3rem; }
.gb-sim-compact .gb-sim-swap { padding: 9px 12px; font-size: 1rem; }
.gb-sim-compact .gb-sim-currency { padding: 10px 8px; font-size: .95rem; }
.gb-sim-compact .gb-sim-note { font-size: .72rem; margin-top: 8px; }

@media (max-width: 480px) {
  .gb-sim { padding: 14px 14px; }
  .gb-sim-amount { min-width: 96px; }
}