/* Existing Sassy category font, also available when a native category body renders. */
@font-face{font-family:"Sassy Category Domaine";src:url('/assets/new-images/DomaineDisplay-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
/* Update 42. Category editorial content only, across both staging body templates. */
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) {
  --so-copy-display: "Sassy Category Domaine", "Domaine Display", DomaineDisplay, Georgia, serif;
  --so-copy-sans: halyard-text, "Halyard Text", Arial, sans-serif;
  --so-copy-section-gap: 56px;
  color: #3d403b;
  font: 300 16px/1.65 var(--so-copy-sans);
  text-align: left;
}
body.n_2026-08-creationmufu-redesign .category-description :is(.sassy-category-content, .subsection) {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  color: inherit;
  text-align: left;
}
/* Plain nview links can render the native category body. Give its copy the same spacing. */
body.n_2026-08-creationmufu-redesign:not(:has(#so-category-2026)) .category-description {
  margin: 40px 0 60px !important;
  padding: 34px 0 0 !important;
  border-top: 1px solid #e5e0d7;
}
body.n_2026-08-creationmufu-redesign #so-category-2026 .category-description {
  margin: 0 !important;
  padding: 0 !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) :is(h2, h3, h4) {
  font-family: var(--so-copy-display) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
  color: #3d403b !important;
  text-align: left !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) h2 {
  font-size: 36px !important;
  margin: var(--so-copy-section-gap) 0 22px !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) h3 {
  font-size: 28px !important;
  margin: 36px 0 16px !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) h4 {
  font-size: 22px !important;
  margin: 28px 0 14px !important;
}
/* Old rich-text spans must inherit the heading size, including Soap's inline 24px spans. */
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) :is(h2, h3, h4) * {
  font: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}
body.n_2026-08-creationmufu-redesign .category-description :is(p, li) {
  font-family: var(--so-copy-sans) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  text-align: left !important;
  color: #3d403b !important;
}
body.n_2026-08-creationmufu-redesign .category-description p {
  margin: 0 0 16px !important;
  padding: 0 !important;
}
body.n_2026-08-creationmufu-redesign .category-description :is(ul, ol) {
  margin: 0 0 16px !important;
}
body.n_2026-08-creationmufu-redesign .category-description :is(p, li) :is(span, font, a, strong, b, em, i) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) a[href] {
  color: #3d403b;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) a[href]:hover { color: #62665e; }

body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details,
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details:first-of-type,
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details:last-child {
  box-sizing: border-box;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 10px !important;
  padding: 18px 20px !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  list-style: none !important;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #3d403b !important;
  font-family: var(--so-copy-display) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
  text-align: left !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary * {
  font: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary .faq-icon { display: none !important; }
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary::-webkit-details-marker { display: none; }
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary::marker { content: ""; }
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary::after {
  content: "+" !important;
  display: block !important;
  position: static !important;
  flex: 0 0 auto;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
  transform: none !important;
  font: 400 22px/1 Arial, sans-serif !important;
  color: #3d403b !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details[open] > summary::after { content: "−" !important; }
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary:focus-visible {
  outline: 2px solid #62665e;
  outline-offset: 5px;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details > :not(summary) {
  margin: 13px 0 0 !important;
  padding: 0 !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details :is(p, li, .ing-panel) {
  font-family: var(--so-copy-sans) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  color: #3d403b !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details :is(p, li, .ing-panel) :is(span, font, a, strong, b, em, i) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details p:last-child { margin-bottom: 0 !important; }
body.n_2026-08-creationmufu-redesign [data-so-cat-faqs] { margin-top: 56px !important; }
body.n_2026-08-creationmufu-redesign [data-so-cat-faqs] > h2 { margin-top: 0 !important; }
body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) [data-so-copy-spacer-v42] { display: none !important; }
body.n_2026-08-creationmufu-redesign .category-description [data-so-copy-first-v42] { margin-top: 0 !important; }
body.n_2026-08-creationmufu-redesign .category-description [data-so-copy-last-v42] { margin-bottom: 0 !important; }
body.n_2026-08-creationmufu-redesign .so-cat-summary[data-so-cat-editorial-empty] + [data-so-cat-faqs] { margin-top: 0 !important; }

@media (max-width: 760px) {
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) { --so-copy-section-gap: 40px; }
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) h2 { font-size: 30px !important; }
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) h3 { font-size: 26px !important; margin-top: 28px !important; }
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) h4 { font-size: 21px !important; }
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) summary { font-size: 21px !important; }
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details,
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details:first-of-type,
  body.n_2026-08-creationmufu-redesign :is(.category-description, [data-so-cat-faqs]) details:last-child { padding: 15px !important; }
  body.n_2026-08-creationmufu-redesign [data-so-cat-faqs] { margin-top: 40px !important; }
  body.n_2026-08-creationmufu-redesign:not(:has(#so-category-2026)) .category-description { margin-top: 28px !important; padding-top: 28px !important; }
}
