/* ═══════════════════════════════════════════════════
   PMB Content — cocon (pages métier / pilier)
   Cohérent charte Polaris Mont-Blanc (Barlow, bleu #004E97, gold #F5B324).
   ═══════════════════════════════════════════════════ */

.pmb-cnt { --pmb-blue:#004E97; --pmb-gold:#F5B324; --pmb-ink:#14181F; --pmb-gray:#5B6470; --pmb-snow:#F5F8FF; --pmb-border:rgba(10,10,10,.08); }

/* ── Hero ── */
.pmb-cnt-hero { position:relative; padding:96px 0 64px; background:var(--pmb-blue); color:#fff; overflow:hidden; }
.pmb-cnt-hero-bg { position:absolute; inset:0; z-index:0;
  background:linear-gradient(135deg,#004E97 0%,#0a2a4d 100%); }
.pmb-cnt-hero--photo .pmb-cnt-hero-bg {
  background-image:linear-gradient(120deg, rgba(4,12,28,.92) 0%, rgba(4,12,28,.55) 55%, rgba(4,12,28,.25) 100%), var(--cnt-hero-bg);
  background-size:cover; background-position:center; }
.pmb-cnt-hero-inner { position:relative; z-index:1; max-width:820px; }
.pmb-cnt-eyebrow { display:inline-block; font-family:'Barlow Semi Condensed',sans-serif; font-size:12px; font-weight:700;
  letter-spacing:3px; text-transform:uppercase; color:var(--pmb-gold); text-decoration:none; margin-bottom:18px; }
.pmb-cnt-eyebrow:hover { text-decoration:underline; }
.pmb-cnt-title { font-family:'Barlow Semi Condensed',sans-serif; font-size:clamp(30px,5vw,52px); font-weight:800;
  line-height:1.05; text-transform:uppercase; color:#fff; margin:0 0 18px; }
.pmb-cnt-lede { font-size:18px; line-height:1.6; color:rgba(255,255,255,.85); max-width:680px; margin:0; }

/* ── Breadcrumb ── */
.pmb-cnt-breadcrumb { background:var(--pmb-snow); border-bottom:1px solid var(--pmb-border); font-size:13px; }
.pmb-cnt-breadcrumb .container { padding:12px 0; color:var(--pmb-gray); }
.pmb-cnt-breadcrumb a { color:var(--pmb-blue); text-decoration:none; }
.pmb-cnt-bc-sep { margin:0 8px; color:var(--pmb-border); }

/* ── Layout corps + aside ── */
.pmb-cnt-body-wrap { padding:56px 0 80px; }
.pmb-cnt-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:56px; align-items:start; }

/* ── Prose (contenu converti) ── */
.pmb-cnt-prose { font-family:'Barlow',sans-serif; color:var(--pmb-ink); font-size:17px; line-height:1.75; max-width:760px; }
.pmb-cnt-prose h2 { font-family:'Barlow Semi Condensed',sans-serif; font-size:27px; font-weight:800; text-transform:uppercase;
  letter-spacing:-.3px; color:var(--pmb-ink); margin:44px 0 14px; padding-top:18px; border-top:2px solid var(--pmb-border); }
.pmb-cnt-prose h3 { font-family:'Barlow Semi Condensed',sans-serif; font-size:20px; font-weight:700; color:var(--pmb-blue); margin:28px 0 10px; }
.pmb-cnt-prose p { margin:0 0 16px; }
.pmb-cnt-prose ul { margin:0 0 18px; padding-left:0; list-style:none; }
.pmb-cnt-prose li { position:relative; padding-left:26px; margin-bottom:9px; }
.pmb-cnt-prose li::before { content:''; position:absolute; left:6px; top:11px; width:7px; height:7px; background:var(--pmb-gold); transform:rotate(45deg); }
.pmb-cnt-prose strong { color:var(--pmb-blue); font-weight:700; }
.pmb-cnt-prose a { color:var(--pmb-blue); }
.pmb-cnt-prose blockquote { margin:24px 0; padding:16px 22px; border-left:4px solid var(--pmb-gold);
  background:var(--pmb-snow); font-size:19px; font-weight:600; color:var(--pmb-ink); }

/* ── Modèles recommandés ── */
.pmb-cnt-models { margin:48px 0 0; }
.pmb-cnt-models h2 { font-family:'Barlow Semi Condensed',sans-serif; font-size:22px; font-weight:800; text-transform:uppercase; margin:0 0 16px; }
.pmb-cnt-models-grid { display:flex; flex-wrap:wrap; gap:12px; }
.pmb-cnt-model-card { display:flex; flex-direction:column; gap:4px; padding:16px 20px; border:1px solid var(--pmb-border);
  border-radius:4px; text-decoration:none; transition:border-color .2s,transform .2s; background:#fff; }
.pmb-cnt-model-card:hover { border-color:var(--pmb-blue); transform:translateY(-2px); }
.pmb-cnt-model-name { font-family:'Barlow Semi Condensed',sans-serif; font-weight:700; font-size:18px; color:var(--pmb-ink); text-transform:uppercase; }
.pmb-cnt-model-arrow { font-size:13px; color:var(--pmb-blue); }

/* ── CTA ── */
.pmb-cnt-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  margin:48px 0 0; padding:28px 32px; background:var(--pmb-blue); border-radius:6px; color:#fff; }
.pmb-cnt-cta-title { font-family:'Barlow Semi Condensed',sans-serif; font-size:22px; font-weight:800; text-transform:uppercase; }
.pmb-cnt-cta p { margin:4px 0 0; color:rgba(255,255,255,.8); font-size:15px; }
.pmb-cnt-cta-btn { flex-shrink:0; background:var(--pmb-gold); color:var(--pmb-ink); font-weight:700; text-transform:uppercase;
  padding:14px 26px; border-radius:4px; text-decoration:none; font-family:'Barlow Semi Condensed',sans-serif; letter-spacing:1px; }
.pmb-cnt-cta-btn:hover { filter:brightness(1.07); }

/* ── Aside maillage cocon ── */
.pmb-cnt-aside { position:sticky; top:90px; }
.pmb-cnt-aside-box { border:1px solid var(--pmb-border); border-radius:6px; padding:22px; background:#fff; }
.pmb-cnt-aside-title { font-family:'Barlow Semi Condensed',sans-serif; font-weight:800; text-transform:uppercase; font-size:14px;
  letter-spacing:1px; color:var(--pmb-ink); margin-bottom:14px; }
.pmb-cnt-aside-list { list-style:none; margin:0 0 16px; padding:0; }
.pmb-cnt-aside-list li { border-top:1px solid var(--pmb-border); }
.pmb-cnt-aside-list li:first-child { border-top:none; }
.pmb-cnt-aside-list a { display:block; padding:10px 0; font-size:14px; color:var(--pmb-ink); text-decoration:none; transition:color .15s,padding .15s; }
.pmb-cnt-aside-list a:hover { color:var(--pmb-blue); padding-left:6px; }
.pmb-cnt-aside-pillar { display:inline-block; font-weight:700; font-size:13px; color:var(--pmb-blue); text-decoration:none; text-transform:uppercase; letter-spacing:.5px; }

@media (max-width:900px) {
  .pmb-cnt-grid { grid-template-columns:1fr; gap:40px; }
  .pmb-cnt-aside { position:static; }
  .pmb-cnt-hero { padding:72px 0 48px; }
}