/* === Placeholder page styles ===
   For pages with content "Đang biên soạn" — safety, storage, glossary, etc.
   Pairs with: site.css */

body.placeholder-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.placeholder-page main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 32px;
  text-align: center;
}

body.placeholder-page main h1 {
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 400;
  margin: 0 0 14px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}

body.placeholder-page main .title-en {
  font-size: clamp(13px, 1.3vw, 16px);
  letter-spacing: 0.34em;
  text-transform: uppercase;
  opacity: 0.85;
  margin-bottom: 40px;
}

body.placeholder-page main .status {
  display: inline-block;
  padding: 5px 14px;
  border: 1px solid #1f1812;
  border-radius: 100px;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 40px;
  opacity: 0.95;
}

body.placeholder-page main .desc { max-width: 520px; }
body.placeholder-page main .desc p {
  margin: 0 0 14px;
  opacity: 1;
  font-size: 17px;
}

body.placeholder-page main .desc .lang-en {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px dotted #d8d0c4;
  opacity: 0.92;
}

@media (max-width: 540px) {
  body.placeholder-page main { padding: 60px 24px; }
}