:root{
  --cambridge-blue: #A9BDD6;
  --cambridge-700:  #5E7FAE;
  --cambridge-800:  #46638F;

  --ink:   #111;
  --muted: #555;
  --paper: #fff;
  --rule:  #e1e6ef;

  --sideband-w: 12vw;
  --maxw: 980px;

  --font: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,
           "Apple Color Emoji","Segoe UI Emoji";
}

/* ===== Reset ===== */

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }

body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font);
  line-height:1.6;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

/* ===== Side bands ===== */

.sideband{
  position:fixed;
  top:0;
  bottom:0;
  width:var(--sideband-w);
  background:var(--cambridge-blue);
  z-index:0;
}

.sideband--left{ left:0; }
.sideband--right{ right:0; }

/* ===== Header ===== */

.site-header{
  position:relative;
  z-index:2;                 /* above sidebands */
  background:transparent;          /* MASKS the bars */
  max-width:var(--maxw);
  margin:0 auto;
  padding:0.5rem 1.25rem 0;
}

.brand{
  position:relative;
}

/* IMAGE: transparent, floating, untouched */
.site-logo{
  position:absolute;
  top:2.2rem;
  right:1.25rem;
  width:160px;
  height:auto;
  z-index:3;
  pointer-events:none;
}

/* ===== Page ===== */

.page{
  position:relative;
  z-index:1;
  max-width:var(--maxw);
  margin:0 auto;
  padding:2rem 1.25rem;
}

/* ===== Typography ===== */

.site-title{
  font-size:clamp(1.7rem,3.5vw,2.2rem);
  margin:0 0 .25rem 0;
  line-height:1.2;
}

h2{
  font-size:clamp(1.25rem,2.5vw,1.5rem);
  margin-top:2rem;
  padding-bottom:.25rem;
  border-bottom:2px solid var(--cambridge-700);
}

h3{
  font-size:1.05rem;
  margin-top:1.2rem;
}

p{ margin:0 0 .9rem 0; }

ul{
  margin:.5rem 0 1.25rem 1.1rem;
}

/* ===== Links ===== */

a{
  color:var(--cambridge-700);
  text-decoration:none;
}
a:hover{
  color:var(--cambridge-800);
  text-decoration:underline;
}

/* ===== Tables ===== */

.dates-table{
  width:100%;
  border-collapse:collapse;
  margin:1.2rem 0 1.5rem;
  border-bottom:3px solid var(--cambridge-700);
}

.dates-table td{
  padding:.65rem .9rem;
}

.dates-table tr:nth-child(odd){
  background:rgba(169,189,214,.25);
}

/* ===== Footer ===== */

.site-footer{
  position:relative;
  z-index:1;
  max-width:var(--maxw);
  margin:0 auto;
  padding:1.5rem 1.25rem 2.5rem;
}

.copy{
  color:var(--muted);
  font-size:.9rem;
  border-top:1px solid var(--rule);
  padding-top:.75rem;
}

/* ===== Mobile ===== */

/* Medium screens: prevent logo/title collision */
@media (max-width: 860px){
  .site-logo{
    width:140px;
  }
}


@media (max-width:600px){

  :root{
    --sideband-w:6vw;
  }

  .brand{
    display:grid;
    grid-template-columns:1fr auto;
    gap:.75rem;
  }

  .site-logo{
    width:140px;
  }

  .site-title{
    overflow-wrap:break-word;
  }
}