/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

#archive {
  min-height: 100vh;
}
#archive .archive__wrapper {
  padding-bottom: max(12rem, 80px);
}
#archive .notice__item:not(:last-child) {
  padding-bottom: max(4rem, 20px);
  margin-bottom: max(4rem, 20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#archive .notice__item--meta time {
  color: #fff;
  font-size: max(1.4rem, 12px);
  line-height: 1;
  letter-spacing: 0.1em;
}
#archive .notice__item--title a {
  color: #fff;
  font-size: max(2.4rem, 14px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#archive .notice__item--excerpt p {
  color: #fff;
}