/* =========================
   ARCHIVE ONLY
   ========================= */

body.page-archive .navbar {
  background-color: rgb(60, 122, 221);
}

/* ❗아카이브는 headwords에 배경을 주는 구조 */
body.page-archive .headwords {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  /* align-items: space-around;  <-- ❌ 유효값 아님, 아래로 교체 */
  align-items: center;

  flex-basis: 360px;
  background-image: url("/img/archive_title2.jpg");
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  flex-wrap: wrap;
}

body.page-archive .logo_text p {
  color: rgb(190, 190, 184);
  font-size: 9px;
  font-weight: bolder;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

body.page-archive .row01 p {
  color: white;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
}

body.page-archive .row02 h2 {
  color: white;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
  line-height: 2em;
}

body.page-archive .main {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
}

body.page-archive .archive_list {
  border: 0px solid red;
  margin-left: 5px;
  text-align: center;
  line-height: 5px;
  width: 100%;
}

body.page-archive .archive_info {
  border: 0px dotted silver;
  text-align: center;
  width: 350px;
  font-size: 10px;
  line-height: 1.3em;
}

body.page-archive .archive_info span {
  color: red;
  font-size: 12px;
}

body.page-archive .navbar_under span {
  font-size: 10px;
  -webkit-transform: scale(0.8);
  display: inline-block;
}

body.page-archive .archive_list ol {
  list-style-type: none;
}

body.page-archive .c12 {
  font-size: 10px;
  text-align: left;
  padding-bottom: 10px;
}

body.page-archive .c345 {
  text-align: left;
  line-height: 5px;
}

body.page-archive .c345 a {
  text-decoration: none;
  color: black;
}

body.page-archive .c345 a:hover {
  font-weight: bold;
  text-decoration: underline;
}

body.page-archive .archive_list .c345 span {
  font-size: 13px;
  line-height: 1.7em;
}

body.page-archive .backtotop {
  text-align: center;
}

@media only screen and (max-width:700px) {
  body.page-archive .c4,
  body.page-archive .c5 {
    display: none;
    visibility: hidden;
  }
}

@media only screen and (max-width:700px) {
  body.page-archive .archive_list .c12 {
    font-size: 10px;
    line-height: 1.1em;
  }

  body.page-archive .archive_list .c345 {
    font-size: 19px;
    line-height: 1.4em;
  }

  body.page-archive .archive_list .c345 span {
    font-size: 10px;
    line-height: 1.4em;
  }
}