/* A single live rate, kept at the top while scrolling the homepage. */
html:has(.rate-shield){scroll-padding-top:110px}
.home-editorial>.rate-shield{position:sticky;top:0;z-index:30;isolation:isolate;margin:0;border:0;border-bottom:1px solid #c2a16e55;background:#3c1724;color:#fff4df;padding:12px 6vw;padding-top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:8px 22px;box-shadow:0 3px 16px #28101718}
.home-editorial>.rate-shield>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px 24px;flex:1;min-width:0}
.home-editorial .rate-shield .gold-rate-label{font-size:12px;color:#e4cfac;margin:0;display:inline-flex;align-items:center;gap:9px}
.home-editorial .rate-shield .gold-rate-label:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#b7a394;flex:none}
.home-editorial .rate-shield[data-state="fresh"] .gold-rate-label:before{background:#adc49b;box-shadow:0 0 0 4px #adc49b18}
.home-editorial .rate-shield strong{font-size:19px;font-weight:500;line-height:1.8;color:#fff4df;font-variant-numeric:tabular-nums}
.home-editorial .rate-shield p{font-size:10px;line-height:1.8;margin:0;color:#dcc9bc}
.home-editorial .rate-shield[data-state="unavailable"] p{display:none}
.home-editorial .rate-shield button{border:1px solid #ac8b76;color:#fff4df;background:transparent;border-radius:4px;padding:6px 12px;min-height:44px;font-size:11px;flex:none}
.home-editorial .rate-shield button:hover{background:#fff1}
.home-editorial .rate-shield button:focus-visible{outline:2px solid #f3d69f;outline-offset:3px}
.home-editorial .rate-shield button:disabled{opacity:.6;cursor:wait}
@media(max-width:900px){
.home-editorial>.rate-shield{padding:9px 5vw;padding-top:calc(9px + env(safe-area-inset-top));gap:6px 12px}
.home-editorial>.rate-shield>div{gap:2px 12px;justify-content:space-between}
.home-editorial .rate-shield .gold-rate-label{font-size:10px;gap:7px}
.home-editorial .rate-shield strong{font-size:15px;line-height:1.9}
.home-editorial .rate-shield p{flex-basis:100%;text-align:center;font-size:10px;line-height:1.6}
.home-editorial .rate-shield[data-state="unavailable"]>div{justify-content:flex-start}
.home-editorial .rate-shield[data-state="unavailable"] strong{font-size:12px}
.home-editorial .rate-shield button{padding:6px 9px;font-size:10px}
}
@media(max-width:360px){.home-editorial .rate-shield strong{font-size:14px}.home-editorial .rate-shield .gold-rate-label{font-size:9px}}