/* Pages éditoriales : À propos, Avis, Questions fréquentes, Contact, pages légales. En-tête sur champ bleu, corps sur crème. */

.mk-pagehead { display: grid; gap: var(--mk-space-4); padding-block: var(--mk-space-8) var(--mk-space-7); padding-inline: max(var(--mk-gutter), (100% - 1440px) / 2); }
.mk-pagehead > *, .mk-pagehead .mk-h1 { margin: 0 !important; }
.mk-pagehead .mk-lede { max-width: 38em; }
.mk-pagebody { padding-block: var(--mk-space-7) var(--mk-section); }
.mk-pagebody > *:first-child { margin-top: 0; }
.mk-pagebody__more { margin-top: var(--mk-space-7); font-family: var(--mk-font-sans); color: var(--mk-ink-soft); }

/* Avis */
.mk-avis { display: grid; gap: var(--mk-space-6); }
.mk-avis__filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--mk-space-3); }
.mk-avis__filter .mk-field { min-width: 16rem; }
.mk-avis__empty, .mk-faqpage__empty { margin: 0; font-family: var(--mk-font-sans); color: var(--mk-ink-soft); max-width: 40em; }

/* Questions fréquentes : sommaire collant à gauche, groupes à droite */
.mk-faqpage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--mk-space-7); align-items: start; }
.mk-faqpage__nav { position: sticky; top: calc(84px + var(--mk-space-5)); }
.mk-faqpage__nav ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mk-space-2); font-family: var(--mk-font-sans); }
.mk-faqpage__groups { display: grid; gap: var(--mk-space-7); }
.mk-faqpage__group { scroll-margin-top: calc(84px + var(--mk-space-4)); }
.mk-faqpage__group > .mk-h3 { margin: 0 0 var(--mk-space-3); }
.mk-faqpage .mk-faqs { max-width: 46rem; border-bottom: var(--mk-hairline); }
.mk-faqpage .mk-faq { border-top: var(--mk-hairline); }
.mk-faqpage .mk-faq__q { margin: 0; list-style: none; display: flex; justify-content: space-between; align-items: baseline; gap: var(--mk-space-4); min-height: var(--mk-touch); padding-block: var(--mk-space-4); cursor: pointer; font-family: var(--mk-font-serif); font-size: 1.5rem; line-height: 1.2; color: var(--mk-ink); transition: color var(--mk-dur-1) var(--mk-ease); }
.mk-faqpage .mk-faq__q::-webkit-details-marker { display: none; }
.mk-faqpage .mk-faq__q::after { content: ""; flex: none; inline-size: .6rem; block-size: .6rem; border-inline-end: var(--mk-stroke) solid var(--mk-blue); border-block-end: var(--mk-stroke) solid var(--mk-blue); transform: translateY(-.2em) rotate(45deg); transition: transform var(--mk-dur-2) var(--mk-ease); }
.mk-faqpage .mk-faq[open] > .mk-faq__q::after { transform: translateY(.1em) rotate(-135deg); }
.mk-faqpage .mk-faq__q:hover { color: var(--mk-blue); }
.mk-faqpage .mk-faq__q:focus-visible { outline: 2px solid transparent; box-shadow: var(--mk-focus); border-radius: var(--mk-radius); }
.mk-faqpage .mk-faq__a { padding-bottom: var(--mk-space-5); font-size: 1.25rem; }
.mk-faqpage .mk-faq__a > * { margin: 0; }
.mk-faqpage .mk-faq__a > * + * { margin-top: .8em; }

/* Contact : formulaire à gauche, coordonnées à droite */
.mk-contactpage { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--mk-space-8); align-items: start; }
.mk-contact [hidden], .mk-avis [hidden] { display: none !important; }
.mk-contact { display: grid; gap: var(--mk-space-5); max-width: 44rem; }
.mk-contact > * { margin: 0; }
.mk-contact__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mk-space-4); }
.mk-contact__status { font-family: var(--mk-font-sans); font-size: 1rem; }
.mk-contact__status:empty { display: none; }
.mk-contact__status.is-success { padding: var(--mk-space-4); border-inline-start: 2px solid var(--mk-success); background: var(--mk-paper); color: var(--mk-success); }
.mk-contact__status.is-error { color: var(--mk-error); }
.mk-contact__status:focus { outline: none; }
.mk-contact .mk-check { font-family: var(--mk-font-sans); display: flex; gap: var(--mk-space-3); align-items: flex-start; line-height: 1.5; cursor: pointer; }
.mk-contact .mk-check input { flex: none; margin-top: .2em; inline-size: 1.1rem; block-size: 1.1rem; }
.mk-contact .mk-btn[aria-busy="true"] { opacity: .7; cursor: progress; }
.mk-contactpage__aside { display: grid; gap: var(--mk-space-3); padding-top: var(--mk-space-4); border-top: 2px solid var(--mk-blue); font-family: var(--mk-font-sans); }
.mk-contactpage__aside > * { margin: 0; }
.mk-contactpage__aside .mk-h3 { margin-top: var(--mk-space-4); }
.mk-contactpage__aside .mk-h3:first-child { margin-top: 0; }

/* Pages légales : lecture d'interface, mesure courte */
.mk-legal { max-width: 46rem; margin-inline: auto; font-family: var(--mk-font-sans); font-size: 1.0625rem; line-height: 1.7; color: var(--mk-ink); }
.mk-legal > * { margin: 0; }
.mk-legal > * + * { margin-top: var(--mk-space-4); }
.mk-legal h2 { margin-top: var(--mk-space-7); font-family: var(--mk-font-serif); font-weight: 500; font-size: 1.875rem; line-height: 1.1; color: var(--mk-blue); }
.mk-legal ul { padding-inline-start: 1.2em; }
.mk-legal li + li { margin-top: var(--mk-space-2); }

@media (max-width: 1024px) {
	.mk-faqpage, .mk-contactpage { grid-template-columns: minmax(0, 1fr); }
	.mk-faqpage__nav { position: static; }
}
@media (max-width: 640px) {
	.mk-pagehead { padding-block: var(--mk-space-6); }
	.mk-contact__row { grid-template-columns: 1fr; }
	.mk-faqpage .mk-faq__q { font-size: 1.3125rem; }
}

/* Information encore à fournir sur une page publiée en version provisoire (Provisional) */
.mk-pending { font-style: italic; color: var(--mk-ink-soft); }