/* V168 — Inspirations : alignement sur les gabarits éditoriaux du studio. */
.ms-insp-wrap{padding:clamp(75px,8vw,110px) 0 90px;background:#e9eafe;color:#1b1b39;min-height:70vh}
.ms-insp-wrap>.container{width:min(var(--max),calc(100% - 80px));max-width:none;margin-inline:auto;padding:0}
.ms-insp-head{max-width:880px}.ms-insp-head h1{font-size:clamp(42px,5vw,66px);line-height:1.1;letter-spacing:-.045em;margin:22px 0 34px;font-weight:800}
.ms-insp-head>p:last-child{font-size:18px;line-height:1.75;color:#375268;max-width:730px}
.ms-insp-form{margin-top:55px}.ms-insp-form label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}
.ms-insp-search{display:flex;gap:12px;max-width:960px}.ms-insp-search input{min-width:0;flex:1;border:1px solid #cdd3e5;border-radius:4px;background:#fff;padding:16px 20px;font:inherit;color:#1b1b39}
.ms-insp-search button{border:1px solid #1b1b39;border-radius:3px;padding:15px 25px;background:#1b1b39;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:background .2s}
.ms-insp-search button:hover{background:#3452b6;border-color:#3452b6}
.ms-insp-suggestions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0 35px;font-size:13px}.ms-insp-suggestions span{color:#545c79}
.ms-insp-suggestions button{border:1px solid #cdd3e5;border-radius:3px;padding:9px 14px;background:transparent;color:#1b1b39;cursor:pointer}.ms-insp-suggestions button:hover{background:#fff}
.ms-insp-status{font-size:14px;color:#505777;margin:0 0 22px}.ms-insp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ms-insp-card{overflow:hidden;border-radius:4px;background:#fff;border:1px solid #d9deec}.ms-insp-card a{display:block;color:inherit;text-decoration:none}
.ms-insp-card img{display:block;width:100%;height:210px;object-fit:cover;background:#e4e2ec}.ms-insp-card-content{padding:15px}.ms-insp-card strong{font-size:13px;line-height:1.4;display:block;overflow-wrap:anywhere}.ms-insp-card small{font-size:11px;color:#65647b;display:block;margin-top:7px;line-height:1.5}
.ms-insp-pagination{text-align:center;margin:30px}.ms-insp-disclaimer{max-width:900px;margin-top:45px;font-size:12px;line-height:1.75;color:#626780}
@media(max-width:1000px){.ms-insp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ms-insp-wrap>.container{width:min(var(--max),calc(100% - 38px))}.ms-insp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.ms-insp-grid{grid-template-columns:1fr}.ms-insp-search{flex-direction:column}.ms-insp-search button{width:100%}.ms-insp-card img{height:260px}}

/* V169 — Hero centré et largeur éditoriale harmonisée */
.ms-insp-wrap{padding:clamp(72px,7vw,106px) 0 86px}
.ms-insp-wrap>.container{width:min(var(--max,1240px),calc(100% - 80px));margin-inline:auto}
.ms-insp-head{max-width:920px;margin:0 auto;text-align:center}
.ms-insp-head h1{font-size:clamp(36px,4.1vw,54px);line-height:1.13;letter-spacing:-.045em;margin:25px auto 26px;max-width:920px;text-wrap:balance}
.ms-insp-head>p:last-child{font-size:clamp(16px,1.25vw,18px);line-height:1.65;max-width:630px;margin:0 auto;text-wrap:pretty}
.ms-insp-head .ms-breadcrumb,.ms-insp-head .breadcrumb{justify-content:center;text-align:center}
.ms-insp-form{max-width:860px;margin:46px auto 0}
.ms-insp-form label{text-align:left}
.ms-insp-search{max-width:none}
.ms-insp-suggestions{justify-content:center;margin:18px auto 32px;max-width:950px}
.ms-insp-status{text-align:center;margin:20px auto 28px}
.ms-insp-pagination{margin:35px auto 0}
.ms-insp-disclaimer{max-width:860px;margin:38px auto 0;color:#545c79;font-size:12px;line-height:1.7}
.ms-insp-disclaimer summary{cursor:pointer;font-weight:700;color:#1b1b39;list-style:revert;max-width:max-content;margin:0 auto}
.ms-insp-disclaimer p{margin:12px 0 0}
.ms-insp-search input:focus-visible,.ms-insp-search button:focus-visible,.ms-insp-suggestions button:focus-visible,.ms-insp-pagination button:focus-visible,.ms-insp-disclaimer summary:focus-visible{outline:3px solid #315bff;outline-offset:3px}
@media(max-width:760px){.ms-insp-wrap>.container{width:min(var(--max,1240px),calc(100% - 38px))}.ms-insp-head h1{font-size:clamp(32px,7vw,44px)}.ms-insp-form{margin-top:36px}.ms-insp-suggestions{justify-content:flex-start}.ms-insp-status{text-align:left}}
@media(max-width:550px){.ms-insp-wrap{padding-top:60px}.ms-insp-head h1{font-size:clamp(30px,8vw,38px)}.ms-insp-head>p:last-child{font-size:16px}.ms-insp-search button{min-height:48px}}

/* V174: readable, compact image metadata */
.ms-insp-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.8em;overflow-wrap:break-word}
.ms-insp-card small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}

/* V176 : hero éditorial séparé de la recherche et des résultats */
.ms-insp-wrap{padding:0!important;background:#fff}
.ms-insp-hero{background:#e9eaff;padding:clamp(76px,7vw,112px) 0 clamp(82px,7vw,112px)}
.ms-insp-workspace{background:#fcfcfa;padding:clamp(55px,6vw,86px) 0 95px}
.ms-insp-hero>.container,.ms-insp-workspace>.container{width:min(var(--max,1240px),calc(100% - 80px));margin-inline:auto}
.ms-insp-section-label{font-size:11px;font-weight:700;letter-spacing:.17em;color:#315bff;text-transform:uppercase;margin:0 0 22px}
.ms-insp-form{margin:0 auto;max-width:860px}
.ms-insp-suggestions{margin-bottom:0}
.ms-insp-results-area{border-top:1px solid #d9deec;margin-top:clamp(48px,5vw,72px);padding-top:clamp(38px,4vw,56px)}
.ms-insp-results-area>.ms-insp-section-label{margin-bottom:25px}
.ms-insp-status{text-align:left;margin:0 0 25px}
.ms-insp-disclaimer{margin-top:45px}
@media(max-width:760px){.ms-insp-hero>.container,.ms-insp-workspace>.container{width:calc(100% - 38px)}.ms-insp-hero{padding:65px 0 75px}.ms-insp-workspace{padding:55px 0 70px}}

/* V177 — Recherche dans le bandeau, résultats sur fond clair */
.ms-insp-hero{padding:clamp(64px,6vw,95px) 0 clamp(58px,5vw,76px)}
.ms-insp-hero .ms-insp-form{margin:43px auto 0}
.ms-insp-hero .ms-insp-suggestions{margin:18px auto 0}
.ms-insp-workspace{padding:clamp(42px,4.5vw,66px) 0 95px}
.ms-insp-results-area{border-top:0;margin-top:0;padding-top:0}
.ms-insp-status{text-align:center}
@media(max-width:760px){.ms-insp-hero .ms-insp-form{margin-top:30px}.ms-insp-workspace{padding:36px 0 65px}}

/* V179 — lien d’accès direct si les deux recherches sont indisponibles. */
.ms-insp-help a{color:#1b1b39;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.ms-insp-help a:hover{color:#315bff}


/* V181 — Page Inspirations : composition éditoriale alignée à gauche.
   Conserve le bandeau de recherche, la grille et le chargement de 12 images de V180. */
.ms-insp-hero .ms-insp-head,
.ms-insp-hero .ms-insp-form,
.ms-insp-hero .ms-insp-suggestions {
  width:100%;
  max-width:880px; /* même largeur de colonne que .page-hero .container.narrow */
  margin-right:auto;
  margin-left:auto;
}
.ms-insp-hero .ms-insp-head {
  text-align:left;
}
.ms-insp-hero .ms-insp-head .ms-breadcrumb,
.ms-insp-hero .ms-insp-head .breadcrumb {
  justify-content:flex-start;
  text-align:left;
}
.ms-insp-hero .ms-insp-head h1 {
  max-width:100%;
  margin:25px 0 26px;
  text-align:left;
}
.ms-insp-hero .ms-insp-head > p:last-child {
  max-width:690px;
  margin:0;
  text-align:left;
}
.ms-insp-hero .ms-insp-form {
  margin-top:43px;
}
.ms-insp-hero .ms-insp-search {
  width:100%;
}
.ms-insp-hero .ms-insp-search input {
  border-radius:14px;
}
.ms-insp-hero .ms-insp-search button {
  border-radius:14px;
}
.ms-insp-hero .ms-insp-suggestions {
  justify-content:flex-start;
  margin-top:18px;
}
.ms-insp-hero .ms-insp-suggestions button {
  border-radius:9px;
}
.ms-insp-workspace .ms-insp-status {
  text-align:left;
}
.ms-insp-workspace .ms-insp-disclaimer summary {
  margin-left:0;
  margin-right:0;
}
@media (max-width:760px) {
  .ms-insp-hero .ms-insp-form {margin-top:30px;}
  .ms-insp-hero .ms-insp-head h1 {margin-top:20px;}
}

/* V182 — Mentions sous les suggestions de recherche, dans le bandeau éditorial. */
.ms-insp-hero .ms-insp-disclaimer {
  box-sizing:border-box;
  max-width:880px;
  width:100%;
  margin:25px auto 0;
  font-size:12px;
  line-height:1.7;
  color:#545c79;
}
.ms-insp-hero .ms-insp-disclaimer summary {
  cursor:pointer;
  font-weight:700;
  color:#1b1b39;
  margin:0;
  max-width:max-content;
  list-style:revert;
}
.ms-insp-hero .ms-insp-disclaimer p {margin:12px 0 0;max-width:830px;}
.ms-insp-hero .ms-insp-disclaimer summary:focus-visible {outline:3px solid #315bff;outline-offset:3px;}


/* V183 — Barre de recherche elliptique, CTA hérité du design system du site. */
.ms-insp-hero .ms-insp-search{display:flex;align-items:stretch;gap:12px;max-width:880px}
.ms-insp-hero .ms-insp-field{position:relative;display:flex;align-items:center;min-width:0;flex:1}
.ms-insp-hero .ms-insp-search-icon{position:absolute;left:21px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#737893;z-index:1;pointer-events:none}
.ms-insp-hero .ms-insp-search input{width:100%;min-width:0;min-height:61px;border:1px solid #cbd0e3;border-radius:999px!important;background:#fff;padding:16px 22px 16px 56px;box-shadow:0 2px 8px rgba(27,27,57,.025);transition:border-color .2s,box-shadow .2s}
.ms-insp-hero .ms-insp-search input:hover{box-shadow:0 3px 14px rgba(27,27,57,.08)}
.ms-insp-hero .ms-insp-search input:focus{outline:0;border-color:#7e91c8;box-shadow:0 0 0 3px rgba(49,91,255,.11)}
.ms-insp-hero .ms-insp-search button.ms-insp-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #1b1b39;border-radius:4px!important;background:#1b1b39;color:#fff;min-height:61px;padding:15px 24px;font-weight:700;font-size:.87rem;line-height:1.25;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.ms-insp-hero .ms-insp-search button.ms-insp-submit:hover{background:#3452b6;border-color:#3452b6;transform:translateY(-2px)}
.ms-insp-hero .ms-insp-search button.ms-insp-submit span{font-size:1.2rem;font-weight:400}
@media(max-width:550px){.ms-insp-hero .ms-insp-search{flex-direction:column}.ms-insp-hero .ms-insp-search button.ms-insp-submit{width:100%;justify-content:center;min-height:53px}.ms-insp-hero .ms-insp-field{width:100%}}
/* Galerie d'inspiration : conserve les proportions des visuels, présentation type moodboard. */
.ms-insp-grid{display:block;column-count:4;column-gap:17px}
.ms-insp-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 17px;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(27,27,57,.03);transition:box-shadow .2s,transform .2s}
.ms-insp-card:hover{box-shadow:0 7px 25px rgba(27,27,57,.13);transform:translateY(-2px)}
.ms-insp-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#efeff6}
.ms-insp-card-content{padding:11px 12px 14px}
.ms-insp-card strong{font-size:12px;min-height:0}
.ms-insp-card small{font-size:10px;overflow-wrap:anywhere}
@media(max-width:1000px){.ms-insp-grid{column-count:3}}
@media(max-width:760px){.ms-insp-grid{column-count:2}}
@media(max-width:460px){.ms-insp-grid{column-count:1}}

/* V185 — Page Inspirations façon moteur de recherche : tout est centré, plus de bouton « Rechercher ». */
.ms-insp-hero .ms-insp-head,.ms-insp-hero .ms-insp-form,.ms-insp-hero .ms-insp-suggestions,.ms-insp-hero .ms-insp-disclaimer{margin-left:auto;margin-right:auto;text-align:center}
.ms-insp-hero .ms-insp-head{max-width:880px}
.ms-insp-hero .ms-insp-head .ms-breadcrumb,.ms-insp-hero .ms-insp-head .breadcrumb{justify-content:center;text-align:center}
.ms-insp-hero .ms-insp-head h1{margin-left:auto;margin-right:auto;text-align:center}
.ms-insp-hero .ms-insp-head>p:last-child{margin-left:auto;margin-right:auto;text-align:center}
.ms-insp-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ms-insp-hero .ms-insp-form{max-width:720px}
.ms-insp-hero .ms-insp-search{max-width:720px;margin:0 auto;display:block}
.ms-insp-hero .ms-insp-field{width:100%}
.ms-insp-hero .ms-insp-search input{min-height:62px;padding:16px 24px 16px 62px;font-size:1.02rem;text-align:left;box-shadow:0 2px 12px rgba(27,27,57,.07)}
.ms-insp-hero .ms-insp-search input:hover,.ms-insp-hero .ms-insp-search input:focus{box-shadow:0 4px 20px rgba(27,27,57,.13)}
.ms-insp-hero .ms-insp-search .ms-insp-field .ms-insp-icon-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;margin:0;border:0!important;border-radius:50%!important;background:transparent!important;color:#4a5170;cursor:pointer;min-height:0;transition:background .2s,color .2s}
.ms-insp-hero .ms-insp-search .ms-insp-field .ms-insp-icon-btn:hover{background:#eef0fb!important;color:#244b9a;transform:translateY(-50%)}
.ms-insp-hero .ms-insp-search .ms-insp-icon-btn .ms-insp-search-icon{position:static;transform:none;width:22px;height:22px;color:inherit;pointer-events:none}
.ms-insp-hero .ms-insp-search .ms-insp-icon-btn:focus-visible{outline:3px solid #315bff;outline-offset:2px}
.ms-insp-hero .ms-insp-suggestions{justify-content:center;max-width:720px}
.ms-insp-hero .ms-insp-disclaimer{max-width:720px;text-align:center}
.ms-insp-hero .ms-insp-disclaimer summary{margin-left:auto;margin-right:auto}
.ms-insp-hero .ms-insp-disclaimer p{margin-left:auto;margin-right:auto;text-align:center}
.ms-insp-workspace .ms-insp-status,.ms-insp-status{text-align:center}
@media(max-width:760px){.ms-insp-hero .ms-insp-suggestions{justify-content:center}.ms-insp-status{text-align:center}}

/* V186 — Mentions légales : titre centré, texte aligné à gauche dans un bloc centré (lisibilité). */
.ms-insp-hero .ms-insp-disclaimer p{max-width:640px;margin-left:auto;margin-right:auto;text-align:left;hyphens:auto}

/* V187 — Filtres de type, pagination réelle (12 résultats/page), cartes d'articles. */
.ms-insp-filters{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 auto 24px}
.ms-insp-filters button{border:1px solid #d0d4e8;color:#1b1b39;background:#fff;border-radius:999px;padding:10px 18px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}
.ms-insp-filters button:hover{border-color:#1b1b39}
.ms-insp-filters button.is-active{background:#1b1b39;color:#fff;border-color:#1b1b39}
.ms-insp-filters button:focus-visible,.ms-insp-pagination button:focus-visible{outline:3px solid #315bff;outline-offset:3px}
.ms-insp-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:40px 0 0}
.ms-insp-pagination[hidden]{display:none}
.ms-insp-page-btn{font:inherit;font-size:13px;font-weight:600;color:#1b1b39;background:#fff;border:1px solid #d0d4e8;border-radius:8px;padding:12px 14px;cursor:pointer;min-width:42px;transition:background .2s}
.ms-insp-page-btn:hover:not(:disabled){background:#eaecff}
.ms-insp-page-btn.is-current{background:#1b1b39;color:#fff;border-color:#1b1b39;cursor:default}
.ms-insp-page-btn:disabled{opacity:.45;cursor:not-allowed}
.ms-insp-pages-dots{padding:0 4px;color:#737893}
.ms-insp-card--noimg{background:#eff0fc}
.ms-insp-card--noimg>a{display:flex;flex-direction:column;justify-content:center;min-height:225px}
.ms-insp-card--article .ms-insp-card-content{padding:19px 18px 20px}
.ms-insp-card--article strong{font-size:15px;line-height:1.4;display:block;margin:8px 0}
.ms-insp-kind{font-size:10px;letter-spacing:.1em;font-weight:800;color:#626f9a}
.ms-insp-excerpt{font-size:12px;line-height:1.55;color:#4b5574;margin:6px 0 12px}
.ms-insp-status{margin:8px 0 24px;line-height:1.6}
@media(max-width:560px){.ms-insp-page-btn{padding:10px 11px;min-width:35px}.ms-insp-filters{gap:7px}.ms-insp-filters button{padding:8px 12px}}

/* V188 — Pagination visuellement discrète, page active identifiable.
   Les pages non sélectionnées prennent une apparence grisée. */
.ms-insp-pagination {
  gap:5px;
  margin:27px 0 0;
}
.ms-insp-pagination .ms-insp-page-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:auto;
  min-width:32px;
  height:32px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:7px;
  background:#f1f2f6;
  color:#9096a8;
  font:inherit;
  font-size:12px;
  font-weight:550;
  line-height:1;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .18s,border-color .18s,color .18s;
}
.ms-insp-pagination .ms-insp-page-btn:hover:not(:disabled):not(.is-current) {
  background:#e9eaf3;
  border-color:#d9dced;
  color:#1b1b39;
}
.ms-insp-pagination .ms-insp-page-btn.is-current {
  background:#e2e5f3;
  border-color:#c4cae4;
  color:#1b1b39;
  font-weight:750;
  cursor:default;
}
.ms-insp-pagination .ms-insp-page-btn--nav {
  background:transparent;
  color:#707890;
  border-color:transparent;
  min-width:0;
  padding:0 10px;
  font-weight:500;
}
.ms-insp-pagination .ms-insp-page-btn--nav:hover:not(:disabled) {
  background:#f1f2f6;
  color:#1b1b39;
  border-color:transparent;
}
.ms-insp-pagination .ms-insp-page-btn:disabled {
  opacity:.35;
  cursor:default;
}
.ms-insp-pagination .ms-insp-pages-dots {
  padding:0 3px;
  color:#a6abbb;
  font-size:12px;
}
@media (max-width:560px) {
  .ms-insp-pagination {gap:3px;margin-top:23px;}
  .ms-insp-pagination .ms-insp-page-btn {min-width:30px;height:30px;padding:0 7px;}
  .ms-insp-pagination .ms-insp-page-btn--nav {padding:0 7px;}
}
