.tt-popup[hidden] { display: none; }
.tt-popup { position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(24, 46, 33, .65); }
.tt-popup__box { position: relative; width: 100%; max-width: 440px; background: var(--paper, #edf0e8); border-top: 6px solid var(--amber, #d9a441); border-radius: 4px; padding: 30px 28px 12px; box-shadow: 0 20px 50px rgba(0, 0, 0, .3); }
.tt-popup__title { font: 700 1.6rem/1.2 var(--serif, Georgia, serif); color: var(--steep-d, #182e21); margin: 0 0 .5rem; }
.tt-popup__close { position: absolute; top: 8px; right: 12px; background: none; border: 0; font-size: 2rem; line-height: 1; cursor: pointer; color: var(--steep, #23422f); }
body.tt-popup-open { overflow: hidden; }