/* legal.css — shared typography for footer legal pages (no banner)
   Consistent across Legal Statement / Privacy Policy / Complaint Channels / Code of Conduct */
.legal-main { background:#fff; }
.legal-page {
  max-width: 940px;
  margin: 0 auto;
  padding: 64px 28px 100px;
  font-family: var(--family3, 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif);
  color: #4a4f57;
  font-size: 16px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
}
.legal-page * { box-sizing: border-box; }

.legal-header { margin-bottom: 38px; padding-bottom: 22px; border-bottom: 1px solid #e7eae3; }
.legal-title {
  font-family: var(--family1, 'Helvetica Neue', Arial, sans-serif);
  font-size: 34px; font-weight: 700; color: #1f2329;
  line-height: 1.25; margin: 0 0 14px; letter-spacing: .2px;
}
.legal-meta { font-size: 14px; color: #8a9099; letter-spacing: .3px; }

.legal-section {
  font-family: var(--family1, Arial, sans-serif);
  font-size: 22px; font-weight: 700; color: #1f2329;
  margin: 50px 0 16px; padding-left: 15px;
  border-left: 4px solid #7AA164; line-height: 1.4;
}
.legal-subsection {
  font-family: var(--family1, Arial, sans-serif);
  font-size: 18px; font-weight: 700; color: #2b3038;
  margin: 32px 0 12px;
}
.legal-subsubsection { font-size: 16px; font-weight: 700; color: #2b3038; margin: 22px 0 10px; }

.legal-paragraph { margin: 0 0 16px; }
.legal-sign { font-style: italic; color: #6b7280; margin-top: 6px; }

.legal-ol, .legal-ul { margin: 0 0 18px; padding-left: 26px; }
.legal-ol > li, .legal-ul > li { margin: 0 0 10px; }
.legal-ol-decimal { list-style: decimal; }
.legal-ol-roman { list-style: upper-roman; }
ol.legal-ol-paren { list-style: none; counter-reset: lp; padding-left: 6px; }
ol.legal-ol-paren > li { counter-increment: lp; position: relative; padding-left: 38px; }
ol.legal-ol-paren > li::before {
  content: "(" counter(lp) ")"; position: absolute; left: 0;
  font-weight: 700; color: #7AA164;
}
.legal-ul-bullet { list-style: disc; }

.legal-contact {
  background: #f6f8f3; border: 1px solid #e6ecdf; border-radius: 10px;
  padding: 20px 24px; margin: 0 0 18px;
}
.legal-contact .lc-row { display: flex; gap: 14px; padding: 4px 0; font-size: 15px; }
.legal-contact .lc-label { min-width: 118px; color: #1f2329; font-weight: 700; flex-shrink: 0; }
.legal-contact .lc-val { color: #4a4f57; }

.legal-dl { margin: 0 0 18px; }
.legal-dl dt { font-weight: 700; color: #1f2329; margin-top: 14px; }
.legal-dl dd { margin: 4px 0 0; }

.legal-back { margin-top: 54px; padding-top: 22px; border-top: 1px solid #e7eae3; }
.legal-back a { color: #7AA164; text-decoration: none; font-weight: 600; }
.legal-back a:hover { text-decoration: underline; }

@media (max-width: 768px) {
  .legal-page { padding: 40px 18px 64px; font-size: 15px; }
  .legal-title { font-size: 26px; }
  .legal-section { font-size: 19px; margin: 38px 0 14px; }
  .legal-subsection { font-size: 16px; }
  .legal-contact .lc-row { flex-direction: column; gap: 2px; }
  .legal-contact .lc-label { min-width: 0; }
}

/* ---- legal banner (only on the 4 legal single pages) ---- */
.legal-banner.SHIMOU-nybanner {
  position: relative;
  height: auto;
  min-height: 260px;
  background: linear-gradient(135deg, #5f8c4e 0%, #7AA164 55%, #8fb574 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100px 24px 60px;
  margin-bottom: 0;
}
.legal-banner .SHIMOU-nyban-title {
  position: static;
  transform: none;
  left: auto;
  top: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 0;
  width: 100%;
}
.legal-banner .SHIMOU-nyban-title .legal-banner-sub {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 14px;
}
.legal-banner .SHIMOU-nyban-title .legal-banner-title {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  text-align: center;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 16px;
  overflow-wrap: break-word;
}
.legal-banner .SHIMOU-nyban-title p { margin-left: 0; margin-right: 0; }
.legal-banner .mod-bread {
  display: block !important;
  position: static;
  transform: none;
  left: auto;
  top: auto;
  margin-top: 20px;
  width: 100%;
}
.legal-banner .mod-bread .SHIMOU-bread { justify-content: center; }
.legal-banner .SHIMOU-bread li,
.legal-banner .SHIMOU-bread li a { color: rgba(255, 255, 255, 0.85); }

/* ---- footer legal links (copyright row, right side) ---- */
.mod-foot-bot-ri { margin-left: auto; }
.mftr-legal-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mftr-legal-links li { position: relative; padding: 0 14px; }
.mftr-legal-links li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.35);
}
.mftr-legal-links a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: none;
  transition: color .3s;
  white-space: nowrap;
}
.mftr-legal-links a:hover { color: rgba(255, 255, 255, 0.65); }

@media (max-width: 768px) {
  .legal-banner { min-height: 200px; padding: 84px 18px 44px; }
  .legal-banner .SHIMOU-nyban-title .legal-banner-title { font-size: 28px; }
  .mod-foot-bot { flex-direction: column; align-items: flex-start; gap: 12px; }
  .mod-foot-bot-le p { margin: 0; }
  .mod-foot-bot-ri { width: 100%; margin-left: 0; }
  /* mobile: auto-arrange by width, wrap when not enough, keep English words intact */
  .mftr-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 6px 20px;
    margin: 0;
  }
  .mftr-legal-links li { padding: 0; }
  .mftr-legal-links li + li::before { display: none; }
  .mftr-legal-links a { font-size: 12px; white-space: nowrap; }
}