/* ═══ POLICES SELF-HOSTÉES (P5, 08/07/2026) — woff2 locaux (astra-child/fonts/), 0 requête Google.
   Fraunces = police VARIABLE (1 fichier par style couvre les graisses 300-700). Montserrat 400/700 statiques. ═══ */
@font-face{font-display:swap;font-family:'Fraunces';font-style:normal;font-weight:300 700;src:url(/wp-content/themes/astra-child/fonts/fraunces-normal-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Fraunces';font-style:normal;font-weight:300 700;src:url(/wp-content/themes/astra-child/fonts/fraunces-normal-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:swap;font-family:'Fraunces';font-style:italic;font-weight:300 500;src:url(/wp-content/themes/astra-child/fonts/fraunces-italic-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Fraunces';font-style:italic;font-weight:300 500;src:url(/wp-content/themes/astra-child/fonts/fraunces-italic-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/wp-content/themes/astra-child/fonts/montserrat-normal-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/wp-content/themes/astra-child/fonts/montserrat-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/wp-content/themes/astra-child/fonts/montserrat-normal-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/wp-content/themes/astra-child/fonts/montserrat-normal-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat Fallback';src:local('Arial');size-adjust:110.53%;ascent-override:87.58%;descent-override:22.71%;line-gap-override:0%}
@font-face{font-family:'Fraunces Fallback';src:local('Georgia');size-adjust:116.26%;ascent-override:84.12%;descent-override:21.93%;line-gap-override:0%}
/* ═══ DA 2026 — design system complet (ex-CSS additionnel Customizer) ═══
   Source de vérité : theme/da2026-couches.css (repo). Après édition : copier vers
   astra-child/da2026.css + bump ?ver= dans le snippet mp-da2026-css-link.
   Purge CSS mort du 08/07/2026 (P2) : sélecteurs sans occurrence dans tout le
   corpus (contenus WP + snippets + templates + specs docs/refonte) supprimés. */
:root,
[data-theme="dark"]{
    color-scheme: dark;
    --mp-bg:           #111111;
    --mp-bg-darker:    #0a0a0a;
    --mp-bg-surface:   #161616;
    --mp-bg-card:      #0d0d0d;
    --mp-header-bg:    rgba(17, 17, 17, 0.92);
    --mp-white:        #ffffff;
    --mp-text:         #ffffff;
    --mp-muted:        rgba(255, 255, 255, 0.55);
    --mp-muted2:       rgba(255, 255, 255, 0.35);
    --mp-border:       rgba(255, 255, 255, 0.08);
    --mp-bg-photo-opacity:  0.28;
    --mp-bg-photo-blend:    screen;
    --mp-bg-photo-filter:   saturate(.85) contrast(1.05) brightness(.85);
    --mp-orange:       #E55E1F;
    --mp-orange-hover: #f07a40;
    --mp-orange-soft:  rgba(229, 94, 31, 0.12);
    --mp-pillar-tests:     #E55E1F;
    --mp-pillar-guides:    #3B82F6;
    --mp-pillar-entretien: #10B981;
    --mp-pillar-trou-noir: #9333EA;
    --mp-hero-bg-base:     #222222;
    --mp-hero-bg-opacity:  0.42;
    --mp-hero-bg-blend:    luminosity;
}
html[data-theme="light"],[data-theme="light"]{
    color-scheme: light;
    --mp-bg:           #f4efe4;
    --mp-bg-darker:    #ebe4d4;
    --mp-bg-surface:   #e8e0ce;
    --mp-bg-card:      #ede6d6;
    --mp-header-bg:    rgba(244, 239, 228, 0.88);
    --mp-white:        #1a1612;
    --mp-text:         #1a1612;
    --mp-muted:        rgba(26, 22, 18, 0.6);
    --mp-muted2:       rgba(26, 22, 18, 0.4);
    --mp-border:       rgba(26, 22, 18, 0.12);
    --mp-bg-photo-opacity:  0.22;
    --mp-bg-photo-blend:    multiply;
    --mp-bg-photo-filter:   saturate(.8) contrast(.95);
    --mp-hero-bg-base:     #f4efe4;
    --mp-hero-bg-opacity:  0.28;
    --mp-hero-bg-blend:    multiply;
}
body{
    background: var(--mp-bg);
    color: var(--mp-white);
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    -webkit-font-smoothing: antialiased;
    transition: background-color 0.4s ease, color 0.4s ease;
}
html{
    background: var(--mp-bg);
}
#ast-desktop-header,.ast-mobile-header-wrap,.ast-primary-header-bar,#ast-mobile-popup,.site-footer,.ast-small-footer,footer.site-footer{
    display: none !important;
}
footer.mp-footer ~ footer.mp-footer{
    display: none !important;
}
body.home,body.home .entry-content,body.home .entry-content.clear,body.home .ast-container,body.home .site-content,body.home #content,body.home #primary,body.home main,body.home article,body.home .ast-article-single{
    background: transparent !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.home .entry-content[data-ast-blocks-layout="true"] section,body.home .entry-content[data-ast-blocks-layout="true"] div{
    max-width: 100%;
    width: 100%;
}
.mp-bg-photo{
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--mp-bg);
}
/* Photo de fond retirée (10/07/2026) : l'URL pointait vers le WP local (requête
   morte sur le live) et la photo n'était plus affichée. Le fond = couleur + les
   dégradés du ::after ci-dessous, comme rendu constaté depuis la bascule. */
.mp-bg-photo::before{
    content: '';
    position: absolute;
    inset: 0;
    opacity: var(--mp-bg-photo-opacity);
    mix-blend-mode: var(--mp-bg-photo-blend);
    filter: var(--mp-bg-photo-filter);
}
.mp-bg-photo::after{
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 30% 20%, transparent 0%, var(--mp-bg) 78%),
        linear-gradient(180deg, var(--mp-bg) 0%, transparent 12%, transparent 88%, var(--mp-bg) 100%);
}
.mp-home-hero{
    position: relative;
    min-height: 100vh;
    padding: 140px 40px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background-color: transparent;
    max-width: 1400px;
    margin: 0 auto;
}
.mp-home-hero-content{
    position: relative;
    z-index: 2;
    max-width: 1400px;
    width: 100%;
    text-align: left;
}
.mp-hero-title{
    font-family: 'Fraunces', 'Fraunces Fallback', serif;
    font-weight: 300;
    font-size: clamp(64px, 12vw, 180px);
    line-height: .95;
    letter-spacing: -.03em;
    margin-bottom: 56px;
    color: var(--mp-white);
}
.mp-hero-title .mp-line{
    display: block;
    overflow: hidden;
}
.mp-hero-title .mp-rise{
    display: inline-block;
    animation: mp-rise 1.1s cubic-bezier(.2, .8, .2, 1) both;
}
.mp-hero-title .mp-line:nth-child(2) .mp-rise{ animation-delay: .15s; }
.mp-hero-title .mp-line:nth-child(3) .mp-rise{ animation-delay: .3s; }
.mp-hero-title .mp-it{
    font-style: italic;
    font-weight: 500;
    color: var(--mp-orange);
}
@keyframes mp-rise{
    from { transform: translateY(110%); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}
.mp-hero-bottom{
    display: grid;
    grid-template-columns: 1.3fr 1fr auto;
    gap: 48px;
    align-items: end;
    padding-top: 40px;
    border-top: 1px solid var(--mp-border);
}
.mp-hero-lede{
    font-family: 'Fraunces', 'Fraunces Fallback', serif;
    font-style: italic;
    font-weight: 300;
    font-size: clamp(17px, 1.6vw, 21px);
    line-height: 1.5;
    color: var(--mp-muted);
    max-width: 480px;
    margin: 0;
}
.mp-hero-cta-col{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.mp-hero-btn{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 13px;
    font-weight: 700;
    border-radius: 100px;
    text-decoration: none;
    transition: all .3s cubic-bezier(.2, .8, .2, 1);
    cursor: pointer;
    border: 1px solid transparent;
}
.mp-hero-btn-fill{
    background: var(--mp-orange);
    color: #fff;
}
.mp-hero-btn-fill:hover,.mp-hero-btn-fill:focus,.mp-hero-btn-fill:active{
    background: #b53d12;
    color: var(--mp-text);
    transform: translateY(-2px);
    box-shadow: 0 12px 32px -8px rgba(229, 94, 31, .6);
}
.mp-hero-btn-line{
    background: transparent;
    color: var(--mp-white);
    border-color: var(--mp-border);
}
.mp-hero-btn-line:hover{
    border-color: var(--mp-white);
    background: rgba(128, 128, 128, .06);
}
.mp-hero-btn .mp-arr{ transition: transform .3s; }
.mp-hero-btn:hover .mp-arr{ transform: translateX(4px); }
.mp-hero-trust{
    text-align: right;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--mp-muted);
    line-height: 1.9;
}
.mp-hero-trust strong{
    display: block;
    font-family: 'Fraunces', 'Fraunces Fallback', serif;
    font-size: 44px;
    font-weight: 300;
    font-style: italic;
    color: var(--mp-white);
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 8px;
}
@media (max-width: 900px){.mp-home-hero{ padding: 120px 24px 60px; }
.mp-hero-bottom{ grid-template-columns: 1fr; gap: 32px; }
.mp-hero-trust{ text-align: left; }
.mp-hero-title{ font-size: clamp(56px, 14vw, 96px); }}
.mp-home-section{
    padding: 80px 20px;
    background: transparent;
}
.mp-home-inner{
    max-width: 1100px;
    margin: 0 auto;
}
.mp-section-head{
    text-align: center;
    margin-bottom: 48px;
}
.mp-section-tag{
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--mp-orange);
    margin-bottom: 12px;
}
.mp-section-title{
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 800;
    color: var(--mp-white);
    margin: 0 0 12px 0;
    line-height: 1.2;
    border: none;
    padding: 0;
}
.mp-section-sub{
    font-size: 15px;
    color: var(--mp-muted);
    line-height: 1.7;
    max-width: 600px;
    margin: 0 auto;
}
.mp-section-more{
    text-align: center;
    margin-top: 36px;
}
.mp-tests-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.mp-test-card{
    background: color-mix(in srgb, var(--mp-bg-card) 82%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--mp-border);
    border-radius: 20px;
    overflow: hidden;
    transition: all .4s cubic-bezier(.2, .8, .2, 1);
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}
.mp-test-card:hover{
    transform: translateY(-6px);
    border-color: var(--mp-orange);
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.5);
}
[data-theme="light"] .mp-test-card:hover{
    box-shadow: 0 24px 60px -20px rgba(26, 22, 18, 0.18);
}
.mp-test-card-img{
    position: relative;
    aspect-ratio: 4 / 3;
    background: linear-gradient(180deg, var(--mp-bg-surface), var(--mp-bg-card));
    overflow: hidden;
}
.mp-test-card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1);
}
.mp-test-card:hover .mp-test-card-img img{
    transform: scale(1.05);
}
.mp-test-badge{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    background: color-mix(in srgb, var(--mp-bg-surface) 80%, transparent);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--mp-white);
    padding: 8px 14px;
    border-radius: 100px;
    border: 1px solid var(--mp-border);
    font-family: 'Fraunces', 'Fraunces Fallback', serif;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.02em;
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
}
.mp-test-badge sup{
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-style: normal;
    font-size: 9px;
    color: var(--mp-muted);
    letter-spacing: .5px;
    font-weight: 600;
}
.mp-test-card-body{
    padding: 28px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.mp-test-brand{
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--mp-muted);
    margin-bottom: 10px;
}
.mp-test-meta{
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: var(--mp-muted);
    opacity: .7;
    margin-bottom: 12px;
    letter-spacing: .3px;
}
.mp-test-meta .mp-meta-sep{
    margin: 0 6px;
    opacity: .5;
}
.mp-test-meta time{
    font-style: italic;
}
.mp-test-card-title{
    font-family: 'Fraunces', 'Fraunces Fallback', serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -.01em;
    margin: 0 0 14px 0;
    color: var(--mp-white);
    border: none;
    padding: 0;
}
.mp-test-card-title em{
    color: var(--mp-orange);
    font-style: italic;
    font-weight: 500;
}
.mp-test-tags{
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.mp-test-tag{
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 9px;
    border-radius: 100px;
    background: color-mix(in srgb, var(--mp-white) 6%, transparent);
    color: var(--mp-muted);
}
.mp-test-card-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--mp-orange);
    margin-top: auto;
}
.mp-test-card-link .mp-arr{
    transition: transform .3s;
}
.mp-test-card:hover .mp-test-card-link .mp-arr{
    transform: translateX(4px);
}
.mp-intro-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}
.mp-intro-label{
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--mp-orange);
    margin-bottom: 12px;
}
.mp-intro-title{
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 800;
    color: var(--mp-white);
    margin: 0 0 20px 0;
    line-height: 1.25;
    border: none;
    padding: 0;
}
.mp-intro-text{
    font-size: 15px;
    color: var(--mp-muted);
    line-height: 1.8;
    margin: 0 0 16px 0;
}
.mp-intro-text strong{
    color: var(--mp-white);
}
.mp-intro-quote{
    background: color-mix(in srgb, var(--mp-bg-surface) 85%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-left: 3px solid var(--mp-orange);
    border-radius: 0 12px 12px 0;
    padding: 32px;
    margin: 20px 0 0 0;
}
.mp-intro-quote p{
    font-size: 15px;
    font-style: italic;
    color: var(--mp-white);
    line-height: 1.8;
    margin: 0 0 12px 0;
}
.mp-intro-quote cite{
    font-size: 12px;
    font-weight: 700;
    color: var(--mp-orange);
    font-style: normal;
}
.mp-intro-cta{
    margin-top: 28px;
}
.mp-pillars-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.mp-pillar{
    --pc: var(--mp-orange);
    display: flex;
    flex-direction: column;
    background: color-mix(in srgb, var(--mp-bg-card) 82%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--mp-border);
    border-radius: 12px;
    padding: 32px 28px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.mp-pillar:hover{
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--pc) 40%, transparent);
}
.mp-pillar-num{
    display: block;
    font-size: 36px;
    font-weight: 900;
    color: color-mix(in srgb, var(--pc) 30%, transparent);
    margin-bottom: 16px;
    line-height: 1;
}
.mp-pillar-title{
    font-size: 18px;
    font-weight: 700;
    color: var(--mp-white);
    margin: 0 0 10px 0;
    line-height: 1.3;
    border: none;
    padding: 0;
}
.mp-pillar-desc{
    font-size: 14px;
    color: var(--mp-muted);
    line-height: 1.7;
    margin: 0;
    flex: 1;
}
.mp-pillar-link{
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--pc);
    margin-top: 20px;
    transition: color 0.2s ease;
}
.mp-pillar:hover .mp-pillar-link{
    color: var(--mp-white);
}
.mp-pillar--tests{ --pc: var(--mp-pillar-tests); }
.mp-pillar--guides{ --pc: var(--mp-pillar-guides); }
.mp-pillar--entretien{ --pc: var(--mp-pillar-entretien); }
.mp-pillar--trou-noir{ --pc: var(--mp-pillar-trou-noir); }
.mp-section-cta{
    padding: 80px 20px 100px;
    text-align: center;
}
.mp-cta-title{
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 800;
    color: var(--mp-white);
    margin: 12px 0 16px;
    line-height: 1.2;
    border: none;
    padding: 0;
}
.mp-cta-sub{
    font-size: 15px;
    color: var(--mp-muted);
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto 32px;
}
.mp-btn-primary,.mp-btn-ghost,.mp-btn-soft{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: none;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 100px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.3s ease,
                border-color 0.3s ease,
                color 0.3s ease,
                transform 0.25s cubic-bezier(.2, .8, .2, 1),
                box-shadow 0.3s ease;
    white-space: nowrap;
}
.mp-btn-primary .mp-arr,.mp-btn-ghost .mp-arr,.mp-btn-soft .mp-arr{
    transition: transform 0.3s ease;
    display: inline-block;
}
.mp-btn-primary:hover .mp-arr,.mp-btn-ghost:hover .mp-arr,.mp-btn-soft:hover .mp-arr{
    transform: translateX(4px);
}
.mp-btn-primary{
    background: var(--mp-orange);
    color: #fff;
    border-color: var(--mp-orange);
}
.mp-btn-primary:hover,.mp-btn-primary:focus,.mp-btn-primary:active{
    background: var(--mp-orange-hover);
    border-color: var(--mp-orange-hover);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 32px -8px rgba(229, 94, 31, 0.45);
}
.mp-btn-ghost{
    background: transparent;
    color: var(--mp-white);
    border-color: var(--mp-border);
}
.mp-btn-ghost:hover{
    border-color: var(--mp-white);
    background: rgba(128, 128, 128, 0.06);
    transform: translateY(-2px);
}
.mp-btn-soft{
    background: var(--mp-orange-soft);
    color: var(--mp-orange);
    border-color: color-mix(in srgb, var(--mp-orange) 25%, transparent);
}
.mp-btn-soft:hover{
    background: var(--mp-orange);
    color: #fff;
    border-color: var(--mp-orange);
}
.mp-btn-large{
    font-size: 14px;
    padding: 16px 36px;
    gap: 12px;
}
.mp-btn-small{
    font-size: 12px;
    padding: 11px 22px;
    gap: 8px;
}
.mp-hero-btn,.mp-hero-btn-fill,.mp-hero-btn-line{
    text-transform: none;
    letter-spacing: 0.3px;
}
.mp-vds-section{
    padding: 60px 20px 80px;
}
.mp-vds-inner{
    max-width: 1200px;
    margin: 0 auto;
}
.mp-vds-card{
    display: grid;
    grid-template-columns: 0.75fr 1fr;
    gap: 0;
    background: color-mix(in srgb, var(--mp-bg-card) 82%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--mp-border);
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform .4s cubic-bezier(.2, .8, .2, 1),
                border-color .3s ease,
                box-shadow .3s ease;
}
.mp-vds-card:hover{
    transform: translateY(-4px);
    border-color: var(--mp-orange);
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.5);
}
[data-theme="light"] .mp-vds-card:hover{
    box-shadow: 0 24px 60px -20px rgba(26, 22, 18, 0.18);
}
.mp-vds-img{
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--mp-bg-surface), var(--mp-bg-card));
    aspect-ratio: 1 / 1;
    display: block;
    max-width: 480px;
    width: 100%;
    justify-self: start;
}
.mp-vds-img > img:not(.mp-vds-slide){
    width: 100%;
    height: auto;
    display: block;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1);
}
.mp-vds-slide{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    animation: mp-vds-fade 25s infinite;
    will-change: opacity;
}
.mp-vds-slide:nth-child(1){ animation-delay: 0s; }
.mp-vds-slide:nth-child(2){ animation-delay: 5s; }
.mp-vds-slide:nth-child(3){ animation-delay: 10s; }
.mp-vds-slide:nth-child(4){ animation-delay: 15s; }
.mp-vds-slide:nth-child(5){ animation-delay: 20s; }
@keyframes mp-vds-fade{
    0%, 16%   { opacity: 1; }
    20%, 96%  { opacity: 0; }
    100%      { opacity: 1; }
}
.mp-vds-card:hover .mp-vds-slide{
    animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce){.mp-vds-slide{
        animation: none;
        opacity: 0;
    }
.mp-vds-slide:first-child{
        opacity: 1;
    }}
.mp-vds-card:hover .mp-vds-img img{
    transform: scale(1.04);
}
.mp-vds-content{
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mp-vds-overline{
    display: inline-block;
    font-family: 'Fraunces', 'Fraunces Fallback', serif;
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--mp-orange);
    margin-bottom: 14px;
}
.mp-vds-title{
    font-family: 'Fraunces', 'Fraunces Fallback', serif;
    font-weight: 400;
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.2;
    letter-spacing: -.01em;
    color: var(--mp-white);
    margin: 0 0 14px 0;
    border: none;
    padding: 0;
}
.mp-vds-title em{
    color: var(--mp-orange);
    font-style: italic;
    font-weight: 500;
}
.mp-vds-text{
    font-size: 14px;
    color: var(--mp-muted);
    line-height: 1.7;
    margin: 0 0 22px 0;
}
.mp-vds-covers{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 22px;
}
.mp-vds-cover{
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    background: var(--mp-bg-surface);
    border: 1px solid var(--mp-border);
}
.mp-vds-cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mp-vds-cta{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    color: var(--mp-orange);
    margin-top: auto;
}
.mp-vds-cta .mp-arr{
    transition: transform .3s;
}
.mp-vds-card:hover .mp-vds-cta .mp-arr{
    transform: translateX(4px);
}
.mp-nav-item.has-mega{
    position: relative;
}
.mp-mega{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-6px);
    min-width: 720px;
    max-width: min(92vw, 980px);
    background: color-mix(in srgb, var(--mp-bg-surface) 96%, transparent);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--mp-border);
    border-radius: 16px;
    padding: 32px 36px;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease,
                transform .3s cubic-bezier(.2, .8, .2, 1),
                visibility 0s linear .5s;
    z-index: 200;
}
.mp-nav-item.has-mega:hover > .mp-mega,.mp-nav-item.has-mega:focus-within > .mp-mega{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
    transition: opacity .3s ease,
                transform .3s cubic-bezier(.2, .8, .2, 1),
                visibility 0s linear 0s;
    transition-delay: .3s, .3s, 0s;
}
.mp-nav-item.has-mega::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 16px;
    pointer-events: none;
}
.mp-nav-item.has-mega:hover::after{
    pointer-events: auto;
}
.mp-mega-inner{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
.mp-mega-col{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mp-mega-col > .mp-mega-col-list{
    flex: 1;
}
.mp-mega-col-list > .mp-mega-leaf:last-child{
    margin-top: auto;
    padding-top: 8px;
}
.mp-mega-col-title{
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--mp-orange);
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mp-border);
    margin-bottom: 6px;
}
.mp-mega-col-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.mp-mega-leaf{
    list-style: none;
    margin: 0;
}
.mp-mega-link{
    display: block;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--mp-white);
    text-decoration: none;
    padding: 6px 0;
    transition: color .2s ease, transform .2s ease;
}
.mp-mega-link:hover{
    color: var(--mp-orange);
    transform: translateX(3px);
}
.mp-mega-link--all{
    margin-top: 12px;
    padding: 10px 14px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--mp-orange);
    background: var(--mp-orange-soft);
    border: 1px solid color-mix(in srgb, var(--mp-orange) 25%, transparent);
    border-radius: 100px;
    text-align: center;
    transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease;
}
.mp-mega-link--all:hover{
    background: var(--mp-orange);
    color: #fff;
    border-color: var(--mp-orange);
    transform: none;
}
.mp-nav-mobile-mega{
    display: none;
    border-top: 1px solid var(--mp-border);
    border-bottom: 1px solid var(--mp-border);
}
.mp-nav-mobile-mega > summary,.mp-mobile-sub > summary{
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--mp-white);
    user-select: none;
}
.mp-nav-mobile-mega > summary::-webkit-details-marker,.mp-mobile-sub > summary::-webkit-details-marker{
    display: none;
}
.mp-mobile-chevron{
    font-size: 12px;
    color: var(--mp-muted);
    transition: transform .25s ease;
}
.mp-nav-mobile-mega[open] > summary > .mp-mobile-chevron,.mp-mobile-sub[open] > summary > .mp-mobile-chevron{
    transform: rotate(180deg);
}
.mp-mega-mobile{
    background: color-mix(in srgb, var(--mp-bg-surface) 60%, transparent);
}
.mp-mobile-sub{
    border-top: 1px solid var(--mp-border);
}
.mp-mobile-sub > summary{
    padding: 14px 32px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--mp-orange);
}
.mp-mobile-sub .mp-mega-col-list{
    padding: 4px 32px 16px 44px;
    list-style: none;
    margin: 0;
}
.mp-mobile-sub .mp-mega-link{
    display: block;
    padding: 10px 0;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 14px;
    color: var(--mp-white);
    text-decoration: none;
}
.mp-mobile-sub .mp-mega-link:hover{
    color: var(--mp-orange);
}
.mp-mobile-sub .mp-mega-link--all{
    display: block;
    margin: 12px 0 6px;
    padding: 12px 18px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--mp-orange);
    background: var(--mp-orange-soft);
    border: 1px solid color-mix(in srgb, var(--mp-orange) 25%, transparent);
    border-radius: 100px;
    text-align: center;
}
.mp-mobile-sub .mp-mega-link--all:hover{
    background: var(--mp-orange);
    color: #fff;
    border-color: var(--mp-orange);
}
@media screen and (max-width: 900px){.mp-mega{
        display: none;
    }
.mp-nav-mobile-mega{
        display: block;
    }}
@media screen and (max-width: 1024px){.mp-tests-grid{
        grid-template-columns: repeat(2, 1fr);
    }
.mp-pillars-grid{
        grid-template-columns: repeat(2, 1fr);
    }
.mp-intro-grid{
        grid-template-columns: 1fr;
        gap: 40px;
    }}
