/* The Complete Editions directory (2026-11-06). Loaded after the tonight style and programs/programs.css, whose hero
   and directory cards it reuses. Adds the theme links, the group headings, the three-track list and the "bought
   separately" line. Body 18px desktop / 17px phone, nothing read under 16px. */

.ce-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 26px auto 0; max-width: 820px; }
.ce-jump a { display: inline-block; padding: 8px 18px; border-radius: 50px; background: #fff; color: var(--dlt-navy); font-size: 16px; font-weight: 700; text-decoration: none; box-shadow: 0 4px 14px rgba(17, 42, 79, .10); }
.ce-jump a:hover, .ce-jump a:focus-visible { background: var(--dlt-teal); color: #fff; }

.ce-group { text-align: center; font-size: 32px; line-height: 1.25; margin: 0 0 30px; color: var(--dlt-navy); }
.ce-dir section[id] { scroll-margin-top: 80px; }

.ce-tracks { list-style: none; margin: 0 0 14px; padding: 0; flex: 1; }
.ce-tracks li { position: relative; padding: 0 0 0 30px; margin: 0 0 8px; }
.ce-tracks li::before { content: ''; position: absolute; left: 0; top: .3em; width: 18px; height: 18px; border-radius: 50%; background: var(--dlt-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }

.ce-sep { display: block; font-size: 16px; font-weight: 600; color: var(--dlt-ink); margin-top: 2px; }

@media (max-width: 760px) {
  .ce-group { font-size: 26px; margin-bottom: 22px; }
  .ce-jump a { font-size: 16px; padding: 7px 14px; }
}