/* Scoped exchange-page refresh. Existing rates, chart and share logic unchanged. */
#bp-vnd-main{--vnd-line:rgba(255,255,255,.10);--vnd-muted:#a9b2c0;max-width:1240px;padding-top:12px}
#bp-vnd-main *{box-sizing:border-box}
#bp-vnd-main .bp-vnd__hero{padding:26px 28px;gap:22px;border:1px solid var(--vnd-line);border-radius:16px;background:linear-gradient(115deg,#181c24,#10141a);box-shadow:none}
#bp-vnd-main .bp-vnd__hero:before,#bp-vnd-main .bp-vnd__hero:after{display:none}
#bp-vnd-main .bp-vnd__hero h1{font-size:clamp(26px,3vw,36px);line-height:1.25;letter-spacing:-.045em;margin:8px 0 10px}
#bp-vnd-main .bp-vnd__hero p{max-width:540px;font-size:14px;line-height:1.65;color:#bbc3cf;margin:0}
#bp-vnd-main .bp-vnd__eyebrow{font-size:10px;letter-spacing:.16em}
#bp-vnd-main .bp-vnd-updated{margin-top:12px;font-size:11px;color:var(--vnd-muted);font-variant-numeric:tabular-nums}
#bp-vnd-main .bp-vnd__heroActions{flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
#bp-vnd-main .bp-vnd__status{border:0;background:transparent;padding:0;font-size:11px}
#bp-vnd-main .bp-vnd__share{border-radius:9px;min-height:42px;background:#e9bd42;color:#19150b;border:1px solid #e9bd42;font-size:12px;padding:10px 14px;white-space:normal}
#bp-vnd-main .bp-vnd-jump{display:flex;gap:8px;margin:12px 0 20px;flex-wrap:wrap}
#bp-vnd-main .bp-vnd-jump a{display:flex;align-items:center;gap:22px;padding:10px 14px;border:1px solid var(--vnd-line);border-radius:8px;color:#ccd3dd;background:#141820;text-decoration:none;font-size:12px}
#bp-vnd-main .bp-vnd-jump span{color:#e9bd42}
#bp-vnd-main .bp-vnd__rates{gap:14px;margin-bottom:18px}
#bp-vnd-main .bp-vndRate{padding:20px 24px;background:#151920;border:1px solid var(--vnd-line);border-top:2px solid #e9bd42;border-radius:12px;box-shadow:none}
#bp-vnd-main .bp-vndRate--usd{border-top-color:#75aeed}
#bp-vnd-main .bp-vndRate:before,#bp-vnd-main .bp-vndRate:after{display:none}
#bp-vnd-main .bp-vndRate__value{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:16px 0;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
#bp-vnd-main .bp-vndRate__value small{font-size:12px;margin-left:5px;letter-spacing:0}
#bp-vnd-main .bp-vndRate__bottom{font-size:11px}
#bp-vnd-main .bp-vndRate__bottom span{display:block;color:var(--vnd-muted)}
#bp-vnd-main .bp-vnd__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px}
#bp-vnd-main .bp-vndPanel{background:#13171e;border:1px solid var(--vnd-line);border-radius:12px;box-shadow:none}
#bp-vnd-main .bp-vndPanel__head{padding:18px 20px;border-bottom:1px solid var(--vnd-line)}
#bp-vnd-main h2{font-size:22px;letter-spacing:-.035em}
#bp-vnd-main .bp-vndPanel__head h2{font-size:20px}
#bp-vnd-main .bp-vndCalc__body{padding:18px 20px}
#bp-vnd-main .bp-vndCalc__notice{background:transparent;border-left:2px solid #e9bd42;padding:0 0 0 10px;color:var(--vnd-muted);font-size:12px;line-height:1.6}
#bp-vnd-main .bp-vndCalc__input{background:#0d1117;border:1px solid #39414e;border-radius:9px}
#bp-vnd-main .bp-vndCalc__input:focus-within{border-color:#e9bd42;box-shadow:0 0 0 2px rgba(233,189,66,.12)}
#bp-vnd-main .bp-vndCalc__input input{font-size:24px;min-width:0;font-variant-numeric:tabular-nums}
#bp-vnd-main .bp-vndCalc__result{padding:12px;flex-wrap:wrap;border-radius:8px;background:rgba(233,189,66,.045);margin-top:8px}
#bp-vnd-main .bp-vndCalc__result strong{color:#f1ce67;font-size:25px}
#bp-vnd-main .bp-vndCalc__result small{color:var(--vnd-muted)}
#bp-vnd-main .bp-vndCalc__divider{margin:18px 0}
#bp-vnd-main .bp-exchangeDirectory{margin-top:28px;padding:24px;background:#10141a;border:1px solid var(--vnd-line);border-radius:14px;box-shadow:none}
#bp-vnd-main .bp-exchangeDirectory__head p{color:var(--vnd-muted);font-size:13px;line-height:1.7}
#bp-vnd-main .bp-exchangeCompare{border-radius:10px;background:#151a22;border:1px solid var(--vnd-line);margin:18px 0}
#bp-vnd-main .bp-exchangeCompare td{font-variant-numeric:tabular-nums;font-weight:700;color:#f1ce67}
#bp-vnd-main .bp-exchangeDirectory__grid{gap:14px}
#bp-vnd-main .bp-exchangeShop{background:#161b23;border:1px solid var(--vnd-line);border-radius:12px;box-shadow:none}
#bp-vnd-main .bp-exchangeShop__photo{aspect-ratio:16/9;min-height:0;overflow:hidden}
#bp-vnd-main .bp-exchangeShop__photo img{width:100%;height:100%;object-fit:cover}
#bp-vnd-main .bp-exchangeShop__body{padding:16px}
#bp-vnd-main .bp-exchangeShop__actions a{font-size:12px;min-height:42px;border-radius:8px}
#bp-vnd-main .bp-exchangeTips,#bp-vnd-main .bp-vndInfo,#bp-vnd-main .bp-vndFaq{background:#12161d;border:1px solid var(--vnd-line);border-radius:12px;box-shadow:none}
#bp-vnd-main .bp-vnd__foot{color:var(--vnd-muted);line-height:1.7}
#bp-vnd-main [id]{scroll-margin-top:90px}
#bp-vnd-main a:focus-visible,#bp-vnd-main button:focus-visible{outline:2px solid #e9bd42;outline-offset:3px}
@media(max-width:800px){
 #bp-vnd-main .bp-vnd__hero{padding:22px;display:block}
 #bp-vnd-main .bp-vnd__heroActions{align-items:flex-start;margin-top:16px}
 #bp-vnd-main .bp-vnd__grid{grid-template-columns:1fr}
 #bp-vnd-main .bp-exchangeShop{display:flex;flex-direction:column}
 #bp-vnd-main .bp-exchangeDirectory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 #bp-vnd-main{padding-left:12px;padding-right:12px}
 #bp-vnd-main .bp-vnd__hero{padding:20px 17px}
 #bp-vnd-main .bp-vnd__hero p{font-size:13px}
 #bp-vnd-main .bp-vnd-jump{gap:6px;margin-bottom:14px}
 #bp-vnd-main .bp-vnd-jump a{flex:1;justify-content:center;padding:10px 6px;gap:5px;font-size:11px}
 #bp-vnd-main .bp-vndRate{padding:16px 12px}
 #bp-vnd-main .bp-vnd__rates{gap:8px}
 #bp-vnd-main .bp-vndRate__value{font-size:30px}
 #bp-vnd-main .bp-vndRate__value small{display:block;margin:5px 0 0;font-size:10px}
 #bp-vnd-main .bp-vndRate__bottom{flex-wrap:wrap;justify-content:space-between;gap:6px}
 #bp-vnd-main .bp-vndPanel__head,#bp-vnd-main .bp-vndCalc__body{padding:16px}
 #bp-vnd-main .bp-exchangeDirectory{padding:16px 12px}
 #bp-vnd-main .bp-exchangeDirectory__grid{grid-template-columns:1fr}
 #bp-vnd-main .bp-exchangeCompare th,#bp-vnd-main .bp-exchangeCompare td{padding:12px 7px;font-size:12px}
 #bp-vnd-main .bp-exchangeCompare table{min-width:0;width:100%}
 #bp-vnd-main .bp-vndInfo,#bp-vnd-main .bp-vndFaq{padding:20px 16px}
}