@media screen and (max-width: 768px){.mp-home-hero{
        min-height: auto;
        padding: 60px 16px 40px;
    }
.mp-btn-primary,.mp-btn-ghost{
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
.mp-stat + .mp-stat{
        border-left: none;
        border-top: 1px solid var(--mp-border);
    }
.mp-home-section{
        padding: 60px 16px;
    }
.mp-pillars-grid{
        grid-template-columns: 1fr;
        gap: 16px;
    }
.mp-section-title{
        font-size: 24px;
    }
.mp-tests-grid{
        display: flex;
        grid-template-columns: none;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 16px;
        padding: 4px 16px 24px;
        margin: 0 -16px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
.mp-tests-grid::-webkit-scrollbar{ display: none; }
.mp-tests-grid .mp-test-card{
        flex: 0 0 85%;
        scroll-snap-align: start;
        min-width: 0;
    }
.mp-vds-card{
        grid-template-columns: 1fr;
    }
.mp-vds-img{
        aspect-ratio: 16 / 9;
        min-height: 0;
    }
.mp-vds-content{
        padding: 28px 24px 32px;
    }
.mp-vds-covers{
        grid-template-columns: repeat(5, 1fr);
        gap: 6px;
    }
.mp-vds-section{
        padding: 40px 16px 60px;
    }}
@media screen and (min-width: 769px) and (max-width: 1024px){.mp-tests-grid{
        grid-template-columns: repeat(2, 1fr);
    }
.mp-vds-card{
        grid-template-columns: 1fr;
    }
.mp-vds-img{
        aspect-ratio: 16 / 9;
        min-height: 0;
    }
.mp-vds-content{
        padding: 32px 28px;
    }}
:root,[data-theme="dark"]{
  --mp-verdict-green: #10b981;
  --mp-verdict-yellow: #f59e0b;
  --mp-verdict-red: #ef4444;
  --mp-green-soft: rgba(16, 185, 129, 0.10);
  --mp-red-soft: rgba(239, 68, 68, 0.10);
  --mp-yellow-soft: rgba(245, 158, 11, 0.10);
  --mp-glass: color-mix(in srgb, var(--mp-bg-card) 82%, transparent);
  --mp-orange-glow: rgba(229, 94, 31, 0.4);
  --mp-border-strong: rgba(255, 255, 255, 0.16);
  --mp-shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 24px 60px -30px rgba(0,0,0,0.7);
  --mp-text: var(--mp-white);
}
[data-theme="light"]{
  --mp-verdict-green: #047857;
  --mp-verdict-yellow: #c2780a;
  --mp-verdict-red: #c1361e;
  --mp-green-soft: rgba(4, 120, 87, 0.10);
  --mp-red-soft: rgba(193, 54, 30, 0.10);
  --mp-yellow-soft: rgba(194, 120, 10, 0.10);
  --mp-glass: color-mix(in srgb, var(--mp-bg-card) 78%, transparent);
  --mp-orange-glow: rgba(200, 74, 20, 0.32);
  --mp-border-strong: rgba(26, 22, 18, 0.22);
  --mp-shadow-card: 0 1px 0 rgba(255,255,255,0.7) inset, 0 24px 60px -36px rgba(58, 38, 14, 0.35);
  --mp-text: var(--mp-white);
}
.mp-cta-amazon,.mp-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: none;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 100px;
    cursor: pointer;
    transition: background 0.3s ease,
                border-color 0.3s ease,
                color 0.3s ease,
                transform 0.25s cubic-bezier(.2, .8, .2, 1),
                box-shadow 0.3s ease;
    white-space: nowrap;
    border: 1px solid transparent;
    background: var(--mp-orange);
    color: #fff;
    border-color: var(--mp-orange);
}
.mp-cta-amazon:hover,.mp-cta-amazon:focus,.mp-cta-amazon:active,.mp-btn:hover,.mp-btn:focus,.mp-btn:active{
    background: var(--mp-orange-hover);
    border-color: var(--mp-orange-hover);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 32px -8px rgba(229, 94, 31, 0.45);
}
.mp-button-container{
    margin: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.mp-affil-note{
    font-size: 11px;
    color: var(--mp-muted2);
    letter-spacing: 0.02em;
    margin: 0;
    text-align: center;
}
body.single-post .entry-content,body.single-post .entry-content.clear,body.single-post .ast-container,body.single-post .site-content,body.single-post #content,body.single-post #primary,body.single-post main,body.single-post article,body.single-post .ast-article-single{
    background: transparent !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
body:not(.home) .mp-bg-photo{
    display: none !important;
}
.mp-money-wrapper{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
}
.mp-money-wrapper{ padding-top: 0; }
.section-tag{
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mp-orange);
  font-weight: 700;
  margin-bottom: 18px;
}
.mp-article-main h2{
  font-family: 'Fraunces', 'Fraunces Fallback', Georgia, serif;
  font-weight: 300;
  font-variation-settings: "opsz" 96;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0 0 32px;
  color: var(--mp-text) !important;
  display: flex;
  align-items: baseline;
  gap: 22px;
  text-wrap: balance;
}
.mp-article-main h2 .section-num{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.22em;
  color: var(--mp-orange);
  background: var(--mp-orange-soft);
  border: 1px solid color-mix(in srgb, var(--mp-orange) 30%, transparent);
  padding: 6px 10px;
  border-radius: 8px;
  align-self: center;
  white-space: nowrap;
}
.mp-article-main h3{
  font-family: 'Fraunces', 'Fraunces Fallback', Georgia, serif;
  font-weight: 400;
  font-variation-settings: "opsz" 36;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin: 0 0 12px;
  color: var(--mp-text) !important;
}
.hero-a{
  position: relative;
  padding: 100px 32px 64px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  isolation: isolate;
}
.hero-a-bg{
  position: absolute; inset: 0;
  background-color: #222;
  z-index: -1;
  opacity: 0.42;
  mix-blend-mode: luminosity;
  filter: grayscale(0.4) contrast(1.05);
}
.hero-a-bg::after{
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, var(--mp-bg) 0%, transparent 30%, transparent 60%, var(--mp-bg) 100%),
              linear-gradient(90deg, var(--mp-bg) 0%, transparent 50%, transparent 100%);
}
[data-theme="light"] .hero-a-bg{ opacity: 0.28; mix-blend-mode: multiply; }
.hero-a-inner{
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}
.hero-a-breadcrumb{
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mp-muted);
  margin-bottom: 32px;
}
.hero-a-breadcrumb a{ color: var(--mp-muted); border-bottom: none; }
.hero-a-breadcrumb a:hover{ color: var(--mp-orange); }
.hero-a-breadcrumb .sep{ color: var(--mp-muted2); margin: 0 12px; }
.hero-a-title{
  font-family: 'Fraunces', 'Fraunces Fallback', Georgia, serif;
  font-weight: 300;
  font-variation-settings: "opsz" 144;
  font-size: clamp(48px, 7vw, 96px);
  line-height: 0.98;
  letter-spacing: -0.025em;
  margin: 0;
  color: var(--mp-text) !important;
  max-width: 18ch;
  text-wrap: balance;
}
.hero-a-title em{
  font-style: italic;
  color: var(--mp-orange);
  font-weight: 400;
}
.hero-a-rise span{
  display: inline-block;
  opacity: 0;
  transform: translateY(0.5em);
  animation: mp-rise .9s cubic-bezier(.2,.7,.2,1) forwards;
}
.hero-a-rise span:nth-child(1){ animation-delay: .05s; }
.hero-a-rise span:nth-child(2){ animation-delay: .15s; }
.hero-a-rise span:nth-child(3){ animation-delay: .25s; }
.hero-a-rise span:nth-child(4){ animation-delay: .35s; }
@keyframes mp-rise{
  to { opacity: 1; transform: translateY(0); }
}
.hero-a-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  color: var(--mp-muted);
  font-size: 13px;
  margin-top: 24px;
}
.hero-a-meta .dot{ color: var(--mp-muted2); }
.hero-a-meta strong{ color: var(--mp-text); font-weight: 500; }
.hero-verdict-strip{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--mp-border);
  border: 1px solid var(--mp-border);
  border-radius: 100px;
  padding: 8px;
  background: var(--mp-glass);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  max-width: 920px;
  margin: 0 0 0;
  overflow: hidden;
}
.hvs-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  gap: 4px;
  border-right: 1px solid var(--mp-border);
  text-align: center;
}
.hvs-item:last-child{ border-right: none; }
.hvs-label{
  font-size: 9.5px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
}
.hvs-value{
  font-size: 15px;
  font-weight: 600;
  color: var(--mp-text) !important;
}
.hvs-value.orange{ color: var(--mp-orange); }
.hvs-value.green{ color: var(--mp-verdict-green); }
.hvs-value.red{ color: var(--mp-verdict-red); }
.hvs-value.score-pill{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
}
.hvs-value.score-pill .mono-suffix{
  font-family: 'JetBrains Mono', monospace;
  font-style: normal;
  font-size: 12px;
  color: var(--mp-muted);
  margin-left: 2px;
}
.score-visual-block{
  margin: 56px 0;
}
.score-visual-inner{
  display: grid;
  grid-template-columns: minmax(220px, 280px) 1fr;
  gap: 56px;
  align-items: center;
  padding: 0;
  position: relative;
}
.score-visual-inner > *{ position: relative; z-index: 1; }
.score-ring-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.score-ring{
  position: relative;
  width: 220px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.score-ring svg{ width: 100%; height: 100%; transform: rotate(-90deg); }
.score-ring .ring-bg{
  fill: none;
  stroke: var(--mp-border);
  stroke-width: 7;
}
.score-ring .ring-fg{
  fill: none;
  stroke: var(--mp-orange);
  stroke-width: 7;
  stroke-linecap: round;
  --circ: 326.726;
  stroke-dasharray: var(--circ);
  stroke-dashoffset: calc(var(--circ) * (1 - var(--score, 0) / 100));
  filter: drop-shadow(0 0 12px var(--mp-orange-glow));
  transition: stroke-dashoffset 1.5s cubic-bezier(.2,.7,.2,1);
}
.score-ring .ring-inner{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.ring-number{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 300;
  font-variation-settings: "opsz" 144;
  font-size: 76px;
  line-height: 1;
  color: var(--mp-text) !important;
  letter-spacing: -0.04em;
}
.ring-max{
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: var(--mp-muted);
  margin-top: 4px;
  letter-spacing: 0.05em;
}
.score-mention-badge{
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 100px;
  background: var(--mp-orange-soft);
  color: var(--mp-orange);
  border: 1px solid color-mix(in srgb, var(--mp-orange) 30%, transparent);
}
.sub-scores-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}
.sub-scores-grid > div{ display: flex; flex-direction: column; gap: 8px; }
.ssr-top{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}
.ssr-label{
  font-size: 14px;
  color: var(--mp-text) !important;
  font-weight: 500;
}
.ssr-val{
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: var(--mp-muted);
  font-weight: 500;
  letter-spacing: 0.02em;
}
.ssr-bar-bg{
  height: 4px;
  width: 100%;
  background: var(--mp-border);
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}
.ssr-bar-fg{
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg, var(--mp-verdict-red) 0%, var(--mp-verdict-yellow) 50%, var(--mp-orange) 75%, var(--mp-verdict-green) 100%);
  background-size: 200% 100%;
  background-position: 0 0;
  transform: translateX(-100%);
  animation: bar-fill 1.2s .3s cubic-bezier(.2,.7,.2,1) forwards;
}
.ssr-bar-fg.b1{ animation-delay: .35s; }
.ssr-bar-fg.b2{ animation-delay: .45s; }
.ssr-bar-fg.b3{ animation-delay: .55s; }
.ssr-bar-fg.b4{ animation-delay: .65s; }
.ssr-bar-fg.b5{ animation-delay: .75s; }
@keyframes bar-fill{
  to { transform: translateX(0); }
}
.mp-article-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 64px;
  align-items: start;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 32px;
}
.mp-article-main{ min-width: 0; }
.mp-article-main figure.wp-block-image{
  margin: 32px 0;
}
.mp-article-main figure.wp-block-image img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  border: 1px solid var(--mp-border);
  background: #fff;
}
.mp-article-main figure.wp-block-image figcaption{
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mp-muted);
  margin-top: 10px;
  text-align: right;
}
.mp-article-main ul{
  padding-left: 20px;
  margin: 0 0 1.4em;
}
.mp-article-main ul li{
  margin-bottom: 8px;
  color: color-mix(in srgb, var(--mp-text) 86%, transparent);
}
.mp-article-main ul li::marker{ color: var(--mp-orange); }
.mp-article-main ul li strong{ color: var(--mp-text); }
.mp-aside{
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: start;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--mp-border-strong) transparent;
  padding-right: 4px;
}
.mp-aside::-webkit-scrollbar{ width: 4px; }
.mp-aside::-webkit-scrollbar-thumb{ background: var(--mp-border-strong); border-radius: 4px; }
.aside-card{
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 16px;
  padding: 18px;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow: var(--mp-shadow-card);
  flex-shrink: 0;
}
.aside-toc{ padding: 8px; }
.aside-toc-title{
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
  padding: 8px 12px 12px;
  border-bottom: 1px solid var(--mp-border);
  margin-bottom: 6px;
}
.aside-toc-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px; }
.aside-toc-list a{
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: center;
  padding: 9px 12px;
  font-size: 13px;
  color: var(--mp-muted);
  border-radius: 8px;
  border-bottom: none;
  transition: color .2s, background-color .2s;
  line-height: 1.3;
}
.aside-toc-list a:hover{ color: var(--mp-text); background: var(--mp-bg-surface); }
.aside-toc-list a .toc-num{
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: var(--mp-muted2);
  letter-spacing: 0.05em;
}
.aside-toc-list a.is-current{
  color: var(--mp-orange);
  background: var(--mp-orange-soft);
}
.aside-toc-list a.is-current .toc-num{ color: var(--mp-orange); }
.aside-product-card{
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.apc-section-head{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px 8px;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-variation-settings: "opsz" 36;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--mp-orange);
  text-transform: none;
}
.apc-section-head::before{
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 1px;
  background: var(--mp-orange);
}
.apc-section-head::after{
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--mp-border);
}
.apc-summary{
  padding: 6px 18px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  border-bottom: 1px solid var(--mp-border);
}
.apc-image{
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mp-border);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
.apc-image img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.apc-brand{
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
}
.apc-name{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 400;
  font-variation-settings: "opsz" 60;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.015em;
  margin: 2px 0 6px;
  color: var(--mp-text) !important;
}
.apc-stars{
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin: 2px 0;
}
.apc-stars svg{ width: 16px; height: 16px; display: block; }
.apc-stars .apc-star-fill{ fill: var(--mp-orange); }
.apc-stars .apc-star-half-fg{ fill: var(--mp-orange); }
.apc-stars .apc-star-empty{ fill: var(--mp-border); }
.apc-score-line{
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
}
.apc-score-num{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  color: var(--mp-text) !important;
  line-height: 1;
  letter-spacing: -0.02em;
}
.apc-score-max{
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: var(--mp-muted);
}
.apc-score-mention{
  margin-left: 6px;
  font-size: 9.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mp-orange);
  padding: 3px 8px;
  border-radius: 100px;
  background: var(--mp-orange-soft);
  border: 1px solid color-mix(in srgb, var(--mp-orange) 28%, transparent);
}
.apc-verdict-link{
  font-size: 11.5px;
  color: var(--mp-muted);
  border-bottom: 1px dotted var(--mp-border-strong);
  padding-bottom: 1px;
  margin-top: 6px;
  transition: color .2s, border-color .2s;
}
.apc-verdict-link:hover{ color: var(--mp-orange); border-bottom-color: var(--mp-orange); }
.apc-specs{
  border-bottom: 1px solid var(--mp-border);
  padding-bottom: 16px;
}
.apc-best-deal{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  background: color-mix(in srgb, var(--mp-verdict-green) 8%, var(--mp-bg-surface));
  border-bottom: 1px solid var(--mp-border);
}
.apc-best-label{
  font-size: 9.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mp-verdict-green);
  font-weight: 700;
}
.apc-best-price{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
  color: var(--mp-text) !important;
  letter-spacing: -0.01em;
}
.apc-offers{
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--mp-border);
}
.apc-offer{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 2px 12px;
  align-items: center;
  padding: 12px 18px;
  background: var(--mp-bg-card);
  border: none;
  text-decoration: none;
  color: var(--mp-text) !important;
  transition: background-color .2s, color .2s;
  position: relative;
}
.apc-offer:hover{
  background: var(--mp-orange-soft);
  color: var(--mp-text) !important;
  border-bottom: none;
}
.apc-offer-retailer{
  font-weight: 600;
  font-size: 14px;
  color: var(--mp-text) !important;
  letter-spacing: -0.005em;
}
.apc-offer-price{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  color: var(--mp-text) !important;
  letter-spacing: -0.01em;
  grid-row: 1 / 3;
  grid-column: 2;
  text-align: right;
}
.apc-offer-cta{
  font-size: 10.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mp-muted);
  transition: color .2s;
}
.apc-offer:hover .apc-offer-cta{ color: var(--mp-orange); }
.apc-offer-primary{
  background: var(--mp-orange);
  color: #fff;
}
.apc-offer-primary:hover{
  background: var(--mp-orange-hover);
  color: #fff;
}
.apc-offer-primary .apc-offer-retailer,.apc-offer-primary .apc-offer-price{ color: var(--mp-text); }
.apc-offer-primary .apc-offer-cta{ color: var(--mp-text); }
.apc-offer-primary:hover .apc-offer-cta{ color: var(--mp-text); }
.apc-offer-primary::before{
  content: "★";
  position: absolute;
  top: 8px; right: 12px;
  font-size: 11px;
  color: var(--mp-text);
}
.apc-disclaimer{
  margin: 0;
  padding: 12px 18px 14px;
  font-size: 10.5px;
  line-height: 1.45;
  color: var(--mp-muted2);
  background: var(--mp-bg-card);
  border-top: 1px solid var(--mp-border);
}
.analogy-highlight{
  background: color-mix(in srgb, var(--mp-bg-surface) 60%, transparent);
  border-left: 2px solid var(--mp-orange);
  border-radius: 0 12px 12px 0;
  padding: 28px 32px;
  margin: 28px 0;
  position: relative;
}
.analogy-highlight::before{
  content: "À retenir";
  position: absolute;
  top: -8px;
  left: 28px;
  font-size: 9px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  background: var(--mp-bg);
  padding: 0 8px;
  color: var(--mp-orange);
  font-weight: 800;
}
.analogy-highlight h3{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-variation-settings: "opsz" 36;
  font-size: 20px;
  color: var(--mp-text) !important;
  margin: 0 0 8px;
}
.analogy-highlight p{ margin: 0; }
.astuce-forum{
  background: linear-gradient(180deg, var(--mp-orange-soft) 0%, transparent 100%);
  border-left: 3px solid var(--mp-orange);
  border-radius: 0 12px 12px 0;
  padding: 24px 28px 24px 64px;
  margin: 28px 0;
  position: relative;
}
.astuce-forum::before{
  content: "🛠️";
  position: absolute;
  left: 18px; top: 22px;
  font-size: 22px;
}
.astuce-title{
  display: block;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 500;
  font-size: 17px;
  color: var(--mp-text) !important;
  margin-bottom: 10px;
}
.astuce-forum p{ margin: 0; }
.astuce-forum ul{ margin: 10px 0 0; padding-left: 18px; }
.astuce-forum ul li{ color: color-mix(in srgb, var(--mp-text) 86%, transparent); }
.astuce-forum.tip::before{ content: "💡"; }
.alerte-usure{
  background: var(--mp-red-soft);
  border-left: 3px solid var(--mp-verdict-red);
  border-radius: 0 12px 12px 0;
  padding: 24px 28px 24px 64px;
  margin: 28px 0;
  position: relative;
  color: color-mix(in srgb, var(--mp-text) 92%, transparent);
}
.alerte-usure::before{
  content: "🚨";
  position: absolute;
  left: 18px; top: 22px;
  font-size: 22px;
}
.alerte-title{
  display: block;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 500;
  font-size: 17px;
  color: var(--mp-verdict-red);
  margin-bottom: 10px;
}
.mp-tech-details{
  margin: 32px 0;
}
.mp-tech-summary{
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 24px;
  background: transparent;
  border: 1px solid var(--mp-border-strong);
  border-radius: 100px;
  color: var(--mp-text) !important;
  font-weight: 500;
  font-size: 14px;
  transition: background-color .2s, border-color .2s;
}
.mp-tech-summary::-webkit-details-marker{ display: none; }
.mp-tech-summary::after{
  content: "›";
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-size: 22px;
  line-height: 1;
  transform: rotate(90deg);
  transition: transform .35s ease;
  color: var(--mp-orange);
}
.mp-tech-details[open] .mp-tech-summary::after{ transform: rotate(-90deg); }
.mp-tech-summary:hover{ background: var(--mp-bg-surface); border-color: var(--mp-text); }
.table-card{
  margin-top: 18px;
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 16px;
  padding: 8px;
  overflow: hidden;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
}
.table-card table{
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.table-card thead th{
  text-align: left;
  padding: 14px 18px;
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--mp-orange);
  border-bottom: 1px solid var(--mp-border);
}
.table-card tbody tr{ transition: background-color .15s; }
.table-card tbody tr:nth-child(odd){ background: color-mix(in srgb, var(--mp-bg-surface) 30%, transparent); }
.table-card tbody tr:hover{ background: var(--mp-orange-soft); }
.table-card td{
  padding: 14px 18px;
  vertical-align: top;
  border-bottom: 1px solid var(--mp-border);
  line-height: 1.5;
  color: color-mix(in srgb, var(--mp-text) 86%, transparent);
}
.table-card tbody tr:last-child td{ border-bottom: none; }
.table-card td:first-child{ width: 28%; }
.table-card td:nth-child(2){ width: 28%; color: var(--mp-text); font-weight: 500; }
.table-card td strong{
  display: block;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-variation-settings: "opsz" 36;
  font-size: 15px;
  color: var(--mp-orange);
  margin-bottom: 2px;
  letter-spacing: -0.005em;
}
.table-card td em{ font-style: normal; color: var(--mp-text); font-weight: 500; }
.review-container{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin: 32px 0;
}
.review-box.specs{
  grid-column: 1 / -1;
}
.review-box.specs ul{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 28px;
}
@media (max-width: 767px){.review-box.specs ul{ grid-template-columns: 1fr; }}
.review-box{
  padding: 28px;
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 16px;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow: var(--mp-shadow-card);
  position: relative;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
}
.review-box:hover{ transform: translateY(-2px); }
.review-box::before{
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--mp-verdict-green);
}
.review-box.cons::before{ background: var(--mp-verdict-red); }
.review-box h3{
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-variation-settings: "opsz" 36;
  font-size: 22px;
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mp-border);
}
.review-box h3::before{
  content: "✓";
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  background: var(--mp-green-soft);
  color: var(--mp-verdict-green);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.review-box.cons h3::before{
  content: "✗";
  background: var(--mp-red-soft);
  color: var(--mp-verdict-red);
}
.review-box.specs h3::before{
  content: "≡";
  background: var(--mp-orange-soft);
  color: var(--mp-orange);
  font-size: 16px;
}
.review-box.specs::before{ background: var(--mp-orange); }
.review-box ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.review-box ul li{
  padding-left: 22px;
  position: relative;
  font-size: 14px;
  line-height: 1.6;
  color: color-mix(in srgb, var(--mp-text) 88%, transparent);
}
.review-box ul li::before{
  content: "";
  position: absolute;
  left: 0; top: 9px;
  width: 8px; height: 8px;
  border-radius: 999px;
  background: var(--mp-verdict-green);
}
.review-box.cons ul li::before{ background: var(--mp-verdict-red); }
.review-box.specs ul li::before{ background: var(--mp-orange); }
.review-box ul li strong{ color: var(--mp-text); }
.pour-qui-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin: 32px 0;
}
.pour-qui-card{
  padding: 28px;
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 16px;
  position: relative;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  transition: transform .25s, box-shadow .25s;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pour-qui-card:hover{ transform: translateY(-2px); box-shadow: 0 24px 50px -22px rgba(0,0,0,0.5); }
.pour-qui-card .pq-icon{
  width: 56px; height: 56px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center; justify-content: center;
  font-size: 22px;
  font-weight: 800;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
}
.pour-qui-card.oui .pq-icon{
  background: var(--mp-green-soft);
  color: var(--mp-verdict-green);
  border: 1px solid color-mix(in srgb, var(--mp-verdict-green) 28%, transparent);
}
.pour-qui-card.non .pq-icon{
  background: var(--mp-red-soft);
  color: var(--mp-verdict-red);
  border: 1px solid color-mix(in srgb, var(--mp-verdict-red) 28%, transparent);
}
.pour-qui-card.oui .pq-icon::before{ content: "OUI"; font-size: 10px; letter-spacing: 0.15em; font-style: normal; font-family: 'Montserrat', 'Montserrat Fallback', sans-serif; font-weight: 800; }
.pour-qui-card.non .pq-icon::before{ content: "NON"; font-size: 10px; letter-spacing: 0.15em; font-style: normal; font-family: 'Montserrat', 'Montserrat Fallback', sans-serif; font-weight: 800; }
.pour-qui-card .pq-eyebrow{
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
}
.pour-qui-card.oui .pq-eyebrow{ color: var(--mp-verdict-green); }
.pour-qui-card.non .pq-eyebrow{ color: var(--mp-verdict-red); }
.pour-qui-card .pq-title{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 400;
  font-variation-settings: "opsz" 60;
  font-size: 24px;
  line-height: 1.15;
  color: var(--mp-text) !important;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.pour-qui-card .pq-desc{
  color: color-mix(in srgb, var(--mp-text) 80%, transparent);
  font-size: 14px;
  line-height: 1.65;
}
.pour-qui-card.oui{
  border-color: color-mix(in srgb, var(--mp-verdict-green) 22%, transparent);
  background: linear-gradient(180deg, var(--mp-green-soft) 0%, var(--mp-glass) 60%);
}
.pour-qui-card.non{
  border-color: color-mix(in srgb, var(--mp-verdict-red) 18%, transparent);
}
.tn-sep{ height: 1px; background: var(--mp-border); margin: 24px 0 32px; }
.tn-section-header{ margin-bottom: 32px; }
.tn-section-eyebrow{
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mp-orange);
  font-weight: 700;
  margin-bottom: 10px;
}
.tn-section-title{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 300;
  font-variation-settings: "opsz" 72;
  font-size: 36px;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--mp-text) !important;
}
.tn-faq-list{ display: flex; flex-direction: column; gap: 8px; }
.tn-faq-item{
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 14px;
  padding: 0 22px;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  transition: border-color .2s;
}
.tn-faq-item[open]{ border-color: var(--mp-border-strong); }
.tn-faq-question{
  cursor: pointer;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 20px 0;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 500;
  font-variation-settings: "opsz" 36;
  font-size: 18px;
  color: var(--mp-text) !important;
  line-height: 1.4;
}
.tn-faq-question::-webkit-details-marker{ display: none; }
.tn-faq-question::after{
  content: "+";
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 26px;
  line-height: 1;
  color: var(--mp-orange);
  transition: transform .3s ease;
  width: 28px; height: 28px;
  display: inline-flex;
  align-items: center; justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--mp-border-strong);
}
.tn-faq-item[open] .tn-faq-question::after{ transform: rotate(45deg); }
.tn-faq-answer{
  padding: 4px 0 22px;
  border-top: 1px solid var(--mp-border);
  margin-top: -4px;
}
.tn-faq-answer > div{ padding-top: 18px; color: color-mix(in srgb, var(--mp-text) 82%, transparent); }
.conclusion-wrapper{
  margin: 32px 0 24px;
}
.conclusion-box{
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-left: 4px solid var(--mp-orange);
  border-radius: 0 20px 20px 0;
  padding: 48px 56px;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow: var(--mp-shadow-card);
  position: relative;
}
.conclusion-box::before{
  content: "“";
  position: absolute;
  top: -10px; left: 28px;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-size: 96px;
  line-height: 1;
  color: var(--mp-orange);
  opacity: .35;
  pointer-events: none;
}
.conclusion-box h3{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 300;
  font-variation-settings: "opsz" 72;
  font-size: 32px;
  letter-spacing: -0.02em;
  margin-bottom: 18px;
}
.conclusion-box p:last-child{ margin-bottom: 0; }
.conclusion-box p strong{ color: var(--mp-text); }
@media (max-width: 1023px){.mp-article-layout{ grid-template-columns: 1fr; gap: 40px; }
.mp-aside{ display: none; }
.score-visual-inner{ grid-template-columns: 1fr; gap: 32px; padding: 0; }
.review-container{ grid-template-columns: 1fr; }
.review-box.specs{ grid-column: auto; }}
@media (max-width: 767px){.hero-a{ padding: 100px 20px 60px; }
.mp-money-wrapper,.mp-article-layout{ padding: 0 20px; }
.hero-verdict-strip{ grid-template-columns: repeat(2, 1fr); border-radius: 24px; }
.hvs-item{ border-right: none; border-bottom: 1px solid var(--mp-border); }
.hvs-item:nth-child(2){ border-right: none; }
.hvs-item:nth-child(odd){ border-right: 1px solid var(--mp-border); }
.hvs-item:nth-last-child(-n+2){ border-bottom: none; }
.mp-article-main h2{ flex-direction: column; align-items: flex-start; gap: 14px; }
.pour-qui-grid{ grid-template-columns: 1fr; }
.table-card{ overflow-x: auto; }
.conclusion-box{ padding: 32px 28px; border-radius: 0 16px 16px 0; }
.score-ring{ width: 180px; height: 180px; }
.ring-number{ font-size: 60px; }}
@media print{.mp-aside{ display: none !important; }
.mp-article-layout{ grid-template-columns: 1fr; }}
.guide-hook{
  margin: 8px 0 16px;
}
.guide-hook-head{
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.guide-hook-eyebrow{
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mp-orange);
  font-weight: 700;
}
.guide-hook-title{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 300;
  font-variation-settings: "opsz" 72;
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--mp-text);
  margin: 0;
}
.guide-hook-title em{
  font-style: italic;
  color: var(--mp-orange);
  font-weight: 400;
}
.guide-hook-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.hook-card{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 20px;
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 16px;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow: var(--mp-shadow-card);
  position: relative;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s, border-color .25s;
  text-decoration: none;
  border-bottom: 1px solid var(--mp-border);
}
.hook-card:hover{
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--mp-orange) 35%, transparent);
  box-shadow: 0 24px 50px -24px rgba(0,0,0,0.55);
}
.hook-card::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--mp-orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}
.hook-card:hover::before{ transform: scaleX(1); }
.hook-num{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 300;
  font-variation-settings: "opsz" 96;
  font-size: 40px;
  line-height: 1;
  color: var(--mp-orange);
  letter-spacing: -0.03em;
}
.hook-card-title{
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: var(--mp-text);
  letter-spacing: -0.005em;
}
.hook-card-desc{
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--mp-muted);
}
.mp-step{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: start;
  padding: 24px 28px;
  margin: 20px 0;
  background: color-mix(in srgb, var(--mp-bg-surface) 50%, transparent);
  border-left: 2px solid var(--mp-orange);
  border-radius: 0 14px 14px 0;
}
.mp-step-num{
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  padding-top: 2px;
}
.mp-step-num .step-label{
  font-size: 9px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
  margin-bottom: 4px;
}
.mp-step-num .step-digit{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 300;
  font-variation-settings: "opsz" 144;
  font-size: 58px;
  color: var(--mp-orange);
  letter-spacing: -0.04em;
}
.mp-step-body{ min-width: 0; }
.mp-step-body h3{ margin-top: 0; }
.mp-step-body :last-child{ margin-bottom: 0; }
.mp-step-body ul{ margin-bottom: 0; }
.mp-danger{
  background: color-mix(in srgb, var(--mp-verdict-red) 14%, var(--mp-bg-card));
  border: 1px solid color-mix(in srgb, var(--mp-verdict-red) 32%, transparent);
  border-left: 5px solid var(--mp-verdict-red);
  border-radius: 0 14px 14px 0;
  padding: 26px 30px 26px 70px;
  margin: 28px 0;
  position: relative;
  color: color-mix(in srgb, var(--mp-text) 92%, transparent);
}
.mp-danger::before{
  content: "⚠️";
  position: absolute;
  left: 22px; top: 24px;
  font-size: 26px;
}
.mp-danger-title{
  display: block;
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 14px;
  color: var(--mp-verdict-red);
  margin-bottom: 10px;
}
.mp-danger p:last-child,.mp-danger ol:last-child,.mp-danger ul:last-child{ margin-bottom: 0; }
.mp-danger ol li::marker,.mp-danger ul li::marker{ color: var(--mp-verdict-red); }
.mp-conseil-mp{
  background: linear-gradient(180deg, var(--mp-orange-soft) 0%, transparent 100%);
  border: 1px solid color-mix(in srgb, var(--mp-orange) 22%, transparent);
  border-left: 4px solid var(--mp-orange);
  border-radius: 0 16px 16px 0;
  padding: 28px 32px 26px 88px;
  margin: 28px 0;
  position: relative;
}
.mp-conseil-mp::before{
  content: "MP";
  position: absolute;
  left: 26px; top: 26px;
  width: 42px; height: 42px;
  border-radius: 999px;
  background: var(--mp-orange);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.04em;
  box-shadow: 0 8px 20px -6px var(--mp-orange-glow);
}
.mp-conseil-mp h3,.mp-conseil-mp .conseil-title{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 500;
  font-variation-settings: "opsz" 36;
  font-size: 19px;
  color: var(--mp-orange);
  margin: 0 0 10px;
}
.mp-conseil-mp p:last-child{ margin-bottom: 0; }
.mp-erreur-debutant{
  background: var(--mp-yellow-soft);
  border-left: 4px solid var(--mp-verdict-yellow);
  border-radius: 0 14px 14px 0;
  padding: 24px 28px 24px 64px;
  margin: 28px 0;
  position: relative;
  color: color-mix(in srgb, var(--mp-text) 90%, transparent);
}
.mp-erreur-debutant::before{
  content: "🚫";
  position: absolute;
  left: 20px; top: 22px;
  font-size: 22px;
}
.mp-erreur-title{
  display: block;
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 13px;
  color: var(--mp-verdict-yellow);
  margin-bottom: 8px;
}
.mp-erreur-debutant p:last-child{ margin-bottom: 0; }
.mp-resume{
  background: var(--mp-green-soft);
  border-left: 4px solid var(--mp-verdict-green);
  border-radius: 0 14px 14px 0;
  padding: 24px 30px 24px 64px;
  margin: 28px 0;
  position: relative;
}
.mp-resume::before{
  content: "✓";
  position: absolute;
  left: 20px; top: 24px;
  width: 28px; height: 28px;
  border-radius: 999px;
  background: var(--mp-verdict-green);
  color: var(--mp-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 15px;
}
.mp-resume-title{
  display: block;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  color: var(--mp-verdict-green);
  margin-bottom: 4px;
}
.mp-resume-sub{
  display: block;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
  margin-bottom: 12px;
}
.mp-resume ul{ margin: 0; padding-left: 18px; }
.mp-resume ul li{ color: color-mix(in srgb, var(--mp-text) 86%, transparent); margin-bottom: 6px; }
.mp-resume ul li::marker{ color: var(--mp-verdict-green); }
.compare{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 28px 0;
}
.compare.cols-3{ grid-template-columns: repeat(3, 1fr); }
.compare-card{
  padding: 26px;
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-top: 3px solid var(--mp-border-strong);
  border-radius: 14px;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow: var(--mp-shadow-card);
  display: flex;
  flex-direction: column;
}
.compare-card.tone-red{ border-top-color: var(--mp-verdict-red); }
.compare-card.tone-orange{ border-top-color: var(--mp-orange); }
.compare-card.tone-green{ border-top-color: var(--mp-verdict-green); }
.compare-head{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--mp-border);
}
.compare-name{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 400;
  font-variation-settings: "opsz" 48;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--mp-text);
}
.compare-tag{
  flex-shrink: 0;
  font-size: 9.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 5px 9px;
  border-radius: 100px;
  white-space: nowrap;
}
.compare-tag.tone-red{ background: var(--mp-red-soft); color: var(--mp-verdict-red); }
.compare-tag.tone-orange{ background: var(--mp-orange-soft); color: var(--mp-orange); }
.compare-tag.tone-green{ background: var(--mp-green-soft); color: var(--mp-verdict-green); }
.compare-verdict{
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 14px;
}
.compare-verdict.tone-red{ color: var(--mp-verdict-red); }
.compare-verdict.tone-orange{ color: var(--mp-orange); }
.compare-verdict.tone-green{ color: var(--mp-verdict-green); }
.compare-list{ display: flex; flex-direction: column; gap: 10px; margin: 0; }
.compare-row{
  font-size: 13.5px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--mp-text) 84%, transparent);
}
.compare-row strong{ color: var(--mp-text); font-weight: 600; }
.mp-inline-product{
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 0;
  margin: 28px 0;
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow: var(--mp-shadow-card);
}
.mp-inline-img{ background: #fff; }
.mp-inline-img img{ width: 100%; height: 100%; object-fit: cover; display: block; min-height: 180px; }
.mp-inline-content{ padding: 24px 26px; display: flex; flex-direction: column; gap: 12px; }
.mp-inline-header{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mp-inline-title{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 400;
  font-variation-settings: "opsz" 48;
  font-size: 22px;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--mp-text);
}
.mp-inline-badge{
  font-size: 9.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mp-orange);
  background: var(--mp-orange-soft);
  border: 1px solid color-mix(in srgb, var(--mp-orange) 28%, transparent);
  padding: 4px 10px;
  border-radius: 100px;
}
.mp-inline-spec-label{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 500;
  font-size: 15px;
  color: var(--mp-orange);
  display: block;
  margin-bottom: 4px;
}
.mp-inline-desc p{ margin: 0; font-size: 14px; color: color-mix(in srgb, var(--mp-text) 84%, transparent); }
.mp-inline-actions{ display: flex; gap: 12px; margin-top: 4px; }
.mp-inline-btn-primary{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  border-radius: 100px;
  background: var(--mp-orange);
  color: #fff;
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  transition: background-color .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 10px 24px -10px var(--mp-orange-glow);
}
.mp-inline-btn-primary:hover{ background: var(--mp-orange-hover); color: #fff; transform: translateY(-2px); }
.mp-related-article{
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 0;
  margin: 32px 0;
  background: var(--mp-glass);
  border: 1px solid var(--mp-border);
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  border-bottom: 1px solid var(--mp-border);
  transition: transform .25s, box-shadow .25s, border-color .25s;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
}
.mp-related-article:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--mp-orange) 32%, transparent);
  box-shadow: 0 24px 50px -24px rgba(0,0,0,0.5);
}
.mp-related-img{ background: #fff; }
.mp-related-img img{ width: 100%; height: 100%; object-fit: cover; display: block; min-height: 160px; }
.mp-related-content{ padding: 24px 26px; display: flex; flex-direction: column; gap: 8px; justify-content: center; }
.mp-related-badge{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 9.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mp-orange);
  width: fit-content;
}
.mp-related-title{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-weight: 400;
  font-variation-settings: "opsz" 48;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--mp-text);
  margin: 2px 0 2px;
}
.mp-related-desc{ font-size: 13.5px; color: var(--mp-muted); margin: 0; line-height: 1.55; }
.mp-related-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mp-orange);
  margin-top: 6px;
}
.aside-meta-card{ padding: 6px; }
.aside-meta-row{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
}
.aside-meta-row + .aside-meta-row{ border-top: 1px solid var(--mp-border); }
.aside-meta-icon{
  width: 36px; height: 36px;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--mp-orange-soft);
  color: var(--mp-orange);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--mp-orange) 22%, transparent);
}
.aside-meta-text{ display: flex; flex-direction: column; gap: 1px; }
.aside-meta-label{
  font-size: 9.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
}
.aside-meta-value{ font-size: 14px; font-weight: 600; color: var(--mp-text); letter-spacing: -0.005em; }
.aside-share{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.aside-share-title{
  font-size: 10px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--mp-muted);
  font-weight: 700;
}
.aside-share-row{ display: flex; gap: 8px; }
.aside-share-btn{
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  border-radius: 100px;
  border: 1px solid var(--mp-border-strong);
  background: transparent;
  color: var(--mp-text);
  font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .2s, border-color .2s, color .2s, transform .2s;
}
.aside-share-btn:hover{
  background: var(--mp-orange-soft);
  border-color: var(--mp-orange);
  color: var(--mp-orange);
  transform: translateY(-1px);
}
.aside-share-btn svg{ width: 14px; height: 14px; }
.aside-toc-list.fr-nums a .toc-num{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0;
  color: var(--mp-orange);
}
.aside-related-list{ display: flex; flex-direction: column; gap: 2px; padding: 4px; }
.aside-related-link{
  display: block;
  padding: 12px;
  border-radius: 10px;
  text-decoration: none;
  border-bottom: none;
  transition: background-color .2s;
}
.aside-related-link:hover{ background: var(--mp-bg-surface); }
.aside-related-link .arl-title{
  font-size: 13.5px;
  line-height: 1.35;
  color: var(--mp-text);
  font-weight: 500;
  letter-spacing: -0.005em;
}
.aside-related-link .arl-title b{
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-style: italic;
  font-weight: 500;
  color: var(--mp-orange);
}
.aside-related-link:hover .arl-title{ color: var(--mp-orange); }
@media (max-width: 1023px){.guide-hook-grid{ grid-template-columns: repeat(2, 1fr); }
.mp-inline-product,.mp-related-article{ grid-template-columns: 1fr; }
.mp-inline-img img,.mp-related-img img{ min-height: 200px; }
.compare.cols-3{ grid-template-columns: 1fr; }}
@media (max-width: 767px){.guide-hook-grid{ grid-template-columns: 1fr; }
.compare{ grid-template-columns: 1fr; }
.mp-step{ grid-template-columns: 1fr; gap: 8px; padding: 22px 22px 22px 24px; }
.mp-step-num{ flex-direction: row; align-items: baseline; gap: 10px; }
.mp-step-num .step-digit{ font-size: 40px; }}
.single .entry-header,.single .ast-article-single .entry-header,body.single-post header.entry-header{display:none !important;}
.mp-article-layout{margin-top:80px;}
.mp-article-main{padding:0;}
.mp-article-main > section.mp-section:first-of-type,.mp-article-main > .intro:first-child{margin-top:0;}
.mp-article-main #section-12 h2,.mp-article-main .conclusion-wrapper h2{margin-bottom:20px;}
.mp-inline-content .mp-inline-actions{margin-top:4px;}
.mp-inline-product .mp-inline-img{background:#fff;display:grid;place-items:center;padding:20px;min-height:220px;overflow:hidden;}
.mp-inline-product .mp-inline-img img{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain;display:block;border-radius:4px;}
.guide-hook .guide-hook-title{display:block;}
.ranked-list{display:flex;flex-direction:column;gap:56px;margin:32px 0;}
.mention-list{display:flex;flex-direction:column;gap:36px;margin:32px 0;}
.mp-method{border:1px solid var(--mp-border);border-left:5px solid var(--mp-muted2);background:var(--mp-glass);border-radius:0 14px 14px 0;padding:22px 26px;margin:28px 0;display:flex;flex-direction:column;gap:8px;}
.mp-method .m-head{display:flex;align-items:center;gap:14px;margin-bottom:4px;}
.mp-method .m-ico{font-size:22px;flex:none;}
.mp-method .m-head > div{display:flex;flex-direction:column;gap:2px;}
.mp-method .m-title{font-family:'Fraunces','Fraunces Fallback',serif !important;font-style:italic !important;font-weight:500 !important;font-size:21px !important;color:var(--mp-text) !important;line-height:1.1;text-transform:none !important;letter-spacing:0 !important;}
.mp-method .m-sub{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mp-muted2) !important;}
.mp-method p{margin:0 !important;font-size:14.5px;color:var(--mp-muted) !important;line-height:1.7;}
.mp-method p a{color:var(--mp-orange) !important;}
.mp-erreur-debutant::before{content:none !important;display:none !important;}
.mp-erreur-debutant{background:var(--mp-verdict-yellow-soft);border:1px solid color-mix(in srgb,var(--mp-verdict-yellow) 28%,transparent);border-left:5px solid var(--mp-verdict-yellow);border-radius:0 16px 16px 0;padding:24px 28px;margin:28px 0;display:flex;flex-direction:column;gap:12px;}
.mp-erreur-debutant .e-head{display:flex;align-items:center;gap:14px;margin-bottom:2px;}
.mp-erreur-debutant .e-ico{font-size:24px;flex:none;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--mp-verdict-yellow) 22%,transparent);display:grid;place-items:center;}
.mp-erreur-debutant .e-text{display:flex;flex-direction:column;gap:3px;flex:1;}
.mp-erreur-debutant .e-num{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;font-size:11px;color:var(--mp-verdict-yellow) !important;}
html[data-theme="light"] .mp-erreur-debutant .e-num{color:#9a6f10 !important;}
.mp-erreur-debutant .e-title{font-family:'Fraunces','Fraunces Fallback',serif !important;font-style:italic !important;font-weight:500 !important;font-size:22px !important;color:var(--mp-text) !important;line-height:1.15;margin:0 0 6px;letter-spacing:0 !important;text-transform:none !important;}
.mp-erreur-debutant > p{color:var(--mp-muted) !important;font-size:14.5px;margin:0 !important;line-height:1.6;}
.mp-erreur-debutant .e-fix{display:flex;gap:13px;align-items:flex-start;background:var(--mp-verdict-green-soft);border-left:4px solid var(--mp-verdict-green);border-radius:0 10px 10px 0;padding:14px 16px;margin-top:8px;}
.mp-erreur-debutant .e-fix .fx{flex:none;width:22px;height:22px;border-radius:50%;background:var(--mp-verdict-green);color:var(--mp-text) !important;display:grid;place-items:center;font-size:13px;font-weight:800;margin-top:2px;}
.mp-erreur-debutant .e-fix p{color:var(--mp-text) !important;margin:0 !important;font-size:14px;line-height:1.55;}
.mp-erreur-debutant .e-fix p strong{color:var(--mp-verdict-green) !important;font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;font-size:15px;display:inline-block;margin-right:4px;}
.mp-erreur-debutant.is-checklist .e-text{display:flex;flex-direction:column;gap:3px;}
.mp-erreur-debutant.is-checklist .e-num{color:var(--mp-verdict-yellow) !important;}
html[data-theme="light"] .mp-erreur-debutant.is-checklist .e-num{color:#9a6f10 !important;}
.mp-erreur-debutant.is-checklist .e-title{font-size:20px !important;margin:0 !important;}
.mp-erreur-debutant.is-checklist .e-list{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:9px;}
.mp-erreur-debutant.is-checklist .e-list li{color:var(--mp-muted) !important;font-size:14.5px;line-height:1.6;}
.mp-erreur-debutant.is-checklist .e-list li strong{color:var(--mp-text) !important;font-weight:700;}
.mp-erreur-debutant.is-checklist .e-list li::marker{color:var(--mp-verdict-yellow);}
.mp-conseil-mp::before,.mp-conseil-mp .c-head::before{content:none !important;display:none !important;}
.mp-conseil-mp{background:var(--mp-orange-soft);border:1px solid color-mix(in srgb,var(--mp-orange) 28%,transparent);border-left:5px solid var(--mp-orange);border-radius:0 16px 16px 0;padding:24px 28px;margin:28px 0;display:flex;flex-direction:column;gap:12px;}
.mp-conseil-mp .c-head{display:flex;align-items:center;gap:14px;margin-bottom:2px;}
.mp-conseil-mp .c-badge{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--mp-orange),var(--mp-orange-hover));color:#fff !important;display:grid;place-items:center;font-family:'Montserrat','Montserrat Fallback',sans-serif !important;font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase;}
.mp-conseil-mp .c-text{display:flex;flex-direction:column;gap:3px;}
.mp-conseil-mp .c-eyebrow{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mp-orange) !important;}
.mp-conseil-mp .c-title{font-family:'Fraunces','Fraunces Fallback',serif !important;font-style:italic !important;font-weight:500 !important;font-size:22px !important;color:var(--mp-text) !important;line-height:1.15;letter-spacing:0 !important;text-transform:none !important;}
.mp-conseil-mp > p{color:var(--mp-muted) !important;font-size:14.5px;margin:0 !important;line-height:1.65;}
.mp-conseil-mp p strong{color:var(--mp-text) !important;}
.mp-danger::before,.mp-danger .d-head::before{content:none !important;display:none !important;}
.mp-danger{background:color-mix(in srgb,var(--mp-verdict-red) 14%,var(--mp-bg-card)) !important;border:1px solid color-mix(in srgb,var(--mp-verdict-red) 32%,transparent) !important;border-left:5px solid var(--mp-verdict-red) !important;border-radius:0 16px 16px 0 !important;padding:24px 28px !important;margin:28px 0 !important;display:flex !important;flex-direction:column !important;gap:12px !important;position:relative;}
.mp-danger .d-head{display:flex;align-items:center;gap:14px;margin-bottom:2px;}
.mp-danger .d-ico{font-size:24px;flex:none;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--mp-verdict-red) 22%,transparent);display:grid;place-items:center;}
.mp-danger .d-text{display:flex;flex-direction:column;gap:3px;}
.mp-danger .d-eyebrow{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mp-verdict-red) !important;}
.mp-danger .d-title{font-family:'Fraunces','Fraunces Fallback',serif !important;font-style:italic !important;font-weight:500 !important;font-size:22px !important;color:var(--mp-text) !important;line-height:1.15;letter-spacing:0 !important;text-transform:none !important;}
.mp-danger p{color:var(--mp-muted) !important;font-size:14.5px !important;margin:0 !important;line-height:1.65;}
.mp-danger p strong{color:var(--mp-text) !important;font-weight:700;}
.mp-danger ol,.mp-danger ul{margin:0 !important;padding-left:20px;display:flex;flex-direction:column;gap:8px;}
.mp-danger ol li,.mp-danger ul li{color:var(--mp-muted) !important;font-size:14.5px;line-height:1.6;}
.mp-danger ol li::marker,.mp-danger ul li::marker{color:var(--mp-verdict-red) !important;}
.mp-danger ol li strong,.mp-danger ul li strong{color:var(--mp-text) !important;}
.ranked-card{
  display:grid;grid-template-columns:236px 1fr;gap:0;
  border:1px solid var(--mp-border);border-radius:20px;overflow:hidden;
  background:var(--mp-bg-card);box-shadow:var(--mp-shadow-soft);
  margin:0;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ranked-card:hover{transform:translateY(-3px);border-color:var(--mp-border-strong);box-shadow:var(--mp-shadow-card);}
.ranked-card.is-first{border-color:var(--mp-orange);box-shadow:0 22px 60px -22px var(--mp-orange-glow);}
.rc-rail{position:relative;background:var(--mp-bg-surface);display:flex;flex-direction:column;border-right:1px solid var(--mp-border);}
.rc-rank{position:absolute;top:12px;left:14px;z-index:2;display:flex;align-items:baseline;gap:2px;font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;line-height:.8;color:var(--mp-orange);font-variation-settings:"opsz" 144;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.rc-rank .hash{font-size:22px;opacity:.7;}
.rc-rank .n{font-size:62px;}
.ranked-card.is-first .rc-rank::after{content:"N°1";position:absolute;left:0;top:100%;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-style:normal;font-weight:800;font-size:9px;letter-spacing:2px;color:var(--mp-orange);background:var(--mp-orange-soft);padding:3px 8px;border-radius:100px;white-space:nowrap;}
.rc-img{flex:1;background:#fff;display:grid;place-items:center;padding:24px 18px;min-height:300px;overflow:hidden;}
.rc-img img{max-width:100%;max-height:240px;width:auto;height:auto;object-fit:contain;display:block;border-radius:4px;}
.rc-body{padding:24px 26px;display:flex;flex-direction:column;gap:14px;}
.rc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;}
.rc-title{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:500;font-size:25px;color:var(--mp-text) !important;line-height:1.05;letter-spacing:-.3px;}
.rc-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;}
.rc-pill{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mp-muted) !important;background:var(--mp-glass-strong);border:1px solid var(--mp-border);padding:4px 9px;border-radius:100px;}
.rc-score{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;}
.apc-stars{display:inline-flex;gap:2px;color:var(--mp-orange);font-size:15px;line-height:1;}
.apc-stars .empty{color:var(--mp-border-strong);}
.rc-score-line{display:flex;align-items:baseline;gap:6px;}
.apc-score-num{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:600;font-size:30px;color:var(--mp-text) !important;line-height:1;font-variation-settings:"opsz" 144;}
.apc-score-num small{font-size:14px;color:var(--mp-muted2) !important;font-style:normal;font-weight:500;}
.rc-score-label{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:var(--mp-verdict-green-soft);color:var(--mp-verdict-green) !important;}
.rc-score-label.bien{background:var(--mp-orange-soft);color:var(--mp-orange) !important;}
.rc-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:14px 0;border-top:1px solid var(--mp-border);border-bottom:1px solid var(--mp-border);}
.rc-spec{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--mp-muted) !important;}
.rc-spec svg{flex:none;width:15px;height:15px;color:var(--mp-orange);}
.rc-spec b{color:var(--mp-text) !important;font-weight:600;}
.rc-verdict{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;font-size:17px;color:var(--mp-orange) !important;line-height:1.4;}
.rc-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:2px;}
.rc-price{display:flex;flex-direction:column;line-height:1;}
.rc-price .amount{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:600;font-size:30px;color:var(--mp-text) !important;font-variation-settings:"opsz" 144;}
.rc-price .label{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:9px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--mp-muted2) !important;margin-top:4px;}
.rc-cta{display:flex;gap:10px;flex-wrap:wrap;}
.mp-btn-primary,.mp-btn-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:12px 22px;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .22s ease;border:1.5px solid transparent;white-space:nowrap;}
.mp-btn-primary{background:var(--mp-orange);color:#fff;}
.mp-btn-primary:hover{background:var(--mp-orange-hover);transform:translateY(-2px);box-shadow:0 12px 26px -10px var(--mp-orange-glow);}
.mp-btn-ghost{background:transparent;color:var(--mp-text);border-color:var(--mp-border-strong);}
.mp-btn-ghost:hover{border-color:var(--mp-orange);color:var(--mp-orange);}
.mention-card{display:grid;grid-template-columns:240px 1fr;border:1px solid var(--mp-border);border-radius:18px;overflow:hidden;background:var(--mp-bg-card);box-shadow:var(--mp-shadow-soft);margin:0;}
.mention-img{position:relative;background:#fff;display:grid;place-items:center;padding:24px 20px;min-height:260px;overflow:hidden;}
.mention-img img{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;display:block;border-radius:4px;}
.mention-rank{position:absolute;top:12px;left:12px;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:var(--mp-orange);padding:4px 10px;border-radius:100px;}
.mention-badge{position:absolute;top:12px;right:12px;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--mp-orange);background:var(--mp-orange-soft);border:1px solid color-mix(in srgb,var(--mp-orange) 30%,transparent);padding:4px 10px;border-radius:100px;}
.mention-body{padding:22px 26px;display:flex;flex-direction:column;gap:11px;}
.mention-name{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:500;font-size:23px;color:var(--mp-text) !important;}
.mention-desc{font-size:14.5px;color:var(--mp-muted) !important;margin:0;line-height:1.6;}
.mention-pros{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.mention-pros li{position:relative;padding-left:24px;font-size:13.5px;color:var(--mp-muted) !important;line-height:1.5;}
.mention-pros li::before{content:"✓";position:absolute;left:0;top:0;color:var(--mp-verdict-green);font-weight:800;}
.mention-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:4px;}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:26px 0;}
.profile-card{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:14px;padding:22px;border-top:3px solid var(--mp-orange);transition:transform .2s,box-shadow .2s;}
.profile-card:hover{transform:translateY(-3px);box-shadow:var(--mp-shadow-soft);}
.profile-card .pc-eyebrow{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--mp-orange) !important;margin-bottom:8px;display:block;}
.profile-card .pc-model{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:500;font-size:20px;color:var(--mp-text) !important;margin-bottom:9px;line-height:1.15;}
.profile-card p{font-size:13.5px;color:var(--mp-muted) !important;margin:0;line-height:1.6;}
.setup-card{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:18px;padding:24px 26px;margin:18px 0;box-shadow:var(--mp-shadow-soft);}
.setup-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.setup-badge{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--mp-orange),var(--mp-orange-hover));padding:6px 14px;border-radius:100px;flex:none;}
.setup-htext{display:flex;flex-direction:column;}
.setup-title{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:700;font-size:17px;color:var(--mp-text) !important;}
.setup-budget{font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--mp-orange) !important;}
.setup-chain{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.setup-step{flex:1;min-width:150px;background:var(--mp-glass);border:1px solid var(--mp-border);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:3px;}
.setup-step .s-label{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--mp-muted2) !important;}
.setup-step .s-value{font-weight:700;font-size:14px;color:var(--mp-text) !important;line-height:1.2;}
.setup-step .s-sub{font-size:12px;color:var(--mp-muted) !important;font-style:italic;}
.setup-arrow{display:flex;align-items:center;color:var(--mp-orange);font-size:20px;font-weight:700;flex:none;}
.setup-desc{font-size:14px;color:var(--mp-muted) !important;margin:0 !important;line-height:1.6;}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0;}
.compare > div{border:1px solid var(--mp-border);border-top:3px solid var(--mp-border-strong);border-radius:14px;padding:24px;background:var(--mp-glass);}
.compare > div.is-a{border-top-color:var(--mp-orange);}
.compare > div.is-b{border-top-color:var(--mp-verdict-green);}
.compare .c-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--mp-border);padding-bottom:12px;margin-bottom:14px;}
.compare h4{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;font-size:24px;color:var(--mp-text) !important;line-height:1.1;margin:0;}
.compare .c-badge{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:4px 9px;border-radius:5px;white-space:nowrap;}
.compare .c-badge.a{background:var(--mp-orange-soft);color:var(--mp-orange) !important;}
.compare .c-badge.b{background:var(--mp-verdict-green-soft);color:var(--mp-verdict-green) !important;}
.compare ul{margin:0;padding:0;list-style:none;}
.compare li{position:relative;padding-left:22px;margin-bottom:10px;font-size:14px;color:var(--mp-muted) !important;line-height:1.55;}
.compare li::before{content:"";position:absolute;left:3px;top:8px;width:6px;height:6px;border-radius:2px;background:var(--mp-orange);transform:rotate(45deg);}
.compare li strong{color:var(--mp-text) !important;}
.compare.cols-3{grid-template-columns:1fr 1fr 1fr;gap:16px;}
.compare > div.tone-red{border-top-color:var(--mp-verdict-red) !important;}
.compare > div.tone-red li::before{background:var(--mp-verdict-red) !important;}
.compare > div.tone-red .c-badge.tone-red{background:color-mix(in srgb,var(--mp-verdict-red) 18%,transparent) !important;color:var(--mp-verdict-red) !important;}
.compare > div.tone-red li:first-child strong{color:var(--mp-verdict-red) !important;}
.compare > div.tone-orange{border-top-color:var(--mp-orange) !important;}
.compare > div.tone-orange li::before{background:var(--mp-orange) !important;}
.compare > div.tone-orange .c-badge.tone-orange{background:var(--mp-orange-soft) !important;color:var(--mp-orange) !important;}
.compare > div.tone-orange li:first-child strong{color:var(--mp-orange) !important;}
.compare > div.tone-green{border-top-color:var(--mp-verdict-green) !important;}
.compare > div.tone-green li::before{background:var(--mp-verdict-green) !important;}
.compare > div.tone-green .c-badge.tone-green{background:var(--mp-verdict-green-soft) !important;color:var(--mp-verdict-green) !important;}
.compare > div.tone-green li:first-child strong{color:var(--mp-verdict-green) !important;}
@media screen and (max-width: 760px){.compare.cols-3{grid-template-columns:1fr;}}
.mp-article-main .table-card,.mp-article-main .table-card *{
  border-style:none !important;
  outline:none !important;
}
.mp-article-main .table-card,.mp-article-main .table-card .table-scroll,.mp-article-main .table-card table,.mp-article-main .table-card thead,.mp-article-main .table-card tbody,.mp-article-main .table-card tr,.mp-article-main .table-card th,.mp-article-main .table-card td{
  box-sizing:border-box;
}
.mp-article-main .table-card{
  margin:32px 0 !important;
  border:1px solid var(--mp-border) !important;
  border-style:solid !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:var(--mp-shadow-soft) !important;
  background:var(--mp-bg-card) !important;
}
.mp-article-main .table-card .table-scroll{overflow-x:auto !important;}
.mp-article-main .table-card table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  font-size:14px !important;
  min-width:560px !important;
  margin:0 !important;
  background:transparent !important;
}
.mp-article-main .table-card thead th{
  background:var(--mp-glass-strong) !important;
  color:var(--mp-orange) !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif !important;
  font-weight:800 !important;
  font-size:10.5px !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
  text-align:left !important;
  padding:14px 16px !important;
  white-space:nowrap !important;
}
.mp-article-main .table-card tbody td{
  padding:14px 16px !important;
  border-style:solid !important;
  border-width:0 0 1px 0 !important;
  border-color:var(--mp-border) !important;
  color:var(--mp-muted) !important;
  background:transparent !important;
  vertical-align:top !important;
  line-height:1.55 !important;
}
.mp-article-main .table-card tbody tr:last-child td{border-width:0 !important;}
.mp-article-main .table-card tbody tr:nth-child(even) td{background:var(--mp-glass) !important;}
.mp-article-main .table-card tbody td strong{color:var(--mp-text) !important;font-weight:700 !important;}
.mp-article-main .table-card tbody td:first-child{white-space:nowrap !important;}
@media screen and (max-width: 760px){.ranked-list{ gap: 40px; }
.mention-list{ gap: 28px; }
.ranked-card,.mention-card{ grid-template-columns: 1fr; }
.rc-rail,.mention-img{
    flex-direction: row;
    border-right: none;
    border-bottom: 1px solid var(--mp-border);
  }
.rc-img{ min-height: 240px; padding: 20px; }
.rc-img img{ max-height: 200px; }
.mention-img{ min-height: 220px; padding: 20px; }
.mention-img img{ max-height: 180px; }
.mp-inline-product .mp-inline-img{ min-height: 180px; }
.mp-inline-product .mp-inline-img img{ max-height: 150px; }
.rc-specs{ grid-template-columns: 1fr; }
.rc-head,.rc-foot{ flex-direction: column; align-items: flex-start; }
.rc-score{ align-items: flex-start; }
.setup-chain{ flex-direction: column; }
.setup-arrow{ transform: rotate(90deg); align-self: center; }
.compare{ grid-template-columns: 1fr; gap: 14px; }}
.hero-a-bg:has(> img){
  background-image:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
}
.hero-a-bg > img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  object-position:center 28%;
  opacity:0.55;
  mix-blend-mode:normal;
  filter:none;
}
[data-theme="light"] .hero-a-bg > img{
  opacity:0.35;
  mix-blend-mode:multiply;
}
.hero-a .hero-sub{
  margin-top:22px;
  font-size:18px;
  max-width:60ch;
  color:var(--mp-muted) !important;
  font-weight:500;
  line-height:1.6;
}
.mp-article-main figure.mp-figure{
  margin:32px 0 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid var(--mp-border) !important;
  box-shadow:var(--mp-shadow-soft) !important;
  background:var(--mp-bg-card);
}
.mp-article-main figure.mp-figure img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}
.mp-article-main figure.mp-figure figcaption{
  font-size:12.5px !important;
  color:var(--mp-muted2) !important;
  padding:11px 18px !important;
  background:var(--mp-glass) !important;
  font-style:italic !important;
  text-align:left;
  margin:0;
}
.mp-article-main figure.mp-figure--float{
  float:right !important;
  clear:right !important;
  width:min(340px,42%) !important;
  max-width:340px !important;
  margin:8px 0 24px 32px !important;
  shape-outside:margin-box;
}
.mp-section::after{
  content:"";
  display:block;
  clear:both;
}
@media (max-width:760px){.mp-article-main figure.mp-figure--float{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:24px 0 !important;
  }}
