/* ===================== Page FAQ (composants de « Ce que nous mesurons ») ===================== */
.mk-hero{position:relative;padding:calc(var(--hdr) + clamp(72px,9vw,128px)) 0 clamp(56px,6vw,88px);background:var(--umber-deep) url(../img/tex-tendance.webp) center/cover no-repeat;overflow:hidden}
.mk-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(18,18,17,.55),rgba(18,18,17,.85))}
.mk-hero-in{position:relative;display:flex;flex-direction:column;gap:24px}
.mk{padding:clamp(56px,6vw,96px) 0 var(--sec)}
.mk-layout{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.mk-side{position:sticky;top:calc(var(--hdr) + 24px)}
.mk-bar{display:flex;flex-direction:column;gap:18px}
.mk-search{display:flex;align-items:center;gap:10px;height:50px;padding:0 18px;border-radius:999px;background:var(--white);border:1px solid var(--line);color:var(--muted);transition:border-color .3s,box-shadow .3s}
.mk-search:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(27,26,24,.06)}
.mk-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink)}
.mk-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.mk-chips{display:flex;flex-wrap:wrap;gap:8px}
.mk-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);font-size:13.5px;line-height:1.1;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background-color .3s,color .3s,border-color .3s}
.mk-chip.cur{background:var(--ink);border-color:var(--ink);color:var(--white)}
.mk-main{display:flex;flex-direction:column;gap:clamp(56px,6vw,88px);min-width:0}
/* section.mk-cat (et non .mk-cat) : doit passer devant section[id] de la feuille commune */
section.mk-cat{scroll-margin-top:calc(var(--hdr) + 24px)}
.mk-cat-h{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.mk-cat-h h2{font-size:clamp(32px,3.2vw,44px);line-height:1.05}
.mk-cat.hide,.faq-pg details.hide{display:none}

@media (max-width:1000px){
  .mk-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .mk-side{position:sticky;top:var(--hdr);z-index:40;margin:0 calc(-1 * var(--gutter));padding:12px var(--gutter);background:rgba(245,244,241,.92);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);border-bottom:1px solid var(--line);transition:top .6s var(--ease)}
  .hdr-off .mk-side{top:0}
  .mk-bar{gap:10px}
  .mk-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}
  .mk-chips::-webkit-scrollbar{display:none}
  section.mk-cat{scroll-margin-top:calc(var(--hdr) + 150px)}
}

.faq-pg .mk-main{gap:clamp(48px,5vw,72px)}
.faq-pg .mk-cat-h{margin-bottom:4px}
.faq-pg .ans a{color:var(--ink);text-underline-offset:3px}
.faq-help{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid var(--line)}
.faq-help .tel{font-size:16px}
.faq-help .tel-wa{font-size:15px}
@media (hover:hover){.mk-chip:not(.cur):hover{border-color:var(--ink)}}
@media (max-width:1000px){.faq-help{display:none}}