.header-fx-strip{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-left:.35rem;padding-left:1rem;border-left:1px solid var(--border)}
.header-fx-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:rgba(6,32,59,.035);border:1px solid rgba(6,32,59,.09);border-radius:8px;padding:.38rem .55rem;min-width:86px}
.header-fx-item .fx-pair{font-size:.42rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--navy-faint);line-height:1;margin-bottom:.2rem}
.header-fx-item .fx-val{font-family:'Outfit',sans-serif;font-size:.86rem;font-weight:700;color:var(--navy);line-height:1}
.header-fx-item.loading .fx-val{color:var(--navy-faint)}
.header-fx-item.error{background:rgba(216,5,5,.05);border-color:rgba(216,5,5,.14)}
.header-fx-item.error .fx-val{color:var(--red)}
.header-admin-btn{display:none;align-items:center;justify-content:center;gap:.4rem;background:var(--navy);color:#fff;border:none;border-radius:999px;padding:.62rem .95rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px rgba(6,32,59,.16);white-space:nowrap}
.header-admin-btn:hover{opacity:.92;transform:translateY(-1px)}
/* Align city clocks to the right, flush before FX separator */
.section-page-header [data-clock-tz]{text-align:right !important}
.section-page-header div:has(> [data-clock-tz]){text-align:right !important}
@media(max-width:1100px){.header-fx-strip{width:100%;order:3;margin-left:0;padding-left:0;border-left:none;padding-top:.4rem}.header-admin-btn{order:2}}
@media(max-width:700px){.header-fx-item{min-width:72px;padding:.3rem .42rem}.header-fx-item .fx-val{font-size:.76rem}.header-admin-btn{padding:.52rem .8rem;font-size:.56rem}}