/* Extend the alternative's cocoa, cream and yellow palette. */
.top .brand-logo{width:100px;height:70px}
.coast{--deep:var(--espresso);--sea:var(--cocoa);--muted:#6b5547;--mint:var(--sun);--coral:var(--rust);background:var(--cream);border-bottom-color:#dbcdbd;padding:54px 0}
.coast-heading .eyebrow{color:var(--rust)}
.coast-date{color:var(--cocoa)}
.coast-solar{border-radius:2px;color:var(--white)}
.coast-solar h3,.solar-event span,.coast-solar small{color:#e5d4bd}
.solar-event svg{color:var(--sun)}
.coast-solar:after{border-color:#fff89e55;box-shadow:0 0 0 28px #fff89e0a,0 0 0 56px #fff89e06}
.coast-forecast{border-color:#dbcdbd;border-radius:2px;background:var(--white)}
.coast-tabs{border-bottom-color:#e5d9ca}
.coast-tab[aria-selected="true"]{border-bottom-color:var(--rust)}
.coast-frame-wrap{border-radius:2px}
.coast-source{border-color:var(--clay)}
.coast-explore{background:var(--cream);border-color:var(--clay);border-radius:2px}
.coast-explore[aria-pressed="true"]{background:var(--espresso);color:var(--sun)}
@media(max-width:620px){.top .brand-logo{width:88px;height:62px}.coast{padding:36px 0}}
/* Contain the existing sideways reveal animation on narrow screens. */
.properties{overflow:clip}
main{overflow-x:clip}