/* =========================================================
   NEW LIFE CIVILIZATION / SIMTECH STEP07
   Unified Header v18 — 7 MENU COMPACT FINAL
   목적: 첫 화면 메뉴 최소화, 전 페이지 툴바 통일.
   ========================================================= */
:root{
  --nl-accent:#18d6a7;
  --nl-link:#ffffff;
  --nl-link-border:rgba(255,255,255,.24);
  --nl-link-bg:rgba(255,255,255,.045);
  --nl-gap:12px;
  --nl-pad:13px 16px;
  --nl-radius:999px;
  --nl-brand-size:18px;
  --nl-brand-gap:.34em;
  --nl-nav-mb:62px;
}
.brand-row{
  width:min(100%,1120px);
  margin:0 auto 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}
.brand{
  text-align:center;
  letter-spacing:var(--nl-brand-gap);
  font-weight:950;
  font-size:var(--nl-brand-size);
  margin:0;
}
.language-select-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(46,155,111,.26);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  padding:7px 10px;
  box-shadow:0 8px 22px rgba(23,63,53,.06);
}
.language-select-wrap span{
  color:#2e9b6f;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:950;
}
.language-select-wrap select{
  border:0;
  outline:0;
  background:transparent;
  color:#173f35;
  font-weight:900;
  font-family:inherit;
  cursor:pointer;
}
.nav{
  width:min(100%, 1120px);
  margin-left:auto;
  margin-right:auto;
  margin-bottom:var(--nl-nav-mb);
  display:grid;
  grid-template-columns:repeat(7, minmax(108px, 1fr));
  gap:var(--nl-gap);
  justify-content:center;
  align-items:center;
}
.nav a{
  color:var(--nl-link);
  text-decoration:none;
  border:1px solid var(--nl-link-border);
  background:var(--nl-link-bg);
  padding:var(--nl-pad);
  border-radius:var(--nl-radius);
  font-weight:900;
  white-space:nowrap;
  text-align:center;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.nav a:hover{
  border-color:var(--nl-accent);
  background:color-mix(in srgb, var(--nl-accent) 14%, transparent);
}
.nav a.active{
  border-color:var(--nl-accent);
  box-shadow:0 0 24px color-mix(in srgb, var(--nl-accent) 45%, transparent);
  background:color-mix(in srgb, var(--nl-accent) 24%, transparent);
}
@media (max-width:980px){
  .nav{
    width:min(100%, 760px);
    grid-template-columns:repeat(4, minmax(120px, 1fr));
    margin-bottom:44px;
  }
}
@media (max-width:640px){
  .brand-row{gap:10px;margin-bottom:18px}
  .brand{font-size:14px;letter-spacing:.22em}
  .language-select-wrap{width:100%;justify-content:center}
  .nav{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }
  .nav a{padding:10px 10px;font-size:13px}
}
@media (max-width:390px){
  .nav{grid-template-columns:1fr}
}