/* Legal stylesheet for the Ming Hing restaurant group legal pages. */
/* Loaded alone by privacy.html and terms-of-service.html. */

body {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.7;
  background-color: #F7F2E8;
  color: #26282A;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  box-sizing: border-box;
}
* { box-sizing: border-box; }
img, svg { max-width: 100%; }
a { color: #333C7A; text-decoration: none; }
a:hover { color: #4A3A2C; }
h1, h2, h3, h4 { color: #26282A; line-height: 1.25; margin: 0 0 0.5em; }
h2 { margin-top: 1.6em; color: #333C7A; }
p { margin: 0 0 1em; }
ul { margin: 0 0 1em; }

/* brand band for every legal page */
.legal-header {
  background-color: #4A3A2C;
  color: #FDFBF5;
  border-bottom: 6px solid #D9C49A;
}
.legal-bar {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 24px;
}
.legal-brandrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 2px dashed #9FC4B0;
}
.legal-brand {
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #FDFBF5;
  font-size: 1.2rem;
}
.legal-home {
  color: #D9C49A;
  font-weight: 700;
}
.legal-titlewrap { padding: 30px 0 26px; }
.kicker {
  color: #9FC4B0;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.78rem;
}
.legal-header h1 {
  color: #FDFBF5;
  font-size: 2.6rem;
  margin: 8px 0 6px;
}
.legal-effective { color: #F4EBD8; }

/* content columns respect max width with margins and padding */
.legal-sheet {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}
.legal-content section { border-bottom: 2px solid #9FC4B0; }
/* scope isolation: legal sections only, always transparent background */
.legal-page .legal-content section {
  background-color: transparent !important;
  color: #26282A;
}

/* ToC */
.toc-note { margin: 30px 0 0; color: #26282A; }
.toc {
  background-color: #FDFBF5;
  border: 2px solid #D9C49A;
  border-left: 8px solid #333C7A;
  padding: 18px 24px;
}
.toc-grid {
  columns: 2;
  column-gap: 34px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 700px) {
  .toc-grid { columns: 1; }
}
.toc li { margin: 6px 0; break-inside: avoid; }
.back-home { margin: 24px 0; font-weight: 700; }
.legal-content { padding: 6px 0 0; }
.legal-meta {
  color: #26282A;
}
section .legal-anchor { scroll-margin-top: 18px; }
.legal-note {
  background-color: #FDFBF5;
  border-left: 6px solid #333C7A;
  padding: 14px 18px;
  margin: 16px 0;
}
address {
  font-style: normal;
  background-color: #D9C49A;
  border: 2px solid #26282A;
  border-radius: 6px;
  padding: 14px 18px;
  margin: 12px 0 20px;
  font-weight: 700;
}
.legal-foot {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}
.legal-plate {
  border-top: 6px solid #9FC4B0;
  background-color: #4A3A2C;
  color: #FDFBF5;
  text-align: center;
  padding: 22px 24px 30px;
  margin-top: 40px;
}
.legal-plate .co-name { font-weight: 700; font-size: 1.1rem; color: #FDFBF5; margin-bottom: 6px; }
.legal-plate a { color: #9FC4B0; }
.legal-plate address { background: none; border: none; padding: 0; margin: 0 auto; color: #E9D9C2; }
.legal-foot a { font-weight: 700; }