.site-header .portal-topbar { min-height:44px; height:auto; background:#071d31; color:#d9e7f0; border-bottom:1px solid #1c3b52; font:500 12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.site-header .portal-topbar .utility-bar__inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; min-height:44px; height:auto; gap:10px 24px; padding-block:7px; }
.site-header .portal-topbar .utility-left,.site-header .portal-topbar .utility-right { display:flex; flex-wrap:wrap; align-items:center; gap:14px; min-width:0; }
.site-header .portal-topbar .local-weather { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; min-width:0; max-width:290px; padding:4px 10px; border:1px solid #28485f; border-radius:7px; background:#103048; font-size:12px; line-height:20px; }
.site-header .portal-topbar .local-weather > span:first-child { color:#7fd6ff; font-size:17px; }
.site-header .portal-topbar .local-weather strong { color:#fff; font-size:13px; white-space:nowrap; }
.site-header .portal-topbar .portal-weather-location { min-width:0; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.site-header .portal-topbar .portal-date { padding-left:14px; border-left:1px solid #345066; color:#c6d6e2; font-size:12px; text-transform:capitalize; }
.site-header .portal-topbar .portal-clock { display:inline-flex; align-items:center; gap:6px; color:#fff; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.site-header .portal-topbar .portal-clock:before { content:''; width:5px; height:5px; background:#28c6e6; border-radius:50%; }
.site-header .portal-topbar .utility-right { gap:12px; margin-left:auto; }
.site-header .portal-topbar .utility-right > a:not(:has(svg)) { padding:4px 0; color:#e7eff5; font-size:12px; font-weight:600; text-decoration:none; }
.site-header .portal-topbar .utility-right > a:hover { color:#76d6ff; }
.site-header .portal-topbar .utility-right > a:has(svg) { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border:1px solid #35536b; border-radius:50%; background:#12334b; color:#fff; }
.site-header .portal-topbar .utility-right > a:has(svg):hover { background:#0879ba; border-color:#31b5f1; }
.site-header .portal-topbar .utility-right svg { width:15px; height:15px; }
.site-header .portal-topbar .portal-short-date { display:none; }
.site-header .portal-topbar [data-rpnews-weather-local] { display:grid; place-items:center; flex:none; width:22px; height:22px; padding:0; border:0; border-radius:4px; background:#23465e; color:#bce9ff; cursor:pointer; font-size:15px; }
.site-header .portal-topbar a:focus-visible,.site-header .portal-topbar button:focus-visible { outline:2px solid #65d4ff; outline-offset:3px; }
@media(max-width:1000px){.site-header .portal-topbar .portal-date{display:none}.site-header .portal-topbar .portal-short-date{display:block;color:#d5e2ec;font-size:12px}}
@media(max-width:700px){.site-header .portal-topbar .utility-bar__inner{gap:8px;padding-block:9px}.site-header .portal-topbar .utility-left{width:100%;justify-content:space-between;gap:8px}.site-header .portal-topbar .utility-right{width:100%;justify-content:flex-end;gap:10px}.site-header .portal-topbar .utility-right>a:first-child{margin-right:auto}.site-header .portal-topbar .local-weather{padding:3px 7px;max-width:58%;gap:6px}.site-header .portal-topbar .portal-weather-location{max-width:110px}.site-header .portal-topbar .utility-right>a:has(svg){width:26px;height:26px;flex-basis:26px}}
@media(prefers-reduced-motion:no-preference){.site-header .portal-topbar a{transition:background .15s,color .15s,border-color .15s}}