/* Only the FAQ content uses these rules. Existing header, shop and checkout stay outside this scope. */
.muf-faq {
  --faq-ink: #151813;
  --faq-paper: #f5f2eb;
  --faq-gold: #f4b644;
  --faq-rule: #d8d7d0;
  --faq-muted: #53594f;
  background: var(--faq-paper);
  color: var(--faq-ink);
  padding: 0 0 48px;
  font: 16px/1.65 Inter, "Helvetica Neue", Arial, sans-serif;
}
.muf-faq *, .muf-faq *::before, .muf-faq *::after { box-sizing: border-box; }
.muf-faq .muf-faq__shell { width: min(1220px, 100%); margin: 0 auto; padding: 0 30px; }
.muf-faq a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.muf-faq a:hover { color: #704c06; }
.muf-faq a:focus-visible, .muf-faq summary:focus-visible { outline: 3px solid #835c02; outline-offset: 5px; }
.muf-faq .muf-faq__crumbs { display: flex; flex-wrap: wrap; gap: 8px; padding: 22px 0; font-size: 13px; color: var(--faq-muted); }
.muf-faq .muf-faq__crumbs a { text-decoration: none; }
.muf-faq .muf-faq__hero { background: var(--faq-ink); color: #fff; border-radius: 16px; border-right: 12px solid var(--faq-gold); padding: 42px 44px 44px; margin: 0 0 36px; }
.muf-faq .muf-faq__eyebrow { color: var(--faq-gold); text-transform: uppercase; letter-spacing: .13em; font-size: 11px; font-weight: 750; margin: 0 0 18px; }
.muf-faq h1 { max-width: 920px; color: inherit; font-size: clamp(34px, 4.5vw, 58px); line-height: 1.1; letter-spacing: -.045em; margin: 0 0 22px; font-weight: 750; overflow-wrap: break-word; }
.muf-faq .muf-faq__intro { max-width: 750px; color: #e4e7df; font-size: 18px; margin: 0; }
.muf-faq .muf-faq__hero a { color: inherit; }
.muf-faq .muf-faq__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.muf-faq .muf-faq__button { display: inline-block; background: var(--faq-gold); color: var(--faq-ink); border: 1px solid var(--faq-gold); border-radius: 5px; padding: 11px 18px; text-decoration: none; font-size: 14px; font-weight: 750; }
.muf-faq .muf-faq__button:hover { background: #ffcb67; color: var(--faq-ink); }
.muf-faq h2 { font-size: 27px; line-height: 1.25; letter-spacing: -.03em; margin: 0 0 20px; color: inherit; }
.muf-faq .muf-faq__lead { color: var(--faq-muted); max-width: 750px; margin: 0 0 24px; }
.muf-faq .muf-faq__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 44px; }
.muf-faq .muf-faq__card { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--faq-rule); border-top: 5px solid var(--faq-gold); border-radius: 12px; padding: 24px 26px; text-decoration: none; box-shadow: 0 5px 18px #15181305; }
.muf-faq .muf-faq__card:hover { border-color: #b47b13; color: var(--faq-ink); }
.muf-faq .muf-faq__card h3 { font-size: 22px; font-weight: 750; letter-spacing: -.025em; line-height: 1.25; margin: 0 0 12px; color: inherit; }
.muf-faq .muf-faq__card p { font-size: 14px; color: var(--faq-muted); margin: 0 0 20px; }
.muf-faq .muf-faq__card span { font-size: 13px; font-weight: 700; margin-top: auto; }
.muf-faq .muf-faq__layout { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 46px; align-items: start; }
.muf-faq .muf-faq__contents { background: #fff; border: 1px solid var(--faq-rule); border-top: 5px solid var(--faq-gold); border-radius: 10px; padding: 18px 20px; }
.muf-faq .muf-faq__contents h2 { font-size: 13px; letter-spacing: .05em; text-transform: uppercase; }
.muf-faq .muf-faq__contents a { display: block; padding: 8px 0; border-bottom: 1px solid var(--faq-rule); text-decoration: none; font-size: 13px; }
.muf-faq .muf-faq__group { margin: 0 0 40px; scroll-margin-top: 150px; }
.muf-faq .muf-faq__item { background: #fff; border: 1px solid var(--faq-rule); border-radius: 9px; margin: 0 0 10px; scroll-margin-top: 150px; }
.muf-faq .muf-faq__item summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px 22px; cursor: pointer; list-style: none; }
.muf-faq .muf-faq__item summary::-webkit-details-marker { display: none; }
.muf-faq .muf-faq__item summary::after { content: '+'; flex: 0 0 27px; width: 27px; height: 27px; border-radius: 50%; background: #fff0cf; color: #63430a; font-size: 23px; line-height: 25px; text-align: center; }
.muf-faq .muf-faq__item[open] { border-color: #b47b13; }
.muf-faq .muf-faq__item[open] summary { background: #fff8e9; border-radius: 9px 9px 0 0; margin-bottom: 18px; }
.muf-faq .muf-faq__item[open] summary::after { content: '\2212'; }
.muf-faq .muf-faq__item summary h3 { margin: 0; font: 650 16px/1.5 Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: 0; color: inherit; }
.muf-faq .muf-faq__answer { padding: 0 22px 22px; overflow-wrap: anywhere; }
.muf-faq .muf-faq__answer p { margin: 0 0 15px; }
.muf-faq .muf-faq__answer p:last-child { margin: 0; }
.muf-faq .muf-faq__sources { font-size: 12px; color: var(--faq-muted); }
.muf-faq .muf-faq__note { border-left: 5px solid var(--faq-gold); background: #fff4d9; border-radius: 8px; padding: 22px 24px; margin: 30px 0; }
.muf-faq .muf-faq__note h2 { font-size: 20px; }
.muf-faq .muf-faq__note p { margin: 0 0 12px; }
.muf-faq .muf-faq__note p:last-child { margin-bottom: 0; }
.muf-faq .muf-faq__related { border-top: 1px solid var(--faq-rule); padding-top: 28px; margin-top: 34px; }
.muf-faq .muf-faq__related ul { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 0; margin: 0; list-style: none; }
.muf-faq .muf-faq__related a { font-size: 14px; }
@media (max-width: 850px) {
  .muf-faq .muf-faq__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .muf-faq .muf-faq__layout { grid-template-columns: 1fr; gap: 28px; }
  .muf-faq .muf-faq__hero { padding: 30px 28px; border-right-width: 7px; }
}
@media (max-width: 500px) {
  .muf-faq .muf-faq__shell { padding: 0 18px; }
  .muf-faq .muf-faq__crumbs { font-size: 12px; padding: 18px 0; }
  .muf-faq .muf-faq__hero { padding: 26px 20px; border-radius: 11px; }
  .muf-faq h1 { font-size: 34px; }
  .muf-faq .muf-faq__intro { font-size: 16px; }
  .muf-faq .muf-faq__cards { grid-template-columns: 1fr; gap: 13px; }
  .muf-faq .muf-faq__card { padding: 22px; }
  .muf-faq .muf-faq__item summary { padding: 18px 16px; gap: 12px; }
  .muf-faq .muf-faq__answer { padding: 0 16px 20px; }
  .muf-faq .muf-faq__note { padding: 20px 18px; }
}
@media print {
  .muf-faq { background: #fff; }
  .muf-faq .muf-faq__hero { background: #fff; color: #151813; border: 1px solid #777; }
  .muf-faq .muf-faq__intro, .muf-faq .muf-faq__eyebrow { color: #151813; }
  .muf-faq .muf-faq__contents, .muf-faq .muf-faq__actions { display: none; }
  .muf-faq .muf-faq__layout { display: block; }
  .muf-faq .muf-faq__item { break-inside: avoid; }
}

.muf-faq .muf-faq__hero .muf-faq__button { color: var(--faq-ink); }

.muf-faq .muf-faq__answer a, .muf-faq .muf-faq__note a { text-decoration: underline; text-underline-offset: 3px; }
