/* ═══ EVENT INFO PAGE, SECTION 10: TERMS AND CONDITIONS (window 10) ════════════
   The key-point grid and the full terms, as oep.css draws them. The section
   card, the "Read the full terms" button and the drawer are shared, in
   eip-common.css.

   THE FULL TERMS ARE THE ORGANISER'S OWN FORMATTED TEXT (Mac, 2026-10-12), not
   the prototype's numbered list, so the list's typography is applied to the
   container and its paragraphs and lists, whatever the organiser typed.
   ═══════════════════════════════════════════════════════════════════════════ */

.oep-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.oep-term { display: flex; gap: 14px; align-items: flex-start; padding: 16px;
  border: 1px solid var(--eip-line); border-radius: var(--eip-r-img); background: var(--eip-surface); }
.oep-term b { display: block; font-size: 15px; font-weight: 800; color: var(--eip-ink); }
.oep-term p { margin: 3px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--eip-ink2); }
@media (max-width: 760px) { .oep-terms { grid-template-columns: minmax(0, 1fr); } }

/* The subtitle's second sentence links to the site's Terms & Conditions (Mac,
   2026-10-12). The design draws it as plain text, so at rest it is exactly
   that, and it underlines on hover and on keyboard focus. Whether it should
   be visibly a link at rest is put to Mac. Reached through .oep-csec-h so
   that option5's ".o5 a" (0,1,1) does not decide it by accident. */
.oep-csec-h a.eip-terms-link { color: inherit; text-decoration: none; text-underline-offset: 2px; }
.oep-csec-h a.eip-terms-link:hover, .oep-csec-h a.eip-terms-link:focus-visible {
  color: var(--eip-ink); text-decoration: underline; }

.oep-fullterms { margin: 0; font-family: var(--o5-display); font-size: 14px; line-height: 1.6;
  color: var(--eip-ink2); overflow-wrap: anywhere; }
.oep-fullterms > :first-child { margin-top: 0; }
.oep-fullterms > :last-child { margin-bottom: 0; }
.oep-fullterms p { margin: 0 0 8px; }
.oep-fullterms ol, .oep-fullterms ul { margin: 0 0 8px; padding-inline-start: 20px;
  display: flex; flex-direction: column; gap: 8px; }
.oep-fullterms h1, .oep-fullterms h2, .oep-fullterms h3, .oep-fullterms h4 {
  margin: 16px 0 6px; font-size: 15px; font-weight: 800; line-height: 1.4; color: var(--eip-ink); }
.oep-fullterms a { color: var(--eip-ink); text-decoration: underline; }
.oep-fullterms table { width: 100%; border-collapse: collapse; }
.oep-fullterms td, .oep-fullterms th { padding: 6px 8px; border: 1px solid var(--eip-line); text-align: start; }

/* GENERAL TERMS (Mac, 2026-10-13; window 14). No design exists for the list,
   so nothing here is new: the list is the drawer's own oep-fullterms block
   above, heading, numbers and link included. Only two distances are set, and
   each is one the page already uses:
   - in the section, the block sits 20px under the key points: the distance
     .oep-more keeps from them in eip-common.css;
   - in the drawer, after the organiser's terms, 16px: the top margin the
     block's own headings take. */
#terms .eip-general { margin-top: 20px; }
#terms .oep-csec-b > .eip-general:first-child { margin-top: 0; }
.eip-fullterms + .eip-general { margin-top: 16px; }