.ocb-weather{position:relative;z-index:20;flex:0 0 auto;font-family:"DM Sans",Arial,sans-serif;color:#fff}
.ocb-weather__trigger{display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 11px;border:1px solid rgba(230,223,210,.34);border-radius:999px;background:rgba(13,27,42,.42);color:#fff;cursor:pointer;text-align:left;transition:background .2s ease,border-color .2s ease}
.ocb-weather__trigger:hover,.ocb-weather__trigger[aria-expanded=true]{background:rgba(13,27,42,.82);border-color:rgba(230,223,210,.76)}
.ocb-weather__trigger:focus-visible,.ocb-weather__close:focus-visible,.ocb-weather__areas button:focus-visible{outline:2px solid #e6806a;outline-offset:3px}
.ocb-weather__icon{width:24px;height:24px;flex:0 0 auto;color:#f2bd78}
.ocb-weather__reading{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.ocb-weather__reading strong{font-size:16px;line-height:1;font-weight:600}
.ocb-weather__reading span{font-size:10px;line-height:1.1;letter-spacing:.1px;color:rgba(255,255,255,.82)}
.ocb-weather__chevron{margin-left:1px;color:#e6806a;font-size:17px;line-height:1;transition:transform .2s ease}
.ocb-weather.is-open .ocb-weather__chevron{transform:rotate(180deg)}
.ocb-weather__panel{position:absolute;top:calc(100% + 13px);left:50%;right:auto;transform:translateX(-50%);z-index:1002;width:min(520px,calc(100vw - 34px));padding:23px 24px 17px;border:1px solid rgba(230,223,210,.22);border-radius:16px;background:#102231;color:#fff;box-shadow:0 22px 54px rgba(0,0,0,.34)}
.ocb-weather__panel[hidden]{display:none!important}
.ocb-weather__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ocb-weather__eyebrow{display:block;margin-bottom:5px;color:#e6806a;font-size:9px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}
.ocb-weather__panel-head h2{margin:0;color:#fff;font:500 26px/1.1 "Playfair Display",Georgia,serif}
.ocb-weather__close{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;font-size:23px;line-height:1;cursor:pointer}
.ocb-weather__areas{display:flex;gap:7px;margin:17px 0 16px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.13)}
.ocb-weather__areas button{min-height:34px;padding:7px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:rgba(255,255,255,.78);font:600 10px/1 "DM Sans",Arial,sans-serif;cursor:pointer}
.ocb-weather__areas button[aria-pressed=true]{border-color:#e6806a;background:#e6806a;color:#fff}
.ocb-weather__current{display:flex;align-items:center;gap:17px;min-height:65px}
.ocb-weather__current-temp{color:#f7f3ec;font:500 45px/.98 "Playfair Display",Georgia,serif}
.ocb-weather__current p{margin:0 0 4px;color:#fff;font-size:13px;font-weight:600}
.ocb-weather__current span{color:rgba(255,255,255,.62);font-size:10px}
.ocb-weather__facts{display:flex;gap:26px;margin:12px 0 19px}
.ocb-weather__fact{display:grid;gap:3px}
.ocb-weather__fact small{color:rgba(255,255,255,.58);font-size:9px;text-transform:uppercase;letter-spacing:1px}
.ocb-weather__fact strong{font-size:11px;font-weight:600}
.ocb-weather__forecast-wrap h3{margin:0 0 9px;color:#e6dfd2;font:600 10px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.ocb-weather__forecast{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 9px;scroll-snap-type:x mandatory}
.ocb-weather__forecast-card{display:flex;min-width:104px;max-width:125px;min-height:113px;padding:12px 11px;flex:1 0 104px;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.045);scroll-snap-align:start}
.ocb-weather__forecast-card strong{color:#e6806a;font-size:10px}
.ocb-weather__forecast-card b{color:#fff;font:500 22px/1 "Playfair Display",Georgia,serif}
.ocb-weather__forecast-card span{color:rgba(255,255,255,.77);font-size:10px;line-height:1.35}
.ocb-weather__forecast-card small{color:rgba(255,255,255,.58);font-size:9px}
.ocb-weather__message{margin:0;padding:13px 0;color:rgba(255,255,255,.73);font-size:12px}
.ocb-weather__source{margin:10px 0 0;color:rgba(255,255,255,.48);font-size:9px}
.ocb-interior-header__bar{position:relative;z-index:1001}
.ocb-interior-header__bar .ocb-weather,.ocb-nav .ocb-weather{position:absolute;left:50%;transform:translateX(-50%);margin:0}
.ocb-interior-header__brand,.ocb-brand{flex:0 0 auto}
.ocb-nav .ocb-interior-header__toggle{margin-left:auto}
@media(max-width:760px){
	.ocb-weather__trigger{gap:6px;min-height:40px;padding:4px 8px}
	.ocb-weather__icon{width:21px;height:21px}
	.ocb-weather__reading{gap:4px}
	.ocb-weather__reading strong{font-size:14px}
	.ocb-weather__reading span{font-size:9px}
	.ocb-weather__chevron{font-size:15px}
	.ocb-weather__panel{top:calc(100% + 9px);left:50%;right:auto;transform:translateX(-50%);width:min(440px,calc(100vw - 26px));padding:19px 17px 14px}
	.ocb-weather__forecast-card{min-width:96px;flex-basis:96px}
	.ocb-interior-header__bar{gap:8px}
	.ocb-nav{gap:8px}
	.ocb-weather{margin-left:auto}
}
@media(max-width:370px){
	.ocb-weather__reading span{display:none}
	.ocb-weather__trigger{padding-inline:7px}
}