.hero-a-bg .grad{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,
      transparent 0%,
      transparent 92%,
      color-mix(in srgb,var(--mp-bg) 60%,transparent) 100%),
    linear-gradient(90deg,
      color-mix(in srgb,var(--mp-bg) 50%,transparent) 0%,
      transparent 35%,
      transparent 100%);
}
.hero-a-inner{position:relative;z-index:2;}
.disco-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:26px 0 40px;}
.disco-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 0;}
.disco-card{display:flex;flex-direction:column;background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:16px;overflow:hidden;text-decoration:none !important;color:inherit;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.disco-card:hover{transform:translateY(-3px);border-color:var(--mp-orange);box-shadow:0 16px 44px -18px var(--mp-orange-glow);}
.disco-cover{position:relative;aspect-ratio:1;background:#fff;display:grid;place-items:center;padding:12px;overflow:hidden;}
.disco-cover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:transform .35s ease;}
.disco-card:hover .disco-cover img{transform:scale(1.03);}
.disco-rank-badge{position:absolute;top:10px;left:10px;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;padding:5px 11px;border-radius:100px;box-shadow:0 4px 12px -4px rgba(0,0,0,.4);}
.disco-rank-badge--gold{background:rgba(212,175,55,.95);color:#1a1a1a;}
.disco-rank-badge--silver{background:rgba(190,190,205,.95);color:#1a1a1a;}
.disco-rank-badge--bronze{background:rgba(200,120,50,.95);color:var(--mp-text);}
.disco-body{padding:20px 18px;display:flex;flex-direction:column;gap:7px;flex:1;}
.disco-title{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:600;font-size:20px;color:var(--mp-text) !important;line-height:1.14;letter-spacing:-.2px;margin:0;}
.disco-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:12px;color:var(--mp-muted) !important;}
.disco-year{color:var(--mp-orange);font-weight:700;letter-spacing:.3px;}
.disco-sep{color:var(--mp-muted2);}
.disco-format{color:var(--mp-muted) !important;font-weight:500;}
.disco-price{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;font-size:18px;color:var(--mp-text) !important;margin-top:4px;}
.disco-price small{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-style:normal;font-weight:700;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mp-muted2);margin-left:6px;}
.disco-cta{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:6px;}
.disco-cta-btn{display:block;background:var(--mp-orange);color:#fff;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:700;font-size:14px;text-align:center;padding:14px 22px;border-radius:100px;transition:background .18s,transform .18s,box-shadow .18s;}
.disco-card:hover .disco-cta-btn{background:var(--mp-orange-hover);transform:translateY(-1px);box-shadow:0 10px 22px -10px var(--mp-orange-glow);}
.disco-cta-hint{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:10px;color:var(--mp-muted2);text-align:center;letter-spacing:.4px;}
.disco-list .disco-cover{padding:8px;}
.disco-list .disco-body{padding:16px 14px;gap:6px;}
.disco-list .disco-title{font-size:17px;}
.disco-list .disco-price{font-size:16px;}
.disco-list .disco-cta-btn{padding:12px 18px;font-size:13px;}
.disco-card--gold{border-top:4px solid #d4af37;}
.disco-card--silver{border-top:4px solid #b4b4c3;}
.disco-card--bronze{border-top:4px solid #c87832;}
.disco-affiliate{margin:18px 0 0;font-size:12px;color:var(--mp-muted2) !important;font-style:italic;display:flex;align-items:center;gap:7px;}
.disco-affiliate svg{width:13px;height:13px;flex:none;opacity:.8;}
.key-stat{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-left:4px solid var(--mp-orange);background:var(--mp-glass);border-radius:0 14px 14px 0;padding:20px 26px;margin:26px 0;}
.key-stat-num{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;font-size:clamp(42px,6vw,60px);line-height:.88;color:var(--mp-orange);font-variation-settings:"opsz" 144;}
.key-stat-lbl{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--mp-muted) !important;max-width:32ch;line-height:1.45;}
.membres-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;}
.membre{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:14px;overflow:hidden;transition:transform .22s,box-shadow .22s;}
.membre:hover{transform:translateY(-3px);box-shadow:var(--mp-shadow-soft);}
.membre img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 18%;background:var(--mp-bg-surface);filter:grayscale(.2);transition:filter .3s ease;}
.membre:hover img{filter:grayscale(0);}
.membre figcaption{padding:13px 15px 15px;display:flex;flex-direction:column;gap:3px;}
.membre-name{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:500;font-size:16.5px;color:var(--mp-text) !important;}
.membre-role{font-size:11.5px;color:var(--mp-muted) !important;font-weight:500;}
.artistes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:24px 0 4px;}
.artiste-card{display:flex;align-items:center;gap:14px;background:var(--mp-bg-card);border:1px solid var(--mp-border);border-left:3px solid var(--mp-orange);border-radius:14px;padding:16px 18px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s;}
a.artiste-card{cursor:pointer;text-decoration:none !important;color:inherit;}
a.artiste-card:hover{transform:translateY(-2px);box-shadow:var(--mp-shadow-soft);}
.artiste-avatar{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:'Fraunces','Fraunces Fallback',serif;font-weight:600;font-size:16px;letter-spacing:.5px;background:var(--mp-orange-soft);color:var(--mp-orange);}
.artiste-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
.artiste-name{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:500;font-size:17px;color:var(--mp-text) !important;line-height:1.1;}
.artiste-genre{font-size:11.5px;color:var(--mp-muted) !important;font-weight:500;}
.artiste-badge{position:absolute;top:12px;right:12px;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:8.5px;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:100px;}
.artiste-badge--dispo{background:var(--mp-verdict-green-soft);color:var(--mp-verdict-green) !important;border:1px solid color-mix(in srgb,var(--mp-verdict-green) 35%,transparent);}
.artiste-badge--bientot{background:var(--mp-glass-strong);color:var(--mp-muted2) !important;border:1px solid var(--mp-border-strong);}
.artiste-card--electronic{border-left-color:#4a9eff;}
.artiste-card--electronic .artiste-avatar{background:rgba(74,158,255,.14);color:#4a9eff;}
.artiste-card--soul{border-left-color:#2ecc71;}
.artiste-card--soul .artiste-avatar{background:rgba(46,204,113,.14);color:#2ecc71;}
.artiste-card--pop{border-left-color:#e055c0;}
.artiste-card--pop .artiste-avatar{background:rgba(224,85,192,.14);color:#e055c0;}
.artiste-card--hiphop{border-left-color:#f0c040;}
.artiste-card--hiphop .artiste-avatar{background:rgba(240,192,64,.16);color:#d6a420;}
@media (max-width:900px){.disco-top3{grid-template-columns:1fr;gap:18px;}
.disco-list{grid-template-columns:repeat(2,1fr);gap:14px;}}
@media (max-width:760px){.membres-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
.disco-cta-btn{padding:16px 22px;font-size:15px;}}
@media (max-width:480px){.disco-list{grid-template-columns:1fr;}}
body.mp-hub .entry-content,body.mp-hub .entry-content.clear,body.mp-hub .ast-container,body.mp-hub .site-content,body.mp-hub #content,body.mp-hub #primary,body.mp-hub main,body.mp-hub article,body.mp-hub .ast-article-single,body.mp-hub .ast-plain-container{
  background:transparent !important;
  max-width:100% !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  flex-direction:column !important;
}
body.mp-hub .ast-container{
  flex:none !important;
  flex-flow:column !important;
  align-items:stretch !important;
}
body.mp-hub #secondary,body.mp-hub .mp-bg-photo,body.mp-hub .entry-header{
  display:none !important;
}
body.mp-hub .hero-a{
  width:100vw;
  margin-left:calc(50% - 50vw);
  max-width:100vw;
}
body.mp-hub .hero-a-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  align-items:end;
}
.hero-a-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.30;}
.hero-a-grooves{
  position:absolute;
  right:-260px;top:50%;
  transform:translateY(-50%);
  width:740px;height:740px;
  border-radius:50%;
  opacity:.5;
  background:repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--mp-text) 60%,transparent) 0 1px, transparent 1px 7px);
  -webkit-mask:radial-gradient(circle at 50% 50%, #000 26%, transparent 70%);
  mask:radial-gradient(circle at 50% 50%, #000 26%, transparent 70%);
  pointer-events:none;
}
.hero-a-grooves::after{
  content:"";
  position:absolute;inset:0;margin:auto;
  width:150px;height:150px;
  border-radius:50%;
  background:radial-gradient(circle,var(--mp-orange) 0 30%, color-mix(in srgb,var(--mp-orange) 0%,transparent) 31%);
  opacity:.5;
}
.hero-a-tint{
  position:absolute;inset:0;
  background:
    radial-gradient(130% 100% at 88% -10%, var(--mp-orange-soft) 0%, transparent 52%),
    linear-gradient(180deg, color-mix(in srgb,var(--mp-bg) 30%,transparent) 0%, color-mix(in srgb,var(--mp-bg) 88%,transparent) 88%, var(--mp-bg) 100%);
  pointer-events:none;
}
.hero-a-stat{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-bottom:6px;}
.hero-a-stat .num{
  font-family:'Fraunces','Fraunces Fallback',serif;
  font-style:italic;
  font-weight:500;
  font-size:clamp(72px,9vw,116px);
  line-height:.82;
  color:var(--mp-orange);
  font-variation-settings:"opsz" 144;
}
.hero-a-stat .lbl{
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:800;
  font-size:10.5px;
  letter-spacing:2.2px;
  text-transform:uppercase;
  color:var(--mp-muted) !important;
  margin-top:10px;
}
.hero-a-title .ln{display:block;}
.hero-a-title .ln > span{display:block;}
.hub-layout{max-width:var(--mp-maxw,1280px);margin:0 auto;padding:0 clamp(20px,5vw,56px) 90px;}
.hub-layout .mp-section{padding-top:clamp(48px,6vw,74px);}
.hub-layout .mp-section > .section-tag{margin-bottom:14px;}
.hub-layout .mp-section h2{
  font-family:'Fraunces','Fraunces Fallback',serif;
  font-weight:300;
  letter-spacing:-.7px;
  font-size:clamp(1.7rem,3.4vw,2.5rem);
  line-height:1.09;
  margin-bottom:22px;
  color:var(--mp-text) !important;
  font-variation-settings:"opsz" 110;
}
.hub-layout .mp-section h2 .num{
  font-family:'JetBrains Mono', ui-monospace, monospace !important;
  font-size:12px !important;
  font-weight:500 !important;
  font-style:normal !important;
  letter-spacing:0.22em;
  color:var(--mp-orange) !important;
  background:var(--mp-orange-soft);
  border:1px solid color-mix(in srgb, var(--mp-orange) 30%, transparent);
  padding:6px 10px;
  border-radius:8px;
  align-self:center;
  white-space:nowrap;
  margin-right:18px;
  display:inline-flex;
  align-items:center;
  vertical-align:middle;
  transform:translateY(-3px);
}
.hub-layout .mp-section .lead{font-size:17px;line-height:1.78;color:var(--mp-muted) !important;max-width:74ch;}
.hub-layout .mp-section .lead p{margin-bottom:16px;}
.hub-layout .mp-section .lead p:first-child{font-size:19px;color:var(--mp-text) !important;line-height:1.7;}
.hub-layout .mp-section .lead strong{color:var(--mp-text) !important;font-weight:700;}
.hub-layout .mp-section .lead a{color:var(--mp-orange) !important;font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--mp-orange) 35%,transparent);transition:border-color .2s;}
.hub-layout .mp-section .lead a:hover{border-color:var(--mp-orange);}
.hub-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.hub-count{
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:800;
  font-size:10.5px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--mp-orange) !important;
  background:var(--mp-orange-soft);
  border:1px solid color-mix(in srgb,var(--mp-orange) 28%,transparent);
  padding:6px 13px;
  border-radius:100px;
  white-space:nowrap;
  margin-bottom:6px;
}
.hub-featured-card{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  background:var(--mp-bg-card);
  border:1px solid var(--mp-border);
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--mp-shadow-soft);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s;
  text-decoration:none !important;
  color:inherit;
}
.hub-featured-card:hover{
  transform:translateY(-4px);
  border-color:var(--mp-orange);
  box-shadow:0 26px 64px -24px var(--mp-orange-glow);
}
.hub-featured-img{position:relative;background:var(--mp-bg-surface);min-height:360px;overflow:hidden;}
.hub-featured-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.hub-featured-card:hover .hub-featured-img img{transform:scale(1.12);}
.hub-featured-badge{
  position:absolute;top:16px;left:16px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:800;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;
  color:#fff;
  background:var(--mp-orange);
  padding:7px 13px;border-radius:100px;
  box-shadow:0 8px 20px -6px var(--mp-orange-glow);
}
.hub-featured-body{padding:clamp(28px,3vw,46px);display:flex;flex-direction:column;justify-content:space-between;gap:20px;}
.hub-featured-tag{
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-size:9.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--mp-orange) !important;
  background:var(--mp-orange-soft);
  border:1px solid color-mix(in srgb,var(--mp-orange) 28%,transparent);
  padding:5px 11px;border-radius:5px;
}
.hub-featured-title{
  font-family:'Fraunces','Fraunces Fallback',serif;
  font-weight:400;
  font-size:clamp(1.6rem,2.6vw,2.25rem);
  line-height:1.16;
  color:var(--mp-text) !important;
  letter-spacing:-.4px;
  margin-top:16px;
}
.hub-featured-excerpt{font-size:15px;line-height:1.7;color:var(--mp-muted) !important;margin-top:14px;}
.hub-featured-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--mp-border);}
.hub-featured-date{font-size:12px;font-weight:600;color:var(--mp-muted2) !important;letter-spacing:.3px;}
.hub-featured-read{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:800;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--mp-orange) !important;
}
.hub-featured-read svg{width:15px;height:15px;transition:transform .2s;}
.hub-featured-card:hover .hub-featured-read svg{transform:translateX(4px);}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;}
.brand-card{
  display:flex;flex-direction:column;
  background:var(--mp-bg-card);
  border:1px solid var(--mp-border);
  border-radius:18px;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  text-decoration:none !important;
  color:inherit;
}
.brand-card-logo{flex:1;display:grid;place-items:center;padding:40px 26px 32px;min-height:150px;}
.brand-card-logo img{
  max-height:78px;
  max-width:88%;
  width:auto;
  object-fit:contain;
  filter:brightness(0) invert(1);
  transition:opacity .3s ease;
}
html[data-theme="light"] .brand-card-logo img{filter:none;}
.brand-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--mp-border);}
.brand-card-count{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:700;font-size:12px;color:var(--mp-muted) !important;}
.brand-card-link{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;}
.brand-card[data-status="active"] .brand-card-link{color:var(--mp-orange) !important;}
.brand-card[data-status="active"]:hover{
  transform:translateY(-3px);
  border-color:var(--mp-orange);
  box-shadow:0 16px 40px -18px var(--mp-orange-glow);
}
.brand-card[data-status="coming"]{cursor:not-allowed;}
.brand-card[data-status="coming"] .brand-card-logo img{filter:brightness(0) invert(1) grayscale(1);opacity:.34;}
html[data-theme="light"] .brand-card[data-status="coming"] .brand-card-logo img{filter:grayscale(1);opacity:.4;}
.brand-card[data-status="coming"] .brand-card-link{
  display:inline-flex;align-items:center;
  color:var(--mp-muted2) !important;
  background:var(--mp-glass-strong);
  border:1px solid var(--mp-border);
  padding:4px 9px;border-radius:100px;letter-spacing:1px;
}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
.test-card{
  display:flex;flex-direction:column;
  background:var(--mp-bg-card);
  border:1px solid var(--mp-border);
  border-radius:18px;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  text-decoration:none !important;
  color:inherit;
}
.test-card:hover{
  transform:translateY(-3px);
  border-color:var(--mp-orange);
  box-shadow:var(--mp-shadow-soft);
}
.test-card-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--mp-bg-surface);}
.test-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.test-card:hover .test-card-img img{transform:scale(1.05);}
.test-card-note{
  position:absolute;top:12px;right:12px;
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:800;font-size:12px;
  color:var(--mp-text);
  background:rgba(20,15,10,.62);
  backdrop-filter:blur(6px);
  border:1px solid var(--mp-border);
  padding:5px 10px;
  border-radius:100px;
}
.test-card-note .star{color:var(--mp-orange);font-size:12px;}
.test-card-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1;}
.test-card-tag{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mp-orange) !important;margin-bottom:10px;}
.test-card-title{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:500;font-size:19px;line-height:1.22;color:var(--mp-text) !important;letter-spacing:-.2px;}
.test-card-excerpt{
  font-size:13.5px;line-height:1.62;color:var(--mp-muted) !important;
  margin-top:10px;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;
}
.test-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--mp-border);}
.test-card-date{font-size:11px;font-weight:600;color:var(--mp-muted2) !important;letter-spacing:.3px;}
.test-card-arrow{font-size:16px;color:var(--mp-orange) !important;transition:transform .2s;}
.test-card:hover .test-card-arrow{transform:translateX(4px);}
.hub-cta-double{
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:0;
  background:var(--mp-bg-card);
  border:1px solid var(--mp-border-strong);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--mp-shadow-card);
}
.hub-cta-double::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  opacity:.5;
  background:
    repeating-linear-gradient(90deg,transparent 0 59px,var(--mp-glass) 59px 60px),
    repeating-linear-gradient(0deg,transparent 0 59px,var(--mp-glass) 59px 60px);
}
.cta-col{
  position:relative;z-index:1;
  display:flex;flex-direction:column;justify-content:space-between;gap:22px;
  padding:clamp(30px,3.4vw,48px);
}
.cta-col--primary{background:linear-gradient(135deg,var(--mp-orange-soft) 0%,transparent 70%);}
.cta-col + .cta-col{border-left:1px solid var(--mp-border);}
.cta-eyebrow{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:800;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--mp-orange) !important;}
.cta-title{font-family:'Fraunces','Fraunces Fallback',serif;font-weight:400;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.15;color:var(--mp-text) !important;letter-spacing:-.3px;margin:12px 0 10px;}
.cta-sub{font-size:14.5px;line-height:1.62;color:var(--mp-muted) !important;}
.hub-copyright{text-align:center;font-size:12px;color:var(--mp-muted2) !important;margin-top:48px;font-style:italic;}
@media (prefers-reduced-motion:no-preference){.hero-a-title .ln > span{animation:mp-rise .85s cubic-bezier(.2,.75,.2,1) both;}
.hero-a-title .ln:nth-child(1) > span{animation-delay:.04s;}
.hero-a-title .ln:nth-child(2) > span{animation-delay:.14s;}
.hero-a-sub{animation:mp-rise .8s .30s cubic-bezier(.2,.7,.2,1) both;}
.hero-a-meta{animation:mp-rise .8s .40s cubic-bezier(.2,.7,.2,1) both;}
.hero-a-stat{animation:mp-rise .8s .22s cubic-bezier(.2,.7,.2,1) both;}
@keyframes mp-rise{from{transform:translateY(26px);}to{transform:translateY(0);}}}
body.mp-hub .hero-a-title,body.mp-hub .hero-a-title .ln,body.mp-hub .hero-a-title .ln > span{
  color:var(--mp-text) !important;
  visibility:visible !important;
  opacity:1 !important;
  font-family:'Fraunces','Fraunces Fallback',serif !important;
  font-weight:500 !important;
  line-height:1.02 !important;
  letter-spacing:-.015em !important;
  text-transform:none !important;
  border:none !important;
}
body.mp-hub .hero-a-title{
  font-size:clamp(40px,5.4vw,76px) !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
}
body.mp-hub .hero-a-title em{
  color:var(--mp-orange) !important;
  font-style:italic !important;
  font-weight:500 !important;
}
body.mp-hub .hero-a-sub{
  color:var(--mp-muted) !important;
  font-family:'Inter','Montserrat',sans-serif !important;
  font-size:clamp(15px,1.4vw,18px) !important;
  line-height:1.55 !important;
  margin:0 0 22px 0 !important;
  max-width:680px !important;
  font-weight:400 !important;
}
body.mp-hub .hero-a-sub strong{color:var(--mp-text) !important;}
body.mp-hub .hero-a-meta{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  color:var(--mp-muted) !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif !important;
  font-size:13px !important;
}
body.mp-hub .hero-a-meta .author{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
body.mp-hub .hero-a-meta .av{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;height:32px;
  border-radius:50%;
  background:var(--mp-orange);
  color:#fff !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif !important;
  font-weight:800;
  font-size:11px;
  letter-spacing:.5px;
  flex-shrink:0;
}
body.mp-hub .hero-a-meta .author b{color:var(--mp-text) !important;font-weight:700;}
body.mp-hub .hero-a-meta .dot{
  width:3px;height:3px;
  border-radius:50%;
  background:var(--mp-border);
  display:inline-block;
}
body.mp-hub .hero-a-breadcrumb,body.mp-hub .hero-a-breadcrumb a,body.mp-hub .hero-a-breadcrumb span{
  color:var(--mp-muted) !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif !important;
  font-size:11px !important;
  letter-spacing:1.8px !important;
  text-transform:uppercase !important;
}
body.mp-hub .hero-a-breadcrumb a:hover{color:var(--mp-orange) !important;}
body.mp-hub .section-tag{
  color:var(--mp-orange) !important;
}
@media (max-width:1024px){body.mp-hub .hero-a-inner{
    grid-template-columns:1fr;
    gap:30px;
    align-items:start;
    width:100%;
  }
.hero-a-stat{flex-direction:row;align-items:baseline;gap:14px;}
.hero-a-stat .lbl{margin-top:0;}
.brand-grid{grid-template-columns:repeat(2,1fr);}
.test-grid{grid-template-columns:repeat(2,1fr);}
.hub-featured-card{grid-template-columns:1fr;}
.hub-featured-img{min-height:240px;}
.hub-cta-double{grid-template-columns:1fr;}
.cta-col + .cta-col{border-left:none;border-top:1px solid var(--mp-border);}}
@media (max-width:600px){body.mp-hub .hero-a-title{font-size:clamp(32px,8vw,46px) !important;}
.test-grid{grid-template-columns:1fr;}
.hero-a-stat .num{font-size:72px !important;}}
@media (max-width:400px){.brand-grid{grid-template-columns:1fr 1fr;gap:12px;}
.brand-card-logo{padding:24px 14px 18px;min-height:96px;}
.brand-card-meta{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 16px;}}
.brand-card-logo img,.test-card-img img,.hub-featured-img img{
  font-size:0;
  color:transparent;
  background:transparent;
}
.brand-card-logo,.test-card-img,.hub-featured-img{
  background:linear-gradient(135deg, rgba(229,94,31,0.04) 0%, rgba(229,94,31,0.01) 100%);
}
body.mp-hub-guides .hero-a,body.mp-hub-guides .hub-layout{
  --mp-orange: #3B82F6;
  --mp-orange-soft: rgba(59,130,246,0.12);
}
body.mp-hub-guides .hub-layout .mp-section h2 .num{
  background:rgba(59,130,246,0.12);
  border-color:color-mix(in srgb, #3B82F6 30%, transparent);
  color:#3B82F6 !important;
}
body.mp-hub-guides .brand-card-logo,body.mp-hub-guides .test-card-img,body.mp-hub-guides .hub-featured-img{
  background:linear-gradient(135deg, rgba(59,130,246,0.04) 0%, rgba(59,130,246,0.01) 100%);
}
body.mp-hub-guides .hero-a-meta .av{background:#3B82F6;}
body.mp-hub-entretien .hero-a,body.mp-hub-entretien .hub-layout{
  --mp-orange: #10B981;
  --mp-orange-soft: rgba(16,185,129,0.12);
}
body.mp-hub-entretien .hub-layout .mp-section h2 .num{
  background:rgba(16,185,129,0.12);
  border-color:color-mix(in srgb, #10B981 30%, transparent);
  color:#10B981 !important;
}
body.mp-hub-entretien .brand-card-logo,body.mp-hub-entretien .test-card-img,body.mp-hub-entretien .hub-featured-img{
  background:linear-gradient(135deg, rgba(16,185,129,0.04) 0%, rgba(16,185,129,0.01) 100%);
}
body.mp-hub-entretien .hero-a-meta .av{background:#10B981;}
body.mp-hub-trou-noir .hero-a,body.mp-hub-trou-noir .hub-layout{
  --mp-orange: #9333EA;
  --mp-orange-soft: rgba(147,51,234,0.12);
}
body.mp-hub-trou-noir .hub-layout .mp-section h2 .num{
  background:rgba(147,51,234,0.12);
  border-color:color-mix(in srgb, #9333EA 30%, transparent);
  color:#9333EA !important;
}
body.mp-hub-trou-noir .brand-card-logo,body.mp-hub-trou-noir .test-card-img,body.mp-hub-trou-noir .hub-featured-img{
  background:linear-gradient(135deg, rgba(147,51,234,0.04) 0%, rgba(147,51,234,0.01) 100%);
}
body.mp-hub-trou-noir .hero-a-meta .av{background:#9333EA;}
body.category-guide-dachat .mp-cta-amazon,body.category-culture-vinyle .mp-cta-amazon{
  background:#E55E1F !important;
  border-color:#E55E1F !important;
  color:#fff !important;
}
body.category-guide-dachat .mp-cta-amazon:hover,body.category-culture-vinyle .mp-cta-amazon:hover{
  background:#c54a1c !important;
  border-color:#c54a1c !important;
}
.about-bio-grid{
  display:grid;
  grid-template-columns:250px 1fr;
  gap:clamp(32px,5vw,56px);
  align-items:start;
  margin-top:8px;
}
.about-bio-photo{
  position:relative;
  width:250px;
  max-width:100%;
  align-self:start;
}
.about-bio-photo::after{
  content:"";
  position:absolute;
  bottom:-12px;
  right:-12px;
  width:100%;
  height:100%;
  border:2px solid var(--mp-orange);
  border-radius:14px;
  opacity:.5;
  z-index:0;
}
.about-bio-photo img{
  position:relative;
  z-index:1;
  width:250px;
  max-width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  object-position:center top;
  border-radius:12px;
  background:var(--mp-bg-surface);
  display:block;
  box-shadow:var(--mp-shadow-card);
}
.about-bio-text .about-bio-name{
  font-family:'Fraunces','Fraunces Fallback',serif;
  font-weight:500;
  font-size:30px;
  color:var(--mp-text) !important;
  letter-spacing:-.4px;
  line-height:1.05;
}
.about-bio-text .about-bio-role{
  display:block;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:800;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--mp-orange) !important;
  margin:8px 0 22px;
}
.about-bio-text p{
  font-size:15.5px;
  line-height:1.78;
  color:var(--mp-muted) !important;
  margin-bottom:15px;
}
.about-bio-text p em{
  font-family:'Fraunces','Fraunces Fallback',serif;
  font-style:italic;
  color:var(--mp-text) !important;
}
.about-bio-text strong{color:var(--mp-text) !important;font-weight:700;}
.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;}
.about-tag{
  background:var(--mp-orange-soft);
  border:1px solid color-mix(in srgb,var(--mp-orange) 26%,transparent);
  border-radius:100px;
  padding:7px 15px;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-size:11.5px;
  font-weight:700;
  color:var(--mp-orange) !important;
  letter-spacing:.3px;
}
.about-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:8px;
}
.about-card{
  background:var(--mp-bg-card);
  border:1px solid var(--mp-border);
  border-radius:18px;
  padding:26px 24px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.about-card:hover{
  transform:translateY(-3px);
  border-color:var(--mp-orange);
  box-shadow:var(--mp-shadow-soft);
}
.about-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}
.about-card-icon{
  width:42px;
  height:42px;
  border-radius:11px;
  background:var(--mp-orange-soft);
  color:var(--mp-orange);
  display:grid;
  place-items:center;
  flex:none;
}
.about-card-icon svg{width:20px;height:20px;}
.about-card-num{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-weight:700;
  font-size:13px;
  letter-spacing:1px;
  color:var(--mp-muted2) !important;
}
.about-card h3{
  font-family:'Fraunces','Fraunces Fallback',serif !important;
  font-weight:500 !important;
  font-size:20px !important;
  color:var(--mp-text) !important;
  letter-spacing:-.2px;
  line-height:1.2;
  margin:0 0 9px !important;
  padding:0 !important;
  border:none !important;
  text-transform:none !important;
}
.about-card p{
  font-size:14px !important;
  line-height:1.62 !important;
  color:var(--mp-muted) !important;
  margin:0 !important;
}
.about-card p strong{color:var(--mp-text) !important;font-weight:700;}
.about-quote{
  background:var(--mp-bg-card);
  border:1px solid var(--mp-border);
  border-left:4px solid var(--mp-orange);
  border-radius:0 18px 18px 0;
  padding:32px 36px;
  margin-top:26px;
}
.about-quote blockquote{
  font-family:'Fraunces','Fraunces Fallback',serif;
  font-style:italic;
  font-weight:400;
  font-size:21px;
  line-height:1.5;
  color:var(--mp-text) !important;
  letter-spacing:-.2px;
  margin:0;
  padding:0;
  border:none;
}
.about-quote blockquote em{color:var(--mp-orange) !important;}
.about-quote cite{
  display:block;
  margin-top:18px;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-style:normal;
  font-weight:800;
  font-size:11px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--mp-muted2) !important;
}
.about-setup-intro{
  font-size:15.5px;
  line-height:1.78;
  color:var(--mp-muted) !important;
  max-width:74ch;
  margin-bottom:26px;
}
.about-contact{text-align:center;max-width:620px;margin:0 auto;}
.about-contact .lead{
  margin:0 auto 26px;
  color:var(--mp-muted) !important;
  font-size:17px;
}
.about-contact-cta{display:flex;justify-content:center;}
.about-socials{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.about-social-link{
  display:inline-block !important;
  border:1.5px solid var(--mp-border-strong);
  border-radius:100px;
  padding:12px 22px;
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:700;
  font-size:13px;
  color:var(--mp-text) !important;
  text-decoration:none !important;
  transition:all .2s ease;
  white-space:nowrap;
  line-height:1;
  width:auto !important;
}
.about-social-link svg{
  width:16px !important;
  height:16px !important;
  display:inline-block !important;
  vertical-align:middle !important;
  margin-right:9px !important;
  margin-left:0 !important;
  margin-top:-2px !important;
}
.about-social-link:hover{
  border-color:var(--mp-orange);
  color:var(--mp-orange) !important;
  transform:translateY(-2px);
}
.about-affil{
  background:var(--mp-glass);
  border:1px solid var(--mp-border);
  border-radius:14px;
  padding:24px 28px;
  margin:42px auto 0;
  max-width:820px;
}
.about-affil h3{
  font-family:'Montserrat','Montserrat Fallback',sans-serif !important;
  font-weight:800 !important;
  font-size:11px !important;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--mp-text) !important;
  margin:0 0 9px !important;
  padding:0 !important;
  border:none !important;
}
.about-affil p{
  font-size:13px !important;
  line-height:1.65 !important;
  color:var(--mp-muted2) !important;
  margin:0 !important;
}
.about-signature{text-align:center;padding-top:52px;}
.about-signature-line{
  width:48px;
  height:2px;
  background:var(--mp-orange);
  margin:0 auto 22px;
  border-radius:2px;
}
.about-signature-name{
  font-family:'Fraunces','Fraunces Fallback',serif;
  font-style:italic;
  font-weight:500;
  font-size:28px;
  color:var(--mp-text) !important;
  letter-spacing:-.3px;
}
.about-signature-sub{
  font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-weight:700;
  font-size:11px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--mp-muted2) !important;
  margin-top:8px;
}
@media (max-width:1024px){.about-card-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:760px){.about-bio-grid{grid-template-columns:1fr;gap:36px;}
.about-bio-photo{width:240px;margin:0 auto;}}
@media (max-width:480px){.about-card-grid{grid-template-columns:1fr;}
.about-quote{padding:26px 24px;}}
html body,html #page,html .site,html .site-content{
    background: var(--mp-bg) !important;
}
.hero-a-bg{
    background-color: var(--mp-bg) !important;
}
html[data-theme="light"] .mp-mega-link,html[data-theme="light"] .mp-mobile-sub .mp-mega-link{
    color: #1a1612 !important;
}
html[data-theme="light"] .mp-mega-link:hover,html[data-theme="light"] .mp-mobile-sub .mp-mega-link:hover{
    color: var(--mp-orange) !important;
}
html[data-theme="light"] .mp-header-nav a:not(.mp-mega-link):not(.active){
    color: rgba(26, 22, 18, 0.62) !important;
}
html[data-theme="light"] .mp-header-nav a:not(.mp-mega-link):not(.active):hover{
    color: #1a1612 !important;
}
html[data-theme="light"] #mp-search-toggle,html[data-theme="light"] #mp-search-toggle svg,html[data-theme="light"] #mp-menu-toggle{
    color: #1a1612 !important;
    stroke: #1a1612 !important;
}
html[data-theme="light"] #mp-menu-toggle span,html[data-theme="light"] #mp-menu-toggle span::before,html[data-theme="light"] #mp-menu-toggle span::after{
    background-color: #1a1612 !important;
}
html[data-theme="light"] #mp-theme-toggle{
    background: var(--mp-orange) !important;
    color: #fff !important;
}
html[data-theme="light"] #mp-theme-toggle svg{
    stroke: #fff !important;
}
.mp-search-submit{
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 11px 22px !important;
    border-radius: 100px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.mp-search-submit .mp-search-submit-text{ display: inline !important; }
.mp-search-submit .mp-search-submit-icon-only{ display: none !important; }
@media (max-width: 600px){.mp-search-submit{
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 50% !important;
    }
.mp-search-submit .mp-search-submit-text{ display: none !important; }
.mp-search-submit .mp-search-submit-icon-only{ display: block !important; }}
.mp-search-input-wrap{
    overflow: hidden !important;
}
.mp-search-input{
    max-width: 100% !important;
    padding-right: 150px !important;
    background: transparent !important;
    color: var(--mp-text) !important;
}
.mp-search-input::placeholder{
    color: var(--mp-muted) !important;
}
@media (max-width: 600px){.mp-search-input{ padding-right: 60px !important; }}
.mp-cta-amazon),la FAQ (.tn-faq-*),`data-theme` est porté par <html>. Les rares variantes thème clair sont
   donc réécrites en `html[data-theme="light"] .mp-comp-…`.
   ═══════════════════════════════════════════════════════════════════════════ */
