/* Additions for the seven rebuilt Summit pages. Loaded after doc.css and only
   on those pages, so everything here rides on the document tokens. */
.progs-nav { margin-top: 1.4rem; border-top: 1px solid var(--line); padding-top: 1.2rem; }
.progs-nav__k { font-size: .72rem; letter-spacing: .17em; text-transform: uppercase; font-weight: 600; color: var(--gold-deep); margin: 0 0 .65rem; }
.progs-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.progs-nav a {
  display: inline-block; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 600; text-decoration: none; color: var(--ink-soft);
  border: 1px solid var(--line); border-radius: 999px; padding: .5em 1.1em; background: var(--paper-2);
}
.progs-nav a:hover { border-color: var(--gold-deep); color: var(--gold-deep); }
.progs-nav a[aria-current] { border-color: var(--gold-deep); color: var(--gold-deep); }
.doc__body .prep + .status { margin-top: .4rem; }
.doc__body .glance--two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 28rem; }
.doc__body .prep-note { font-size: .92rem; color: var(--ink-soft); max-width: var(--read); }

/* Venue & Bruges (3 September): the photographs and facts of the two venues.
   Loaded on the practical page too, which reuses .venue__facts. */
.venue { display: grid; gap: 1rem; }
.venue p { margin: 0; max-width: var(--read); }
.venue__figs { margin: .2rem 0 .4rem; max-width: 56rem; display: grid; gap: .6rem; }
.venue__figs--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.venue__figs--3 .venue__fig:first-child { grid-column: 1 / -1; }
.venue__fig { overflow: clip; aspect-ratio: 3 / 2; border: 1px solid var(--line); background: var(--paper-2); }
.venue__fig img { display: block; width: 100%; height: 100%; object-fit: cover; }
.venue__figs figcaption { grid-column: 1 / -1; font-size: .82rem; color: var(--ink-soft); }
.doc__body .venue__facts { margin-block: .2rem; }
.doc__body .venue__facts--one { max-width: 22rem; }
@media (max-width: 40rem) { .venue__figs--3 { grid-template-columns: minmax(0, 1fr); } }

/* The "On this page" row (practical, co-chairs, venue). doc.css carries a .jump
   style no live page uses; it had no top margin, so the pills sat on the
   header's rule with the body's full top padding under them, and read as tags.
   Here: a label, quieter pills, and even spacing above and below. */
.jump { margin-top: clamp(1.2rem, 3vh, 1.8rem); margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; }
.jump__k { margin: 0; font-size: .72rem; letter-spacing: .17em; text-transform: uppercase; font-weight: 600; color: var(--gold-deep); }
.jump ul { gap: .45rem; }
.jump a { font-size: .74rem; letter-spacing: .12em; padding: .45em 1em; background: transparent; color: var(--ink-soft); border-color: var(--line); }
.jump a:hover, .jump a:focus-visible { border-color: var(--gold-deep); color: var(--gold-deep); background: var(--paper-2); }
.jump + .doc__body { padding-top: clamp(1.8rem, 5vh, 3rem); }