/* SWEETGIRL V2 GLOBAL POLISH V1 */

/* Hide the redundant front-end test banner */
.test-ribbon {
  display:none!important;
}

/* Brand identity */
.site-header .brand,
.site-footer .brand {
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start;
  gap:6px;
  min-width:0;
  height:auto!important;
  line-height:1.1!important;
  text-decoration:none!important;
}

.sg-brand-wordmark {
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(35px,4.4vw,51px)!important;
  font-weight:600;
  letter-spacing:-1.5px;
  line-height:1.12;
  color:#f1d5a0;
  background:linear-gradient(
    110deg,#b99152 0%,#fff4cd 24%,
    #d5a85e 51%,#fff0bc 76%,#aa793b 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.site-header .brand>span,
.site-footer .brand>span {
  display:block!important;
  font-size:clamp(10px,1.1vw,12px)!important;
  letter-spacing:1.1px!important;
  line-height:1.6!important;
  color:#dbcba9!important;
}

.site-header .site-logo,
.site-footer .site-logo {
  width:auto!important;
  max-width:min(65vw,265px)!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain;
}

/* Clear, restrained navigation */
.site-header {
  padding-top:20px!important;
  padding-bottom:18px!important;
}
.site-header #main-nav a {
  font-size:clamp(14px,1.45vw,18px)!important;
  line-height:1.4!important;
  color:#f2e8d6!important;
  text-decoration:none;
}
.site-header #main-nav a[aria-current="page"] {
  color:#f2ca81!important;
}
.sg-nav-zh,.sg-nav-en {
  display:block;
}
.sg-nav-en {
  font-size:.77em;
  font-weight:400;
  letter-spacing:.3px;
  opacity:.86;
}
.site-header .header-explore {
  display:none!important;
}

/* Large editorial headings */
.section-heading h2,
.people-featured-heading h2,
.page-intro h1,
.hero h1 {
  font-size:clamp(32px,4.2vw,53px)!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.3px;
  color:#efd29a;
  background:linear-gradient(115deg,#c79b56,#fff1c5 43%,#dfb572 75%,#f7ddb0);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.section-heading h2 small,
.people-featured-heading h2 span,
.page-intro h1 small {
  -webkit-text-fill-color:#e0d0b2!important;
  color:#e0d0b2!important;
}
.section-heading,
.people-featured-heading {
  text-align:center!important;
}
.section-heading h2,
.people-featured-heading h2 {
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-intro p,
.section-heading p,
.results-bar p,
.site-announcement {
  font-size:clamp(15px,1.35vw,17px)!important;
  line-height:1.75!important;
}

/* Footer */
.site-footer {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:14px!important;
  border-top:1px solid rgba(219,182,119,.3)!important;
  padding:34px 18px 40px!important;
}
.site-footer>div {
  width:100%;
  max-width:720px;
  min-width:0;
}
.site-footer .brand {
  align-items:center!important;
  justify-content:center!important;
}
.site-footer .sg-brand-wordmark {
  font-size:clamp(37px,5vw,52px)!important;
}
.site-footer .footer-meta {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
}
.site-footer .footer-meta>span:first-child,
.site-footer .footer-meta>p {
  display:none!important;
}
.site-footer p {
  font-size:14px!important;
  line-height:1.8!important;
  color:#ccbea3!important;
}
.site-footer a {
  color:#e9ca91;
}

/* Mobile: large centered logo and a true four-column navigation */
@media(max-width:700px) {
  .site-header {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:14px!important;
    padding:18px 10px 12px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .site-header .brand {
    align-self:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  .site-header .sg-brand-wordmark {
    font-size:clamp(38px,9vw,48px)!important;
  }
  .site-header .menu-toggle {
    display:none!important;
  }
  .site-header #main-nav {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    position:static!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;
    justify-items:stretch!important;
    box-sizing:border-box!important;
  }
  .site-header #main-nav a {
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    min-width:0!important;
    min-height:48px!important;
    padding:7px 1px!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
    border-radius:4px;
  }
  .site-header .sg-nav-zh {
    font-size:clamp(12px,3.25vw,15px)!important;
    white-space:nowrap;
  }
  .site-header .sg-nav-en {
    font-size:clamp(10px,2.8vw,12px)!important;
    white-space:nowrap;
    margin-top:3px;
  }
  .section-heading h2,
  .people-featured-heading h2 {
    font-size:clamp(29px,8vw,37px)!important;
  }
  .page-intro h1,
  .hero h1 {
    font-size:clamp(33px,8.5vw,43px)!important;
  }
  .site-footer {
    margin-top:28px!important;
    padding:30px 15px 35px!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  .sg-brand-wordmark {
    animation:none!important;
  }
}