/* Holding page for conference.esa-k.org. Colours match the new ESAK site (WCAG 2.2 AA). */
:root { --navy: #28255e; --red: #c62828; --ink: #1f2330; --muted: #555a66; --line: #dedee6; --soft: #f7f7fa; --focus: #ffbf47;
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color-scheme: light; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: #fff; line-height: 1.6; display: flex; flex-direction: column; min-height: 100vh; }
.wrap { width: min(100% - 2.5rem, 46rem); margin-inline: auto; }
.top { border-bottom: 1px solid var(--line); padding: 1rem 0; }
.brand { margin: 0; display: flex; align-items: center; gap: .75rem; }
.mark { font-weight: 800; font-size: 1.6rem; letter-spacing: .02em; color: var(--navy); }
.mark .a { color: var(--red); }
.name { font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--navy); max-width: 16rem; line-height: 1.3; }
main { flex: 1; padding: 3rem 0 4rem; }
.eyebrow { margin: 0 0 .25rem; color: var(--red); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; }
h1 { margin: 0; color: var(--navy); font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; }
.date { margin: .5rem 0 1.5rem; font-size: 1.25rem; font-weight: 600; }
.lead { font-size: 1.15rem; max-width: 60ch; }
.card { margin-top: 2rem; padding: 1.25rem 1.5rem; background: var(--soft); border: 1px solid var(--line); border-radius: 10px; }
.card h2 { margin: 0 0 .25rem; font-size: 1.1rem; color: var(--navy); }
.card p { margin: 0; }
a { color: var(--navy); font-weight: 600; text-underline-offset: .15em; }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.foot { border-top: 1px solid var(--line); padding: 1.25rem 0; color: var(--muted); font-size: .9rem; }
.foot p { margin: 0; }