
:root{--header-height:72px;--paper:#f5f0e8;--paper-deep:#e9dfd2;--ink:#211a17;--muted:#71655d;--accent:#b95f35;--accent-deep:#823c23;--sage:#5c6b58;--line:rgba(33,26,23,.16);--max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}p{margin:0 0 1.15rem}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;margin:0 0 1rem}h1{font-size:clamp(3.1rem,7vw,7.5rem);letter-spacing:-.06em}h2{font-size:clamp(2.1rem,4vw,4.3rem);letter-spacing:-.045em}h3{font-size:clamp(1.35rem,2vw,2rem)}img{max-width:100%;display:block}.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--ink);color:var(--paper);padding:.65rem 1rem;z-index:10}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 4vw;position:relative;z-index:2}.brand{display:inline-flex;gap:.65rem;align-items:center;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--paper);font-size:1.2rem}.site-nav{display:flex;gap:1.5rem;font-size:.87rem;color:var(--muted)}.site-nav a:hover,.text-link:hover{color:var(--accent-deep)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:.5rem .8rem;font:inherit}.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);background:var(--ink);color:var(--paper);overflow:hidden}.hero__copy{padding:clamp(2.5rem,7vw,7rem) 5vw 5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero__copy h1{max-width:850px}.hero__lead{font-size:clamp(1.1rem,1.7vw,1.45rem);max-width:600px;color:var(--muted-on-dark)}.hero__visual{position:relative;min-height:550px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 40% 20%,#cc8461 0,#a54e2c 32%,#4d261c 72%,#211a17 100%)}.hero__wash{position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,rgba(245,240,232,.12) 50%,transparent 72%);mix-blend-mode:screen}.hero-product{width:min(80%,560px);height:min(75%,560px);object-fit:cover;object-position:center;border-radius:2px;box-shadow:20px 30px 50px rgba(0,0,0,.3);transform:rotate(3deg);animation:hero-in .85s cubic-bezier(.2,.8,.2,1) both}.hero__caption{position:absolute;bottom:2rem;left:2rem;right:2rem;color:#f1ded0;font-size:.83rem;max-width:260px}.eyebrow,.section-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--accent-deep);margin:0 0 1rem}.hero .eyebrow{color:#f0b196}.eyebrow-dot{display:inline-block;width:.35rem;height:.35rem;border-radius:50%;background:currentColor;margin:0 .35rem .1rem}.button{display:inline-flex;align-items:center;gap:.85rem;border-radius:999px;padding:.9rem 1.25rem;font-size:.87rem;font-weight:800;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button--light{background:var(--paper);color:var(--ink)}.button--dark{background:var(--ink);color:var(--paper)}.button--accent{background:var(--accent);color:#fff}.intro-band{max-width:var(--max);margin:0 auto;padding:7rem 4vw;display:grid;grid-template-columns:200px minmax(0,720px);gap:5rem;font-family:var(--serif);font-size:clamp(1.35rem,2vw,2rem);line-height:1.25}.intro-band__label{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.intro-band__label span{display:block;font:3.5rem var(--serif);color:var(--accent);letter-spacing:-.07em;margin-bottom:.5rem}.section-shell,.guide-article,.matrix-section,.ranking-section,.profiles-section,.faq-section,.article-disclosure,.back-to-guide{max-width:var(--max);margin:0 auto;padding:4rem 4vw}.section-heading{max-width:680px;margin-bottom:3rem}.section-heading>p:last-child{color:var(--muted);max-width:560px}.product-list{border-top:1px solid var(--line);margin-bottom:2rem}.product-row{display:grid;grid-template-columns:180px 1fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid var(--line);transition:background .2s ease}.product-row:hover{background:rgba(255,255,255,.6)}.product-row__image{overflow:hidden;background:var(--paper-deep);aspect-ratio:1}.product-thumb{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.product-row__body{padding:.2rem 0}.product-row__top{display:flex;align-items:center;gap:.7rem;min-height:1.5rem}.product-rank{font-family:var(--serif);font-size:1.6rem;color:var(--accent)}.product-row h3{margin-bottom:.4rem}.product-row h3 a:hover{color:var(--accent-deep);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.product-variant{color:var(--muted);font-size:.86rem}.text-link{font-weight:800;color:var(--accent-deep);font-size:.9rem}.route-band{background:var(--paper-deep);display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:7rem max(4vw,calc((100% - var(--max))/2 + 4vw));align-items:end}.route-band h2{max-width:520px}.route-links{border-top:1px solid var(--line)}.route-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:1.1rem 0;font-weight:800}.site-footer{padding:4rem 4vw 2rem;background:var(--ink);color:#e8ddd1;display:grid;grid-template-columns:1fr auto;gap:2rem}.site-footer .brand{color:var(--paper)}.site-footer p{color:#b9aaa0;max-width:360px;font-size:.86rem}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;font-size:.84rem}.footer-links a:hover{color:#f0b196}.footer-disclosure{grid-column:1/-1;border-top:1px solid rgba(245,240,232,.18);padding-top:1rem;margin-top:1rem}.article-hero{background:var(--ink);color:var(--paper);padding:6rem max(4vw,calc((100% - var(--max))/2 + 4vw)) 5rem}.article-hero h1{max-width:1000px;font-size:clamp(2.9rem,6.5vw,6.8rem)}.article-hero__lead{color:var(--muted-on-dark);max-width:720px;font-size:1.15rem}.article-hero--small{padding-top:4rem;padding-bottom:3.5rem}.guide-article{padding-top:5rem}.decision-block{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.35;max-width:850px;margin-bottom:4rem}.editorial-section{padding:4rem 0;border-top:1px solid var(--line);max-width:850px}.editorial-section p,.editorial-section li{max-width:760px}.editorial-section h2{max-width:820px}.editorial-list{padding-left:1.2rem}.editorial-list li{margin:.65rem 0}.reviews-section{padding:5rem 0 2rem;border-top:1px solid var(--line)}.ranking-section,.profiles-section,.faq-section{padding-left:4vw;padding-right:4vw}.ranking-section{background:var(--paper-deep);max-width:none;padding-left:max(4vw,calc((100% - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100% - var(--max))/2 + 4vw))}.ranking-list{list-style:none;padding:0;margin:2rem 0 0;max-width:850px}.ranking-list li{display:grid;grid-template-columns:70px 1fr;gap:1rem;border-top:1px solid var(--line);padding:1.3rem 0}.ranking-list h3{margin:0}.ranking-number{font:3rem var(--serif);color:var(--accent)}.table-wrap{overflow-x:auto}.comparison-table{border-collapse:collapse;min-width:900px;width:100%;font-size:.87rem}.comparison-table th,.comparison-table td{border-top:1px solid var(--line);padding:1rem .8rem;text-align:left;vertical-align:top}.comparison-table thead th{font-weight:800;color:var(--accent-deep)}.comparison-table tbody th{font-weight:800;min-width:150px}.profiles-section{max-width:none;background:#e3d5c6;padding-left:max(4vw,calc((100% - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100% - var(--max))/2 + 4vw))}.profile-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--line);padding:1.4rem 0;max-width:1000px}.profile-row h3{max-width:520px}.profile-row p{color:var(--muted)}.faq-section{max-width:var(--max)}details{border-top:1px solid var(--line);padding:1.2rem 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:var(--serif);font-size:1.25rem;padding-right:2rem}details p{margin:1rem 0 0;color:var(--muted);max-width:720px}.article-disclosure{padding-top:1rem;padding-bottom:3rem;color:var(--muted);font-size:.82rem}.product-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-deep)}.product-hero__visual{display:grid;place-items:center;background:#ded0c1;padding:clamp(1.5rem,3vw,3rem)}.product-hero__image{max-height:clamp(260px,26vw,360px);width:100%;object-fit:contain;mix-blend-mode:multiply}.product-hero__copy{padding:clamp(2rem,3.5vw,3rem) 6vw clamp(1.75rem,2.5vw,2.25rem);display:flex;flex-direction:column;justify-content:center}.product-hero__copy h1{font-size:clamp(3rem,6vw,6rem)}.product-hero__lead{font:1.3rem var(--serif);max-width:500px}.affiliate-cta{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin-top:2rem}.affiliate-cta p{margin:0;font-size:.82rem;color:var(--muted)}.affiliate-cta .eyebrow{margin-bottom:.25rem;color:var(--accent-deep)}.product-article{max-width:var(--max);margin:0 auto}.verdict-block{max-width:860px;padding:6rem 4vw 3rem}.verdict-block h2{font-size:clamp(2rem,4vw,4.2rem)}.facts-section,.pros-cons{padding:3rem 4vw;border-top:1px solid var(--line)}.facts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;list-style:none;padding:0;margin:1.5rem 0 0}.facts-list li{border-top:1px solid var(--line);padding:1rem 0;display:flex;justify-content:space-between;gap:1rem}.facts-list span{color:var(--muted)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.simple-page{max-width:780px;margin:0 auto;padding:8rem 4vw;min-height:70vh}.simple-page h1{font-size:clamp(3rem,7vw,6rem)}.simple-page p{max-width:620px;font-size:1.1rem}.support-back{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}.reveal{animation:rise-in .7s both}.reveal:nth-child(2){animation-delay:.08s}.reveal:nth-child(3){animation-delay:.16s}@keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hero-in{from{opacity:0;transform:scale(.96) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(3deg)}}
@media (max-width:800px){h1{font-size:clamp(2.8rem,14vw,5rem)}.site-header{padding:1rem 1.2rem}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:4.2rem;left:1rem;right:1rem;background:var(--paper);padding:1rem;box-shadow:0 12px 30px rgba(33,26,23,.15);flex-direction:column;gap:.8rem}.site-nav.is-open{display:flex}.hero{display:block;min-height:auto}.hero__copy{padding:4.5rem 1.2rem 3.5rem}.hero__visual{min-height:380px}.hero-product{width:72%;height:75%}.intro-band{display:block;padding:4.5rem 1.2rem;font-size:1.35rem}.intro-band__label{margin-bottom:2rem}.section-shell,.guide-article,.matrix-section,.ranking-section,.profiles-section,.faq-section,.article-disclosure,.back-to-guide{padding-left:1.2rem;padding-right:1.2rem}.section-shell{padding-top:4.5rem;padding-bottom:4.5rem}.product-row{grid-template-columns:100px 1fr;gap:1rem}.product-row__body p{font-size:.9rem}.route-band{display:block;padding:4.5rem 1.2rem}.route-links{margin-top:2rem}.site-footer{display:block;padding:3rem 1.2rem 1.5rem}.footer-links{justify-content:flex-start;margin:2rem 0}.article-hero{padding:4.5rem 1.2rem 3.5rem}.article-hero--small{padding-top:3.5rem}.guide-article{padding-top:3.5rem}.editorial-section{padding:3rem 0}.ranking-section{padding-top:4rem;padding-bottom:4rem}.profile-row,.pros-cons,.product-hero{display:block}.profile-row>div+div{margin-top:1rem}.product-hero__visual{min-height:0;padding:1.5rem 1.2rem}.product-hero__copy{padding:2.5rem 1.2rem 3rem}.product-hero__copy h1{font-size:clamp(3rem,14vw,5rem)}.facts-section,.pros-cons,.verdict-block{padding-left:1.2rem;padding-right:1.2rem}.facts-list{display:block}.facts-list li{display:block}.facts-list strong{display:block;margin-top:.3rem}.affiliate-cta{align-items:flex-start;flex-direction:column}.simple-page{padding:5rem 1.2rem}.comparison-table{min-width:780px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* Coffee editorial direction: a warmer, image-led home for the universal template. */
:root{--paper:#fbf7f0;--paper-deep:#eee2d2;--ink:#211a17;--muted:#6d5f56;--accent:#bb5f38;--accent-deep:#803d28;--line:rgba(33,26,23,.15);--sage:#66745f}
body{background:var(--paper)}
.site-header{max-width:1440px;margin:0 auto;padding:1.15rem max(4vw,2rem)}
.brand{gap:.75rem}.brand-mark-img{width:2.45rem;height:2.45rem;flex:none;border-radius:50%;object-fit:cover}.brand__name{font-family:var(--serif);font-size:1.12rem;font-weight:700;letter-spacing:-.035em}.brand__name::first-letter{color:var(--accent)}
.site-nav{gap:1.8rem}.site-nav a{position:relative}.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:2px;background:var(--accent);transition:right .2s ease}.site-nav a:hover::after{right:0}
.hero--home{min-height:min(470px,calc(90svh - 72px));grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);background:var(--ink)}
.hero--home .hero__copy{padding:clamp(2rem,4vw,3.4rem) max(5vw,3rem);position:relative;z-index:1}.hero--home .hero__copy h1{max-width:880px;font-size:clamp(3.8rem,7.2vw,7.4rem);letter-spacing:-.072em}.hero--home .hero__lead{max-width:570px;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.55;color:var(--muted-on-dark)}.hero--home .hero__visual{min-height:430px;background:linear-gradient(135deg,var(--accent-soft) 0%,var(--accent) 44%,var(--accent-deep) 100%);isolation:isolate}.hero--home .hero__wash{background:linear-gradient(115deg,rgba(255,248,237,.08),transparent 44%,rgba(34,24,20,.28));mix-blend-mode:normal}.hero__glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:var(--glow);opacity:.23;filter:blur(1px);top:10%;right:3%;z-index:-1}.hero-art{position:absolute;width:90%;height:90%;right:-11%;top:2%;opacity:.48;z-index:0}.hero--home .hero-product{position:absolute;width:55%;height:55%;object-fit:contain;mix-blend-mode:multiply;border-radius:18px;box-shadow:0 28px 48px rgba(39,21,14,.24);animation:hero-in .85s cubic-bezier(.2,.8,.2,1) both}.hero--home .hero-product--main{width:65%;height:65%;left:16%;top:19%;z-index:3;transform:rotate(-4deg)}.hero--home .hero-product--secondary{width:35%;height:35%;right:5%;top:12%;z-index:2;transform:rotate(8deg);animation-delay:.1s}.hero--home .hero-product--tertiary{width:32%;height:32%;right:7%;bottom:10%;z-index:4;transform:rotate(-7deg);animation-delay:.18s}.hero__badge{position:absolute;left:4%;top:7%;z-index:5;width:7.2rem;height:7.2rem;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-10deg);box-shadow:0 12px 26px rgba(39,21,14,.18);font-size:.67rem;line-height:1.1}.hero__badge strong{font:1.05rem var(--serif);max-width:5rem;margin-top:.25rem}.hero--home .hero__caption{left:auto;right:5%;bottom:5%;max-width:180px;color:#fff1e7;z-index:6}.hero__actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin:1rem 0 0}.hero__text-link{font-size:.86rem;font-weight:800;color:#f2d9c8;border-bottom:1px solid rgba(242,217,200,.55);padding-bottom:.25rem}.hero__stats{display:flex;flex-wrap:wrap;gap:1.2rem;border-top:1px solid rgba(246,240,232,.18);margin-top:3.5rem;padding-top:1rem;color:#baa99d;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.hero__stats span{display:flex;gap:.35rem;align-items:baseline}.hero__stats strong{font:1.65rem var(--serif);color:var(--paper);letter-spacing:-.04em}
.intro-band--home{padding-top:8rem;padding-bottom:8rem}.intro-band__question{font-size:clamp(2rem,4vw,4.25rem);letter-spacing:-.05em;color:var(--ink);margin-bottom:1.8rem}.intro-band--home>div:last-child p:not(.intro-band__question){max-width:720px;font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.38;color:var(--muted-strong)}
.profiles-section--home{background:var(--ink);color:var(--paper);padding-top:7rem;padding-bottom:7rem}.profiles-section--home .section-heading{max-width:700px}.profiles-section--home .section-heading>p:last-child{color:var(--muted-on-dark)}.profiles-section--home .section-kicker{color:#efae8f}.profile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:3.5rem 0}.profile-card{border-top:1px solid rgba(245,240,232,.24);min-width:0}.profile-card__media{height:155px;position:relative;background:linear-gradient(145deg,var(--paper-deep),var(--accent));overflow:hidden;margin-top:1rem}.profile-card__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s ease}.profile-card:hover .profile-card__image{transform:scale(1.06) rotate(-3deg)}.profile-card__number{position:absolute;left:.75rem;top:.6rem;z-index:1;color:var(--paper);font:1.35rem var(--serif)}.profile-card__body{padding:1rem .1rem 0}.profiles-section--home .profile-card .eyebrow{color:#efae8f;margin-bottom:.55rem;font-size:.62rem;line-height:1.35}.profile-card h3{font-size:1.05rem;line-height:1.16;margin-bottom:1rem}.profiles-section--home .text-link{color:var(--link-on-dark);font-size:.78rem}.profiles-section--home .button--light{margin-top:.5rem}
.editorial-hub{max-width:var(--max);margin:0 auto;padding:8rem 4vw}.editorial-hub .section-heading{max-width:660px}.editorial-tiles{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:1rem}.editorial-tile{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--paper-deep);min-height:260px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.editorial-tile:first-child{grid-row:span 2;display:block;min-height:540px}.editorial-tile:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(45,31,24,.12)}.editorial-tile__media{position:relative;min-height:100%;background:linear-gradient(145deg,var(--accent-soft),var(--accent-deep));overflow:hidden}.editorial-tile:first-child .editorial-tile__media{height:330px}.editorial-tile__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}.editorial-tile:hover .editorial-tile__image{transform:scale(1.06) rotate(2deg)}.editorial-tile__number{position:absolute;left:1rem;top:.85rem;color:var(--paper);font:1.4rem var(--serif)}.editorial-tile__body{padding:1.5rem 1.5rem 1.6rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.editorial-tile:first-child .editorial-tile__body{padding:1.7rem 2rem 2rem}.editorial-tile .eyebrow{font-size:.62rem}.editorial-tile h3{font-size:clamp(1.35rem,2vw,2rem);margin-bottom:.6rem}.editorial-tile p:not(.eyebrow){font-size:.88rem;color:var(--muted);max-width:310px}.editorial-tile .text-link{margin-top:auto}
.featured-section{max-width:var(--max);margin:0 auto;padding:0 4vw 8rem}.section-heading--inline{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;max-width:none}.section-heading--inline>div{max-width:620px}.section-heading--inline>.text-link{white-space:nowrap;margin-bottom:1.2rem}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.featured-card{border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;min-width:0;transition:transform .25s ease,box-shadow .25s ease}.featured-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(45,31,24,.1)}.featured-card__media{height:270px;position:relative;background:var(--paper-deep);overflow:hidden}.featured-card__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:1rem}.featured-card__rank{position:absolute;z-index:1;left:1rem;top:1rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:1.25rem var(--serif)}.featured-card__body{padding:1.35rem 1.4rem 1.5rem}.featured-card__body .eyebrow{font-size:.61rem;margin-bottom:.5rem}.featured-card__body h3{font-size:1.45rem;line-height:1.08}.featured-card__body p:not(.eyebrow):not(.product-variant){font-size:.88rem;color:var(--muted)}.featured-card__body .text-link{font-size:.78rem}
.featured-card__meta{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.75rem 0;margin:.9rem 0}.rating{display:flex;align-items:center;gap:.08rem;min-width:0}.rating__star{font-size:1rem;line-height:1;color:#d9c8b7}.rating__star--full{color:#f5c518}.rating__star--half{background:linear-gradient(90deg,#f5c518 50%,#d9c8b7 50%);-webkit-background-clip:text;background-clip:text;color:transparent}.rating__label{margin-left:.35rem;font-size:.72rem;color:var(--ink);font-weight:800;white-space:nowrap}.rating__label em{display:block;font-size:.52rem;font-style:normal;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.price{text-align:right;line-height:1.05;white-space:nowrap}.price span{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.price strong{display:block;font:1.28rem var(--serif);color:var(--ink);margin-top:.2rem}.featured-card__copy{min-height:4.2rem}.featured-card__actions{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.featured-card__actions .button{flex:1;justify-content:center;padding:.78rem .8rem;font-size:.78rem}.featured-card__actions .button--accent{background:var(--cta)}.featured-card__actions .button--accent:hover{background:var(--cta-deep)}.featured-card__actions .text-link{white-space:nowrap}
.trust-band{display:grid;grid-template-columns:1.2fr .8fr;gap:6rem;align-items:center;background:var(--paper-deep);padding:7rem max(4vw,calc((100% - var(--max))/2 + 4vw));}.trust-band__intro{max-width:650px}.trust-band__intro h2{max-width:620px}.trust-band__intro>p:not(.section-kicker){max-width:560px;color:var(--muted-strong);font-size:1.05rem}.trust-band__intro .button{margin-top:.5rem}.trust-band__proof{border-top:1px solid rgba(33,26,23,.22)}.trust-band__proof div{display:grid;grid-template-columns:55px 1fr;gap:1rem;align-items:center;border-bottom:1px solid rgba(33,26,23,.22);padding:1.2rem 0}.trust-band__proof strong{font:2.2rem var(--serif);color:var(--accent)}.trust-band__proof span{font-size:.9rem;font-weight:800}.home-final{max-width:760px;margin:0 auto;padding:9rem 4vw;text-align:center}.home-final h2{font-size:clamp(2.7rem,5vw,5rem)}.home-final>p:not(.section-kicker){max-width:560px;margin:0 auto 1.8rem;color:var(--muted)}
.site-footer .brand-mark-img{width:2.2rem;height:2.2rem}.site-footer .brand__name{color:var(--paper)}

@media (max-width:1000px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card:nth-child(n+4){display:none}.hero--home{grid-template-columns:1fr 1fr}.hero--home .hero__copy{padding-left:4vw;padding-right:3vw}.editorial-tiles{grid-template-columns:1fr 1fr}.editorial-tile:first-child{min-height:480px}}
@media (max-width:800px){.site-header{padding:1rem 1.2rem}.brand-mark-img{width:2.25rem;height:2.25rem}.brand__name{font-size:1rem}.hero--home{display:block;min-height:auto}.hero--home .hero__copy{padding:2.4rem 1.2rem 2.2rem}.hero--home .hero__copy h1{font-size:clamp(3.4rem,15vw,5.5rem)}.hero--home .hero__visual{min-height:360px}.hero__stats{margin-top:2.6rem;gap:.8rem 1rem}.hero__stats strong{font-size:1.35rem}.hero__stats span{font-size:.6rem}.hero__badge{left:4%;top:7%;width:6rem;height:6rem}.hero--home .hero-product--main{left:12%;top:20%;width:72%;height:63%}.hero--home .hero-product--secondary{right:0;top:12%;width:38%;height:34%}.hero--home .hero-product--tertiary{right:1%;bottom:8%;width:38%;height:34%}.hero--home .hero__caption{right:1.2rem;bottom:1.3rem}.intro-band--home{padding-top:5rem;padding-bottom:5rem}.intro-band__question{font-size:2.55rem}.profiles-section--home{padding-top:5rem;padding-bottom:5rem}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2.4rem}.profile-card:nth-child(n+4){display:block}.profile-card__media{height:135px}.profile-card h3{font-size:1rem}.editorial-hub{padding:5rem 1.2rem}.editorial-tiles{display:block}.editorial-tile,.editorial-tile:first-child{display:grid;grid-template-columns:1fr 1fr;min-height:230px;margin-bottom:1rem}.editorial-tile:first-child .editorial-tile__media{height:auto}.editorial-tile:first-child .editorial-tile__body{padding:1.4rem}.editorial-tile__body{padding:1.25rem}.featured-section{padding:0 1.2rem 5rem}.section-heading--inline{display:block}.section-heading--inline>.text-link{display:inline-block;margin:0 0 2rem}.featured-grid{grid-template-columns:1fr}.featured-card__media{height:240px}.trust-band{display:block;padding:5rem 1.2rem}.trust-band__proof{margin-top:3rem}.home-final{padding:6rem 1.2rem}.home-final h2{font-size:3rem}}
/* Hero pleine image : regle definitive, posee en fin de cascade. Le voile creme (96 % a gauche) etait ecrase par une regle plus loin dans la feuille : l'image reste visible, le texte passe en clair sur un degrade sombre. */
.hero--home.hero--has-art::after{background:linear-gradient(100deg,rgba(18,15,13,.84) 0%,rgba(18,15,13,.7) 34%,rgba(18,15,13,.36) 58%,rgba(18,15,13,.08) 80%,rgba(18,15,13,0) 100%)}
.hero--home.hero--has-art .hero__copy{color:#fff}
.hero--home.hero--has-art .hero__copy h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.hero--home.hero--has-art .hero__lead{color:rgba(255,255,255,.88)}
.hero--home.hero--has-art .hero__lead strong{color:#fff}
.hero--home.hero--has-art .eyebrow{color:#f2c3a4}
.hero--home.hero--has-art .hero__text-link{color:#f2d9c8;border-bottom-color:rgba(242,217,200,.5)}
.hero--home.hero--has-art .hero__stats{color:rgba(255,255,255,.74);border-top:1px solid rgba(255,255,255,.18)}
.hero--home.hero--has-art .hero__stats strong{color:#fff}


:root{--glass:rgba(250,248,244,.55);--glass-border:#ffffff;--shadow:#141210;--tile:#f2e5d7;--paper:#fbf7f0;--paper-deep:#f0e3d4;--ink:#271b17;--muted:#6e5d54;--muted-strong:#4d3d36;--muted-on-dark:#e1d2c6;--accent:#c56842;--accent-soft:#e5a17f;--accent-deep:#833d28;--cta:#b34f2d;--cta-deep:#8d3d24;--card:#fffdf9;--glow:#f7ddc5;--link-on-dark:#f7d2be;--accent-on-dark:#f1b095;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-color-scheme="light"]){--glass:rgba(16,18,22,.55);--glass-border:#ffffff;--shadow:#000000;--tile:#2a2622;--paper:#14161a;--paper-deep:#1c1f25;--ink:#f1f2f4;--muted:#a3a5ad;--muted-strong:#c9cbd2;--muted-on-dark:#c9cbd2;--accent:#8db4dc;--accent-soft:#3f6a94;--accent-deep:#b6d3ef;--cta:#8db4dc;--cta-deep:#b6d3ef;--card:#1b1e24;--glow:#1d2833;--link-on-dark:#dbe7f4;--accent-on-dark:#b6d3ef;--surface-dark:#0e1014;--on-dark:#f1f2f4}:root:not([data-color-scheme="light"]){color-scheme:dark}:root:not([data-color-scheme="light"]) img{mix-blend-mode:normal}:root:not([data-color-scheme="light"]) .product-hero__visual,:root:not([data-color-scheme="light"]) .editorial-tile{background:var(--paper-deep);color:var(--ink)}:root:not([data-color-scheme="light"]) .profiles-section:not(.profiles-section--home){background:var(--paper-deep);color:var(--ink)}:root:not([data-color-scheme="light"]) .profiles-panel{background:var(--paper-deep);color:var(--on-dark)}:root:not([data-color-scheme="light"]) .profiles-panel .text-link{color:var(--link-on-dark)}:root:not([data-color-scheme="light"]) .profiles-panel .profile-card__benefit{color:var(--muted-on-dark)}:root:not([data-color-scheme="light"]) .profiles-panel .stars__value,:root:not([data-color-scheme="light"]) .profiles-panel .profile-card__need strong{color:var(--on-dark)}:root:not([data-color-scheme="light"]) .profiles-panel a:not(.button),:root:not([data-color-scheme="light"]) .profiles-panel h3,:root:not([data-color-scheme="light"]) .profiles-panel h3 a,:root:not([data-color-scheme="light"]) .profiles-panel .profile-card__body,:root:not([data-color-scheme="light"]) .profiles-panel .eyebrow{color:var(--on-dark)}:root:not([data-color-scheme="light"]) .profiles-panel img{filter:brightness(.9) saturate(.95)}:root:not([data-color-scheme="light"]) .pros-cons__box--for h3{color:var(--cta)}:root:not([data-color-scheme="light"]) .sticky-cta:not([hidden]){background:rgba(16,18,22,.55);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.45)}:root:not([data-color-scheme="light"]) .sticky-cta__info strong{color:var(--on-dark)}:root:not([data-color-scheme="light"]) .sticky-cta__info span,:root:not([data-color-scheme="light"]) .sticky-cta__close{color:var(--muted-on-dark)}:root:not([data-color-scheme="light"]) .sticky-cta .text-link{color:var(--link-on-dark)}:root:not([data-color-scheme="light"]) .home-rank-row--highlight{background:linear-gradient(120deg,var(--paper-deep),var(--card))}:root:not([data-color-scheme="light"]) .home-rank-row--highlight .home-rank-row__rank{box-shadow:0 8px 18px rgba(0,0,0,.4)}:root:not([data-color-scheme="light"]) .product-row__image,:root:not([data-color-scheme="light"]) .featured-card__media,:root:not([data-color-scheme="light"]) .profile-card__media{background:var(--tile);border-radius:14px}:root:not([data-color-scheme="light"]) .product-thumb,:root:not([data-color-scheme="light"]) .featured-card__image,:root:not([data-color-scheme="light"]) .profile-card__image{mix-blend-mode:multiply;filter:brightness(.96)}:root:not([data-color-scheme="light"]) .profile-card__media{background:linear-gradient(145deg,var(--surface-dark),var(--accent-soft))}:root:not([data-color-scheme="light"]) .product-row:hover{background:rgba(255,255,255,.04)}:root:not([data-color-scheme="light"]) .hero,:root:not([data-color-scheme="light"]) .site-footer,:root:not([data-color-scheme="light"]) .article-hero,:root:not([data-color-scheme="light"]) .profiles-section--home{background:var(--surface-dark);color:var(--on-dark)}:root:not([data-color-scheme="light"]) .hero h1,:root:not([data-color-scheme="light"]) .article-hero h1,:root:not([data-color-scheme="light"]) .profiles-section--home h2,:root:not([data-color-scheme="light"]) .profiles-section--home h3,:root:not([data-color-scheme="light"]) .profiles-section--home .profile-card__need strong,:root:not([data-color-scheme="light"]) .profiles-section--home .profile-card__number,:root:not([data-color-scheme="light"]) .hero__stats strong,:root:not([data-color-scheme="light"]) .site-footer .brand{color:var(--on-dark)}:root:not([data-color-scheme="light"]) .site-footer p,:root:not([data-color-scheme="light"]) .footer-links a{color:var(--muted-on-dark)}:root:not([data-color-scheme="light"]) .rating__star{color:rgba(255,255,255,.28)}:root:not([data-color-scheme="light"]) .button--light,:root:not([data-color-scheme="light"]) .button--accent{background:var(--on-dark);color:var(--surface-dark)}:root:not([data-color-scheme="light"]) .pick-badge--eco{background:var(--on-dark);color:var(--surface-dark)}:root:not([data-color-scheme="light"]) .theme-switch button[aria-pressed="true"]{background:var(--on-dark);color:var(--surface-dark)}:root:not([data-color-scheme="light"]) .button--dark{background:var(--on-dark);color:var(--surface-dark)}:root:not([data-color-scheme="light"]) .brand,:root:not([data-color-scheme="light"]) .brand__name{color:var(--on-dark)}:root:not([data-color-scheme="light"]) .hero__lead,:root:not([data-color-scheme="light"]) .hero--home.hero--has-art .hero__lead{color:var(--muted-on-dark)}:root:not([data-color-scheme="light"]) .hero a:not(.button),:root:not([data-color-scheme="light"]) .article-hero a:not(.button),:root:not([data-color-scheme="light"]) .profiles-section--home a:not(.button){color:var(--on-dark)}:root:not([data-color-scheme="light"]) .hero--has-art .hero-art{opacity:.72}}:root[data-color-scheme="dark"]{--glass:rgba(16,18,22,.55);--glass-border:#ffffff;--shadow:#000000;--tile:#2a2622;--paper:#14161a;--paper-deep:#1c1f25;--ink:#f1f2f4;--muted:#a3a5ad;--muted-strong:#c9cbd2;--muted-on-dark:#c9cbd2;--accent:#8db4dc;--accent-soft:#3f6a94;--accent-deep:#b6d3ef;--cta:#8db4dc;--cta-deep:#b6d3ef;--card:#1b1e24;--glow:#1d2833;--link-on-dark:#dbe7f4;--accent-on-dark:#b6d3ef;--surface-dark:#0e1014;--on-dark:#f1f2f4}:root[data-color-scheme="dark"]{color-scheme:dark}:root[data-color-scheme="dark"] img{mix-blend-mode:normal}:root[data-color-scheme="dark"] .product-hero__visual,:root[data-color-scheme="dark"] .editorial-tile{background:var(--paper-deep);color:var(--ink)}:root[data-color-scheme="dark"] .profiles-section:not(.profiles-section--home){background:var(--paper-deep);color:var(--ink)}:root[data-color-scheme="dark"] .profiles-panel{background:var(--paper-deep);color:var(--on-dark)}:root[data-color-scheme="dark"] .profiles-panel .text-link{color:var(--link-on-dark)}:root[data-color-scheme="dark"] .profiles-panel .profile-card__benefit{color:var(--muted-on-dark)}:root[data-color-scheme="dark"] .profiles-panel .stars__value,:root[data-color-scheme="dark"] .profiles-panel .profile-card__need strong{color:var(--on-dark)}:root[data-color-scheme="dark"] .profiles-panel a:not(.button),:root[data-color-scheme="dark"] .profiles-panel h3,:root[data-color-scheme="dark"] .profiles-panel h3 a,:root[data-color-scheme="dark"] .profiles-panel .profile-card__body,:root[data-color-scheme="dark"] .profiles-panel .eyebrow{color:var(--on-dark)}:root[data-color-scheme="dark"] .profiles-panel img{filter:brightness(.9) saturate(.95)}:root[data-color-scheme="dark"] .pros-cons__box--for h3{color:var(--cta)}:root[data-color-scheme="dark"] .sticky-cta:not([hidden]){background:rgba(16,18,22,.55);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.45)}:root[data-color-scheme="dark"] .sticky-cta__info strong{color:var(--on-dark)}:root[data-color-scheme="dark"] .sticky-cta__info span,:root[data-color-scheme="dark"] .sticky-cta__close{color:var(--muted-on-dark)}:root[data-color-scheme="dark"] .sticky-cta .text-link{color:var(--link-on-dark)}:root[data-color-scheme="dark"] .home-rank-row--highlight{background:linear-gradient(120deg,var(--paper-deep),var(--card))}:root[data-color-scheme="dark"] .home-rank-row--highlight .home-rank-row__rank{box-shadow:0 8px 18px rgba(0,0,0,.4)}:root[data-color-scheme="dark"] .product-row__image,:root[data-color-scheme="dark"] .featured-card__media,:root[data-color-scheme="dark"] .profile-card__media{background:var(--tile);border-radius:14px}:root[data-color-scheme="dark"] .product-thumb,:root[data-color-scheme="dark"] .featured-card__image,:root[data-color-scheme="dark"] .profile-card__image{mix-blend-mode:multiply;filter:brightness(.96)}:root[data-color-scheme="dark"] .profile-card__media{background:linear-gradient(145deg,var(--surface-dark),var(--accent-soft))}:root[data-color-scheme="dark"] .product-row:hover{background:rgba(255,255,255,.04)}:root[data-color-scheme="dark"] .hero,:root[data-color-scheme="dark"] .site-footer,:root[data-color-scheme="dark"] .article-hero,:root[data-color-scheme="dark"] .profiles-section--home{background:var(--surface-dark);color:var(--on-dark)}:root[data-color-scheme="dark"] .hero h1,:root[data-color-scheme="dark"] .article-hero h1,:root[data-color-scheme="dark"] .profiles-section--home h2,:root[data-color-scheme="dark"] .profiles-section--home h3,:root[data-color-scheme="dark"] .profiles-section--home .profile-card__need strong,:root[data-color-scheme="dark"] .profiles-section--home .profile-card__number,:root[data-color-scheme="dark"] .hero__stats strong,:root[data-color-scheme="dark"] .site-footer .brand{color:var(--on-dark)}:root[data-color-scheme="dark"] .site-footer p,:root[data-color-scheme="dark"] .footer-links a{color:var(--muted-on-dark)}:root[data-color-scheme="dark"] .rating__star{color:rgba(255,255,255,.28)}:root[data-color-scheme="dark"] .button--light,:root[data-color-scheme="dark"] .button--accent{background:var(--on-dark);color:var(--surface-dark)}:root[data-color-scheme="dark"] .pick-badge--eco{background:var(--on-dark);color:var(--surface-dark)}:root[data-color-scheme="dark"] .theme-switch button[aria-pressed="true"]{background:var(--on-dark);color:var(--surface-dark)}:root[data-color-scheme="dark"] .button--dark{background:var(--on-dark);color:var(--surface-dark)}:root[data-color-scheme="dark"] .brand,:root[data-color-scheme="dark"] .brand__name{color:var(--on-dark)}:root[data-color-scheme="dark"] .hero__lead,:root[data-color-scheme="dark"] .hero--home.hero--has-art .hero__lead{color:var(--muted-on-dark)}:root[data-color-scheme="dark"] .hero a:not(.button),:root[data-color-scheme="dark"] .article-hero a:not(.button),:root[data-color-scheme="dark"] .profiles-section--home a:not(.button){color:var(--on-dark)}:root[data-color-scheme="dark"] .hero--has-art .hero-art{opacity:.72}

.article-meta{margin:.4rem 0 1.6rem;font-size:.82rem;color:var(--muted)}
.article-meta time{font-variant-numeric:tabular-nums}
.method-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.15rem .6rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.affiliate-disclosure{border-left:3px solid var(--accent);background:rgba(127,127,127,.08);padding:.8rem 1rem;font-size:.82rem;color:var(--muted);margin:1.2rem 0;max-width:860px}
.price-note{font-size:.78rem;color:var(--muted);margin:.35rem 0 0}
.evidence-box{max-width:var(--max);margin:0 auto;padding:5rem 4vw}
.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;margin-top:2rem}
.evidence-grid h3{font-size:1.15rem;margin-bottom:.76rem}
.who-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2.5rem 0}
.who-block{border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.35rem;background:var(--card)}
.who-block h3{margin-bottom:.5rem;font-size:1.05rem}
.who-block--for{border-top:3px solid var(--cta)}
.who-block--avoid{border-top:3px solid var(--accent)}
.related-content{max-width:850px;margin:0;padding:4rem 4vw}
.guide-article .related-content{padding:4rem 0}
.related-list{list-style:none;padding:0;display:grid;gap:.65rem;margin-top:1.2rem}
.silo-index{padding:3.5rem 4vw;border-top:1px solid var(--line)}
.guide-article .silo-index{max-width:100%;padding:3.5rem 0}
.silo-index__list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.7rem .9rem;margin-top:1.1rem}
.silo-index__list a{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;background:var(--card);font-size:.9rem;transition:border-color .2s ease,color .2s ease}
.silo-index__list a:hover{border-color:var(--accent);color:var(--accent-deep)}
.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;margin-top:2rem}
.method-updated{font-size:.8rem;color:var(--muted)}
.evidence-table{width:100%;border-collapse:collapse;font-size:.86rem;background:var(--card)}
.evidence-table caption{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-bottom:.6rem}
.evidence-table th,.evidence-table td{border-bottom:1px solid var(--line);padding:.55rem .6rem;text-align:left;vertical-align:top}
.evidence-table thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.product-card--compact .product-row__body p{font-size:.9rem}
.longtail-scenarios{display:grid;gap:.75rem;margin-top:1.4rem}
.longtail-scenarios a{font-weight:700}
.pick-badge{display:inline-block;border-radius:999px;background:var(--ink);color:var(--paper);padding:.2rem .7rem;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}
.pick-badge--alt{background:transparent;color:var(--ink);border:1px solid var(--line)}
.pick-badge--value{background:var(--accent-deep);color:var(--paper)}
.pick-badge--eco{background:var(--cta);color:#fff}
.product-hero__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 .5rem}
.product-row__top{min-height:0;margin-bottom:.75rem}
.product-hero__copy>p{margin-bottom:.65rem}
.product-hero__copy .eyebrow{margin-bottom:.65rem}
.product-hero__copy .product-hero__dek{font:1.08rem/1.42 var(--serif);color:var(--muted-strong);max-width:560px;margin:0 0 .85rem}
/* Bloc prix d'allure e-commerce (haut de fiche) : variante A, une ligne —
   libellé + prix empilés à gauche, CTA pilule à droite. Repli empilé <=400px
   en fin de feuille. */
.buy-box{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:.75rem 0 .65rem;max-width:420px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;padding:1.15rem 1.2rem}
.buy-box .buy-box__price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.1rem;margin:0;line-height:1.15;min-width:0}
.buy-box .offer-chip{gap:.1rem;margin:0}
.buy-box .buy-box__price strong{font:italic 700 clamp(1.95rem,5vw,2.3rem)/1.15 var(--serif);color:var(--ink);letter-spacing:-.03em}
.buy-box__meta{margin:.3rem 0 .65rem;font-size:.8rem;color:var(--muted)}
.buy-box .buy-box__cta{width:auto;justify-self:end;white-space:nowrap;padding:1rem clamp(1.1rem,3vw,1.5rem);font-size:.92rem;border-radius:999px}
.buy-box + .affiliate-note{margin:.55rem 0 0;font-size:.74rem}
/* Sommaire de l'avis */
.review-intro{padding:3.5rem 4vw 0;max-width:860px;margin:0 auto}
.review-intro h2{font-size:clamp(1.8rem,3.4vw,3rem)}
.review-toc{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:1.1rem}
.review-toc ol{list-style:none;margin:0;padding:0;display:block;counter-reset:toc}
.review-toc li{counter-increment:toc;font-size:.95rem;line-height:1.5;padding:.45rem 0;border-bottom:1px solid var(--line)}
.review-toc li:last-child{border-bottom:none}
.review-toc a{display:block;border-bottom:none}
.review-toc a::before{content:counter(toc) ". ";color:var(--accent);font-weight:800}
.review-toc a:hover{color:var(--accent-deep)}
.review-toc a:hover::before{color:var(--accent-deep)}
@media (max-width:800px){.review-intro{padding:2.5rem 1.2rem 0}}
/* Avantages / limites en encadrés lisibles */
.pros-cons{gap:3rem}
.pros-cons__box{padding:.1rem 0 .1rem 1.1rem;border:none;border-left:2px solid var(--line)}
.pros-cons__box h3{margin-bottom:.7rem;font-size:1rem}
.pros-cons__box--for{border-left-color:var(--sage)}
.pros-cons__box--avoid{border-left-color:var(--accent-deep)}
.pros-cons__box--for h3{color:var(--sage)}
.pros-cons__box--avoid h3{color:var(--accent-deep)}
.pros-cons__box--for .plus-list li::before{color:var(--sage);font-weight:800}
.pros-cons__box--avoid .minus-list li::before{color:var(--accent-deep);font-weight:800}
.pros-cons__box .plus-list li,.pros-cons__box .minus-list li{font-size:.95rem}
.verdict-block{max-width:860px;margin:0 auto;padding:3.5rem 4vw;border-top:1px solid var(--line)}
.verdict-block .who-section{margin-top:1.6rem}
.verdict-alternative{margin-top:1.2rem;font-size:.95rem}
.verdict-cta{margin:1.5rem 0 .5rem}
.verdict-cta .button{padding:.9rem 1.5rem}
.verdict-block .affiliate-note{margin:0}
.routing-note{font-size:.72rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:.4rem;margin-top:.6rem}
.featured-card__top{margin-bottom:.6rem}
.product-fit{margin:.8rem 0;display:grid;gap:.45rem}
.product-fit dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.product-fit dd{margin:0;font-size:.86rem}
.section-intro{max-width:640px;color:var(--muted)}
.offers-list{list-style:none;padding:0;margin:1.4rem 0;border-top:1px solid var(--line)}
.offers-section{padding-top:3.5rem;padding-bottom:1rem;border-top:1px solid var(--line)}
.offers-list li{display:grid;grid-template-columns:1.2fr .6fr .7fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9rem;align-items:baseline}
.offers-list .offer-price{font-weight:700}
.offers-list .offer-date{color:var(--muted);font-size:.8rem;text-align:right}
.alternatives-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.alternative{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;background:var(--card)}
.alternative h3{font-size:1.15rem;margin-bottom:.4rem}
.fit-score{text-align:right}
.fit-score span{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.fit-score strong{font:1.28rem var(--serif)}
.method-strip{margin:1.6rem 0 0;font-size:.82rem;color:var(--muted)}
.sources-list{list-style:none;padding:0;display:grid;gap:.55rem;margin-top:1.2rem}
.sources-list a{font-weight:700;color:inherit}
body[data-theme="linen"] .hero--home{min-height:min(660px,calc(100svh - 72px))}
body[data-theme="linen"] .hero--home .hero__copy h1{font-size:clamp(2.7rem,4.6vw,4.7rem);letter-spacing:-.045em;max-width:640px}
body[data-theme="linen"] .article-hero h1{font-size:clamp(2.3rem,4.2vw,4.1rem);letter-spacing:-.04em}
body[data-theme="linen"] .featured-card,body[data-theme="linen"] .editorial-tile,body[data-theme="linen"] .who-block{border-radius:var(--radius);overflow:hidden}
body[data-theme="linen"] .hero--home .hero__visual{background:linear-gradient(135deg,#eef2f4 0%,#c7d6de 44%,#5b7c8d 100%)}
body[data-theme="linen"] .pick-badge:not(.pick-badge--alt){background:var(--accent-deep)}
body[data-theme="linen"] .featured-card{border-color:rgba(35,32,28,.1)}
body[data-theme="arena"] .hero--home .hero__visual{background:linear-gradient(135deg,#e9e5ff 0%,#b3a4f5 42%,#4b32c9 100%)}
body[data-theme="arena"] .pick-badge:not(.pick-badge--alt){background:var(--accent-deep)}
body[data-theme="arena"] .featured-card,body[data-theme="arena"] .editorial-tile{border-radius:var(--radius);overflow:hidden}
body[data-theme="arena"] .featured-card{border-color:rgba(21,23,37,.12)}
body[data-theme="arena"] .profiles-section--home .section-kicker,body[data-theme="arena"] .profiles-section--home .eyebrow{color:#b7a8ff}
body[data-theme="arena"] .hero .eyebrow{color:#b7a8ff}
body[data-theme="arena"] .button--accent{background:var(--cta);color:#ffffff}
.hero--has-art .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:0}
.hero--has-art .hero__glow{display:none}
.hero--has-art .hero__wash{background:linear-gradient(100deg,rgba(35,32,28,.18),transparent 46%)}
.hero--has-art .hero__badge{z-index:6}
.hero--has-art .hero__caption{display:none}

body.has-texture .trust-band{background-image:linear-gradient(rgba(250,248,244,.86),rgba(250,248,244,.86)),url('/assets/decorative-texture.jpg');background-size:cover;background-position:center}
body.has-texture .profiles-section--home{background-image:linear-gradient(rgba(35,32,28,.9),rgba(35,32,28,.9)),url('/assets/decorative-texture.jpg');background-size:cover;background-position:center}
body.has-texture .home-final{background-image:linear-gradient(rgba(250,248,244,.92),rgba(250,248,244,.92)),url('/assets/decorative-texture.jpg');background-size:cover;background-position:center}
body.has-da-texture .trust-band{background-image:linear-gradient(rgba(247,247,245,.965),rgba(247,247,245,.965)),url('/assets/da-texture.jpg');background-size:cover;background-position:center}
body.has-da-texture .home-final{background-image:linear-gradient(rgba(247,247,245,.975),rgba(247,247,245,.975)),url('/assets/da-texture.jpg');background-size:cover;background-position:center}
.featured-card__actions{flex-wrap:nowrap}
.featured-card__actions .button{flex:1 1 auto;white-space:nowrap}
.featured-card__actions .text-link{flex:0 0 auto;white-space:nowrap}
.tool{margin:2.5rem 0;padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.tool__head h2{margin:.3rem 0 .4rem}
.tool__question{margin:1.2rem 0}
.tool__label{font-weight:700;margin-bottom:.5rem}
.tool__options{display:flex;flex-wrap:wrap;gap:.5rem}
.tool__options button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.5rem .9rem;font:inherit;font-size:.85rem;cursor:pointer;color:inherit}
.tool__options button:hover{border-color:var(--accent)}
.tool__options button.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tool__result{display:grid;gap:1rem;margin-top:1.5rem}
.tool__result:empty{display:none}
.tool-card{display:grid;grid-template-columns:130px 1fr;gap:1rem;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--paper)}
.tool-card img{width:100%;height:110px;object-fit:contain;background:var(--paper-deep);border-radius:calc(var(--radius) - 4px)}
.tool-card h3{margin:.1rem 0 .4rem;font-size:1.2rem}
.tool-card__badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-deep);margin:0 0 .2rem}
.tool-card__price{font-size:.85rem;color:var(--muted)}
.tool-card__actions{display:flex;gap:.6rem;align-items:center;margin-top:.6rem;flex-wrap:nowrap}
.tool-card__actions .button{padding:.5rem .9rem;font-size:.8rem}
.tool__need{font-size:.95rem;color:var(--muted)}
@media (max-width:800px){.featured-card__actions{flex-wrap:wrap}.tool{padding:1.1rem}.tool-card{grid-template-columns:96px 1fr}.tool-card__actions{flex-wrap:wrap}}
body[data-theme="linen"] .hero--home{min-height:min(540px,calc(100svh - 72px))}
body[data-theme="linen"] .hero--home .hero__copy{padding:clamp(2rem,4vw,3.4rem) max(4vw,2.4rem)}
body[data-theme="linen"] .hero--home .hero__copy h1{font-size:clamp(2.1rem,3.3vw,3.3rem);letter-spacing:-.04em}
body[data-theme="linen"] .hero--home .hero__lead{font-size:clamp(.95rem,1.05vw,1.02rem);max-width:520px}
body[data-theme="linen"] .hero--home .hero__visual{min-height:420px}
.hero__podium{position:absolute;left:4%;right:4%;bottom:2.1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;z-index:6}
.hero__podium-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border-radius:12px;padding:.5rem .45rem;text-align:center;color:var(--ink);box-shadow:0 8px 18px rgba(35,32,28,.12)}
.hero__podium-image{height:56px;width:auto;object-fit:contain}
.hero__podium-name{font-size:.72rem;font-weight:700;line-height:1.15}
.hero__podium-card em{font-size:.6rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-deep)}
@media (max-width:800px){.hero__podium{bottom:.9rem;gap:.4rem}.hero__podium-image{height:40px}.hero__podium-name{font-size:.6rem}.hero__podium-card em{display:none}}
.stars{display:inline-flex;align-items:center;gap:.1rem;line-height:1;margin:.15rem 0 .35rem}
.stars__item{font-size:1.02rem;color:#d9c8b7}
.stars__item--full{color:#f5c518}
.stars__item--half{background:linear-gradient(90deg,#f5c518 50%,#d9c8b7 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stars__value{margin-left:.4rem;font-size:.74rem;font-weight:800;color:var(--muted)}
.tool{border:none;background:transparent;padding:0;margin:2.6rem 0}
.tool__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.tool__head h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem)}
.tool__count{font-size:.78rem;color:var(--muted);margin:0}
.tool__filters{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;align-items:center;margin-bottom:1.4rem}
.chip-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.chip-row__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-right:.2rem}
.chip-row button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.4rem .8rem;font:inherit;font-size:.8rem;cursor:pointer;color:inherit}
.chip-row button:hover{border-color:var(--accent)}
.chip-row button.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tool__reset{border:none;background:transparent;text-decoration:underline;font:inherit;font-size:.78rem;color:var(--muted);cursor:pointer}
.tool__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tool__grid .tool-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;padding:0}
.tool-card__media{position:relative;background:var(--paper-deep);height:170px;display:flex;align-items:center;justify-content:center}
.tool-card__image{max-width:82%;max-height:88%;object-fit:contain}
.tool-card__media img{max-width:86%;max-height:88%;object-fit:contain}
.tool-card__badge{position:absolute;left:.6rem;top:.6rem;background:var(--ink);color:var(--paper);border-radius:999px;padding:.2rem .6rem;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}
.tool-card__body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem}
.tool-card__body h3{margin:0;font-size:1.15rem}
.tool-card__copy{font-size:.86rem;color:var(--muted);margin:0}
.tool-card__price{margin:0;font-weight:700}
.tool-card__actions{display:flex;gap:.6rem;align-items:center;margin-top:.5rem;flex-wrap:nowrap}
.tool-card__actions .button{padding:.5rem .9rem;font-size:.78rem}
.tool__result{margin-top:1.4rem}
.tool__result .tool-card--result{display:grid;grid-template-columns:150px 1fr;max-width:560px}
.tool-card--result .tool-card__media{height:130px}
.tool__options button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.84rem;cursor:pointer;color:inherit}
.tool__options button.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:1000px){.tool__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.tool__grid{grid-template-columns:1fr}.tool__head{display:block}.tool__result .tool-card--result{grid-template-columns:1fr}.tool-card--result .tool-card__media{height:160px}}
/* ---------- v2 editorial : sans-serif condensé, hero photo, podium immédiat ---------- */
h1,h2,h3{font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08}
h2{font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.12}
h3{font-size:1.02rem;font-weight:700;text-transform:none}
body{font-size:16px}
p{margin:0 0 .95rem;line-height:1.62}
strong{font-weight:600}
.section-kicker,.eyebrow{font-size:.68rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase}
.section-kicker{color:var(--accent-deep)}
.button{border-radius:10px;font-weight:600;text-transform:none;letter-spacing:0;padding:.72rem 1.1rem;min-height:44px}
.button--accent{background:var(--cta);color:#fff}
.button--accent:hover{background:var(--cta-deep)}
.button--light{background:#fff;color:var(--ink)}
.button--dark{background:var(--ink);color:#fff}
.text-link{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
/* hero plein cadre */
.hero--home{display:block;position:relative;min-height:540px;background:var(--ink);color:#fff;overflow:hidden}
.hero--home.hero--has-art .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;opacity:.92;z-index:0}
.hero--home .hero__visual{position:absolute;inset:0;min-height:0;background:none;display:block;z-index:0}
.hero--home::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(18,16,14,.88) 0%,rgba(18,16,14,.62) 46%,rgba(18,16,14,.18) 78%,rgba(18,16,14,.08) 100%)}
.hero--home .hero__copy{position:relative;z-index:3;max-width:660px;padding:clamp(2.4rem,5.4vw,4.4rem) max(5vw,1.5rem) 9rem;background:none}
.hero--home .hero__copy h1{font-size:clamp(1.5rem,2.35vw,2.05rem);color:#fff;max-width:560px}
.hero--home .hero__lead{font-size:.98rem;line-height:1.6;color:#e6dfd6;max-width:520px;margin-bottom:1.3rem}
.hero--home .hero__actions{gap:1rem}
.hero__stats{color:#cdc4b9;font-size:.7rem;gap:1.1rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1.1rem;max-width:520px}
.hero__stats strong{font-size:1rem;color:#fff}
.hero__badge{display:none}
.hero--has-art .hero__caption{display:none}
.hero__wash{display:none}
/* podium immédiat sous le hero */
.featured-section{padding-top:0;margin-top:0}
.hero--home + .featured-section{padding-top:5rem}
.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.featured-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 34px rgba(20,18,16,.1);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.featured-card__media{height:220px;position:relative;background:#f6f3ee;display:flex;align-items:center;justify-content:center;overflow:hidden}
.featured-card__media img{max-width:78%;max-height:86%;object-fit:contain}
.featured-card__rank{position:absolute;top:.55rem;left:50%;transform:translateX(-50%);z-index:2;font:italic 800 2.1rem var(--serif);color:var(--ink);line-height:1;width:auto;height:auto;background:none;border-radius:0;display:block;place-items:initial}
.featured-card__body{padding:1rem 1.1rem 1.2rem;text-align:center;display:flex;flex-direction:column;gap:.35rem}
.featured-card__body h3{font-size:1rem;font-weight:800;text-transform:uppercase;margin:0}
.featured-card__body .product-variant{font-size:.76rem;color:var(--muted);margin:0}
.featured-card__body .stars{justify-content:center}
.featured-card__meta{border:none;padding:0;margin:.1rem 0 .2rem;justify-content:center}
.featured-card__meta .price{text-align:center}
.featured-card__body .price{text-align:center}
.featured-card__meta .price strong{font:italic 700 1.15rem var(--serif)}
.featured-card__copy{font-size:.85rem;color:var(--muted);min-height:3.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featured-card__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}
.featured-card__actions .button{width:100%;justify-content:center}
.featured-card__actions .text-link{font-size:.78rem;border:none}
/* lignes produit compactes */
.product-list{gap:1rem}
.product-row{display:grid;grid-template-columns:54px 150px minmax(0,1fr) 230px;gap:1.1rem;align-items:center;border:1px solid var(--line);border-radius:12px;padding:1rem 1.15rem;background:#fff}
.product-row__image{display:flex;align-items:center;justify-content:center}
.product-row__image img{max-height:110px;object-fit:contain}
.product-rank{font:italic 800 1.9rem var(--serif);color:var(--ink);text-align:center}
.product-row__body h3{font-size:1rem;font-weight:800;text-transform:uppercase;margin:.1rem 0 .3rem}
.product-row__body > p:not(.product-variant):not(.product-summary){display:none}
.product-fit{display:none}
.product-pros{list-style:none;padding:0;margin:.3rem 0 0;display:grid;gap:.28rem;font-size:.86rem;color:var(--muted)}
.product-pros li::before{content:"+";color:var(--cta);font-weight:800;margin-right:.45rem}
.product-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;text-align:right}
.product-row__meta .stars{margin:0}
.product-row__meta .price strong{font:italic 700 1.15rem var(--serif)}
.product-row__meta .button{padding:.6rem 1rem;font-size:.82rem}
/* sections compactes */
.section-heading{max-width:760px}
.section-heading > p:last-child{font-size:.95rem;color:var(--muted)}
.editorial-tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:1rem}
.editorial-tile,.editorial-tile:first-child{display:block;grid-row:auto;min-height:250px;border-radius:14px;overflow:hidden;position:relative;background:var(--ink)}
.editorial-tile .editorial-tile__media,.editorial-tile:first-child .editorial-tile__media{position:absolute;inset:0;height:100%;min-height:0}
.editorial-tile__image{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;opacity:.9}
.editorial-tile__body,.editorial-tile:first-child .editorial-tile__body{position:relative;z-index:2;padding:1.2rem;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(20,18,16,.02) 18%,rgba(20,18,16,.88) 100%)}
.editorial-tile__body h3,.editorial-tile__body p{text-shadow:0 1px 14px rgba(0,0,0,.4)}
.editorial-tile .eyebrow{display:none}
.editorial-tile h3,.editorial-tile:first-child h3{color:#fff;font-size:1.02rem;font-weight:800;text-transform:uppercase;margin:.2rem 0 .4rem}
.editorial-tile p:not(.eyebrow){color:#e6dfd6;font-size:.84rem;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.editorial-tile .text-link,.editorial-tile .text-link span{color:#fff;font-size:.78rem}
.editorial-tile .text-link{margin-top:.45rem}
.editorial-tile__body h3+.text-link{margin-top:.45rem}
.trust-band{padding:3rem max(4vw,calc((100% - var(--max))/2 + 4vw));gap:2.5rem;align-items:start}
.trust-band__intro h2{font-size:1.45rem}
.trust-band__intro>p:not(.section-kicker){font-size:.92rem}
.trust-band__proof strong{font:italic 800 1.3rem var(--serif)}
.profiles-section--home{padding-top:4rem;padding-bottom:4rem}
.profile-grid{margin:2rem 0}
.profile-card h3{font-size:.95rem;text-transform:none;font-weight:600}
.home-final{padding:5rem 4vw}
.home-final h2{font-size:clamp(1.5rem,2.4vw,2rem)}
@media (max-width:800px){.hero--home .hero__copy{padding:3rem 1.2rem 8rem;background:linear-gradient(180deg,rgba(18,16,14,.72),rgba(18,16,14,.6))}.featured-grid{grid-template-columns:1fr}.product-row{grid-template-columns:44px 100px 1fr;align-items:start}.product-row__meta{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left}.editorial-tiles{grid-template-columns:1fr}.trust-band{display:block}.hero--home{min-height:480px}}
/* revue design : header sticky, podium 2-1-3, états vides */
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
body[data-theme="linen"] .site-header{background:var(--paper)}
.featured-grid .featured-card:nth-child(1){grid-column:2;grid-row:1;transform:translateY(-14px);border-color:var(--cta);box-shadow:0 18px 44px rgba(20,18,16,.16)}
.featured-grid .featured-card:nth-child(2){grid-column:1;grid-row:1}
.featured-grid .featured-card:nth-child(3){grid-column:3;grid-row:1}
.tool__empty{margin:1rem 0 0;color:var(--muted);font-size:.92rem}
.tool__empty[hidden]{display:none}
.product-hero__copy h1{font-size:clamp(1.9rem,3.4vw,3rem);margin-bottom:.65rem}
body.has-texture .home-final{background-image:none;border-top:1px solid var(--line)}
@media (max-width:800px){.featured-grid .featured-card:nth-child(1),.featured-grid .featured-card:nth-child(2),.featured-grid .featured-card:nth-child(3){grid-column:auto;grid-row:auto;transform:none}}
/* v3 : heros compacts + fond article + compteurs filtres */
.article-hero{padding:3.4rem max(4vw,calc((100% - var(--max))/2 + 4vw)) 2.8rem}
.article-hero h1{font-size:clamp(1.5rem,2.4vw,2.15rem);max-width:900px}
.article-hero__lead{font-size:.98rem;max-width:620px;line-height:1.6}
.article-hero--small{padding-top:2.8rem;padding-bottom:2.4rem}
body.has-hero-art .article-hero{background-image:linear-gradient(rgba(20,18,16,.86),rgba(20,18,16,.86)),url('/assets/hero-illustration.jpg');background-size:cover;background-position:center}
body.has-da-art .article-hero{background-image:linear-gradient(rgba(20,18,16,.86),rgba(20,18,16,.86)),url('/assets/da-og.jpg');background-size:cover;background-position:center}
.verdict-block h2{font-size:clamp(1.3rem,2vw,1.7rem)}
.simple-page h1{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.section-shell h2,.editorial-section h2{font-size:clamp(1.25rem,1.9vw,1.7rem)}
.tool__sub{margin:.2rem 0 0;font-size:.86rem;color:var(--muted)}
.chip-n{display:inline-block;margin-left:.35rem;padding:.02rem .38rem;border-radius:999px;background:rgba(20,18,16,.08);font-size:.68rem;font-weight:700}
.chip-row button.is-active .chip-n{background:rgba(255,255,255,.2);color:#fff}
.tool__result .tool-card--result{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:none}
.tool-card--result .tool-card__media{height:180px}
.tool-card--result .tool-card__image{max-width:88%;max-height:88%}
/* v4 : hero pleine image — l'image reste visible, le texte passe en clair sur un degrade sombre.
   Le voile creme precedent (96 % a gauche) ecrasait le visuel ; il est supprime, pas attenue. */
.hero--home.hero--has-art{background:var(--surface-dark,var(--ink));min-height:560px}
.hero--home.hero--has-art .hero-art{opacity:1;object-position:26% center}
.hero--home.hero--has-art::after{background:linear-gradient(100deg,rgba(18,15,13,.84) 0%,rgba(18,15,13,.7) 34%,rgba(18,15,13,.36) 58%,rgba(18,15,13,.08) 80%,rgba(18,15,13,0) 100%)}
.hero--home.hero--has-art .hero__copy{color:#fff}
.hero--home.hero--has-art .hero__copy h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.hero--home.hero--has-art .hero__lead{color:rgba(255,255,255,.88)}
.hero--home.hero--has-art .hero__lead strong{color:#fff}
.hero--home.hero--has-art .eyebrow{color:#f2c3a4}
.hero--home.hero--has-art .hero__text-link{color:#f2d9c8;border-bottom-color:rgba(242,217,200,.5)}
.hero--home.hero--has-art .hero__stats{color:rgba(255,255,255,.74);border-top:1px solid rgba(255,255,255,.18)}
.hero--home.hero--has-art .hero__stats strong{color:#fff}
.hero--home.hero--has-art .button--accent{box-shadow:0 8px 20px rgba(0,0,0,.3)}
@media (max-width:800px){.hero--home.hero--has-art::after{background:linear-gradient(180deg,rgba(18,15,13,.82) 0%,rgba(18,15,13,.6) 55%,rgba(18,15,13,.3) 100%)}}
.subheading{margin:1.6rem 0 .6rem;font-size:clamp(1.02rem,1.5vw,1.25rem)}
.editorial-section .subheading+p{margin-top:0}
/* v5 : capture du clic — chips d'offre, CTA guide, barre mobile */
.offer-chip{display:flex;flex-direction:column;gap:.05rem;align-items:flex-start;font-size:.8rem;color:var(--muted);margin:.2rem 0}
.offer-chip strong{font:italic 700 1.05rem var(--serif);color:var(--ink)}
.offer-chip--compact strong{font-size:.95rem}
.featured-card__body .offer-chip{align-items:center}
.product-row__meta .offer-chip{align-items:flex-end}
.compare-head__product .offer-chip{align-items:center;text-align:center}
.podium-card .offer-chip{align-items:center;text-align:center}
.tool-card .offer-chip{margin:.2rem 0}
.matrix-offer{min-width:150px}
.matrix-offer .offer-chip{margin-bottom:.4rem}
.matrix-offer__cta{padding:.5rem .8rem;font-size:.75rem;white-space:nowrap}
.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;background:var(--card);margin:2rem 0}
.inline-cta__lead{min-width:0;display:flex;flex-direction:column;gap:.25rem}
.inline-cta__copy{margin:0;font-size:.86rem;color:var(--muted-strong);max-width:52ch}
.guide-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.6rem;background:var(--card);margin:2.5rem 0}
.guide-cta h2{margin:.2rem 0 .4rem;font-size:clamp(1.15rem,1.8vw,1.5rem)}
.guide-cta p{margin:0 0 .6rem;color:var(--muted);font-size:.92rem}
.guide-cta__actions{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.house-promo{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.6rem;background:linear-gradient(135deg,var(--card),var(--paper-deep));margin:2.5rem 0}
.house-promo__copy{min-width:0}
.house-promo h2{margin:.2rem 0 .4rem;font-size:clamp(1.15rem,1.8vw,1.5rem)}
.house-promo p:not(.section-kicker){margin:0;color:var(--muted);font-size:.92rem;line-height:1.6;max-width:58ch}
.house-promo .button{flex:none;white-space:nowrap}
.product-who{margin:.3rem 0;font-size:.9rem;color:var(--muted)}
.product-who span{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-deep);margin-right:.35rem;font-weight:700}
.sticky-cta{display:none}
@media (max-width:800px){
.theme-switch{display:inline-flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem}
.footer-theme{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1rem}
.site-footer .theme-switch{border-color:rgba(245,240,232,.28)}
.site-footer .theme-switch button{color:var(--muted-on-dark)}
.site-footer .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.theme-switch button{background:transparent;border:0;font:inherit;font-size:.78rem;color:var(--muted);padding:.3rem .6rem;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.theme-switch button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (max-width:800px){.footer-theme{justify-content:flex-start}}
.sticky-cta:not([hidden]){position:fixed;top:2rem;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:.6rem;padding:.45rem .8rem;width:max-content;max-width:min(760px,calc(100% - 2rem));border-radius:999px;background:rgba(250,248,244,.55);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 40px rgba(20,18,16,.16)}
.sticky-cta__info{flex:1;min-width:0;line-height:1.15}
.sticky-cta__info strong{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-cta__info span{font-size:.72rem;color:var(--muted)}
.sticky-cta .button{padding:.6rem 1rem;font-size:.8rem;white-space:nowrap}
.sticky-cta__close{border:none;background:transparent;font-size:1.2rem;line-height:1;color:var(--muted);cursor:pointer;padding:.2rem .4rem}
}
@media (max-width:800px){.guide-cta{grid-template-columns:1fr}.house-promo{align-items:flex-start;flex-direction:column}.inline-cta{align-items:flex-start;flex-direction:column}}
/* correctif : le verdict est un texte, pas un titre majuscule */
.verdict-text{font-family:var(--sans);font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.55;color:var(--ink);max-width:820px;margin:0 0 1rem}
.verdict-tradeoff{font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.55;max-width:820px;color:var(--muted)}
.verdict-block{padding-top:3rem;padding-bottom:2rem}
/* correctif : kicker pleine largeur dans la grille décision */
.who-section .section-kicker{grid-column:1/-1;margin-bottom:0}
.who-section{row-gap:1rem}
@media (max-width:800px){.evidence-grid,.who-section,.method-grid,.alternatives-grid{grid-template-columns:1fr}.offers-list li{grid-template-columns:1fr auto}.offers-list .offer-date{text-align:left}.evidence-box{padding:3.5rem 1.2rem}.related-content{padding:3rem 1.2rem}.evidence-table{min-width:560px}.table-wrap{overflow-x:auto}}

/* fiche produit détaillée : résumé, analyse critère par critère, sources */
.deep-dive,.fits-section,.sources-section{max-width:860px;margin:0 auto;padding:3.5rem 4vw;border-top:1px solid var(--line)}
.criterion-block{border-top:1px solid var(--line);padding:1.4rem 0}
.criterion-block:first-of-type{border-top:none}
.criterion-block__head{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem}
.criterion-block h3{margin:0;font-size:1.22rem}
.criterion-block__value{font-weight:800;color:var(--accent-deep);text-align:right}
.criterion-block p{max-width:780px;margin:.7rem 0 0}
.criterion-block__source{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.product-summary{color:var(--muted);font-size:.9rem;max-width:760px;margin:.55rem 0 0}
.product-row__body .product-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem;margin:.35rem 0 0}
.product-cons li::before{content:"−";color:#8b0000;font-weight:800;margin-right:.45rem}
.product-pros li{display:flex}
.product-pros li::before{flex:none}
.fits-list{list-style:none;padding:0;margin:1.2rem 0 0}
.fits-list li{border-top:1px solid var(--line);padding:1rem 0;max-width:780px}
.fits-list li strong{display:block;margin-bottom:.25rem}
.fits-list li span{color:var(--muted)}
.evidence-list{list-style:none;padding:0;margin:0}
.evidence-list li{border-top:1px solid var(--line);padding:.85rem 0;max-width:820px}
.evidence-list li:first-child{border-top:none}
.evidence-tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.1rem .55rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;margin-right:.5rem;color:var(--muted);white-space:nowrap}
.source-empty{color:var(--muted);max-width:820px}
.method-note{max-width:820px;color:var(--muted)}
.sources-section .method-grid h3{font-size:1.05rem;margin-bottom:.6rem}
@media (max-width:800px){.criterion-block__head{display:block}.criterion-block__value{display:block;text-align:left;margin-top:.25rem}.deep-dive,.fits-section,.sources-section{padding-left:1.2rem;padding-right:1.2rem}}

/* En bref : avis résumé avec plus (vert) et moins (darkred), juste après le hero */
.brief{max-width:860px;margin:0 auto;padding:5rem 4vw 0;border-top:1px solid var(--line)}
.brief h2{font-size:clamp(2rem,4vw,4.2rem)}
.brief .pros-cons{padding:2.2rem 0 0;border-top:none;margin-top:.6rem}
.brief .pros-cons h3{font-size:1.4rem;margin-bottom:.7rem}
.plus-list,.minus-list{list-style:none;padding:0;margin:0;display:grid;gap:.45rem;color:var(--muted)}
.plus-list li::before{content:"+";color:var(--cta);font-weight:800;margin-right:.5rem}
.minus-list li::before{content:"−";color:#8b0000;font-weight:800;margin-right:.5rem}
.affiliate-note{font-size:.78rem;color:var(--muted);max-width:760px;margin:1rem 0 0}

/* Comparateur : entête produit avec vignette, titre, note et CTA par colonne */
.comparison-table--compare{min-width:1100px}
.comparison-table--compare thead th{vertical-align:top}
.compare-head__criterion{min-width:150px}
.compare-head__product{min-width:185px;text-align:center}
.compare-head__title{display:grid;gap:.5rem;justify-items:center;font-weight:800;color:var(--ink)}
.compare-head__title:hover{color:var(--accent-deep)}
.compare-head__thumb{height:90px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.compare-head__product .stars{display:inline-flex;justify-content:center}
.compare-head__product .offer-chip{margin:.45rem auto}
.compare-head__cta{padding:.5rem .9rem;font-size:.75rem}
.compare-head__review{display:inline-block;margin-top:.4rem;font-size:.78rem}
.compare-price-row td{vertical-align:top}
.compare-link{margin-top:1.2rem;max-width:860px}
@media (max-width:800px){.brief{padding:3.5rem 1.2rem 0}.compare-head__criterion{min-width:120px}}

/* menu burger animé + panneau mobile */
.menu-toggle{align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.menu-toggle:hover{background:var(--paper-deep)}
.menu-toggle__box{position:relative;display:block;width:20px;height:14px}
.menu-toggle__line{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s ease}
.menu-toggle__line:nth-child(1){top:0}
.menu-toggle__line:nth-child(2){top:6px}
.menu-toggle__line:nth-child(3){top:12px}
.menu-toggle.is-active .menu-toggle__line:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.is-active .menu-toggle__line:nth-child(2){opacity:0;transform:scaleX(.35)}
.menu-toggle.is-active .menu-toggle__line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.site-nav a{transition:color .2s ease}
@media (max-width:800px){
  .menu-toggle{display:none}
  .js .menu-toggle{display:inline-flex}
  .site-nav{display:flex}
  .js .site-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transform-origin:top right;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.7,.2,1),visibility 0s linear .26s}
  .js .site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .24s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
  .js .site-nav a{opacity:0;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease}
  .js .site-nav.is-open a{opacity:1;transform:none}
  .js .site-nav.is-open a:nth-child(1){transition-delay:.05s}
  .js .site-nav.is-open a:nth-child(2){transition-delay:.1s}
  .js .site-nav.is-open a:nth-child(3){transition-delay:.15s}
  .js .site-nav.is-open a:nth-child(4){transition-delay:.2s}
  .js .site-nav.is-open a:nth-child(5){transition-delay:.25s}
  .js .site-nav.is-open a:nth-child(6){transition-delay:.3s}
}
/* apparitions au scroll (progressive enhancement) */
.js-reveal .reveal{animation:none;opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.js-reveal .reveal.is-visible{opacity:1;transform:none}
.js-reveal .reveal:nth-child(2){transition-delay:.06s}
.js-reveal .reveal:nth-child(3){transition-delay:.12s}
.js-reveal .reveal:nth-child(4){transition-delay:.18s}
.js-reveal .reveal:nth-child(5){transition-delay:.24s}
/* entrées hero */
@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero--home .hero__copy>*{animation:fade-up .75s cubic-bezier(.2,.7,.2,1) both}
.hero--home .hero__copy>*:nth-child(1){animation-delay:.05s}
.hero--home .hero__copy>*:nth-child(2){animation-delay:.12s}
.hero--home .hero__copy>*:nth-child(3){animation-delay:.19s}
.hero--home .hero__copy>*:nth-child(4){animation-delay:.26s}
.hero--home .hero__copy>*:nth-child(5){animation-delay:.33s}
.article-hero>*{animation:fade-up .6s cubic-bezier(.2,.7,.2,1) both}
.article-hero>*:nth-child(2){animation-delay:.08s}
.article-hero>*:nth-child(3){animation-delay:.16s}
/* sticky CTA animé */
.theme-switch{display:inline-flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem}
.footer-theme{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1rem}
.site-footer .theme-switch{border-color:rgba(245,240,232,.28)}
.site-footer .theme-switch button{color:var(--muted-on-dark)}
.site-footer .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.theme-switch button{background:transparent;border:0;font:inherit;font-size:.78rem;color:var(--muted);padding:.3rem .6rem;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.theme-switch button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (max-width:800px){.footer-theme{justify-content:flex-start}}
.sticky-cta:not([hidden]){opacity:0;transform:translateY(-14px);transition:opacity .26s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
.sticky-cta.is-visible{opacity:1;transform:none}
/* marqueur FAQ animé */
summary{list-style:none;position:relative;padding-right:2.2rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.2rem;top:-.05rem;font-family:var(--sans);font-weight:700;color:var(--accent);transition:transform .25s ease}
details[open] summary::after{transform:rotate(45deg)}
/* micro-interactions */
.featured-card__image{transition:transform .45s ease}
.featured-card:hover .featured-card__image{transform:scale(1.045)}
.product-thumb{transition:transform .45s ease}
.product-row:hover .product-thumb{transform:scale(1.05)}
.button:active{transform:translateY(0) scale(.98)}
@media (prefers-reduced-motion:reduce){.js-reveal .reveal{opacity:1;transform:none}.theme-switch{display:inline-flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem}
.footer-theme{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1rem}
.site-footer .theme-switch{border-color:rgba(245,240,232,.28)}
.site-footer .theme-switch button{color:var(--muted-on-dark)}
.site-footer .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.theme-switch button{background:transparent;border:0;font:inherit;font-size:.78rem;color:var(--muted);padding:.3rem .6rem;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.theme-switch button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (max-width:800px){.footer-theme{justify-content:flex-start}}
.sticky-cta:not([hidden]){opacity:1;transform:none}.hero--home .hero__copy>*,.article-hero>*{animation:none}}

/* fil d'Ariane visible : zone équilibrée au-dessus et au-dessous du fil */
.breadcrumbs{max-width:var(--max);margin:0 auto;padding:.7rem 4vw;font-size:.78rem;line-height:1.45;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.breadcrumbs a{font-weight:700;color:var(--muted)}
.breadcrumbs a:hover{color:var(--accent-deep)}
.breadcrumbs__sep{color:var(--line)}
/* aide au défilement des tableaux sur mobile */
.table-hint{display:none;margin:0 0 .8rem;font-size:.78rem;color:var(--muted)}
/* suivi éditorial et pages de confiance */
.update-tracking{max-width:860px;margin:0 auto;padding:3.5rem 4vw;border-top:1px solid var(--line)}
.update-tracking h2{font-size:clamp(1.5rem,2.4vw,2.2rem)}
.facts-list{gap:0 2.5rem}
.simple-page h2{font-size:clamp(1.3rem,2.1vw,1.85rem);margin-top:2.2rem}
.simple-page code{font-size:.85em;background:rgba(20,18,16,.06);padding:.1rem .35rem;border-radius:4px}
/* sommaire de page */
.page-toc{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:0 0 4rem;padding:.75rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.page-toc__label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:.4rem}
.page-toc a{font-size:.8rem;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;transition:background .2s ease,border-color .2s ease}
.page-toc a:hover{background:var(--paper-deep);border-color:var(--muted)}
/* accordéon éditorial */
.accordion__list{margin-top:1.5rem}
.accordion__item{border-top:1px solid var(--line)}
.accordion__item:last-child{border-bottom:1px solid var(--line)}
.accordion__item summary{cursor:pointer;font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.45rem);padding:1.1rem 2.2rem 1.1rem 0}
.accordion__body{padding:0 0 1.4rem;max-width:820px;color:var(--muted)}
.accordion__body p{max-width:780px}
/* face à face produit */
.faceoff-section{max-width:var(--max);margin:0 auto;padding:3.5rem 4vw;border-top:1px solid var(--line)}
.faceoff-list{display:grid;gap:.8rem}
.faceoff-row{display:grid;grid-template-columns:104px minmax(0,1fr) 190px;gap:1.1rem;align-items:center;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:var(--card)}
.faceoff__media{display:block;background:var(--paper-deep);border-radius:8px;overflow:hidden}
.faceoff__thumb{width:100%;height:88px;object-fit:contain;mix-blend-mode:multiply}
.faceoff__body h3{margin:0 0 .15rem;font-size:1.05rem}
.faceoff__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.faceoff__summary{margin:.35rem 0;font-size:.85rem;color:var(--muted)}
.faceoff__list{margin:0;font-size:.78rem}
.faceoff__actions{display:flex;flex-direction:column;gap:.4rem;align-items:stretch;text-align:center}
.faceoff__actions .text-link{font-size:.78rem}
/* alternatives avec visuel */
.alternative__media{display:block;background:var(--paper-deep);border-radius:10px;overflow:hidden;margin-bottom:.6rem}
.alternative__image{width:100%;height:150px;object-fit:contain;mix-blend-mode:multiply}
/* sticky avec vignette */
.sticky-cta__info{display:flex;align-items:center;gap:.6rem}
.sticky-cta__thumb{width:42px;height:42px;object-fit:contain;border-radius:8px;background:var(--paper-deep);flex:none}
.sticky-cta__text{min-width:0;flex:1}
.sticky-cta__meta{display:block;font-size:.66rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* un élément filtré masqué doit vraiment disparaître */
[hidden]{display:none!important}
/* réponse immédiate compacte */
.decision-block{font-family:var(--sans);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.6;color:var(--ink);max-width:780px;margin-bottom:3rem}
.decision-block p{margin:0 0 .7rem}
.decision-block p:last-child{margin-bottom:0}
/* tableau des caractéristiques avec en-têtes produit */
.comparison-table--matrix{min-width:1080px}
.tool--bar .tool__filters{margin-top:.2rem}
/* correctifs de rendu mobile */
@media (max-width:800px){
  .hero--home .hero__copy{padding:3.2rem 1.2rem 2.4rem}
  .hero--home .hero__copy h1{font-size:clamp(2rem,8.5vw,3rem);letter-spacing:-.045em;line-height:1.07}
  .hero--home .hero__lead{font-size:.95rem;line-height:1.5}
  .hero--home .hero__visual{display:none}
  .hero--home + .featured-section{padding-top:3rem}
  .hero__stats{margin-top:1.5rem;gap:.55rem .9rem}
  .product-row__meta{flex-wrap:wrap;justify-content:flex-start;gap:.5rem .7rem}
  .product-row__meta .button{flex:1 1 100%;justify-content:center;order:9}
  .product-row__meta .text-link{order:10;margin-inline:auto}
  .product-row__body h3{font-size:.95rem}
  .breadcrumbs{padding:.6rem 1.2rem}
  .table-hint{display:block}
  .update-tracking{padding:3rem 1.2rem}
  body:has(.sticky-cta) [id]{scroll-margin-top:96px}
  .footer-links{gap:.7rem 1.1rem}
  .compare-head__product{min-width:165px}
  .tool__result .tool-card--result{grid-template-columns:1fr;max-width:none}
  .tool-card--result .tool-card__media{height:170px}
  .page-toc{margin-bottom:2.5rem}
  .page-toc a{font-size:.76rem;padding:.28rem .6rem}
  .faceoff-row{grid-template-columns:76px minmax(0,1fr);padding:.8rem}
  .faceoff__actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
  .faceoff__actions .button{flex:1;justify-content:center}
  .alternative__image{height:130px}
}

/* Podium compact (réponse immédiate en un écran) */
.podium{max-width:var(--max);margin:0 auto;padding:1.5rem 4vw 5rem}
.podium__title{margin:0 0 1.5rem;max-width:720px}
.podium__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.podium-card{position:relative;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;min-width:0}
.podium-card__rank{position:absolute;z-index:1;left:1rem;top:1rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:1.25rem var(--serif)}
.podium-card__media{height:190px;background:var(--paper-deep);overflow:hidden;display:block}
.podium-card__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:.75rem}
.podium-card__name{font-size:1.25rem;margin:0;padding:.9rem 1.1rem 0;text-align:center}
.podium-card .offer-chip--compact{margin:.7rem 1.1rem 0}
.podium-card .button{margin:.9rem 1.1rem 1.1rem;justify-content:center}
/* Réponse rapide structurée : besoin → choix */
.quick-map{list-style:none;padding:0;margin:.6rem 0 0}
.quick-map li{padding:.45rem 0;border-bottom:1px dashed var(--line);font-size:1.02rem}
.quick-map li:last-child{border-bottom:0}
/* Échelle de budget */
.budget-ladder{margin:0}
.budget-ladder dt{font-weight:800;margin-top:.9rem;color:var(--accent-deep)}
.budget-ladder dd{margin:0 0 0 0;color:var(--muted)}
/* Avantages / limites en colonnes */
.pros-cons-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.pros-cons-columns h3{font-size:1.2rem}
/* Table de différences produit */
.comparison-table--differences{min-width:640px}
.comparison-table--differences td:nth-child(2){font-weight:800}
/* Intro contenus associés */
.related-intro{color:var(--muted);margin-top:-.6rem}
@media (max-width:800px){
.podium{padding:0 1.2rem 4rem}.podium__grid{grid-template-columns:1fr}
.podium-card__media{height:170px}
.pros-cons-columns{display:block}.pros-cons-columns div+div{margin-top:2rem}
}


/* ---- Home classement : hero défonce + podium + rangées compactes ---- */
.hero--home:not(.hero--has-art){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);min-height:min(460px,calc(90svh - 72px))}
.hero--home:not(.hero--has-art)::after{content:none}
.hero--home:not(.hero--has-art) .hero__copy{max-width:none;padding:clamp(2rem,4.2vw,3.4rem) max(5vw,3rem)}
.hero--home .hero__copy h1{max-width:880px;font-size:clamp(2.9rem,4.8vw,4.8rem);line-height:1.04}
.hero--home:not(.hero--has-art) .hero__visual{position:relative;inset:auto;display:grid;place-items:center;overflow:hidden;min-height:400px}
.hero--home:not(.hero--has-art) .hero-art{opacity:.48}

.hero--home .hero__copy h1{text-transform:uppercase;font-size:clamp(2.9rem,5.1vw,5.1rem);line-height:1.03;letter-spacing:-.035em}
.hero--home .hero__lead{font-size:clamp(1.02rem,1.32vw,1.2rem);line-height:1.55;max-width:680px}
.hero--home .hero__lead strong{color:#fff}
.hero__actions .button{padding:1rem 1.35rem}
.home-ranking{max-width:1180px;padding-bottom:4.5rem}
.home-ranking__title{margin:0;max-width:720px}
/* CTA franches, texte en gras */
.button--accent{background:var(--cta);color:#fff;font-weight:800}
.button--accent:hover{background:var(--cta-deep)}
/* Étoiles : jaune net */
.stars__item--full{color:#f5c518}
.stars__item--half{background:linear-gradient(90deg,#f5c518 50%,#d9c8b7 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stars__value{font-size:.78rem;color:var(--ink);margin-left:.25rem}
/* Médaille de rang : podium */
.featured-card{position:relative}
.featured-grid--podium{padding-top:1.6rem;align-items:stretch}
.featured-grid--podium .featured-card{border-radius:16px;box-shadow:0 14px 30px rgba(45,31,24,.09)}
.featured-grid--podium .featured-card:nth-child(1){order:2;border:2px solid var(--accent);transform:translateY(-16px);z-index:1}
.featured-grid--podium .featured-card:nth-child(2){order:1}
.featured-grid--podium .featured-card:nth-child(3){order:3}
.featured-grid--podium .featured-card__media{height:250px}
.featured-grid--podium .featured-card:nth-child(1) .featured-card__media{height:300px;background:linear-gradient(160deg,var(--paper-deep),#ecd2bd)}
.featured-card__rank{position:absolute;z-index:2;top:.85rem;left:.85rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:1.25rem var(--serif);box-shadow:0 6px 14px rgba(45,31,24,.18)}
.featured-grid--podium .featured-card__rank{top:-1.6rem;left:50%;transform:translateX(-50%);width:3.4rem;height:3.4rem;font-size:2rem;background:linear-gradient(150deg,var(--accent) 0%,var(--accent-deep) 100%);border:2px solid var(--card);box-shadow:0 10px 22px rgba(45,31,24,.28)}
.featured-grid--podium .featured-card:nth-child(1) .featured-card__rank{width:4rem;height:4rem;font-size:2.35rem;background:linear-gradient(150deg,var(--accent-deep) 0%,var(--accent) 100%)}
/* Médailles des rangs 4+ et des listes produit */
.home-rank-row__rank{width:3.3rem;height:3.3rem;border-radius:50%;background:var(--paper-deep);color:var(--ink);font:700 1.7rem var(--serif);display:grid;place-items:center;margin:0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.featured-card__pros{list-style:none;padding:0;margin:.9rem 0 0;font-size:.85rem}
.featured-card__pros li{display:flex;gap:.5rem;align-items:flex-start;margin:.4rem 0}
.featured-card__pros li::before{content:"✓";color:var(--sage);font-weight:800;flex:none}
.home-rank-rows{display:flex;flex-direction:column;gap:1rem;margin-top:2.6rem}
.home-rank-row{display:grid;grid-template-columns:3.3rem 130px minmax(0,1fr) auto;gap:1.4rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.5rem;box-shadow:0 10px 24px rgba(45,31,24,.06);transition:transform .25s ease,box-shadow .25s ease}
.home-rank-row:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(45,31,24,.1)}
.home-rank-row__thumb{display:block;width:130px;height:112px;overflow:hidden;background:var(--paper-deep);border-radius:10px}
.home-rank-row__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:.3rem}
.home-rank-row__body{min-width:0}
.home-rank-row__body h3{font-size:1.4rem;line-height:1.05;margin:0 0 .15rem}
.home-rank-row__variant{color:var(--muted);font-size:.8rem;margin-bottom:.55rem}
.home-rank-row__pros{list-style:none;padding:0;margin:0;font-size:.83rem}
.home-rank-row__pros li{display:flex;gap:.45rem;align-items:flex-start;margin:.28rem 0}
.home-rank-row__pros li::before{content:"✓";color:var(--sage);font-weight:800;flex:none}
.home-rank-row__why{margin:.7rem 0 0;padding-left:.6rem;border-left:2px solid var(--accent);font-size:.82rem;color:var(--muted);max-width:70ch}
.home-rank-row__why strong{color:var(--ink)}
.home-rank-row--flush{grid-template-columns:130px minmax(0,1fr) auto}
.usage-section{padding:1.5rem 0 2.5rem}
.profiles-panel{background:var(--ink);color:var(--paper);border-radius:20px;padding:2rem 1.6rem;margin:1.5rem 0 0}
.profiles-panel .profile-grid{margin:0}
.profiles-panel .text-link{color:var(--link-on-dark)}
/* Surfaces sombres : un jeu unique de règles pour éviter le texte ton sur ton.
   Les cartes profil vivent sur la home (.profiles-section--home) et sur
   /aide-au-choix/ (.profiles-panel) : les deux doivent hériter d'un texte clair. */
.hero,.article-hero,.profiles-panel,.profiles-section--home{color:var(--paper)}
.hero .eyebrow,.article-hero .eyebrow,.profiles-panel .eyebrow,.profiles-section--home .eyebrow,
.profiles-panel .profile-card .eyebrow,.profiles-section--home .profile-card .eyebrow,
.profiles-section--home .section-kicker{color:var(--accent-on-dark)}
.hero .article-meta,.article-hero .article-meta,.profiles-panel .article-meta{color:var(--muted-on-dark)}
.article-hero .method-badge,.profiles-panel .method-badge{border-color:rgba(245,240,232,.3)}
.profiles-panel .profile-card,.profiles-section--home .profile-card{border-top-color:rgba(245,240,232,.24)}
.profiles-panel .profile-card__need,.profiles-panel .profile-card__benefit,
.profiles-panel .profile-card__name,.profiles-panel .profile-card__name a{color:var(--paper)}
.profiles-panel .stars__value{color:var(--paper)}
.profiles-panel .stars__item{color:rgba(245,240,232,.35)}
.profiles-panel .stars__item--full{color:#f5c518}
.profiles-panel .stars__item--half{background:linear-gradient(90deg,#f5c518 50%,rgba(245,240,232,.35) 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:800px){.profiles-panel{padding:1.4rem 1rem;border-radius:16px}}
.home-rank-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;min-width:186px}
.home-rank-row__stars{margin-bottom:.1rem}
.home-rank-row__price{text-align:right;line-height:1.05}
.home-rank-row__price strong{display:block;font:1.55rem var(--serif);letter-spacing:-.03em}
.home-rank-row__price span{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:.15rem}
.home-rank-row__meta .button{padding:.72rem 1.1rem;font-size:.8rem}
.home-rank-row__meta .text-link{font-size:.76rem}
.home-ranking__all{text-align:center;margin:2.8rem 0 0}
.home-ranking__all .button{padding:1.05rem 1.6rem}
/* Médaille des listes produit (headterm/longtail) */
.product-rank{display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--paper-deep);color:var(--ink);font-size:1.2rem;font-weight:700;font-family:var(--serif);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
@media (max-width:1000px){.home-rank-row{grid-template-columns:3rem 100px minmax(0,1fr)}.home-rank-row--flush{grid-template-columns:100px minmax(0,1fr)}.home-rank-row__thumb{width:100px;height:92px}.home-rank-row__meta{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:.9rem;min-width:0}}
@media (max-width:800px){.hero--home .hero__copy h1{font-size:clamp(2.7rem,11vw,4.2rem)}.featured-grid--podium .featured-card{order:initial;transform:none}.featured-grid--podium .featured-card:nth-child(1) .featured-card__media{height:250px}.featured-grid--podium .featured-card__rank{top:-1.3rem;width:2.8rem;height:2.8rem;font-size:1.6rem}.featured-grid--podium .featured-card:nth-child(1) .featured-card__rank{width:3.2rem;height:3.2rem;font-size:1.85rem}.home-rank-row{grid-template-columns:2.2rem 64px minmax(0,1fr);padding:.9rem;gap:.7rem;border-radius:12px}.home-rank-row--flush{grid-template-columns:64px minmax(0,1fr)}.home-rank-row__thumb{width:64px;height:60px}.home-rank-row__rank{width:2.2rem;height:2.2rem;font-size:1.25rem}.home-rank-row__body h3{font-size:1.05rem}.home-rank-row__variant{font-size:.74rem}.home-rank-row__pros{font-size:.74rem}.home-rank-row__meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem .8rem;align-items:center;border-top:1px solid var(--line);padding-top:.8rem;min-width:0}.home-rank-row__stars{grid-column:1;margin:0}.home-rank-row__price{grid-column:2;text-align:right;white-space:nowrap}.home-rank-row__meta .button{grid-column:1;justify-self:start;padding:.6rem 1rem;font-size:.78rem}.home-rank-row__meta .text-link{grid-column:2;justify-self:end;font-size:.76rem}.home-ranking__all .text-link{font-size:1.05rem}}


/* ---- Fiches : barre d'offre fixe, différences lisibles, cartes critères ---- */
.comparison-table--differences .diff-other{display:block;padding:.32rem 0;border-bottom:1px dashed var(--line);font-size:.85rem}
.comparison-table--differences .diff-other:last-child{border-bottom:0}
.comparison-table--differences .diff-other a{color:var(--accent-deep);font-weight:800}
.comparison-table--differences td{vertical-align:top}
.criteria-section{padding:4rem 0;border-top:1px solid var(--line);max-width:1000px}
.drivers{padding:4rem 0;border-top:1px solid var(--line);max-width:1050px}
.drivers h2{max-width:820px;margin-bottom:2rem}
.drivers-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4rem}
.driver-card{border-top:2px solid var(--accent);padding-top:1rem;min-width:0}
.driver-card__index{font:800 .72rem var(--sans);letter-spacing:.14em;color:var(--accent-deep)}
.driver-card h3{font-size:1.02rem;line-height:1.22;margin:.45rem 0 .5rem}
.driver-card p{font-size:.84rem;line-height:1.5;color:var(--muted);margin:0}
@media (max-width:1000px){.drivers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.drivers-grid{grid-template-columns:1fr;gap:1rem}.driver-card{padding-top:.8rem}}
.criteria-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.criteria-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.5rem;box-shadow:0 8px 20px rgba(45,31,24,.05)}
.criteria-card h3{font-size:1.25rem;margin-bottom:.45rem}
.criteria-card p{font-size:.92rem;color:var(--muted);margin-bottom:.6rem}
.criteria-card__rule .text-link{font-size:.8rem}
@media (max-width:800px){.criteria-grid{grid-template-columns:1fr}}


/* ---- Blocs produit entièrement cliquables + rangées homogènes ---- */
.home-rank-row,.podium-card,.alternative,.product-row,.featured-card{position:relative}
.card-stretch{position:absolute;inset:0;z-index:1;border-radius:inherit}
.home-rank-row a:not(.card-stretch),.podium-card a:not(.card-stretch),.alternative a:not(.card-stretch),.product-row a:not(.card-stretch),.featured-card a:not(.card-stretch){position:relative;z-index:2}
.home-rank-row--highlight{border:2px solid var(--accent);background:linear-gradient(120deg,#fffaf3,var(--card))}
.home-rank-row--highlight .home-rank-row__rank{background:linear-gradient(150deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(45,31,24,.18)}
.home-rank-row--highlight .home-rank-row__price strong{color:var(--accent-deep)}
.home-rank-row .product-row__top{min-height:0;margin-bottom:.75rem}
.home-rank-row .product-row__top:empty{display:none}


/* ---- Mobile : hero empilé propre, pastilles lisibles, étoiles centrées ---- */
@media (max-width:800px){
  .hero--home:not(.hero--has-art){display:block;min-height:0}
  .hero--home:not(.hero--has-art)::after{content:none}
  .hero--home:not(.hero--has-art) .hero__copy{max-width:none;padding:2.4rem 1.2rem 2.2rem}
  .hero--home .hero__lead{max-width:none}
  .hero--home:not(.hero--has-art) .hero__visual{position:relative;inset:auto;display:grid;place-items:center;overflow:hidden;min-height:320px}
  .hero--home:not(.hero--has-art) .hero-art{width:100%;height:100%;right:0;top:0;opacity:.3}
  .hero--home .hero-product--main{left:12%;top:12%;width:70%;height:76%}
  .hero--home .hero-product--secondary{right:1%;top:6%;width:36%;height:32%}
  .hero--home .hero-product--tertiary{right:2%;bottom:4%;width:34%;height:30%}
}
/* En-têtes de colonnes du tableau : étoiles centrées */
.compare-head__product{text-align:center}
.compare-head__product .stars{display:flex;justify-content:center;width:100%;margin:0 auto .3rem}
.compare-head__product .offer-chip{margin-left:auto;margin-right:auto}
.compare-head__product .compare-head__cta{align-self:center}
/* Pastilles « Votre situation » : boutons-cartes clairs */
.tool--compact{margin-top:0}
.tool--compact .tool__head h2{margin-bottom:.4rem}
.tool--compact .tool__head .tool__sub{color:var(--muted);font-size:.9rem;max-width:560px;margin-bottom:1.2rem}
.tool__options--profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.tool__options--profiles button{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;border:1.5px solid var(--line);border-radius:14px;padding:.85rem 1rem;background:var(--card);cursor:pointer;transition:transform .2s ease,border-color .2s ease}
.tool__options--profiles button:hover{border-color:var(--accent);transform:translateY(-2px)}
.tool__options--profiles button .tool__opt-label{font-size:.95rem;font-weight:800;line-height:1.2}
.tool__options--profiles button .tool__opt-sub{font-size:.78rem;color:var(--muted)}
.tool__options--profiles button.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.tool__options--profiles button.is-active .tool__opt-sub{color:#cfc4ba}
.tool__options--profiles button.is-active::after{content:"→ recommandé";font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#f0b196}
.tool__options--profiles button{position:relative}
.tool__options--profiles button::before{content:"Touchez pour voir";position:absolute;right:.85rem;top:.85rem;font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.tool__options--profiles button.is-active::before{content:"Affiché";color:#f0b196}
@media (max-width:800px){.tool__options--profiles{grid-template-columns:1fr}}
/* Marge réduite entre l'en-tête et l'outil de la page profils */
.article-hero--tight{padding-bottom:1.4rem}
.article-hero--tight + .guide-article{padding-top:2.2rem}
@media (max-width:800px){.article-hero--tight{padding-bottom:1rem}}


/* ---- Mobile : listes produit lisibles, face-à-face linéarisé ---- */
@media (max-width:800px){
  .product-row{grid-template-columns:2rem 56px minmax(0,1fr);gap:.6rem;padding:1.05rem 0}
  .product-rank{width:2rem;height:2rem;font-size:1rem}
  .product-row__image{grid-column:2}
  .product-row__body{grid-column:3;padding:.1rem 0}
  .product-row__body h3{font-size:1.12rem}
  .product-row__body p{font-size:.82rem}
  .product-row__body .product-summary{display:block;-webkit-line-clamp:unset;overflow:visible;margin:.4rem 0 0}
  .product-row__meta{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem .8rem;align-items:center;border-top:1px solid var(--line);padding-top:.85rem;margin-top:.85rem}
  .product-row__meta .stars{grid-column:1}
  .product-row__meta .offer-chip{grid-column:2;justify-self:end;text-align:right}
  .product-row__meta .button{grid-column:1;justify-self:start;padding:.6rem 1rem;font-size:.78rem}
  .product-row__meta .text-link{grid-column:2;justify-self:end;font-size:.76rem}
  .comparison-table--differences{min-width:0;width:100%;font-size:.9rem}
  .comparison-table--differences thead{display:none}
  .comparison-table--differences tr{display:block;border-top:1px solid var(--line);padding:.9rem 0}
  .comparison-table--differences th,.comparison-table--differences td{display:block;border:0;padding:.2rem 0;min-width:0}
  .comparison-table--differences th[scope="row"]{font-weight:800;color:var(--accent-deep);margin-bottom:.35rem}
  .comparison-table--differences td:nth-of-type(1)::before{content:"Ce modèle : ";font-weight:700;color:var(--ink)}
  .comparison-table--differences td:nth-of-type(2)::before{content:"Ailleurs : ";font-weight:700;color:var(--ink)}
  .comparison-table--differences .diff-other{border-bottom:0;padding:.15rem 0}
}

/* CTA : finition sobre */
.button{border-radius:12px;box-shadow:0 8px 20px rgba(45,31,24,.14);letter-spacing:.01em}
.button:hover{box-shadow:0 12px 26px rgba(45,31,24,.18)}
.button span[aria-hidden="true"]{font-size:.92em;opacity:.85}
.button--dark{box-shadow:0 8px 20px rgba(33,26,23,.18)}

/* Barre collante active à toutes les largeurs (fiches, guides, classement) */
.sticky-cta{display:none}
.theme-switch{display:inline-flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem}
.footer-theme{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1rem}
.site-footer .theme-switch{border-color:rgba(245,240,232,.28)}
.site-footer .theme-switch button{color:var(--muted-on-dark)}
.site-footer .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.theme-switch button{background:transparent;border:0;font:inherit;font-size:.78rem;color:var(--muted);padding:.3rem .6rem;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.theme-switch button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (max-width:800px){.footer-theme{justify-content:flex-start}}
.sticky-cta:not([hidden]){position:fixed;top:2rem;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:.6rem;padding:.45rem .8rem;width:max-content;max-width:min(760px,calc(100% - 2rem));border-radius:999px;background:rgba(250,248,244,.55);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 40px rgba(20,18,16,.16)}
.theme-switch{display:inline-flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem}
.footer-theme{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1rem}
.site-footer .theme-switch{border-color:rgba(245,240,232,.28)}
.site-footer .theme-switch button{color:var(--muted-on-dark)}
.site-footer .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.theme-switch button{background:transparent;border:0;font:inherit;font-size:.78rem;color:var(--muted);padding:.3rem .6rem;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.theme-switch button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (max-width:800px){.footer-theme{justify-content:flex-start}}
.sticky-cta:not([hidden]){opacity:0;transform:translateY(-14px);transition:opacity .26s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
.sticky-cta.is-visible{opacity:1;transform:none}
.sticky-cta__info{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;line-height:1.15}
.sticky-cta__info strong{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-cta__info span{font-size:.72rem;color:var(--muted)}
.sticky-cta__text{min-width:0;flex:1}
.sticky-cta__meta{display:block;font-size:.66rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-cta__thumb{width:42px;height:42px;object-fit:contain;border-radius:8px;background:var(--paper-deep);flex:none}
.sticky-cta .button{padding:.6rem 1rem;font-size:.8rem;white-space:nowrap;box-shadow:none}
.sticky-cta__close{border:none;background:transparent;font-size:1.2rem;line-height:1;color:var(--muted);cursor:pointer;padding:.2rem .4rem}

/* Hero pleine image : version compacte et lisible */
.hero--home.hero--has-art{min-height:min(560px,calc(100svh - 72px))}
.hero--home.hero--has-art .hero__copy{max-width:700px;padding:clamp(2.2rem,4.5vw,3.6rem) max(5vw,2.5rem) 2.8rem}
.hero--home.hero--has-art .hero__copy h1{font-size:clamp(2.6rem,4.15vw,4.15rem);max-width:660px;line-height:1.05}
.hero--home.hero--has-art .hero__lead{max-width:560px;color:rgba(255,255,255,.88)}
.hero--home.hero--has-art .hero__lead strong{color:#fff}
.hero--home.hero--has-art .hero__text-link{color:#f2d9c8;border-bottom-color:rgba(242,217,200,.5)}
@media (max-width:800px){
  .hero--home.hero--has-art{display:flex;flex-direction:column-reverse;min-height:0}
  .hero--home.hero--has-art::after{content:none}
  .hero--home.hero--has-art .hero__visual{position:relative;inset:auto;display:block;min-height:230px}
  .hero--home.hero--has-art .hero-art{position:relative;inset:auto;width:100%;height:230px;object-fit:cover;object-position:72% center;opacity:1}
  .hero--home.hero--has-art .hero__copy{max-width:none;background:var(--surface-dark);color:var(--on-dark);padding:2.2rem 1.2rem 2.6rem}
  .hero--home.hero--has-art .hero__copy h1{color:#fff;font-size:clamp(2.4rem,10vw,3.6rem)}
  .hero--home.hero--has-art .hero__lead{color:#e6dfd6;max-width:none}
  .hero--home.hero--has-art .hero__lead strong{color:#fff}
  .hero--home.hero--has-art .hero__text-link{color:#f2d9c8}
}

/* ---- Headterm desktop : podium, tableau large, CTA alignés, blocs espacés, profils photo ---- */
.podium-card .stars{display:flex;justify-content:center;margin:.55rem 1.1rem 0}
.matrix-section{max-width:none;padding-left:max(3vw,calc((100% - 1560px)/2));padding-right:max(3vw,calc((100% - 1560px)/2))}
.compare-head__product{vertical-align:top}
.compare-head__inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%}
.compare-head__actions{margin-top:auto;display:flex;justify-content:center;width:100%}
.compare-head__product .stars{display:flex;justify-content:center;margin:.1rem 0 0}
.product-list{border-top:0}
.product-row{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.6rem;margin-bottom:1.2rem}
.product-row:hover{background:var(--card);box-shadow:0 10px 24px rgba(45,31,24,.07)}
.profile-row{grid-template-columns:140px minmax(0,1fr) 300px;gap:2rem;align-items:center;max-width:none;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.5rem;margin-bottom:1rem}
.profile-row__media{width:140px;height:124px;background:var(--paper-deep);border-radius:12px;overflow:hidden;display:grid;place-items:center}
.profile-row__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:.4rem}
.profile-row__body h3{max-width:560px;margin-bottom:0;font-size:1.2rem}
.profile-row__pick .profile-pick{margin:0 0 .35rem;color:var(--ink)}
.profile-row__pick .stars{display:flex;margin:.15rem 0 .55rem}
.budget-ladder{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;align-items:start}
.budget-tier{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:1.05rem 1.2rem;min-width:0}
.budget-tier__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.55rem;margin-bottom:.3rem}
.budget-tier__range{font:700 1.08rem var(--serif);color:var(--ink);margin:0}
.budget-tier__count{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap}
.budget-tier__note{margin:.55rem 0 0;color:var(--muted-strong);font-size:.9rem;max-width:70ch}
.budget-tier__rows{margin-top:1rem}
.budget-tier__models{list-style:none;padding:0;margin:0}
.budget-tier__models li{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;border-bottom:1px dashed var(--line);font-size:.9rem}
.budget-tier__models li:last-child{border-bottom:0}
.budget-tier__models em{color:var(--muted);font-style:normal;white-space:nowrap}
@media (max-width:800px){
  .profile-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:1rem;padding:1.1rem}
  .profile-row__media{width:96px;height:88px}
  .profile-row__pick{grid-column:1/-1;border-top:1px solid var(--line);padding-top:.85rem;margin-top:.4rem}
  .budget-ladder{grid-template-columns:1fr;margin-top:1.5rem}
}

/* Alignement des colonnes du tableau : blocs à hauteur stable */
.compare-head__title span{display:block;min-height:2.6em;line-height:1.3}
.compare-head__product .offer-chip{min-height:3.6em;display:flex;flex-direction:column;justify-content:flex-start}

/* ---- Formulaire de contact (sans email publié) + success/erreur sans JS ---- */
.contact-form{max-width:720px;margin:1.5rem 0 1rem;display:flex;flex-direction:column;gap:1rem}
.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;font-size:.92rem}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;padding:.75rem .85rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form__hint{font-weight:500;color:var(--muted);font-size:.78rem}
.contact-form__consent{flex-direction:row;align-items:flex-start;gap:.6rem;font-weight:500;font-size:.86rem;color:var(--muted)}
.contact-form__consent input{margin-top:.2rem}
.contact-form__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.contact-form .button{align-self:flex-start}
.contact-success,.contact-error{display:none;border-radius:12px;padding:1rem 1.2rem;margin:1rem 0;font-weight:700}
.contact-success:target{display:block;background:#e8f5ec;border:1px solid #2e9e5b;color:#1f6b3d}
.contact-error:target{display:block;background:#fdecec;border:1px solid #c0392b;color:#8e2a1f}
/* Hero pleine image : l'image reste visible, le texte passe en clair sur un degrade sombre. */\n.hero--home.hero--has-art{background:var(--surface-dark,var(--ink))}\n.hero--home.hero--has-art::after{background:linear-gradient(100deg,rgba(18,15,13,.84) 0%,rgba(18,15,13,.7) 34%,rgba(18,15,13,.36) 58%,rgba(18,15,13,.08) 80%,rgba(18,15,13,0) 100%)}\n.hero--home.hero--has-art .hero__copy{color:var(--on-dark,var(--paper))}\n.hero--home.hero--has-art .hero__copy h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}\n.hero--home.hero--has-art .hero__lead{color:rgba(255,255,255,.88)}\n.hero--home.hero--has-art .hero__lead strong{color:#fff}\n.hero--home.hero--has-art .eyebrow{color:#f2c3a4}\n.hero--home.hero--has-art .hero__text-link{color:#f2d9c8;border-bottom-color:rgba(242,217,200,.5)}\n.hero--home.hero--has-art .hero__stats{color:rgba(255,255,255,.74);border-top:1px solid rgba(255,255,255,.18)}\n.hero--home.hero--has-art .hero__stats strong{color:#fff}\n@media (max-width:800px){.contact-form__row{grid-template-columns:1fr}}

/* ---- Bandeau collant : pilule liquide flottante, non collée aux bords ---- */
.theme-switch{display:inline-flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem}
.footer-theme{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1rem}
.site-footer .theme-switch{border-color:rgba(245,240,232,.28)}
.site-footer .theme-switch button{color:var(--muted-on-dark)}
.site-footer .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.theme-switch button{background:transparent;border:0;font:inherit;font-size:.78rem;color:var(--muted);padding:.3rem .6rem;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.theme-switch button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (max-width:800px){.footer-theme{justify-content:flex-start}}
.sticky-cta:not([hidden]){left:0;right:0;top:0;bottom:auto;width:auto;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(255,253,249,.86) 0%,rgba(255,253,249,.66) 55%,rgba(255,253,249,.78) 100%);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);box-shadow:0 14px 34px rgba(33,26,23,.14),inset 0 1px 0 rgba(255,255,255,.75);padding:.7rem max(4vw,1rem);gap:.6rem;transform:translateY(-16px)}
.sticky-cta.is-visible{opacity:1;transform:none}
.sticky-cta__text a{color:inherit}
.sticky-cta__text a:hover{color:var(--accent-deep)}
.sticky-cta__review{font-size:.74rem;white-space:nowrap}
.sticky-cta__close{font-size:1.05rem}
/* Divulgation d'affiliation sur toute la largeur du site */
.footer-disclosure{max-width:none}

@media (max-width:800px){
  .theme-switch{display:inline-flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem}
.footer-theme{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:1rem}
.site-footer .theme-switch{border-color:rgba(245,240,232,.28)}
.site-footer .theme-switch button{color:var(--muted-on-dark)}
.site-footer .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.theme-switch button{background:transparent;border:0;font:inherit;font-size:.78rem;color:var(--muted);padding:.3rem .6rem;border-radius:999px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.theme-switch button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
@media (max-width:800px){.footer-theme{justify-content:flex-start}}
.sticky-cta:not([hidden]){padding:.6rem 1rem}
  .sticky-cta__review{display:none}
}

/* Divulgation pleine largeur (sort du padding du pied de page) */
.site-footer .footer-disclosure{margin:1rem -4vw 0;padding:1rem 4vw 0;max-width:none}
@media (max-width:800px){.site-footer .footer-disclosure{margin-left:-1.2rem;margin-right:-1.2rem;padding-left:1.2rem;padding-right:1.2rem}}

/* Fiche produit : une seule colonne de lecture, mêmes bords pour tous les blocs */
.product-article{--content-measure:860px;--content-gutter:4vw}
.product-article>:is(section,div,p,dl,nav){max-width:var(--content-measure);margin-left:auto;margin-right:auto;padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
@media (max-width:800px){.product-article{--content-gutter:1.2rem}}

/* Ergonomie mobile partagée : dimensions tactiles et débordements contrôlés. */
@media (max-width:800px){
  .menu-toggle,
  .button,
  .theme-switch button,
  .sticky-cta__close,
  .compare-head__review,
  .review-toc a,
  .tool__options a,
  .tool__options label{min-width:44px;min-height:44px}
  .menu-toggle,.sticky-cta__close{display:inline-grid;place-items:center;padding:.5rem}
  .button,.compare-head__review,.review-toc a,.tool__options a,.tool__options label{display:flex;align-items:center}
  .review-toc a{width:100%;padding-top:.65rem;padding-bottom:.65rem}
  .compare-head__review{justify-content:center;padding:.65rem .5rem}
  .theme-switch button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .7rem}
  .contact-form input,.contact-form select{min-height:44px}
  .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
  .source-ref a{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}
}

/* Classement mobile : le produit reste lisible et l'image redevient informative. */
@media (max-width:800px){
  .home-rank-row,.home-rank-row--flush{position:relative;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem}
  .home-rank-row__rank{position:absolute;z-index:2;top:1.75rem;left:1.75rem;width:2.8rem;height:2.8rem;font-size:1.5rem;background:var(--accent-deep);color:#fff;box-shadow:0 6px 18px rgba(45,31,24,.22)}
  .home-rank-row__thumb{grid-column:1;width:100%;height:clamp(190px,52vw,270px);border-radius:12px}
  .home-rank-row__thumb img{padding:1rem}
  .home-rank-row__body{grid-column:1;width:100%}
  .home-rank-row__body h3{font-size:clamp(1.35rem,5.5vw,1.75rem);line-height:1.12}
  .home-rank-row__variant{font-size:.9rem;line-height:1.45}
  .home-rank-row__pros{font-size:.92rem;line-height:1.5}
  .home-rank-row__why{max-width:none;font-size:.92rem;line-height:1.55;padding-left:.8rem}
  .home-rank-row__meta{grid-column:1;width:100%;margin-top:.15rem}
}

/* Fiche produit : fil d'Ariane posé sur le panneau visuel, hero resserré. */
body[data-page-format="review"] main{position:relative}
body[data-page-format="review"] main>.breadcrumbs{position:absolute;top:.9rem;left:max(1.25rem,2vw);right:52%;max-width:none;margin:0;padding:.4rem .7rem;background:#f7f3ea;border:1px solid rgba(33,26,23,.18);border-radius:10px;color:#241d19;z-index:2}
body[data-page-format="review"] .breadcrumbs__sep{color:#7a6d64}
body[data-page-format="review"] main>.breadcrumbs a{color:#241d19}
body[data-page-format="review"] main>.breadcrumbs a:hover{color:#803d28}
.product-hero__rating{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.3rem 0 .45rem}
.product-hero__rating .product-hero__badges{margin:0}
.product-hero__copy .article-meta{margin:.15rem 0 0}
@media (max-width:800px){
  body[data-page-format="review"] main>.breadcrumbs{left:1.2rem;right:1.2rem;top:.7rem}
}
/* Fiche produit : sous 400px la ligne prix/CTA ne tient plus — repli empilé. */
@media (max-width:400px){
  .buy-box{display:block}
  .buy-box .buy-box__price{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin:.1rem 0 .55rem}
  .buy-box .buy-box__cta{display:flex;width:100%;margin-top:.35rem;justify-self:auto;padding:.9rem 1rem}
}

.brand-logo-img{display:block;width:clamp(10rem,18vw,16rem);height:4rem;margin:-.5rem 0;object-fit:contain;object-position:left center}
.page-callout{background:var(--paper-deep);border-left:4px solid var(--accent);padding:1.1rem 1.3rem;margin:1.2rem 0;max-width:760px}
.button--accent{position:relative;padding-right:2.4rem}
.button--accent::after{content:"";position:absolute;right:1rem;top:50%;width:.85rem;height:.85rem;transform:translateY(-50%);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 5.5 15.5 12 9 18.5' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 5.5 15.5 12 9 18.5' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.profile-card__body .button,.profile-card__body .text-link,.profiles-panel .button,.profiles-panel .text-link{display:flex;width:100%;justify-content:center;align-items:center;margin:.35rem 0 0}
.profile-card__body .text-link,.profiles-panel .text-link,.featured-card__actions .text-link,.home-rank-row .text-link,.product-row .text-link{border:1px solid currentColor;border-radius:999px;padding:.75rem 1rem;font-weight:800;color:inherit;background:transparent;text-decoration:none}
.profile-card__body .text-link:hover,.profiles-panel .text-link:hover,.featured-card__actions .text-link:hover,.home-rank-row .text-link:hover,.product-row .text-link:hover{opacity:.85}
.source-note{font-size:.78rem;color:var(--muted);margin-top:.4rem}
/* Widget collant : pastille de verre, centree, a 2rem du haut. Regle posee en fin de cascade : plusieurs blocs definissaient .sticky-cta et le dernier gagnait. */
.sticky-cta:not([hidden]){position:fixed;top:2rem;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:.6rem;padding:.45rem .9rem;width:max-content;max-width:min(760px,calc(100% - 2rem));border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 40px rgba(20,18,16,.18)}
@media (max-width:800px){.sticky-cta:not([hidden]){top:1rem;max-width:calc(100% - 1.5rem)}}
.profile-card{position:relative}
.profiles-section--home .profile-card{display:flex;flex-direction:column}
.profiles-section--home .profile-card__body{display:flex;flex-direction:column;flex:1}
.profiles-section--home .profile-card__need{margin:0 0 .3rem;font-size:.92rem;line-height:1.3}
.profiles-section--home .profile-card__need strong{font-weight:800;color:var(--paper)}
.profiles-section--home .profile-card__benefit{margin:0 0 .65rem;font-size:.82rem;line-height:1.35;color:var(--muted-on-dark)}
/* Widget collant : derniere regle de la feuille. Pastille de verre sous l'en-tete, centree, largeur au contenu. Posee ici parce que plusieurs blocs definissaient .sticky-cta. */
.sticky-cta:not([hidden]){top:calc(var(--header-height,72px) + 1.5rem);left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:min(760px,calc(100% - 2rem));border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 40px rgba(20,18,16,.18);padding:.45rem .9rem;display:flex;align-items:center;gap:.6rem}
@media (max-width:800px){.sticky-cta:not([hidden]){top:calc(var(--header-height,64px) + .75rem);max-width:calc(100% - 1.5rem)}}
.profiles-section--home .profile-card__name{font-family:var(--sans);font-size:.86rem;line-height:1.25;margin:0 0 .1rem}
.profiles-section--home .profile-card__name a{color:var(--paper);text-decoration:underline;text-decoration-color:rgba(245,240,232,.35);text-underline-offset:3px}
.profiles-section--home .profile-card__name a:hover{color:#efae8f}
.profiles-section--home .profile-card .stars{margin:.2rem 0 .55rem}
.profiles-section--home .profile-card .stars__value{color:var(--muted-on-dark)}
.profiles-section--home .profile-card__actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin-top:auto;padding-top:.6rem}
.profiles-section--home .profile-card__actions .button{width:100%;justify-content:center;padding:.62rem .95rem;font-size:.76rem}
.profiles-section--home .profile-card__actions .text-link{display:block;text-align:center;border:1px solid rgba(247,210,190,.5);border-radius:999px;padding:.52rem .9rem;font-weight:700;color:var(--link-on-dark)}
.profiles-panel .profile-card{display:flex;flex-direction:column;height:100%}
.profiles-panel .profile-card__body{display:flex;flex-direction:column;flex:1}
.profiles-panel .profile-card__actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin-top:auto;padding-top:.6rem}
.profiles-panel .profile-card__actions .button{width:100%;justify-content:center;min-height:2.4rem}
.profiles-panel .profile-card__actions .text-link{display:flex;align-items:center;justify-content:center;min-height:2.4rem;text-align:center;border:1px solid currentColor;border-radius:999px;padding:.5rem .9rem;font-weight:700}
.profile-grid{align-items:stretch}
.profiles-section--home .profile-card__actions .text-link:hover{border-color:var(--link-on-dark);background:rgba(247,210,190,.12)}
.home-intro{padding-top:1.5rem;padding-bottom:0}
.home-intro .editorial-section:last-child{padding-bottom:2.5rem}
.home-intro + .editorial-hub{padding-top:3.5rem}
.criterion-link{margin:.7rem 0 1.5rem}
.advice-pick{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.4rem;align-items:center;background:var(--paper-deep);border-radius:18px;padding:1.25rem 4.4rem 1.25rem 1.25rem;margin:2rem 0;overflow:hidden;transition:box-shadow .2s ease}
.advice-pick:hover{box-shadow:0 18px 34px rgba(45,31,24,.14)}
.advice-pick img{width:100%;height:130px;object-fit:contain;mix-blend-mode:multiply}
.advice-pick__name{font-family:var(--serif);font-size:1.4rem;margin:0 0 .4rem}
.advice-pick a:not(.card-stretch){position:relative;z-index:2}
.advice-pick__chevron{position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--accent-deep);pointer-events:none;transition:transform .2s ease,background .2s ease,color .2s ease}
.advice-pick__chevron svg{width:1.5rem;height:1.5rem;display:block}
.advice-pick:hover .advice-pick__chevron{transform:translateY(-50%) translateX(4px);background:var(--accent);color:#fff}
.advice-pick--article{margin:0 0 2.2rem}
.advice-pick--article .advice-pick__name{font-size:1.2rem;margin:0 0 .35rem}
.advice-pick--article .stars{margin:0 0 .35rem}
.advice-pick--article .advice-pick__actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin:.6rem 0 0}
@media (max-width:800px){.advice-pick{grid-template-columns:1fr;padding:1.2rem 4.2rem 1.2rem 1.2rem}.advice-pick img{height:110px}}
.faq-section{padding-left:0;padding-right:0}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.6rem;margin-top:2.2rem}
.faq-item{border-top:1px solid var(--line);padding-top:1.1rem}
.faq-item__question{font-family:var(--sans);font-size:1rem;font-weight:800;line-height:1.35;margin:0 0 .5rem}
.faq-item p{margin:0;color:var(--muted);max-width:none}
.tool-bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:2.2rem 0 0}
.tool-band{display:flex;flex-direction:column;align-items:flex-start;background:var(--paper-deep);border-radius:18px;padding:1.7rem 1.8rem}
.tool-band .section-kicker{margin:0 0 .5rem}
.tool-band h2{font-size:clamp(1.25rem,1.9vw,1.7rem);margin:0 0 .5rem}
.tool-band p{color:var(--muted);margin:0 0 1.2rem;max-width:430px}
.tool-band .button{margin-top:auto}
@media (max-width:800px){.faq-grid,.tool-bands{grid-template-columns:1fr}}
.editorial-tile,.editorial-tile:first-child{min-height:330px}
.editorial-tile__body,.editorial-tile:first-child .editorial-tile__body{min-height:330px;background:linear-gradient(180deg,rgba(20,18,16,0) 46%,rgba(20,18,16,.8) 100%)}
.comparison-table td.is-best{background:rgba(197,106,67,.14)}
.cell-best{display:block;margin-top:.3rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent-deep)}
.driver-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;border-top:1px solid var(--line);margin-top:1rem;padding-top:.9rem}
.driver-pick__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--accent-deep)}
.driver-pick__name{font-family:var(--serif);font-size:1.1rem}
/* Identite en fin de cascade : une direction artistique regle les jetons et la typographie, elle ne redefinit jamais un composant. */
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--font-display:'Space Grotesk', ui-sans-serif, system-ui, 'Segoe UI', 'Helvetica Neue', sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--display-weight:700;--display-tracking:-0.025em;--display-transform:none;--radius:10px;--radius-card:10px;--radius-media:8px;--radius-pill:999px;--space-scale:0.95;--section-padding:4.5rem;--line-height:1.55;--accent-rule-width:3px;--texture-opacity:0;--logo-weight:700;--logo-tracking:-0.03em;--logo-transform:none;--serif:var(--font-display);--sans:var(--font-body)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-transform)}body{font-family:var(--font-body);line-height:var(--line-height)}.brand__name{font-family:var(--font-display);font-weight:var(--logo-weight);letter-spacing:var(--logo-tracking);text-transform:var(--logo-transform);font-size:1.12rem}.brand__name{display:flex;flex-direction:column;gap:.12rem;line-height:.9}.brand__name-primary{font-size:1.02rem}.brand__name-secondary{color:var(--accent-deep);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.site-footer .brand__name-secondary{color:var(--accent-on-dark)}.brand-mark-svg{width:2.45rem;height:2.45rem;flex:none}h2.section-title::after,.article-hero h1::after{content:'';display:block;width:3.2rem;height:var(--accent-rule-width);background:var(--accent);margin-top:1rem}.hero__visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.05))}.hero__visual{position:relative}.article-hero h1::after,h2.section-title::after{width:100%;max-width:7rem}.editorial-section,.evidence-box{padding-top:calc(var(--section-padding) * 0.95)}
