/* big-transits.php: the member's Big Transits. The lists, notes and buttons are the Sky Calendar's (sc- in sky-calendar.css);
   this file only adds the pieces of this page. Colours are tokens, so the forest light band restyles it. */
.bt-gate { max-width: 560px; margin: 8px 0 40px; }
.bt-gate p { margin: 0 0 18px; font-size: calc(0.96875rem * var(--text-scale)); line-height: 1.65; color: var(--frost); }
a.sc-btn { display: inline-block; text-decoration: none; }

.bt-cycle { margin: 28px 0 10px; font-family: var(--font-heading); font-weight: 400; font-size: calc(0.9375rem * var(--text-scale)); letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); }
.bt-cycle:first-child { margin-top: 0; }

.bt-past .sc-what, .bt-past .sc-detail, .bt-past .sc-when, .bt-past .sc-sym { opacity: 0.55; }
.bt-next, .bt-active { background: rgba(var(--gold-rgb), 0.12); box-shadow: -14px 0 0 rgba(var(--gold-rgb), 0.12), 14px 0 0 rgba(var(--gold-rgb), 0.12); }
.bt-next .sc-what, .bt-active .sc-what { font-weight: 700; }