/*! The Twelfth Gate (members, month 12) */
.dwx-twelfth-gate .dwx-tg-year { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 8px; }
.dwx-twelfth-gate .dwx-tg-year li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--dwx-line); background: rgba(10,26,58,.45); opacity: .6; }
.dwx-twelfth-gate .dwx-tg-year li.is-made { opacity: 1; background: var(--dwx-surface); }
.dwx-twelfth-gate .dwx-tg-year li.is-now { border-color: var(--dwx-gold); }
.dwx-twelfth-gate .dwx-tg-n { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--dwx-serif); font-weight: 600; font-size: 1.2rem; border: 1px solid var(--dwx-line-strong); color: var(--dwx-muted); }
.dwx-twelfth-gate .is-made .dwx-tg-n { background: var(--dwx-gold); border-color: var(--dwx-gold); color: var(--dwx-bg); }
.dwx-twelfth-gate .dwx-tg-year strong { display: block; font-family: var(--dwx-serif); font-size: 1.2rem; font-weight: 600; color: var(--dwx-cream); }
.dwx-twelfth-gate .dwx-tg-year span:not(.dwx-tg-n) { font-size: 14.5px; color: var(--dwx-muted); }
.dwx-twelfth-gate .dwx-tg-word { margin: 14px 0 0; font-family: var(--dwx-serif); font-style: italic; font-size: 2.4rem; line-height: 1.1; color: var(--dwx-gold); }
.dwx-twelfth-gate .dwx-tg-word span { display: block; font-family: var(--dwx-sans); font-style: normal; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--dwx-lav); margin-bottom: 4px; }