@import url("../../assets/studio/v2/fonts.css");

/* Scoped to WakeMeow help content; the company site keeps its existing typography. */
.wakemeow-page,
.wakemeow-summary {
  font-family: "Manrope Variable", "Noto Sans SC Variable", var(--font-body);
}

.wakemeow-page .legal-content { max-width: 920px; }
.wakemeow-page h1,
.wakemeow-page [lang="en"] h2,
.wakemeow-page [lang="en"] h3 {
  font-family: "Manrope Variable", var(--font-body);
  font-weight: 650;
  letter-spacing: -0.02em;
}
.wakemeow-page h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.14; }
.wakemeow-page .language-title { font-size: 28px; }
.wakemeow-page [lang="zh-CN"] h2 { font-family: var(--font-display); }
html:has(.wakemeow-page) { scroll-behavior: auto; }
.wakemeow-page article { scroll-margin-top: 24px; }
.wakemeow-page article + article { margin-top: 64px; }
.wakemeow-page section h3 { margin-top: 0; }
.wakemeow-page p,
.wakemeow-page li { overflow-wrap: anywhere; }
.wakemeow-page strong { font-weight: 650; color: var(--ink); }
.wakemeow-nav,
.wakemeow-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  font-size: 15px;
  line-height: 1.7;
}
.wakemeow-nav { margin-bottom: 42px; }
.wakemeow-nav a,
.wakemeow-footer a,
.wakemeow-summary a:not(.button) { text-decoration: underline; text-underline-offset: 4px; }
.wakemeow-footer { border-top: 1px solid var(--line); padding-top: 26px; }
.wakemeow-summary h2 { line-height: 1.4; }
.wakemeow-summary p + p { margin-top: 14px; }
.wakemeow-summary .support-actions { margin-top: 16px; }
.wakemeow-summary .support-actions a { font-size: 16px; line-height: 1.6; }
.wakemeow-summary a:focus-visible,
.wakemeow-page a:focus-visible { outline: 2px solid var(--blue, #087dbe); outline-offset: 5px; }

@media (max-width: 520px) {
  .wakemeow-page .legal-content { padding-top: 42px; }
  .wakemeow-page .legal-back { margin-bottom: 28px; }
  .wakemeow-page .legal-meta { line-height: 1.7; }
  .wakemeow-page .language-title { font-size: 25px; }
  .wakemeow-summary h2 { font-size: 27px; }
  .wakemeow-nav { gap: 10px 20px; }
  .wakemeow-summary .support-actions { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.wakemeow-page), html:has(.wakemeow-summary) { scroll-behavior: auto; }
}

/* Product help entry added to the current studio support page. */
.support-list .wakemeow-summary { display: block; }
.support-list article.wakemeow-summary > div > p { max-width: 780px; margin-top: 14px; }
.support-list .wakemeow-summary > div > p:not(.product-meta) { font-size: 16px; line-height: 1.85; }
.support-list .wakemeow-summary .actions { margin-top: 24px; justify-content: flex-start; }