.mp-comp-tool{ padding-top:40px; }
.mp-comp-selectors{
  position:relative; z-index:40;
  display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:end;
  background:var(--mp-glass); border:1px solid var(--mp-border); border-radius:20px;
  padding:26px; box-shadow:var(--mp-shadow-card);
  backdrop-filter:blur(20px) saturate(140%); -webkit-backdrop-filter:blur(20px) saturate(140%);
}
.mp-comp-select-wrap{ display:flex; flex-direction:column; gap:9px; position:relative; min-width:0; }
.mp-comp-select-label{ font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--mp-orange); }
.mp-comp-dropdown{ position:relative; width:100%; user-select:none; }
.mp-comp-dropdown-trigger{
  display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;
  padding:14px 16px; background:var(--mp-bg-card); border:1.5px solid var(--mp-border-strong);
  border-radius:12px; cursor:pointer; transition:border-color .2s; text-align:left; font-family:inherit;
}
.mp-comp-dropdown-trigger:hover,.mp-comp-dropdown.is-open .mp-comp-dropdown-trigger{ border-color:var(--mp-orange); }
.mp-comp-dropdown-selected{ font-size:14px; font-weight:600; color:var(--mp-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; }
.mp-comp-dropdown-arrow{ flex:none; width:12px; height:8px; transition:transform .2s; }
.mp-comp-dropdown.is-open .mp-comp-dropdown-arrow{ transform:rotate(180deg); }
.mp-comp-dropdown-panel{
  display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:100;
  background:var(--mp-bg-surface); border:1.5px solid var(--mp-orange); border-radius:12px;
  max-height:340px; overflow-y:auto; box-shadow:0 18px 50px -12px rgba(0,0,0,.5);
  scrollbar-width:thin; scrollbar-color:var(--mp-orange) transparent;
}
.mp-comp-dropdown.is-open .mp-comp-dropdown-panel{ display:block; }
.mp-comp-dropdown-panel::-webkit-scrollbar{ width:6px; }
.mp-comp-dropdown-panel::-webkit-scrollbar-thumb{ background:var(--mp-orange); border-radius:3px; }
.mp-comp-dropdown-search-wrap{ padding:12px; border-bottom:1px solid var(--mp-border); position:sticky; top:0; background:var(--mp-bg-surface); z-index:1; }
.mp-comp-dropdown-search{
  width:100%; box-sizing:border-box; background:var(--mp-bg-card); border:1px solid var(--mp-border-strong);
  border-radius:8px; padding:9px 12px 9px 34px; color:var(--mp-text); font-family:inherit; font-size:12.5px; outline:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:11px center; transition:border-color .2s;
}
.mp-comp-dropdown-search:focus{ border-color:var(--mp-orange); }
.mp-comp-dropdown-item{
  padding:11px 16px; font-size:13px; font-weight:500; color:var(--mp-muted); cursor:pointer;
  transition:background .15s, color .15s; border-bottom:1px solid var(--mp-border);
}
.mp-comp-dropdown-item:last-child{ border-bottom:none; }
.mp-comp-dropdown-item:hover{ background:var(--mp-bg-card); color:var(--mp-text); }
.mp-comp-dropdown-item.is-selected{ background:var(--mp-orange-soft); color:var(--mp-orange); font-weight:700; }
.mp-comp-dropdown-noresult{ padding:14px 16px; font-size:12px; color:var(--mp-muted2); font-style:italic; text-align:center; }
.mp-comp-vs-badge{
  flex:none; width:52px; height:52px; border-radius:100px; background:var(--mp-orange); color:#fff;
  font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:500; font-size:16px;
  display:flex; align-items:center; justify-content:center; align-self:center; margin-bottom:2px;
  box-shadow:0 0 0 5px var(--mp-orange-soft);
}
.mp-comp-state{
  margin:28px 0 8px; padding:32px; text-align:center; border-radius:18px;
  border:1px dashed var(--mp-border-strong); background:var(--mp-glass);
  font-size:14px; font-weight:600; color:var(--mp-muted);
}
.mp-comp-state.warn{ border-style:solid; border-color:var(--mp-orange); color:var(--mp-orange); background:var(--mp-orange-soft); }
.mp-comp-result{ position:relative; z-index:1; margin-top:28px; }
.mp-comp-cards{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.mp-comp-card{
  --ring-hole:var(--mp-bg-card);
  background:var(--mp-glass); border:1px solid var(--mp-border); border-radius:20px; overflow:hidden;
  display:flex; flex-direction:column; box-shadow:var(--mp-shadow-card);
  backdrop-filter:blur(20px) saturate(140%); -webkit-backdrop-filter:blur(20px) saturate(140%);
  transition:transform .25s, border-color .25s;
}
.mp-comp-card:hover{ transform:translateY(-3px); border-color:var(--mp-border-strong); }
.mp-comp-card-img{ aspect-ratio:4/3; background:#fff; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--mp-border); }
.mp-comp-card-img img{ width:100%; height:100%; object-fit:contain; padding:8%; display:block; }
.mp-comp-card-body{ padding:22px; display:flex; flex-direction:column; gap:14px; flex:1; }
.mp-comp-card-header{ display:flex; align-items:center; gap:15px; }
.mp-comp-score-circle{ flex:none; width:72px; height:72px; border-radius:100px; display:flex; align-items:center; justify-content:center; position:relative; }
.mp-comp-score-circle::before{ content:''; position:absolute; inset:8px; border-radius:100px; background:var(--ring-hole); }
.mp-comp-score-circle .score-num{ position:relative; z-index:1; font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:500; font-size:22px; color:var(--mp-text); line-height:1; }
.mp-comp-card-name{ font-family:'Fraunces','Fraunces Fallback',serif; font-weight:500; font-size:21px; color:var(--mp-text); margin:0; line-height:1.08; letter-spacing:-.01em; }
.mp-comp-card-marque{ display:block; margin-top:5px; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--mp-muted); }
.mp-comp-card-verdictrow{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 14px; background:color-mix(in srgb,var(--mp-text) 4%, transparent); border-radius:12px; flex-wrap:wrap; }
.mp-comp-card-verdict{ font-size:13px; font-weight:600; color:var(--mp-text); margin:0; line-height:1.4; flex:1; min-width:120px; }
.mp-comp-prix-block{ display:flex; flex-direction:column; align-items:flex-end; gap:3px; }
.mp-comp-prix-label{ font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--mp-muted2); }
.mp-comp-card-prix{ font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:600; font-size:25px; color:var(--mp-text); margin:0; display:flex; align-items:center; gap:8px; white-space:nowrap; line-height:1; }
.mp-comp-card-prix.prix-cheaper{ color:var(--mp-verdict-green); }
.mp-comp-card-prix.prix-pricier{ color:var(--mp-verdict-red); }
.mp-comp-prix-badge{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-style:normal; font-size:9.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; padding:4px 9px; border-radius:100px; }
.prix-cheaper .mp-comp-prix-badge{ background:var(--mp-green-soft); color:var(--mp-verdict-green); }
.prix-pricier .mp-comp-prix-badge{ background:var(--mp-red-soft); color:var(--mp-verdict-red); }
.mp-comp-prix-stamp{ display:block; margin-top:3px; font-family:'Montserrat','Montserrat Fallback',sans-serif; font-style:normal; font-size:9px; font-weight:600; letter-spacing:.02em; color:var(--mp-muted2); white-space:nowrap; }
.mp-comp-card-specs{ border-top:1px solid var(--mp-border); padding-top:4px; }
.mp-comp-spec-row{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--mp-border); }
.mp-comp-spec-row:last-child{ border-bottom:none; }
.mp-comp-spec-row.diff{ background:var(--mp-orange-soft); border-radius:8px; padding:9px 11px; margin:1px -11px; border-bottom:none; }
.mp-comp-spec-label{ font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--mp-muted); white-space:nowrap; flex:none; }
.mp-comp-spec-value{ font-size:13px; font-weight:600; color:var(--mp-text); text-align:right; }
.mp-comp-yes{ color:var(--mp-verdict-green); font-weight:700; }
.mp-comp-no{ color:var(--mp-muted2); font-weight:600; }
.mp-comp-diff-badge{ font-size:8.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--mp-orange); background:var(--mp-orange-soft); border-radius:4px; padding:2px 6px; margin-left:6px; vertical-align:middle; }
.mp-comp-card-actions{ display:flex; gap:10px; margin-top:auto; padding-top:4px; flex-wrap:wrap; }
.mp-comp-card-test{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:13px 16px; background:transparent; color:var(--mp-text); border:1px solid var(--mp-border-strong); border-radius:100px; font-weight:700; font-size:13px; white-space:nowrap; transition:border-color .2s, color .2s; }
.mp-comp-card-test:hover{ border-color:var(--mp-orange); color:var(--mp-orange); }
.mp-comp-versus{ display:none; }
.mp-comp-versus-head{
  --ring-hole:var(--mp-bg-surface);
  position:sticky; top:0; z-index:20;
  display:grid; grid-template-columns:1fr 1fr; gap:1px;
  background:var(--mp-border); border:1px solid var(--mp-border); border-radius:16px 16px 0 0; overflow:hidden;
  box-shadow:0 10px 24px -16px rgba(0,0,0,.6);
}
.mp-comp-versus-col{ background:var(--mp-bg-surface); padding:16px 14px; display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; }
.mp-comp-versus-photo{ width:100%; max-width:170px; aspect-ratio:1; border-radius:14px; background:#fff; border:1px solid var(--mp-border); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.mp-comp-versus-photo img{ width:100%; height:100%; object-fit:contain; padding:10%; }
.mp-comp-versus-brand{ font-size:9.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--mp-muted); line-height:1.2; }
.mp-comp-versus-name{ font-family:'Fraunces','Fraunces Fallback',serif; font-weight:500; font-size:14px; line-height:1.15; color:var(--mp-text); }
.mp-comp-versus-rows{ border:1px solid var(--mp-border); border-top:none; border-radius:0 0 16px 16px; overflow:hidden; background:var(--mp-glass); }
.mp-comp-versus-row{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; padding:13px 12px; border-bottom:1px solid var(--mp-border); }
.mp-comp-versus-row:last-child{ border-bottom:none; }
.mp-comp-versus-row.is-diff{ background:color-mix(in srgb,var(--mp-orange) 5%, transparent); }
.mp-comp-versus-label{ font-size:9.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--mp-muted2); text-align:center; padding:0 6px; white-space:nowrap; }
.mp-comp-versus-val{ font-size:13.5px; font-weight:600; color:var(--mp-text); }
a.mp-comp-versus-val{ text-decoration:none; cursor:pointer; transition:opacity .15s; }
a.mp-comp-versus-val:hover{ text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.mp-comp-versus-val:first-child{ text-align:right; }
.mp-comp-versus-val:last-child{ text-align:left; }
.mp-comp-versus-val.is-best{ color:var(--mp-verdict-green); font-weight:800; }
.mp-comp-versus-val.is-worst{ color:var(--mp-verdict-red); font-weight:700; }
.mp-comp-versus-val.mp-comp-yes{ color:var(--mp-verdict-green); font-weight:800; }
.mp-comp-versus-val.mp-comp-no{ color:var(--mp-muted2); font-weight:600; }
.mp-comp-cellule-link{ color:inherit; text-decoration:none; cursor:pointer; border-bottom:1px dotted var(--mp-border-strong); transition:color .15s, border-color .15s; }
.mp-comp-cellule-link:hover{ color:var(--mp-orange); border-bottom-color:var(--mp-orange); }
.mp-comp-versus-stamp{ display:block; margin-top:2px; font-family:'Montserrat','Montserrat Fallback',sans-serif; font-style:normal; font-size:9px; font-weight:600; color:var(--mp-muted2); }
.mp-comp-versus-cta{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.mp-comp-versus-ctacol{ display:flex; flex-direction:column; gap:8px; }
.mp-comp-versus-ctaname{ font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--mp-muted); text-align:center; }
.mp-comp-methodo{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.mp-comp-methodo-item{ background:var(--mp-glass); border:1px solid var(--mp-border); border-radius:16px; padding:24px 22px; box-shadow:var(--mp-shadow-card); }
.mp-comp-methodo-num{ font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:300; font-variation-settings:"opsz" 144; font-size:46px; line-height:1; color:var(--mp-orange); letter-spacing:-.03em; }
.mp-comp-methodo-label{ display:block; margin-top:12px; font-size:13px; font-weight:700; color:var(--mp-text); }
.mp-comp-methodo-desc{ display:block; margin-top:6px; font-size:12.5px; line-height:1.55; color:var(--mp-muted); }
.mp-comp-guides{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.mp-comp-guide{ background:var(--mp-glass); border:1px solid var(--mp-border); border-radius:16px; display:flex; align-items:center; gap:15px; padding:15px; transition:border-color .2s, transform .2s; box-shadow:var(--mp-shadow-card); }
.mp-comp-guide:hover{ border-color:var(--mp-orange); transform:translateY(-2px); }
.mp-comp-guide-thumb{ width:64px; height:64px; border-radius:10px; flex:none; background-color:var(--mp-bg-surface); background-size:cover; background-position:center; }
.mp-comp-guide-tag{ font-size:9.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--mp-orange); }
.mp-comp-guide-title{ font-family:'Fraunces','Fraunces Fallback',serif; font-weight:500; font-size:15px; line-height:1.2; color:var(--mp-text); margin:5px 0 0; }
@media (max-width:1024px){.mp-comp-methodo{ grid-template-columns:repeat(2,1fr); }
.mp-comp-guides{ grid-template-columns:repeat(2,1fr); }}
@media (max-width:860px){.mp-comp-cards{ display:none; }
.mp-comp-versus{ display:block; }}
@media (max-width:640px){.mp-comp-selectors{ grid-template-columns:1fr; gap:14px; padding:20px; }
.mp-comp-vs-badge{ width:44px; height:44px; font-size:14px; }
.mp-comp-methodo{ grid-template-columns:1fr 1fr; }
.mp-comp-guides{ grid-template-columns:1fr; }}
@media (max-width:420px){.mp-comp-versus-cta{ grid-template-columns:1fr; }}
.conclusion-box h3{ color: var(--mp-text) !important; }
.mp-brand-card{
  display:flex; flex-direction:column; gap:18px;
  background:linear-gradient(135deg, var(--mp-orange-soft) 0%, transparent 60%), var(--mp-bg-card);
  border:1px solid var(--mp-border); border-radius:22px;
  padding:clamp(22px,3vw,34px); box-shadow:var(--mp-shadow-card);
  margin:8px 0 28px;
}
.mp-brand-head{ display:flex; align-items:center; gap:18px; }
.mp-brand-logo{
  flex:none; width:74px; height:74px; border-radius:16px;
  background:var(--mp-bg-surface); border:1px solid var(--mp-border);
  display:grid; place-items:center; overflow:hidden;
}
.mp-brand-logo img{ max-width:80%; max-height:80%; object-fit:contain; }
.mp-brand-logo img{ filter:brightness(0) invert(1); }
html[data-theme="light"] .mp-brand-logo img{ filter:none; }
.mp-brand-name{
  font-family:'Fraunces','Fraunces Fallback',serif; font-weight:500; font-size:clamp(26px,4vw,40px);
  line-height:1.02; letter-spacing:-.01em; color:var(--mp-text) !important; margin:0;
}
.mp-brand-tagline{
  display:block; margin-top:6px; font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--mp-muted);
}
.mp-brand-intro{ font-size:clamp(15px,1.6vw,17px); line-height:1.7; color:var(--mp-muted) !important; margin:0; max-width:70ch; }
.mp-brand-intro strong{ color:var(--mp-text) !important; }
.mp-brand-stats{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:1px;
  background:var(--mp-border); border:1px solid var(--mp-border); border-radius:14px; overflow:hidden;
}
.mp-brand-stat{ background:var(--mp-bg-card); display:flex; flex-direction:column; align-items:center; gap:4px; padding:16px 12px; text-align:center; }
.mp-brand-stat .num{ font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:400; font-size:clamp(26px,4vw,34px); line-height:1; color:var(--mp-orange); }
.mp-brand-stat .lbl{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:9.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--mp-muted); }
.mp-brand-nav{
  position:sticky; top:0; z-index:30;
  display:flex; gap:10px; overflow-x:auto; padding:12px 0; margin:0 0 8px;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
  background:var(--mp-bg);
}
.mp-brand-nav::-webkit-scrollbar{ display:none; }
.mp-brand-chip{
  flex:none; display:inline-flex; align-items:center; padding:10px 18px;
  border-radius:100px; border:1px solid var(--mp-border-strong);
  font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:700; font-size:13px;
  color:var(--mp-text); text-decoration:none; white-space:nowrap; transition:background .2s,color .2s,border-color .2s;
}
.mp-brand-chip:hover{ border-color:var(--mp-orange); color:var(--mp-orange); }
.mp-brand-chip.is-active{ background:var(--mp-orange); border-color:var(--mp-orange); color:#fff; }
.mp-brand-section{ padding-top:36px; scroll-margin-top:72px; }
.mp-brand-sec-head{ display:flex; align-items:center; gap:14px; margin-bottom:10px; }
.mp-brand-sec-ico{
  flex:none; width:40px; height:40px; border-radius:11px;
  background:var(--mp-orange-soft); border:1px solid color-mix(in srgb,var(--mp-orange) 24%,transparent);
  display:grid; place-items:center; font-size:18px; color:var(--mp-orange);
}
.mp-brand-sec-title{
  font-family:'Fraunces','Fraunces Fallback',serif; font-weight:400; font-size:clamp(24px,3.2vw,32px);
  line-height:1.05; letter-spacing:-.01em; color:var(--mp-text) !important; margin:0;
}
.mp-brand-sec-intro{ font-size:clamp(15px,1.6vw,16.5px); line-height:1.7; color:var(--mp-muted) !important; margin:0 0 14px; max-width:74ch; }
.mp-brand-sec-intro strong{ color:var(--mp-text) !important; }
.mp-brand-sec-best{
  display:block; margin-bottom:14px; font-family:'Montserrat','Montserrat Fallback',sans-serif;
  font-size:10.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--mp-muted2);
}
.mp-brand-shelf{
  display:flex; gap:18px; overflow-x:auto; padding:4px 0 20px;
  scroll-snap-type:x mandatory; scroll-padding-left:0;
  -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--mp-border-strong) transparent;
}
.mp-brand-shelf::-webkit-scrollbar{ height:6px; }
.mp-brand-shelf::-webkit-scrollbar-thumb{ background:var(--mp-border-strong); border-radius:3px; }
.mp-pc{
  flex:0 0 300px; max-width:300px; scroll-snap-align:start;
  display:flex; flex-direction:column;
  background:var(--mp-glass); border:1px solid var(--mp-border); border-radius:18px; overflow:hidden;
  box-shadow:var(--mp-shadow-card); transition:transform .22s, border-color .22s;
}
.mp-pc:hover{ transform:translateY(-3px); border-color:var(--mp-orange); }
.mp-pc-media{
  position:relative; aspect-ratio:4/3; background:#fff;
  display:grid; place-items:center; padding:16px; border-bottom:1px solid var(--mp-border);
}
.mp-pc-media img{ max-width:100%; max-height:100%; object-fit:contain; }
.mp-pc-note{
  position:absolute; top:12px; right:12px; width:46px; height:46px; border-radius:100px;
  background:var(--mp-bg-card); border:2px solid var(--mp-orange);
  display:grid; place-items:center;
  font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:500; font-size:16px; color:var(--mp-text);
}
.mp-pc-body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:6px; flex:1; }
.mp-pc-eyebrow{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:9.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--mp-muted); }
.mp-pc-name{ font-family:'Fraunces','Fraunces Fallback',serif; font-weight:500; font-size:20px; line-height:1.1; color:var(--mp-text) !important; margin:0 0 6px; }
.mp-pc-actions{ display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.mp-pc-test{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:11px 16px; border-radius:100px; border:1px solid var(--mp-border-strong);
  background:transparent; color:var(--mp-text); font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:700; font-size:13px;
  text-decoration:none; transition:border-color .2s, color .2s;
}
.mp-pc-test:hover{ border-color:var(--mp-orange); color:var(--mp-orange); }
.mp-pc-test.mp-pc-soon{ opacity:.5; pointer-events:none; cursor:default; font-style:italic; }
.mp-pc-amazon{
  display:inline-flex; align-items:center; justify-content:space-between; gap:8px;
  padding:12px 18px; border-radius:100px; background:var(--mp-orange); color:#fff !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:700; font-size:13.5px; text-decoration:none;
  transition:background .2s, transform .2s;
}
.mp-pc-amazon:hover{ background:var(--mp-orange-hover); transform:translateY(-1px); }
.mp-pc-amazon .mp-pc-price{ font-weight:800; white-space:nowrap; }
.mp-pc-amazon .mp-pc-price:empty{ display:none; }
.mp-pc-stamp{ display:block; height:16px; line-height:16px; margin-top:6px; overflow:hidden; text-align:center; font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10px; color:var(--mp-muted2); }
.hub-layout .table-card,.hub-layout .table-card *{ border-style:none !important; outline:none !important; box-sizing:border-box; }
.hub-layout .table-card{
  margin:24px 0 !important;
  border:1px solid var(--mp-border) !important; border-style:solid !important;
  border-radius:16px !important; overflow:hidden !important;
  box-shadow:var(--mp-shadow-soft) !important; background:var(--mp-bg-card) !important;
}
.hub-layout .table-card table{
  width:100% !important; border-collapse:collapse !important; border-spacing:0 !important;
  font-size:14px !important; margin:0 !important; background:transparent !important;
}
.hub-layout .table-card thead th{
  background:var(--mp-glass-strong) !important; color:var(--mp-orange) !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif !important; font-weight:800 !important;
  font-size:10.5px !important; letter-spacing:1.2px !important; text-transform:uppercase !important;
  text-align:left !important; padding:14px 16px !important; white-space:nowrap !important;
}
.hub-layout .table-card tbody td{
  padding:14px 16px !important;
  border-style:solid !important; border-width:0 0 1px 0 !important; border-color:var(--mp-border) !important;
  color:var(--mp-muted) !important; background:transparent !important; vertical-align:top !important; line-height:1.55 !important;
}
.hub-layout .table-card tbody tr:last-child td{ border-width:0 !important; }
.hub-layout .table-card tbody tr:nth-child(even) td{ background:var(--mp-glass) !important; }
.hub-layout .table-card tbody tr:hover td{ background:var(--mp-orange-soft) !important; }
.hub-layout .table-card tbody td strong{ color:var(--mp-text) !important; font-weight:700 !important; }
@media (max-width:767px){.mp-brand-stats{ border-radius:12px; }
.mp-pc{ flex-basis:78vw; max-width:78vw; }
.mp-brand-section{ padding-top:28px; }}
@media (max-width:420px){.mp-pc{ flex-basis:84vw; max-width:84vw; }}
.mp-appbar,.mp-sticky-cta,.mp-to-top,.mp-browse-trigger,.mp-browse-sheet,.mp-browse-backdrop{ display:none; }
@media (max-width:767px){.mp-appbar{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:1000;
    background:var(--mp-bg-surface); border-top:1px solid var(--mp-border);
    box-shadow:0 -6px 24px rgba(0,0,0,.18);
    padding-bottom:env(safe-area-inset-bottom,0px);
    -webkit-backdrop-filter:saturate(1.2) blur(8px); backdrop-filter:saturate(1.2) blur(8px);
  }
.mp-appbar-tab{
    flex:1 1 0; min-width:0; min-height:56px;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    padding:8px 4px; text-decoration:none; background:none; border:0; cursor:pointer;
    color:var(--mp-muted); transition:color .18s;
  }
.mp-appbar-ico{ width:23px; height:23px; display:block; }
.mp-appbar-ico svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.9; }
.mp-appbar-lbl{
    font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.01em;
    line-height:1; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis;
  }
.mp-appbar-tab:active{ transform:scale(.94); }
.mp-appbar-tab.is-active{ color:var(--mp-text); }
.mp-appbar-tab.is-active[data-pillar="accueil"],.mp-appbar-tab.is-active[data-pillar="avis"]{ color:#E55E1F; }
.mp-appbar-tab.is-active[data-pillar="guides"]{ color:#3B82F6; }
.mp-appbar-tab.is-active[data-pillar="entretien"]{ color:#10B981; }
.mp-appbar-tab.is-active[data-pillar="trou-noir"]{ color:#9333EA; }
.mp-appbar-tab.is-active::before{
    content:""; position:absolute; top:0; width:26px; height:3px; border-radius:0 0 3px 3px;
    background:currentColor;
  }
.mp-appbar-tab{ position:relative; }
body.has-appbar{ padding-bottom:calc(56px + env(safe-area-inset-bottom,0px)); }
.mp-appbar-hide{ transform:translateY(-100%) !important; transition:transform .25s ease !important; }
.mp-sticky-cta{
    display:block; position:fixed; left:0; right:0;
    bottom:calc(56px + env(safe-area-inset-bottom,0px)); z-index:999;
    padding:10px 14px calc(10px); background:var(--mp-bg-card);
    border-top:1px solid var(--mp-border);
    transform:translateY(120%); opacity:0; pointer-events:none;
    transition:transform .25s ease, opacity .25s ease;
  }
.mp-sticky-cta.is-visible{ transform:translateY(0); opacity:1; pointer-events:auto; }
.mp-sticky-cta a{
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; min-height:48px; border-radius:100px;
    background:var(--mp-orange); color:#fff !important; text-decoration:none;
    font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:800; font-size:15px;
  }
.mp-sticky-cta a:active{ background:var(--mp-orange-hover); }
.mp-to-top{
    display:flex; position:fixed; right:14px; z-index:998;
    bottom:calc(56px + env(safe-area-inset-bottom,0px) + 14px);
    width:44px; height:44px; border-radius:100px;
    border:1px solid var(--mp-border-strong) !important;
    background:var(--mp-bg-card) !important; color:var(--mp-text) !important;
    align-items:center; justify-content:center;
    box-shadow:var(--mp-shadow-card); cursor:pointer;
    -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent;
    opacity:0; transform:translateY(8px); pointer-events:none; transition:opacity .2s, transform .2s;
  }
.mp-to-top:hover,.mp-to-top:focus,.mp-to-top:active,.mp-to-top:focus-visible{
    background:var(--mp-bg-card) !important; color:var(--mp-text) !important;
    border-color:var(--mp-border-strong) !important; outline:none !important; box-shadow:var(--mp-shadow-card) !important;
  }
.mp-to-top.is-visible{ opacity:1; transform:translateY(0); pointer-events:auto; }
.mp-to-top svg{ width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:2; }
.mp-browse-trigger{
    display:inline-flex; align-items:center; justify-content:center;
    width:44px; height:44px; background:none; border:0; color:var(--mp-text); cursor:pointer;
  }
.mp-browse-trigger svg{ width:24px; height:24px; stroke:currentColor; fill:none; stroke-width:2; }
.mp-browse-backdrop{
    display:block; position:fixed; inset:0; z-index:1100; background:rgba(0,0,0,.5);
    opacity:0; pointer-events:none; transition:opacity .25s;
  }
.mp-browse-backdrop.is-open{ opacity:1; pointer-events:auto; }
.mp-browse-sheet{
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:1101;
    max-height:82vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
    background:var(--mp-bg-card); border-radius:22px 22px 0 0;
    border-top:1px solid var(--mp-border); box-shadow:0 -10px 40px rgba(0,0,0,.35);
    padding:10px 18px calc(20px + env(safe-area-inset-bottom,0px));
    transform:translateY(100%); transition:transform .28s cubic-bezier(.22,1,.36,1);
  }
.mp-browse-sheet.is-open{ transform:translateY(0); }
.mp-browse-list{ list-style:none; margin:0 0 8px; padding:0; }
.mp-browse-link{
    display:flex; align-items:center; gap:12px; min-height:50px; padding:6px 4px;
    border-bottom:1px solid var(--mp-border); text-decoration:none;
    color:var(--mp-text); font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:600; font-size:15px;
  }
.mp-browse-list:last-child .mp-browse-link{ border-bottom:0; }}
.hero-a-rise span{ opacity:1 !important; transform:none !important; animation:none !important; }
body:has(.hero-verdict-strip) .hero-a-bg:not(:has(img)){ display:none !important; }
@media (min-width:1024px){body:has(.hero-verdict-strip) .mp-money-wrapper > figure.wp-block-image:first-of-type,body:has(.hero-verdict-strip) .mp-article-main > figure.wp-block-image:first-of-type,.mp-hero-fig{ display:none !important; }}
@media (min-width:768px) and (max-width:1023px){body:has(.hero-verdict-strip) .mp-money-wrapper > figure.wp-block-image:first-of-type,body:has(.hero-verdict-strip) .mp-article-main > figure.wp-block-image:first-of-type{
    border-radius:16px; overflow:hidden; margin:8px 0 24px;
  }}
@media (min-width:1024px){.mp-toc-mobile{ display:none !important; }}
@media (max-width:1023px){.mp-toc-mobile{ margin:0 0 20px; }
.mp-toc-mobile .mp-toc-btn{
    display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:100px;
    border:1px solid var(--mp-orange); background:var(--mp-orange-soft); color:var(--mp-orange) !important;
    font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:800; font-size:13px; cursor:pointer;
    -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent;
  }
.mp-toc-mobile .chev{ transition:transform .2s; font-size:12px; }
.mp-toc-mobile.is-open .chev{ transform:rotate(180deg); }
.mp-toc-panel{ margin-top:12px; border:1px solid var(--mp-border); border-radius:14px; overflow:hidden; background:var(--mp-bg-card); }
.mp-toc-panel .aside-toc-title{ display:none; }
.mp-toc-panel .aside-toc-list{ margin:0; padding:0; list-style:none; }
.mp-toc-panel .aside-toc-list li a{
    display:flex; align-items:center; gap:12px; min-height:48px; padding:11px 16px;
    border-bottom:1px solid var(--mp-border); color:var(--mp-text) !important; text-decoration:none;
    font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:600; font-size:15px;
  }
.mp-toc-panel .aside-toc-list li:last-child a{ border-bottom:0; }
.mp-toc-panel .toc-num{ color:var(--mp-orange); font-family:'JetBrains Mono',monospace; font-weight:700; font-size:13px; flex:none; }}
@media (max-width:767px){.hero-a{ padding:14px 18px 6px !important; min-height:0 !important; }
.hero-a-inner{ gap:12px !important; }
.hero-a-breadcrumb{ margin-bottom:10px !important; }
.hero-a-title{ font-size:30px !important; line-height:1.18 !important; margin:0 !important; }
.hero-a-meta{ margin-top:2px !important; }
.hero-a-cta-row{ display:none !important; }
.hero-verdict-strip{ display:none !important; }
.mp-hero-fig{
    display:block !important; margin:4px 0 8px !important;
    border-radius:16px; overflow:hidden; border:1px solid var(--mp-border); background:var(--mp-bg-card);
  }
.mp-hero-fig img{ width:100% !important; height:auto !important; display:block; border-radius:16px; }
.mp-hero-fig figcaption{ padding:8px 12px 12px; margin:0; text-align:left; }
.mp-money-wrapper h2,.mp-comparatif-wrapper h2,.mp-guide-wrapper h2{ scroll-margin-top:80px; }
.mp-read-progress{
    position:fixed; top:0; left:0; height:3px; width:0; z-index:1001;
    background:var(--mp-orange); box-shadow:0 0 6px rgba(229,94,31,.5);
    transition:width .08s linear; pointer-events:none;
  }
.astuce-forum,.alerte-usure,.mp-conseil-mp,.mp-danger,.mp-erreur-debutant{
    padding:18px 16px 18px 50px !important; margin:20px 0 !important; border-radius:0 12px 12px 0;
  }
.astuce-forum::before,.alerte-usure::before,.mp-conseil-mp::before,.mp-danger::before,.mp-erreur-debutant::before{
    left:14px !important; top:18px !important; font-size:20px !important;
  }
.analogy-highlight,.dyk-box{ padding:22px 18px !important; margin:20px 0 !important; }
.analogy-highlight::before{ left:18px !important; }
.mp-resume{ padding:18px 18px 18px 50px !important; margin:20px 0 !important; }
.mp-resume::before{ left:14px !important; top:18px !important; }
.key-stat{ padding:20px 16px !important; text-align:center; }
.mp-btn-primary,.mp-btn-ghost,.mp-btn-soft,.mp-cta-amazon{
    white-space:normal !important; max-width:100%; text-align:center; line-height:1.3;
  }
.mp-money-wrapper p,.mp-guide-wrapper p,.mp-comparatif-wrapper p{ font-size:16.5px; line-height:1.72; }
.mp-tech-details .table-card table,.mp-tech-details .table-card tbody,.mp-tech-details .table-card tr,.mp-tech-details .table-card td{ display:block; width:auto !important; }
.mp-tech-details .table-card thead{ display:none; }
.mp-tech-details .table-card tr{ padding:12px 16px; border-bottom:1px solid var(--mp-border) !important; }
.mp-tech-details .table-card tr:last-child{ border-bottom:0 !important; }
.mp-tech-details .table-card td{ border:0 !important; padding:2px 0 !important; }
.mp-tech-details .table-card td:first-child{ color:var(--mp-muted); font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.mp-tech-details .table-card td:nth-child(2){ color:var(--mp-text); font-weight:600; font-size:15px; }
.table-card.mp-table-compare{ overflow:visible; padding:0; background:transparent; border:0; box-shadow:none; }
.table-card.mp-table-compare table,.table-card.mp-table-compare tbody,.table-card.mp-table-compare tr,.table-card.mp-table-compare td{ display:block; width:auto !important; min-width:0 !important; }
.table-card.mp-table-compare thead{ display:none; }
.table-card.mp-table-compare tr{
    border:1px solid var(--mp-border) !important; border-radius:12px; background:var(--mp-glass);
    padding:6px 16px; margin-bottom:12px;
  }
.table-card.mp-table-compare td{
    display:flex !important; justify-content:space-between; align-items:baseline; gap:16px;
    border:0 !important; border-bottom:1px solid var(--mp-border) !important; padding:9px 0 !important;
    text-align:right; font-size:14px; line-height:1.4; color:var(--mp-text);
  }
.table-card.mp-table-compare tr td:last-child{ border-bottom:0 !important; }
.table-card.mp-table-compare td::before{
    content:attr(data-label); flex:none; text-align:left; max-width:45%;
    font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10px; font-weight:800; letter-spacing:.05em;
    text-transform:uppercase; color:var(--mp-muted);
  }
.table-card.mp-table-compare td:first-child{
    display:block !important; text-align:left;
    padding:2px 0 11px !important; margin-bottom:8px;
    border-bottom:2px solid var(--mp-orange) !important;
    font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:500; font-size:18px; color:var(--mp-text);
  }
.table-card.mp-table-compare td:first-child::before{ display:none !important; }
.table-card.mp-table-compare td::before{ color:var(--mp-orange); }
.table-card.mp-table-compare td{ font-weight:600; }
.table-card.mp-table-compare tr{ border-left:3px solid var(--mp-orange) !important; }
.table-card:not(.mp-table-compare){ position:relative; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.mp-money-wrapper .table-card:not(.mp-table-compare) table,.mp-guide-wrapper .table-card:not(.mp-table-compare) table,.mp-comparatif-wrapper .table-card:not(.mp-table-compare) table{ min-width:520px; }
.mp-tech-details .table-card table{ min-width:0 !important; }
.mp-inline-actions{ flex-direction:column !important; align-items:stretch !important; gap:10px !important; }
.mp-inline-actions .mp-inline-btn-primary,.mp-inline-actions .mp-btn-ghost{ width:100%; justify-content:center; text-transform:none !important; font-size:13.5px; }
.mp-product-gallery{ display:flex !important; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:6px; }
.mp-product-gallery img{ flex:0 0 82%; max-width:82%; scroll-snap-align:center; border-radius:12px; }
.sub-scores-grid{ display:grid !important; grid-template-columns:repeat(2,1fr); gap:10px; }
.sub-scores-grid > div{ border:1px solid var(--mp-border); border-radius:12px; padding:12px 14px; background:var(--mp-glass); }
.sub-scores-grid .ssr-bar-bg{ display:none; }
.sub-scores-grid .ssr-top{ flex-direction:column; align-items:flex-start; gap:6px; }
.sub-scores-grid .ssr-label{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--mp-muted); line-height:1.2; }
.sub-scores-grid .ssr-val{ font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:400; font-size:20px; color:var(--mp-text); }
.tn-faq-question{ min-height:48px; }}
@media (max-width:767px){body.home .entry-content{ display:flex; flex-direction:column; }
body.home .mp-home-hero{ order:1; }
body.home .mp-home-section:has(.mp-pillars-grid){ order:2; }
body.home .mp-section-tests{ order:3; }
body.home .mp-vds-section{ order:4; }
body.home .mp-home-section:has(.mp-intro-grid){ order:5; }
body.home .mp-section-cta{ order:6; }
.mp-home-hero{ padding:36px 18px 26px !important; min-height:0 !important; }
.mp-hero-title{ font-size:clamp(40px,11vw,58px) !important; margin-bottom:22px !important; }
.mp-hero-bottom{ padding-top:22px !important; gap:18px !important; }
.mp-home-section{ padding:38px 16px !important; }
.mp-section-head{ margin-bottom:24px !important; }
.mp-section-cta{ padding:44px 16px 56px !important; }
.mp-pillars-grid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
.mp-pillar{ display:flex !important; flex-direction:column !important; padding:18px 15px !important; border-radius:16px !important; }
.mp-pillar-num{ font-size:26px !important; margin-bottom:8px !important; }
.mp-pillar-title{ font-size:15px !important; line-height:1.2 !important; }
.mp-pillar-desc{ display:none !important; }
.mp-pillar-link{ margin-top:auto !important; padding-top:12px !important; font-size:10px !important; }
.mp-intro-cta{ display:flex !important; justify-content:center !important; }}
.mp-video{ margin:32px 0; }
.mp-video-frame{
  position:relative; padding-bottom:56.25%; height:0; overflow:hidden;
  border-radius:12px; border:1px solid var(--mp-border); background:var(--mp-bg-card);
}
.mp-video-frame iframe,.mp-video-frame video{ position:absolute; inset:0; width:100%; height:100%; border:0; object-fit:cover; }
.mp-video figcaption{
  font-size:12.5px; color:var(--mp-muted2); padding:11px 4px 0; margin:0;
  font-style:italic; text-align:left;
}
.mp-concierge{
  background:var(--mp-bg-card);
  border:1px solid color-mix(in srgb, var(--mp-orange) 28%, transparent);
  border-radius:16px; padding:28px 32px; margin:44px 0; text-align:center;
}
.mp-concierge-eyebrow{
  font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:11px; font-weight:800;
  letter-spacing:.16em; text-transform:uppercase; color:var(--mp-orange);
}
.mp-concierge-title{
  font-family:'Fraunces','Fraunces Fallback',serif; font-weight:500; font-size:22px;
  color:var(--mp-text) !important; margin:10px 0 8px; line-height:1.25;
  border:none; padding:0;
}
.mp-concierge-text{
  font-size:15px; color:var(--mp-muted); line-height:1.6; margin:0 auto 22px; max-width:480px;
}
.mp-concierge .mp-btn-primary{ display:inline-flex; }
.mp-inline-product .mp-inline-img{
  display:block !important; padding:0 !important; overflow:hidden;
  background:var(--mp-bg-surface) !important;
}
.mp-inline-product .mp-inline-img img{
  display:block; width:100% !important; height:100% !important; min-height:220px;
  max-width:none !important; max-height:none !important;
  object-fit:cover !important; object-position:center;
}
.mp-comp{
  background:var(--mp-glass); border:1px solid var(--mp-border); border-radius:20px;
  padding:22px 24px; margin:28px 0; box-shadow:var(--mp-shadow-card);
  backdrop-filter:blur(20px) saturate(140%); -webkit-backdrop-filter:blur(20px) saturate(140%);
}
.mp-comp-top{ display:flex; gap:20px; align-items:flex-start; }
.mp-comp-media{
  flex:0 0 120px; width:120px; aspect-ratio:1; border-radius:14px; overflow:hidden;
  background:var(--mp-bg-surface); display:grid; place-items:center;
}
.mp-comp-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.mp-comp-info{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.mp-comp-cat{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--mp-muted); }
.mp-comp-name{ font-family:'Fraunces','Fraunces Fallback',serif; font-weight:500; font-size:clamp(22px,2.6vw,28px); line-height:1.1; letter-spacing:-.01em; color:var(--mp-text) !important; margin:0; }
.mp-comp-rating{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-top:2px; }
.mp-comp-rating-badge{ font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:500; font-size:24px; color:var(--mp-orange); line-height:1; }
.mp-comp-rating-max{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--mp-muted); }
.mp-comp-verdict{
  font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--mp-orange); background:var(--mp-orange-soft);
  border:1px solid color-mix(in srgb,var(--mp-orange) 30%,transparent); padding:4px 10px; border-radius:100px;
}
.mp-comp-test{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:12.5px; font-weight:700; color:var(--mp-orange); text-decoration:none; margin-top:2px; }
.mp-comp-test:hover{ text-decoration:underline; text-underline-offset:3px; }
.mp-comp-swatches{ margin-top:18px; }
.mp-comp-swatches-label{ display:block; font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--mp-muted); margin-bottom:10px; }
.mp-couleurs-swatches{ display:flex; flex-wrap:wrap; gap:8px; }
.mp-couleurs-swatch{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  padding:7px 13px; border-radius:100px;
  border:1px solid var(--mp-border-strong); background:var(--mp-bg-card); color:var(--mp-text);
  font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:12.5px; font-weight:600; line-height:1;
  -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent;
  transition:border-color .18s, background .18s, transform .18s;
}
.mp-couleurs-swatch:hover{ border-color:var(--mp-orange); transform:translateY(-1px); }
.mp-couleurs-swatch.is-active{ border-color:var(--mp-orange); background:var(--mp-orange-soft); color:var(--mp-text); box-shadow:0 0 0 1px var(--mp-orange) inset; }
.mp-couleurs-dot{
  width:15px; height:15px; border-radius:50%; flex:none;
  box-shadow:inset 0 0 0 1px var(--mp-border), 0 0 0 1px rgba(0,0,0,.18);
}
.mp-comp-rows{ margin-top:18px; border:1px solid var(--mp-border); border-radius:14px; overflow:hidden; }
.mp-comp-row{ display:flex; align-items:center; gap:14px; padding:14px 16px; flex-wrap:wrap; }
.mp-comp-row + .mp-comp-row{ border-top:1px solid var(--mp-border); }
.mp-comp-row--best{ background:color-mix(in srgb,var(--mp-orange) 6%, transparent); }
.mp-comp-merch{ display:flex; align-items:center; gap:11px; flex:1; min-width:160px; }
.mp-comp-logo{
  flex:none; width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
  background:#ff9900; color:#111; font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:900; font-size:18px; text-transform:lowercase;
}
.mp-comp-merch-name{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:700; font-size:14px; color:var(--mp-text); }
.mp-comp-merch-sub{ font-size:11.5px; color:var(--mp-muted); }
.mp-comp-price{ display:flex; flex-direction:column; align-items:flex-end; gap:1px; margin-left:auto; }
.mp-comp-now{ font-family:'Fraunces','Fraunces Fallback',serif; font-style:italic; font-weight:600; font-size:22px; color:var(--mp-text); line-height:1; }
.mp-comp-now--na{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-style:normal; font-weight:700; font-size:14px; color:var(--mp-muted); }
.mp-comp-old{ font-size:12px; color:var(--mp-muted2); text-decoration:line-through; }
.mp-comp-deal{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:10px; font-weight:800; letter-spacing:.04em; color:var(--mp-orange); background:var(--mp-orange-soft); border:1px solid color-mix(in srgb,var(--mp-orange) 30%,transparent); padding:2px 8px; border-radius:100px; margin-top:3px; }
.mp-comp-price small{ font-family:'Montserrat','Montserrat Fallback',sans-serif; font-size:9px; color:var(--mp-muted2); margin-top:3px; }
.mp-comp-btn{
  flex:none; display:inline-flex; align-items:center; justify-content:center;
  padding:11px 20px; border-radius:100px; background:var(--mp-orange); color:#fff !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:700; font-size:13.5px; text-decoration:none;
  transition:background .18s, transform .18s;
}
.mp-comp-btn:hover{ background:var(--mp-orange-hover); transform:translateY(-1px); }
.mp-comp-row--soon{ opacity:.6; }
.mp-comp-btn--soon{ background:var(--mp-glass-strong); color:var(--mp-muted2) !important; border:1px solid var(--mp-border); cursor:default; }
.mp-comp-row--soon .mp-comp-logo{ background:var(--mp-border-strong); color:var(--mp-muted); }
.mp-comp-foot{ margin-top:16px; }
.mp-comp-cta{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:50px;
  border-radius:100px; background:var(--mp-orange); color:#fff !important;
  font-family:'Montserrat','Montserrat Fallback',sans-serif; font-weight:800; font-size:15px; text-decoration:none;
  transition:background .18s, transform .18s;
}
.mp-comp-cta:hover{ background:var(--mp-orange-hover); transform:translateY(-1px); }
.mp-comp-disclaim{ margin:12px 0 0; font-size:11px; color:var(--mp-muted2); line-height:1.5; text-align:center; }
@media (max-width:767px){.mp-comp{ padding:18px 16px; }
.mp-comp-top{ gap:14px; }
.mp-comp-media{ flex-basis:88px; width:88px; }
.mp-comp-row{ gap:10px; }
.mp-comp-price{ align-items:flex-start; margin-left:0; }
.mp-comp-btn{ width:100%; }}
.mp-product-gallery{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin: 24px 0 32px !important;
}
.mp-product-gallery img{
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
}
.mp-product-gallery img:first-child{
    grid-column: 1 / -1 !important;
    aspect-ratio: 16 / 9 !important;
}
.mp-product-gallery img:not(:first-child){
    aspect-ratio: 1 / 1 !important;
}
@media (max-width: 768px){.mp-product-gallery{ grid-template-columns: 1fr !important; }}
.mp-hubgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:28px 0 8px; }
.mp-hubgrid-card{ display:flex; flex-direction:column; min-height:190px; background:var(--mp-surface,#141414); border:1px solid var(--mp-border,var(--mp-border)); border-radius:14px; overflow:hidden; text-decoration:none; transition:border-color .25s, transform .25s; }
.mp-hubgrid-card:hover{ border-color:var(--mp-orange,#E55E1F); transform:translateY(-2px); }
.mp-hubgrid-logo{ flex:1; display:flex; align-items:center; justify-content:center; padding:30px 20px; }
.mp-hubgrid-logo img{ max-width:72%; max-height:66px; object-fit:contain; filter:brightness(0) invert(1); opacity:.5; transition:opacity .25s; }
.mp-hubgrid-card:hover .mp-hubgrid-logo img{ opacity:.92; }
.mp-hubgrid-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 16px; border-top:1px solid var(--mp-border,var(--mp-border)); }
.mp-hubgrid-count{ font-size:12px; color:var(--mp-text-muted,#9a9a9a); }
.mp-hubgrid-cta{ font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--mp-orange,#E55E1F); white-space:nowrap; }
.mp-hubgrid-card[data-status="coming"] .mp-hubgrid-logo img{ opacity:.32; }
.mp-hubgrid-card[data-status="coming"] .mp-hubgrid-cta{ color:var(--mp-text-muted,#9a9a9a); }
@media (max-width:768px){.mp-hubgrid{ grid-template-columns:1fr 1fr; }}
.mp-hubgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:28px 0 8px; }
.mp-hubgrid-card{ display:flex; flex-direction:column; min-height:190px; background:var(--mp-bg-surface); border:1px solid var(--mp-border); border-radius:14px; overflow:hidden; text-decoration:none; transition:border-color .25s, transform .25s; }
.mp-hubgrid-card:hover{ border-color:var(--mp-orange); transform:translateY(-2px); }
.mp-hubgrid-logo{ flex:1; display:flex; align-items:center; justify-content:center; padding:30px 20px; }
.mp-hubgrid-logo img{ max-width:72%; max-height:66px; object-fit:contain; filter:brightness(0) invert(1); opacity:.55; transition:opacity .25s, filter .25s; }
.mp-hubgrid-card:hover .mp-hubgrid-logo img{ opacity:.95; }
html[data-theme="light"] .mp-hubgrid-logo img{ filter:none; opacity:.75; }
.mp-hubgrid-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 16px; border-top:1px solid var(--mp-border); }
.mp-hubgrid-count{ font-size:12px; color:var(--mp-muted); }
.mp-hubgrid-cta{ font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--mp-orange); white-space:nowrap; }
.mp-hubgrid-card[data-status="coming"] .mp-hubgrid-logo img{ opacity:.32; }
html[data-theme="light"] .mp-hubgrid-card[data-status="coming"] .mp-hubgrid-logo img{ filter:grayscale(1); opacity:.4; }
.mp-hubgrid-card[data-status="coming"] .mp-hubgrid-cta{ color:var(--mp-muted); }
@media (max-width:768px){.mp-hubgrid{ grid-template-columns:1fr 1fr; }}
.dyk-box{ background: var(--mp-glass) !important; border: 1px solid var(--mp-border) !important; border-radius: 10px !important; display: flex !important; align-items: stretch !important; overflow: hidden !important; margin: 28px 0 !important; transition: all 0.3s ease !important; }
.dyk-box:hover{ border-color: var(--mp-orange) !important; box-shadow: 0 6px 24px rgba(229,94,31,0.15) !important; transform: translateY(-2px) !important; }
.dyk-header{ flex: 0 0 240px !important; background: rgba(0,0,0,0.15) !important; border-right: 1px solid var(--mp-border) !important; padding: 26px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; position: relative !important; overflow: hidden !important; }
.dyk-icon-badge{ flex: 0 0 auto !important; color: var(--mp-text) !important; width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 800 !important; font-size: 1.2rem !important; margin-bottom: 16px !important; position: relative !important; z-index: 1 !important; }
.dyk-title{ font-size: 18px !important; font-weight: 800 !important; color: var(--mp-text) !important; margin-bottom: 4px !important; line-height: 1.3 !important; display: block !important; }
.dyk-subtitle{ font-size: 11px !important; color: #10b981 !important; text-transform: uppercase !important; font-weight: 800 !important; letter-spacing: 0.5px !important; display: block !important; }
.dyk-content{ flex: 1 !important; padding: 26px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
.dyk-content > *:first-child{ margin-top: 0 !important; }
.dyk-content > *:last-child{ margin-bottom: 0 !important; }
.dyk-content p:empty{ display: none !important; }
@media (max-width: 768px){.dyk-box{ flex-direction: column !important; }
.dyk-header{ flex: 1 1 auto !important; border-right: none !important; border-bottom: 1px solid var(--mp-border) !important; padding: 20px !important; }
.dyk-content{ padding: 20px !important; }}
html[data-theme="light"] .dyk-box{ border-color: rgba(26,22,18,0.22) !important; }
html[data-theme="light"] .dyk-header{ background: rgba(26,22,18,0.05) !important; border-right-color: rgba(26,22,18,0.14) !important; }
/* ═══════════════════════════════════════════════════════════════
   COUCHE 19 — COMPAT COMPOSANTS LEGACY (08/07/2026)
   Règles récupérées du Customizer du LIVE (jamais versionnées) pour les
   composants hérités présents dans les articles DA 2026, + styles écrits
   pour les composants créés pendant la refonte sans CSS.
   ═══════════════════════════════════════════════════════════════ */
/* ── règles récupérées du live : /meilleure-cellule-vinyle-2026/ ── */
.accueil .mp-btn-primary,.mp-intro-quote cite{text-transform:uppercase;font-size:12px;font-weight:700}
.mp-intro-grid{margin-bottom:52px}
.mp-intro-label{color:var(--mp-orange)}
.mp-intro-title{font-size:30px;color:var(--mp-text);letter-spacing:-.5px}
.mp-intro-text strong{color:var(--mp-text);font-weight:600}
.mp-intro-quote{border-left:3px solid var(--mp-orange)}
.mp-intro-quote cite{letter-spacing:1px;font-family:"Montserrat",'Montserrat Fallback',sans-serif;color:#e55e1f;font-style:normal}
.mp-intro-quote cite,.mp-section-tag{color:var(--mp-orange)}.mp-money-wrapper .mp-review-disclaimer,
.mp-article-main .mp-review-disclaimer{font-size:11px;color:var(--mp-muted);text-align:center;margin-top:15px;margin-bottom:0;font-style:italic}.mp-comparatif-pq-card h4::after,
.mp-comparatif-pq-card h4::before,
.mp-money-wrapper .review-box h3::after,
.mp-article-main .review-box h3::after,
.mp-money-wrapper .review-box h3::before,
.mp-article-main .review-box h3::before{display:none!important;content:none!important}
.mp-comparatif-sep{border:0!important;height:1px!important;background:var(--mp-glass)!important;margin:50px auto!important;width:100%!important;max-width:100%!important}
.mp-comparatif-hero-wrap{margin-bottom:32px!important;text-align:center!important}.ast-single-post .entry-content .mp-comparatif-wrapper .mp-comparatif-hero-img,
.mp-comparatif-wrapper .mp-comparatif-hero-img,
.mp-article-main .mp-comparatif-hero-img{width:100%!important;height:auto!important;border-radius:12px!important;display:block!important}
.ast-single-post .entry-content .mp-comparatif-review-grid,.mp-comparatif-review-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:28px 0!important;width:100%!important;padding:0!important}
.mp-comparatif-review-box{background:var(--mp-glass)!important;border:1px solid var(--mp-border)!important;border-radius:10px!important;padding:24px!important;transition:all .3s!important;box-shadow:none!important}
.mp-comparatif-review-box:hover{border-color:var(--mp-orange)!important;box-shadow:0 6px 18px rgb(229 94 31/.12)!important;transform:translateY(-2px)!important}
.mp-comparatif-review-box.full{grid-column:1/-1!important}
.mp-comparatif-review-box.pros{background:rgb(16 185 129/.05)!important;border:1px solid rgb(16 185 129/.3)!important}
.mp-comparatif-review-box.cons{background:rgb(239 68 68/.05)!important;border:1px solid rgb(239 68 68/.3)!important}
.ast-single-post .entry-content .mp-comparatif-review-box h3,.ast-single-post .entry-content .mp-comparatif-review-box h4,.mp-comparatif-review-box h3,.mp-comparatif-review-box h4{font-size:13px!important;text-transform:uppercase!important;letter-spacing:1px!important;color: var(--mp-text)!important;border:0!important;margin-bottom:16px!important;padding:0!important;margin-top:0!important}
.mp-comparatif-review-box.pros h3,.mp-comparatif-review-box.pros h4{color:#10b981!important}
.mp-comparatif-review-box.cons h3,.mp-comparatif-review-box.cons h4{color:#ef4444!important}
.ast-single-post .entry-content .mp-comparatif-review-box li,.mp-comparatif-review-box li{position:relative!important;padding-left:24px!important;font-size:14px!important;margin-bottom:10px!important;list-style:none!important}.ast-single-post .entry-content .mp-guide-wrapper .review-box li strong,
.mp-comparatif-review-box li strong,
.mp-guide-wrapper .review-box li strong,
.mp-article-main .review-box li strong{color: var(--mp-text)!important;font-weight:600!important}
.ast-single-post .entry-content .mp-comparatif-review-box.specs li::before,.mp-comparatif-review-box.specs li::before{content:"›"!important;position:absolute!important;left:0!important;top:-2px!important;color:var(--mp-orange)!important;font-size:1.6em!important;line-height:1!important;font-weight:700!important}
.ast-single-post .entry-content .mp-comparatif-review-box.pros li::before,.mp-comparatif-review-box.pros li::before{content:"+"!important;position:absolute!important;left:0!important;top:-1px!important;color:#10b981!important;font-size:1.3em!important;font-weight:700!important}
.ast-single-post .entry-content .mp-comparatif-review-box.cons li::before,.mp-comparatif-review-box.cons li::before{content:"–"!important;position:absolute!important;left:0!important;top:-2px!important;color:#ef4444!important;font-size:1.3em!important;font-weight:700!important}
.mp-comparatif-analogy{background:linear-gradient(to right,rgb(229 94 31/.08),rgb(255 255 255/.02))!important;border-left:4px solid var(--mp-orange)!important;border-radius:0 8px 8px 0!important;padding:20px 24px!important;margin:32px 0!important}
.mp-comparatif-analogy h3,.mp-comparatif-pq-card h4{color: var(--mp-text)!important;border:0!important;padding:0!important}
.mp-comparatif-analogy h3{font-size:16px!important;margin-bottom:8px!important}
.mp-comparatif-analogy p{font-size:14px!important;margin-bottom:0!important;padding:0!important}
.mp-comparatif-pq-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:24px 0!important;padding:0!important}
.mp-comparatif-pq-card{background:var(--mp-glass)!important;border:1px solid var(--mp-border)!important;border-top:4px solid transparent!important;border-radius:8px!important;padding:20px!important;transition:all .3s!important;display:flex!important;flex-direction:column!important}
.mp-comparatif-pq-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px rgb(0 0 0/.12)!important;border-color:var(--mp-border-strong)!important}
.mp-comparatif-pq-card.oui,.mp-comparatif-pq-card.oui:hover{border-top-color:#10b981!important}
.mp-comparatif-pq-card.non{border-top-color:#ef4444!important}
.mp-comparatif-pq-title{font-size:14px!important;font-weight:700!important;color: var(--mp-text)!important;margin-bottom:6px!important;display:block!important;line-height:1.4!important}
.mp-comparatif-pq-card h4{font-size:13px!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:1px!important;margin:0 0 16px!important;box-shadow:none!important}
.mp-comparatif-pq-card.oui h4{color:#10b981!important}
.mp-comparatif-pq-card.non h4{color:#ef4444!important}
.mp-comparatif-pq-desc{font-size:13px!important;color:var(--mp-muted)!important;line-height:1.5!important;margin:0!important;padding:0!important}
.ast-single-post .entry-content .mp-comparatif-btn-group,.mp-comparatif-btn-group{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin:32px 0!important;padding:0!important;width:100%!important}
.mp-comparatif-btn-main{width:100%!important;text-align:center!important;background:var(--mp-orange)!important;color:#fff!important;border:2px solid var(--mp-orange)!important;font-size:16px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;padding:18px 40px!important;border-radius:8px!important;transition:all .3s!important;margin:0 auto!important;text-decoration:none!important}
.mp-comparatif-btn-main:hover{background:0 0!important;color:var(--mp-orange)!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px rgb(229 94 31/.25)!important}.mp-comparatif-btn-alt,
.mp-comparatif-btn-main,
.mp-guide-wrapper img,
.mp-article-main img{max-width:100%!important;display:block!important}
.mp-comparatif-btn-alt,.mp-comparatif-rat-title span{font-weight:700!important;text-transform:uppercase!important}
.mp-comparatif-btn-alt{width:100%!important;text-align:center!important;background:0 0!important;color:var(--mp-muted)!important;border:1px solid var(--mp-border-strong)!important;font-size:16px!important;letter-spacing:1.5px!important;padding:18px 40px!important;border-radius:8px!important;transition:all .3s!important;margin:0 auto!important;text-decoration:none!important}
.mp-comparatif-btn-alt:hover{background:var(--mp-glass)!important;color: var(--mp-text)!important;border-color: var(--mp-text)!important;transform:translateY(-2px)!important}.mp-guide-wrapper .mp-inline-btn-primary,
.mp-article-main .mp-inline-btn-primary,
.mp-guide-wrapper .mp-inline-btn-secondary,
.mp-article-main .mp-inline-btn-secondary,
.mp-guide-wrapper .mp-inline-product--simple a,
.mp-article-main .mp-inline-product--simple a{font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;text-decoration:none!important}.mp-guide-wrapper .mp-inline-btn-secondary,
.mp-article-main .mp-inline-btn-secondary{display:block!important;text-align:center!important;background:0 0!important;color:var(--mp-text)!important;letter-spacing:1.5px!important;padding:14px 16px!important;border-radius:6px!important;border:1px solid var(--mp-border-strong)!important;transition:all .3s ease!important}.mp-guide-wrapper .mp-inline-btn-secondary:hover,
.mp-article-main .mp-inline-btn-secondary:hover{border-color:var(--mp-text)!important;background:var(--mp-glass)!important}.mp-comparatif-wrapper .mp-comparatif-analogy a,
.mp-article-main .mp-comparatif-analogy a,
.mp-comparatif-wrapper li a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det),
.mp-article-main li a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det),
.mp-comparatif-wrapper p a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det),
.mp-article-main p a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det),
.mp-guide-wrapper .analogy-highlight a,
.mp-article-main .analogy-highlight a,
.mp-guide-wrapper .conclusion-box a,
.mp-article-main .conclusion-box a,
.mp-guide-wrapper li a,
.mp-article-main li a,
.mp-guide-wrapper p a:not(.mp-inline-btn-primary):not(.mp-inline-btn-secondary),
.mp-article-main p a:not(.mp-inline-btn-primary):not(.mp-inline-btn-secondary),
.mp-money-wrapper li a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn),
.mp-article-main li a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn),
.mp-money-wrapper p a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn),
.mp-article-main p a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn){color:var(--mp-orange)!important;text-decoration:underline!important;text-decoration-color:rgb(229 94 31/.4)!important;text-underline-offset:3px!important;text-decoration-thickness:1.5px!important;transition:color .2s ease,text-decoration-color .2s ease!important}.mp-comparatif-wrapper .mp-comparatif-analogy a:hover,
.mp-article-main .mp-comparatif-analogy a:hover,
.mp-comparatif-wrapper li a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det):hover,
.mp-article-main li a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det):hover,
.mp-comparatif-wrapper p a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det):hover,
.mp-article-main p a:not(.mp-comparatif-btn-main):not(.mp-comparatif-btn-alt):not(.mp-comparatif-btn-amz):not(.mp-comparatif-btn-det):hover,
.mp-guide-wrapper .analogy-highlight a:hover,
.mp-article-main .analogy-highlight a:hover,
.mp-guide-wrapper .conclusion-box a:hover,
.mp-article-main .conclusion-box a:hover,
.mp-guide-wrapper li a:hover,
.mp-article-main li a:hover,
.mp-guide-wrapper p a:not(.mp-inline-btn-primary):not(.mp-inline-btn-secondary):hover,
.mp-article-main p a:not(.mp-inline-btn-primary):not(.mp-inline-btn-secondary):hover,
.mp-money-wrapper li a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn):hover,
.mp-article-main li a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn):hover,
.mp-money-wrapper p a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn):hover,
.mp-article-main p a:not(.mp-cta-amazon):not(.mp-cta-button):not(.jump-link-btn):hover{color:var(--mp-text)!important;text-decoration-color:var(--mp-orange)!important}
.tn-faq-section{margin-bottom:64px;padding-top:16px}
.mp-intro-text strong,.mp-pillar--entretien:hover .mp-pillar-link,.mp-pillar--guides:hover .mp-pillar-link,.mp-pillar--tests:hover .mp-pillar-link,.mp-pillar--trou-noir:hover .mp-pillar-link,.mp-pillar:hover .mp-pillar-link,.mp-test-card:hover .mp-test-card-link{color: var(--mp-text)}
.mp-intro-quote p,.mp-intro-text{font-family:"Montserrat",'Montserrat Fallback',sans-serif;font-size:15px;color:var(--mp-muted);line-height:1.8;margin:0 0 16px}
.mp-intro-quote p{font-style:italic;color:var(--mp-muted);margin:0 0 12px}
.mp-video-container{margin:24px 0}
.mp-video-container iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}
.mp-video-caption{font-size:14px;color:var(--mp-muted);text-align:center;margin:10px 0 0;font-style:italic;line-height:1.5}.mp-guide-wrapper .mp-poster,
.mp-article-main .mp-poster{text-align:center!important;margin:32px auto!important}.mp-guide-wrapper .mp-poster img,
.mp-article-main .mp-poster img{max-width:460px!important;width:100%!important;height:auto!important;border-radius:8px!important;display:block!important;margin:0 auto!important}.mp-guide-wrapper .mp-poster--xs img,
.mp-article-main .mp-poster--xs img{max-width:380px!important}.mp-guide-wrapper .mp-poster-caption,
.mp-article-main .mp-poster-caption{font-size:13px!important;color:#888!important;text-align:center!important;margin:8px 0 0!important;font-style:italic!important}
/* ── règles récupérées du live : /plk/ ── */
.tn-copyright{font-size:11px;color:var(--mp-muted2);margin-top:32px;text-align:right}
/* ── règles récupérées du live : /gorillaz/ ── */
.tn-artprints-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.tn-artprints-grid .tn-duo-fig{margin:0;background:#fff0}
.tn-artprints-grid .tn-duo-fig img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;display:block;border-radius:8px}
.tn-artprints-grid .tn-duo-fig figcaption{font-size:11px;color:var(--mp-muted2);text-align:center;margin-top:8px}

/* ── composants jamais stylés (écrits le 08/07/2026, cohérence DA 2026) ── */
/* Tracklist Trou Noir (plk, theodora) */
.tn-top-tracks{display:flex;flex-direction:column;gap:14px;margin:28px 0}
.tn-track-item{display:flex;gap:18px;align-items:flex-start;background:var(--mp-glass);border:1px solid var(--mp-border);border-radius:14px;padding:18px 20px}
.tn-track-num{font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-weight:500;font-size:26px;color:var(--mp-orange);line-height:1;flex:0 0 auto;min-width:44px}
.tn-track-info{flex:1 1 auto}
.tn-track-title{font-family:'Montserrat','Montserrat Fallback',sans-serif;font-weight:700;font-size:15.5px;color:var(--mp-text);margin-bottom:2px}
.tn-track-meta{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mp-muted);margin-bottom:8px}
.tn-track-desc{font-size:14px;line-height:1.65;color:var(--mp-muted);margin:0}
/* Citations presse Trou Noir (theodora) */
.tn-press-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:26px 0}
.tn-press-quote{background:var(--mp-glass);border:1px solid var(--mp-border);border-left:3px solid var(--mp-orange);border-radius:0 12px 12px 0;padding:20px 22px;font-family:'Fraunces','Fraunces Fallback',serif;font-style:italic;font-size:15.5px;line-height:1.6;color:var(--mp-text)}
.tn-press-quote cite,.tn-press-quote span{display:block;margin-top:10px;font-family:'Montserrat','Montserrat Fallback',sans-serif;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mp-muted)}
/* Vidéo responsive Trou Noir (gorillaz) */
.tn-video-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;margin:24px 0;border:1px solid var(--mp-border)}
.tn-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Trio boutique (setup scandi) */
.mp-shop-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}
@media (max-width:640px){.mp-shop-trio{grid-template-columns:1fr}.tn-track-item{padding:14px 16px;gap:14px}}
/* Aside specs — alias pour le markup apc-specs / apc-spec-k / apc-spec-v (avis SL-100C) */
ul.apc-specs{list-style:none;margin:0;padding:6px 18px 12px;display:flex;flex-direction:column;border-bottom:1px solid var(--mp-border)}
ul.apc-specs li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--mp-border);line-height:1.4}
ul.apc-specs li:last-child{border-bottom:none}
.apc-spec-k{font-size:12px;color:var(--mp-muted);font-weight:500;letter-spacing:.01em;flex-shrink:0}
.apc-spec-v{font-size:13px;color:var(--mp-text);font-weight:600;text-align:right;letter-spacing:-.005em}

