/* ---------- page convertisseurs ---------- */
main.conv{
  max-width:860px; margin:0 auto; padding:24px 22px 40px;
  display:flex; flex-direction:column; gap:18px;
}
.conv-head{
  background:#fff; border:1px solid var(--line); border-radius:12px;
  box-shadow:var(--shadow); padding:14px 20px; font-size:15px; color:var(--ink-soft);
}
.conv-head b{color:var(--ox)}
.conv-rows{margin-top:14px; border:1px solid var(--line); border-radius:10px; overflow:hidden}
.crow{
  display:flex; justify-content:space-between; align-items:baseline; gap:12px;
  width:100%; text-align:left; font-family:var(--serif); font-size:15px; color:var(--ink);
  padding:9px 14px; background:var(--card); border:none; border-bottom:1px solid var(--line);
  transition:background .12s;
}
.crow:last-child{border-bottom:none}
.crow:not(.src){cursor:pointer}
.crow:not(.src):hover{background:var(--bg-soft)}
.crow .u{color:var(--ink-soft); flex:1 1 auto; min-width:0}
.crow b{font-size:17px; color:var(--ox); font-weight:700; overflow-wrap:anywhere; text-align:right; flex:0 1 auto}
.crow.src{background:var(--gold-soft)}
.crow.src .u{font-weight:700; color:var(--ink)}
.crow.src b{color:#6b5417}

@media (max-width:640px){
  main.conv{padding:16px 12px 32px}
  .card{padding:14px 14px 16px}
}