/* MAW R8 (30/10/2026) — pages familles métiers /metiers/<famille>/ */
.r8-main{--r8-ink:var(--ink,#102d38);--r8-muted:var(--muted,#52646a);--r8-line:var(--line,#dce3e1);--r8-gold:#bc8d4f;--r8-paper:#faf9f5}
.r8-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;color:var(--r8-muted);margin:0 0 14px}
.r8-crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.r8-crumbs [aria-current]{color:var(--r8-ink);font-weight:600}
.r8-section{padding:64px 0}
.r8-alt{background:var(--r8-paper);border-top:1px solid var(--r8-line);border-bottom:1px solid var(--r8-line)}
.r8-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.r8-kicker{margin:0 0 8px;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--r8-gold)}
.r8-wrap>h2{margin:0 0 28px;font-size:clamp(28px,3.4vw,42px);line-height:1.12;color:var(--r8-ink)}
.r8-sub{margin:40px 0 16px;font-size:20px;color:var(--r8-ink)}
.r8-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.r8-card{background:#fff;border:1px solid var(--r8-line);border-radius:16px;padding:20px 22px}
.r8-card h3{margin:0 0 6px;font-size:18px;line-height:1.3;color:var(--r8-ink)}
.r8-card p{margin:0;font-size:16px;line-height:1.55;color:var(--r8-muted)}
.r8-note{margin:22px 0 0;font-size:15px;color:var(--r8-muted)}
.r8-note a{color:var(--r8-ink);font-weight:650}
.r8-proof{width:min(1120px,calc(100% - 40px));margin:56px auto 0;padding:28px 30px;border-radius:20px;background:#102e38;color:#f8f5ef}
.r8-proof .r8-kicker{color:#e4c489}
.r8-proof h2{margin:0 0 8px;font-size:clamp(22px,2.6vw,30px);color:#fff}
.r8-proof p{margin:0 0 14px;max-width:760px;color:#d5e0e3;line-height:1.55}
.r8-proof a{color:#e4c489;font-weight:700}
.r8-trades{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.r8-trade{display:flex;flex-direction:column;gap:4px;min-height:44px;padding:14px 16px;border:1px solid var(--r8-line);border-radius:14px;background:#fff;color:var(--r8-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.r8-trade:hover,.r8-trade:focus-visible{border-color:var(--r8-gold);box-shadow:0 8px 24px #102e3814}
.r8-trade strong{font-size:17px}
.r8-trade span{font-size:14px;line-height:1.45;color:var(--r8-muted)}
.r8-trade.is-top{border-color:#e2cfae;background:#fffaf1}
.r8-final{text-align:center}
.r8-final h2{margin-bottom:22px}
.r8-others{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:30px;font-size:15px;color:var(--r8-muted)}
.r8-others a{color:var(--r8-ink);font-weight:650;min-height:32px;display:inline-flex;align-items:center}
.r8-hubs .tp-directory-card{min-height:auto}
.r8-hubs .tp-directory-card span{-webkit-line-clamp:3}
@media (max-width:640px){.r8-section{padding:44px 0}.r8-proof{padding:22px 20px}.r8-grid,.r8-trades{grid-template-columns:1fr}}
.p6-hero .r8-crumbs{color:#c8d6d9}
.p6-hero .r8-crumbs [aria-current]{color:#fff}