/* =========================================================
   Zoie — legal pages (privacy-policy.html, terms-of-service.html).
   The text uses the blog's article layout (blog.css .bp-*); these
   are the extras: the notice box, the address, the cross link.
   ========================================================= */

.lg { padding: 72px 0 120px; }
.lg .bp-layout { margin-top: 0; }
.lg-body { font-size: 16.5px; line-height: 1.75; }
.lg-body h2 { font-size: 26px; line-height: 33px; }
.lg-body h3 { font-size: 19px; line-height: 27px; }

/* the arbitration notice at the top of the terms */
.lg-notice { padding: 22px 24px; border-radius: 18px; color: #7c2d12; background: #fff7ed; box-shadow: inset 0 0 0 1px #fed7aa; }
.lg-notice p { font-size: 15px; line-height: 1.65; }
.lg-notice-title { font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #c2410c; }
.lg-notice-title + p { margin-top: 8px; }

/* company address in the contact section */
.lg-address { padding: 20px 22px; border-radius: 16px; font-style: normal; line-height: 1.75; background: #f6f7f9; box-shadow: inset 0 0 0 1px #eceef1; }

/* under the contents: the other legal document */
.lg-other {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; padding: 10px 16px; border-radius: 99px;
  font-size: 13.5px; font-weight: 500; color: #0b0c0e; background: #f1f2f4; transition: background-color .2s;
}
.lg-other:hover { background: #e6e8ec; }
.lg-other svg { transition: transform .3s var(--ease-out); }
.lg-other:hover svg { transform: translateX(2px); }
[dir="rtl"] .lg-other svg { scale: -1 1; }

@media (max-width: 1219px) {
  .lg { padding-top: 56px; }
}
@media (max-width: 640px) {
  .lg { padding: 40px 0 84px; }
  .lg-body { font-size: 15.5px; }
  .lg-body h2 { font-size: 22px; line-height: 29px; }
  .lg-notice { padding: 18px 18px; }
}