.brand-market{display:flex;align-items:center;gap:20px;min-width:0;flex:1}
header:has(.brand-market){gap:24px;height:auto;min-height:94px}
.brand-market>a{flex-shrink:0}
.gold-spot{flex:1;min-width:0;max-width:470px;font-family:Arial,sans-serif;color:#26362f;line-height:1.3}
.gold-cards{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d7c49d transparent;padding:2px 0 4px}
.gold-quote{flex:1 0 88px;min-width:88px;border-inline-start:1px solid #e7e1d5;padding-inline-start:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.gold-value{display:flex;align-items:baseline;justify-content:space-between;gap:6px;direction:ltr}
.gold-karat{font-size:10px;color:#a77b21;font-weight:700}.gold-number{font-size:15px;font-weight:600;letter-spacing:-.3px}
.gold-detail{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#737a72;direction:ltr;margin-top:3px}
.gold-move.up{color:#167049}.gold-move.down{color:#b33f38}.gold-move{color:#737a72}
.gold-caption{display:flex;align-items:center;gap:5px;font-size:9px;color:#747b72;min-height:16px;position:relative}
.gold-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gold-info{flex:none}.gold-info summary{cursor:pointer;list-style:none;padding:0 3px;min-width:20px;text-align:center;font-size:12px}
.gold-info summary::-webkit-details-marker{display:none}.gold-info summary:focus-visible{outline:2px solid #a77b21;outline-offset:2px}
.gold-popover{position:absolute;inset-inline-start:0;top:100%;z-index:120;width:min(350px,calc(100vw - 40px));padding:14px 16px;border:1px solid #e4dece;border-radius:8px;background:#fff;box-shadow:0 8px 30px #23352420;font-size:12px;line-height:1.6;color:#354238;white-space:normal}
.gold-popover p{margin:0 0 8px}.gold-popover a{text-decoration:underline;color:#8e681d}.gold-source{display:block;font-size:10px;color:#6e776e}
header:has(.brand-market)>nav{flex-shrink:0}
@media(max-width:1150px){header:has(.brand-market){flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}.brand-market{flex-basis:100%;justify-content:space-between}.gold-spot{max-width:600px}header:has(.brand-market)>nav{width:100%;justify-content:flex-end}}
@media(max-width:600px){header:has(.brand-market){padding-inline:18px;min-height:94px}.brand-market{gap:12px}.brand-market .logo small,.brand-market .wordmark small{display:none}.brand-market .logo{gap:6px}.brand-market .logo svg{width:25px}.gold-spot{max-width:none}.gold-cards{gap:8px}.gold-quote{min-width:94px;flex-basis:94px}.gold-number{font-size:14px}.gold-caption{font-size:8px}.gold-info summary{min-width:24px;min-height:24px;display:grid;place-items:center}.gold-popover{inset-inline-start:auto;inset-inline-end:0}.brand-market .logo strong{font-size:27px}}

header:has(>.search):has(.brand-market){flex-wrap:wrap}header:has(>.search)>.brand-market{flex-basis:100%}

.gold-caption{flex-wrap:wrap;column-gap:5px;row-gap:0}.gold-basis{flex-basis:100%;font-size:8px;line-height:1.4;color:#818275;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.gold-number{border-radius:3px}

.gold-caption{display:none!important}.gold-quote:first-child{border-inline-start:0}
@media(max-width:600px){
 .gold-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px 8px}
 .gold-quote{min-width:0;padding-inline-start:6px}
 .gold-value{gap:3px}
 .gold-number{font-size:13px}
}
/* French navigation is longer: let the quotes share the available width. */
html:lang(fr) .gold-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
html:lang(fr) .gold-quote{min-width:0;padding-inline-start:6px}
html:lang(fr) .gold-value{gap:4px}
@media(max-width:600px){html:lang(fr) .gold-cards{grid-template-columns:repeat(2,minmax(0,1fr))}html:lang(fr) .gold-value{gap:3px}}