
:root{--ink:#18171a;--paper:#fffdfa;--theme:#23151d;--accent:#ff3e7a;--accent2:#f0d8df;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS",Arial,sans-serif}button,[role=button],summary{cursor:pointer}button{font:inherit}button:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.story{max-width:860px;margin:auto;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.78}.story h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.045em;margin:0 0 28px}.story h2{font-size:clamp(1.55rem,3.2vw,2.45rem);line-height:1.12;margin:68px 0 20px}.story h3{font-size:1.25rem;margin:34px 0 10px}.story p{margin:0 0 19px}.story ul{margin:10px 0 26px;padding-left:24px}.story li{margin:8px 0}.story strong{color:var(--theme)}.story table{width:100%;border-collapse:collapse;margin:28px 0;font-family:"Trebuchet MS",Arial,sans-serif;font-size:.95rem}.story th,.story td{padding:12px;border:1px solid #d8d3cf;text-align:left}.story thead{background:var(--theme);color:#fff}.article-zone{padding:90px 7vw 120px;background:linear-gradient(180deg,#fffdfa,#f4efea)}.article-intro{max-width:860px;margin:0 auto 40px;display:flex;justify-content:space-between;border-bottom:1px solid #cfc6c1;padding-bottom:14px;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.article-intro p{margin:0}.details-zone{padding:36px clamp(16px,6vw,90px) 90px;background:#f7f3ee}.editorial-details{max-width:980px;margin:auto}.editorial-details>summary{list-style:none;background:var(--theme);color:#fff;padding:22px 28px;font-weight:800;letter-spacing:.01em}.editorial-details>summary::-webkit-details-marker{display:none}.editorial-details>summary:after{content:"+";float:right;font-size:1.4rem}.editorial-details[open]>summary:after{content:"−"}.editorial-details .story{padding:70px clamp(18px,5vw,64px);background:#fff}
@media(max-width:680px){.story{font-size:1rem;line-height:1.68}.story h1{font-size:2.3rem}.story h2{margin-top:48px}.article-zone{padding:64px 20px 90px}.details-zone{padding:22px 12px 60px}.editorial-details .story{padding:48px 18px}.story table{display:block;overflow-x:auto}.article-intro{display:block}.article-intro p{margin-top:6px}}
.gate-stage{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:#29131d}.gate-backdrop{position:absolute;inset:-16px;background:linear-gradient(100deg,rgba(22,7,13,.74),rgba(22,7,13,.2)),url('/images/chercheurdeflirt-background.webp') center/cover;filter:blur(7px);transform:scale(1.04)}.gate-top{position:absolute;z-index:2;left:5vw;right:5vw;top:34px;display:flex;justify-content:space-between;align-items:center}.gate-top p{margin:0}.gate-brand{font-family:Georgia,serif;font-size:clamp(1.35rem,2.7vw,2.25rem);font-weight:700}.gate-member{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.7)}.gate-card{position:relative;z-index:2;width:min(520px,calc(100% - 36px));margin-left:9vw;top:50svh;transform:translateY(-44%);padding:44px;background:#fff;color:#21131a;box-shadow:18px 18px 0 var(--accent)}.gate-step{margin:0 0 44px;font-size:.72rem;letter-spacing:.18em}.gate-question{font-family:Georgia,serif;font-size:clamp(2.1rem,4.2vw,4rem);line-height:.95;margin:0 0 18px}.gate-copy{line-height:1.55;color:#65565c}.gate-actions{display:grid;gap:10px;margin-top:30px}.gate-actions button{min-height:52px;border:0}.gate-primary{background:var(--accent);color:#fff;font-weight:800}.gate-secondary{background:transparent;color:#4a3b41;text-decoration:underline}.gate-orbit{position:absolute;z-index:2;right:9vw;top:50%;width:230px;height:230px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;transform:translateY(-50%)}.gate-orbit:before,.gate-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%}.gate-orbit:before{inset:24px}.gate-orbit:after{inset:50px}.gate-orbit span{font-size:2rem;font-weight:900}.gate-note{position:absolute;z-index:2;right:5vw;bottom:32px;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase}.story strong{color:#b91852}@media(max-width:850px){.gate-orbit,.gate-note{display:none}.gate-card{margin:auto;top:52svh}.gate-top{top:22px}.gate-brand{font-size:1.25rem}}@media(max-width:480px){.gate-card{padding:30px 24px;box-shadow:9px 9px 0 var(--accent)}.gate-step{margin-bottom:28px}.gate-question{font-size:2.15rem}.gate-member{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
