/* Xonorate retune of the Modernist tokens: dignified navy + a hopeful green, from the logo. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap');

:root{
  --color-bg:#f4f3f1; --color-surface:#ffffff; --color-text:#1a2135;
  --color-accent:#254f86; --color-accent-2:#3f7a52;
  --color-divider:color-mix(in srgb,#1a2135 30%, transparent);
  --color-accent-100:#eef3f9; --color-accent-200:#d6e3f1; --color-accent-300:#b3cbe4;
  --color-accent-400:#7aa0cb; --color-accent-500:#3f6ca6; --color-accent-600:#254f86;
  --color-accent-700:#1b3c67; --color-accent-800:#152f50; --color-accent-900:#0f2138;
  --color-accent-2-100:#eef4ef; --color-accent-2-200:#d7e7db; --color-accent-2-300:#b3d0ba;
  --color-accent-2-400:#7cae8a; --color-accent-2-500:#4f8c63; --color-accent-2-600:#3f7a52;
  --color-accent-2-700:#2f5c3e; --color-accent-2-800:#234730; --color-accent-2-900:#18301f;
  --serif:"Newsreader",Georgia,serif;
}
body{margin:0;background:#e7e5e1;font-family:var(--font-body)}
a{color:var(--color-accent)} a:hover{color:var(--color-accent-800)}

.page{max-width:960px;margin:40px auto;background:var(--color-bg);color:var(--color-text);box-shadow:0 24px 60px rgba(20,30,55,.22);overflow:hidden}

.dialog-backdrop[hidden]{display:none}
.nav a[aria-current='page']{font-weight:700}
.nav{flex-wrap:wrap;row-gap:10px}

/* mobile nav: hamburger toggle for the page links, brand + primary CTA always visible */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;margin:0;flex:none}
.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:4px 0;transition:transform .2s ease,opacity .2s ease}
.nav-toggle[aria-expanded='true'] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded='true'] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded='true'] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media (max-width:680px){
  .nav{flex-wrap:nowrap;position:relative}
  .nav-toggle{display:block}
  .nav-links{
    display:none;
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;
    padding:16px 20px;
    gap:16px;
    z-index:60;
    background:var(--color-surface);
    border-bottom:2px solid var(--color-divider);
    box-shadow:var(--shadow-md);
  }
  .nav-links.open{display:flex}
  .nav.nav-dark .nav-links{background:var(--color-accent-900)}
}

/* photo placeholder */
.ph{position:relative;background:
    repeating-linear-gradient(135deg,#dfe3e8 0 11px,#e9ecef 11px 22px);
    display:grid;place-items:center;color:#8a929e;
    font:500 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em;
    text-transform:uppercase;text-align:center;padding:12px}
.ev-h{font-family:var(--font-heading);font-weight:800;font-size:12px;letter-spacing:.02em}
.kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);font-weight:600}
.pill-add{display:inline-flex;align-items:center;gap:5px;font:11px/1 ui-monospace,Menlo,monospace;color:#8a929e;border:1px dashed color-mix(in srgb,#1a2135 28%,transparent);padding:4px 8px}

@media (max-width: 900px){
  .page{margin:0}
  [data-grid-2col]{grid-template-columns:1fr !important}
}