/* ── couche 19b : composants sur-mesure du guide courroie/direct-drive (mp-g-*)
   + conteneur mp-intro — règles récupérées de docs/diag-live-css.css (08/07/2026) ── */
.accueil .mp-btn-primary,.mp-intro-quote cite{text-transform:uppercase;font-size:12px;font-weight:700}
.mp-intro-grid{margin-bottom:52px}
.mp-intro-label{color:var(--mp-orange)}
.mp-intro-title{font-size:30px;color:var(--mp-text);letter-spacing:-.5px}
.mp-intro-text strong{color:var(--mp-text);font-weight:600}
.mp-intro-quote{border-left:3px solid var(--mp-orange)}
.mp-intro-quote cite{letter-spacing:1px;font-family:"Montserrat",'Montserrat Fallback',sans-serif;color:#e55e1f;font-style:normal}
.mp-intro-quote cite,.mp-section-tag{color:var(--mp-orange)}.mp-guide-wrapper .mp-g-stat-strip,
.mp-article-main .mp-g-stat-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;background:var(--mp-glass);border:1px solid var(--mp-border);border-radius:14px;overflow:hidden;margin:40px 0;text-align:center}.mp-guide-wrapper .mp-g-stat-item,
.mp-article-main .mp-g-stat-item{padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}.mp-guide-wrapper .mp-g-stat-num,
.mp-article-main .mp-g-stat-num{font-family:var(--mp-font-main);font-size:clamp(34px,5vw,54px);font-weight:900;color:var(--mp-text);line-height:1;display:block;letter-spacing:-1px}.mp-guide-wrapper .mp-g-stat-item:nth-child(1) .mp-g-stat-num,
.mp-article-main .mp-g-stat-item:nth-child(1) .mp-g-stat-num{color:#d4a053}.mp-guide-wrapper .mp-g-stat-item:nth-child(3) .mp-g-stat-num,
.mp-article-main .mp-g-stat-item:nth-child(3) .mp-g-stat-num{color:#c89b3c}.mp-guide-wrapper .mp-g-stat-item:nth-child(5) .mp-g-stat-num,
.mp-article-main .mp-g-stat-item:nth-child(5) .mp-g-stat-num{color:#7ba5f5}.mp-guide-wrapper .mp-g-stat-unit,
.mp-article-main .mp-g-stat-unit{font-size:.5em;font-weight:700;letter-spacing:0;vertical-align:baseline;opacity:.75}.mp-guide-wrapper .mp-g-stat-label,
.mp-article-main .mp-g-stat-label{font-size:12px;color:var(--mp-muted2);line-height:1.6;max-width:190px;display:block;font-weight:500;margin:0 auto}.mp-guide-wrapper .mp-g-stat-sep,
.mp-article-main .mp-g-stat-sep{width:1px;background:var(--mp-glass);align-self:stretch;flex-shrink:0}.mp-guide-wrapper .mp-g-pull-quote,
.mp-article-main .mp-g-pull-quote{position:relative;margin:44px 0;padding:30px 36px 30px 56px;border:0;border-left:3px solid #d4a053;border-radius:0 14px 14px 0;background:rgb(212 160 83/.055);overflow:hidden}.mp-guide-wrapper .mp-g-pull-quote::before,
.mp-article-main .mp-g-pull-quote::before{content:"“";position:absolute;top:-12px;left:10px;font-size:100px;font-family:Georgia,"Times New Roman",serif;color:#d4a053;opacity:.18;line-height:1;pointer-events:none;user-select:none}.mp-guide-wrapper .mp-g-pull-quote p,
.mp-article-main .mp-g-pull-quote p{font-size:17px!important;line-height:1.8!important;color:var(--mp-text)!important;margin:0!important;font-style:italic;font-weight:400!important}.mp-guide-wrapper .mp-g-pull-quote strong,
.mp-article-main .mp-g-pull-quote strong{color:#d4a053!important;font-style:normal;font-weight:700!important}.mp-guide-wrapper .mp-g-pull-quote--direct,
.mp-article-main .mp-g-pull-quote--direct{border-left-color:#7ba5f5;background:rgb(123 165 245/.055)}.mp-guide-wrapper .mp-g-pull-quote--direct::before,
.mp-article-main .mp-g-pull-quote--direct::before{color:#7ba5f5}.mp-guide-wrapper .mp-g-pull-quote--direct strong,
.mp-article-main .mp-g-pull-quote--direct strong{color:#93bbf8!important}.mp-guide-wrapper .mp-g-duel-side,
.mp-article-main .mp-g-duel-side{padding:32px 28px;display:flex;flex-direction:column;gap:20px}.mp-guide-wrapper .mp-g-duel-side--belt,
.mp-article-main .mp-g-duel-side--belt{border-top:3px solid #d4a053;background:rgb(212 160 83/.04)}.mp-guide-wrapper .mp-g-duel-side--direct,
.mp-article-main .mp-g-duel-side--direct{border-top:3px solid #7ba5f5;background:rgb(123 165 245/.04)}.mp-guide-wrapper .mp-g-duel-side-head,
.mp-article-main .mp-g-duel-side-head{display:flex;flex-direction:column;gap:5px;padding-bottom:18px;border-bottom:1px solid var(--mp-border)}.mp-guide-wrapper .mp-g-duel-type,
.mp-article-main .mp-g-duel-type{font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;display:block;line-height:1.2}.mp-guide-wrapper .mp-g-duel-side--belt .mp-g-duel-type,
.mp-article-main .mp-g-duel-side--belt .mp-g-duel-type{color:#d4a053}.mp-guide-wrapper .mp-g-duel-side--direct .mp-g-duel-type,
.mp-article-main .mp-g-duel-side--direct .mp-g-duel-type{color:#7ba5f5}.mp-guide-wrapper .mp-g-duel-example,
.mp-article-main .mp-g-duel-example{font-size:10px;font-weight:700;color:var(--mp-muted2);text-transform:uppercase;letter-spacing:1.8px;display:block}.mp-guide-wrapper .mp-g-duel-vs,
.mp-article-main .mp-g-duel-vs,
.mp-home-hero{display:flex;align-items:center;justify-content:center}.mp-guide-wrapper .mp-g-duel-vs,
.mp-article-main .mp-g-duel-vs{background:#0d0d0d;border-left:1px solid rgb(255 255 255/.05);border-right:1px solid rgb(255 255 255/.05);font-size:10px;font-weight:900;color:rgb(255 255 255/.2);letter-spacing:4px;writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;user-select:none}.mp-guide-wrapper .mp-g-profile-grid,
.mp-article-main .mp-g-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 36px}.mp-guide-wrapper .mp-g-profile-card,
.mp-article-main .mp-g-profile-card{border-radius:12px;padding:20px 18px;display:flex;flex-direction:column;gap:7px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--mp-border)}.mp-guide-wrapper .mp-g-profile-card:hover,
.mp-article-main .mp-g-profile-card:hover{transform:translateY(-3px)}.mp-guide-wrapper .mp-g-profile-card--belt,
.mp-article-main .mp-g-profile-card--belt{background:rgb(212 160 83/.07);border-top:3px solid #d4a053}.mp-guide-wrapper .mp-g-profile-card--belt:hover,
.mp-article-main .mp-g-profile-card--belt:hover{box-shadow:0 8px 24px rgb(212 160 83/.15)}.mp-guide-wrapper .mp-g-profile-card--direct,
.mp-article-main .mp-g-profile-card--direct{background:rgb(123 165 245/.07);border-top:3px solid #7ba5f5}.mp-guide-wrapper .mp-g-profile-card--direct:hover,
.mp-article-main .mp-g-profile-card--direct:hover{box-shadow:0 8px 24px rgb(123 165 245/.15)}.mp-guide-wrapper .mp-g-profile-card--both,
.mp-article-main .mp-g-profile-card--both{background:var(--mp-glass);border-top:3px solid #9ca3af}.mp-guide-wrapper .mp-g-profile-card--both:hover,
.mp-article-main .mp-g-profile-card--both:hover{box-shadow:0 8px 24px var(--mp-border)}.mp-guide-wrapper .mp-g-profile-icon,
.mp-article-main .mp-g-profile-icon{font-size:20px;line-height:1;display:block;margin-bottom:2px}.mp-guide-wrapper .mp-g-profile-situation,
.mp-article-main .mp-g-profile-situation{font-size:11px;font-weight:700;color:var(--mp-muted2);text-transform:uppercase;letter-spacing:.9px;display:block;line-height:1.4}.mp-guide-wrapper .mp-g-profile-verdict,
.mp-article-main .mp-g-profile-verdict{font-size:14px;font-weight:800;display:block;line-height:1.3;margin-top:3px}.mp-guide-wrapper .mp-g-profile-card--belt .mp-g-profile-verdict,
.mp-article-main .mp-g-profile-card--belt .mp-g-profile-verdict{color:#d4a053}.mp-guide-wrapper .mp-g-profile-card--direct .mp-g-profile-verdict,
.mp-article-main .mp-g-profile-card--direct .mp-g-profile-verdict{color:#93bbf8}.mp-guide-wrapper .mp-g-profile-card--both .mp-g-profile-verdict,
.mp-article-main .mp-g-profile-card--both .mp-g-profile-verdict{color:var(--mp-text)}.mp-guide-wrapper .mp-g-profile-reason,
.mp-article-main .mp-g-profile-reason{font-size:12px;color:var(--mp-muted2);line-height:1.6;display:block;font-weight:400;margin-top:1px}
.mp-intro-text strong,.mp-pillar--entretien:hover .mp-pillar-link,.mp-pillar--guides:hover .mp-pillar-link,.mp-pillar--tests:hover .mp-pillar-link,.mp-pillar--trou-noir:hover .mp-pillar-link,.mp-pillar:hover .mp-pillar-link,.mp-test-card:hover .mp-test-card-link{color: var(--mp-text)}
.mp-intro-quote p,.mp-intro-text{font-family:"Montserrat",'Montserrat Fallback',sans-serif;font-size:15px;color:var(--mp-muted);line-height:1.8;margin:0 0 16px}
.mp-intro-quote p{font-style:italic;color:var(--mp-muted);margin:0 0 12px}.mp-guide-wrapper .mp-g-duel-side--belt .mp-g-budget-label,
.mp-article-main .mp-g-duel-side--belt .mp-g-budget-label{ color: #D4A053; }.mp-guide-wrapper .mp-g-duel-side--direct .mp-g-budget-label,
.mp-article-main .mp-g-duel-side--direct .mp-g-budget-label{ color: #7BA5F5; }
.mp-intro{margin:24px 0}

/* ── couche 19c : prix live dans les cartes album Trou Noir (.disco-card) — 08/07/2026 ── */
.disco-price .mp-amz-price{font-variant-numeric:tabular-nums;white-space:nowrap}
.disco-price .mp-amz-price small{display:none} /* l'horodatage vit dans le hint du CTA */
.disco-price:has(.mp-amz-price) .disco-price-fallback{display:none} /* fallback statique = secours */
.disco-price:empty{display:none}
.disco-price .mp-amz-deal{display:inline-block;font-size:.7em;font-weight:800;padding:1px 7px;border-radius:100px;vertical-align:middle;white-space:nowrap;background:rgba(229,94,31,.14);border:1px solid rgba(229,94,31,.4);color:var(--mp-orange)}
.disco-cta-hint .mp-amz-stamp{font-variant-numeric:tabular-nums}

/* ── couche 19d : correctifs mobile (08/07/2026) — cartes marques + bouton retour-haut ── */
/* Retour-haut : neutraliser les styles de bouton Astra (padding → pilule déformée 82px, flèche invisible) */
button.mp-to-top, .mp-to-top{
  width:44px !important; height:44px !important; min-height:0 !important; min-width:0 !important;
  padding:0 !important; line-height:0 !important; border-radius:100px !important;
}
.mp-to-top svg{ width:18px !important; height:18px !important; fill:none !important; stroke:currentColor !important; stroke-width:2.2 !important; display:block !important; }
/* Cartes marques : lisibles en grille 2 colonnes mobile */
@media (max-width:600px){
  .brand-grid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  .brand-card-logo{ min-height:104px !important; padding:24px 18px 18px !important; }
  .brand-card-logo img{ max-height:56px !important; }
  .brand-card-meta{
    flex-direction:column !important; align-items:flex-start !important;
    gap:7px !important; padding:12px 14px !important;
  }
  .brand-card-count{ font-size:11px !important; line-height:1.35 !important; }
  .brand-card-link{ font-size:9px !important; letter-spacing:1px !important; }
}
@media (max-width:360px){
  .brand-grid{ grid-template-columns:1fr !important; }
}

/* ── couche 19e : anti-CLS (08/07/2026, post-PageSpeed) ── */
/* Réserver le ratio des images héro/figures pour éviter le saut de mise en page */
.mp-money-wrapper > figure.wp-block-image:first-of-type img,
.mp-article-main > figure.wp-block-image:first-of-type img,
.mp-hero-fig img{ aspect-ratio:16/9; height:auto; width:100%; }
.mp-hero-fig{ aspect-ratio:16/9; }
/* Pochettes album Trou Noir : carré réservé */
.disco-cover img,.tn-cover img,.tn-podium img{ aspect-ratio:1/1; height:auto; }
/* Le déplacement mobile de la figure produit ne doit pas décaler l'article :
   on réserve la zone via l'ordre flex du hero plutôt qu'un saut brut */
@media (max-width:1023px){
  .mp-hero-fig{ margin:14px 0 0; }
}

/* Lien auteur vers la page À propos (E-E-A-T, ajout 10/07/2026) */
.hero-a-meta strong a{ color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.hero-a-meta strong a:hover{ text-decoration-color: currentColor; }
