/* The change log. Everything structural — the palette, the type, the reading
   column, the footer — comes from the site's own app.css; these are the rules
   for the one thing that page does not have. */

/* app.css leaves room at the top for the front page's fixed era bar. This page
   has no bar. */
body.log{padding-top:0}

.loghead{padding:34px 0 8px}
.back{
  display:inline-block;margin-bottom:18px;text-decoration:none;color:var(--ink-3);
  font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;
  font-size:11.5px;font-weight:600;border-bottom:1px solid transparent;
}
.back:hover{color:var(--ink);border-bottom-color:var(--hair-2)}
.loghead h1{
  margin:0 0 14px;font-family:"Archivo",system-ui,sans-serif;
  font-variation-settings:"wdth" 116,"wght" 850;
  font-size:clamp(32px,7.5vw,52px);line-height:.95;letter-spacing:-.025em;
  text-transform:uppercase;text-wrap:balance;
}
.loghead h1 em{font-style:normal;color:var(--east)}
.loghead .lede{margin:0;color:var(--ink-2);max-width:52ch}
.loghead .stat{
  margin:14px 0 0;font-family:"DM Mono",monospace;font-size:12px;color:var(--ink-3);
}

/* One entry: the date over the change, with the through-line down the left
   that the scene entries use. */
.chg{
  position:relative;padding:26px 0 22px 26px;
  border-bottom:1px solid var(--hair);
}
.chg:before{
  content:"";position:absolute;left:4px;top:34px;bottom:0;width:2px;background:var(--hair);
}
.chg:last-child{border-bottom:none}  /* the footer draws its own rule */
.chg:last-child:before{display:none}
.chg:after{
  content:"";position:absolute;left:0;top:26px;width:10px;height:10px;border-radius:50%;
  background:var(--east);
}
.chg .cd{
  font-family:"DM Mono",monospace;font-size:12px;color:var(--ink-3);letter-spacing:.04em;
}
.chg .ct{
  margin:4px 0 0;font-family:"Archivo",sans-serif;
  font-variation-settings:"wdth" 108,"wght" 800;
  font-size:clamp(20px,4.2vw,26px);line-height:1.1;letter-spacing:-.018em;
  text-wrap:balance;
}
.chg .cn{margin:12px 0 0;padding-left:18px;color:var(--ink-2);max-width:62ch}
.chg .cn li{margin:0 0 8px}
.chg .cn li::marker{color:var(--hair-2)}
.chg .cn b{color:var(--ink);font-weight:600}

.log .foot{max-width:62ch}
.log .top{display:inline-block;text-decoration:none}

@media (max-width:620px){
  .chg{padding-left:20px}
}