/* 日日新(일일신) — detail pages */
@font-face {
  font-family: "BareunBatang";
  src: url("/fonts/BareunBatangOTFM.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
.detail-page {
  min-height: 100vh;
  margin: 0;
  background: #2e3f3d;
  color: #b8afa5;
  font-family: "BareunBatang", serif;
}
.detail-content {
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 64px);
  background: #2e3f3d;
}
.detail-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 auto clamp(28px, 5vw, 72px);
  max-width: 3000px;
}
.back-link {
  color: #b8afa5;
  text-decoration: none;
  font-size: clamp(13px, 1.1vw, 20px);
  letter-spacing: .04em;
  border-bottom: 1px solid rgba(184,175,165,.55);
  padding-bottom: 5px;
}
.back-link:hover, .back-link:focus-visible { color: #f0e9df; }
.project-name {
  margin: 0;
  color: #b8afa5;
  font-size: clamp(11px, 1vw, 17px);
  letter-spacing: .12em;
}
.detail-heading {
  max-width: 3000px;
  margin: 0 auto 26px;
  font-family: "BareunBatang", serif;
  font-weight: 500;
  font-size: clamp(28px, 4vw, 64px);
  letter-spacing: .015em;
}
.detail-header-image {
  display: block;
  width: 100%;
  max-width: 3000px;
  height: auto;
  margin: 0 auto clamp(34px, 5vw, 76px);
}
.detail-meta {
  max-width: 3000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 36px;
  font-family: "BareunBatang", serif;
  font-weight: 500;
  font-size: clamp(15px, 1.4vw, 22px);
}
.detail-date { margin: 0; letter-spacing: .04em; }
.survey-link {
  display: inline-block;
  color: #2e3f3d;
  background: #b8afa5;
  padding: 13px 20px;
  text-decoration: none;
  letter-spacing: .02em;
  transition: background-color .2s ease, color .2s ease;
}
.survey-link:hover, .survey-link:focus-visible { background: #eee7dd; }
.coming-soon {
  max-width: 3000px;
  margin: clamp(64px, 12vw, 180px) auto 0;
  text-align: center;
  color: #b8afa5;
  font-family: Georgia, serif;
  font-size: clamp(26px, 4vw, 64px);
  letter-spacing: .18em;
}
@media (max-width: 600px) {
  .detail-content { padding: 22px 16px 48px; }
  .detail-topline { align-items: flex-start; }
  .project-name { text-align: right; }
}