:root{
  --bg:#f7f4ef;
  --bg-soft:#f1ece4;
  --paper:#fffdf8;
  --paper-2:#fbf8f2;
  --ink:#1f2933;
  --ink-soft:#344054;
  --muted:#6b7280;
  --muted-2:#8b949e;
  --accent:#2f6f68;
  --accent-dark:#214f4a;
  --accent-soft:#e4f1ee;
  --line:#e7dfd3;
  --line-dark:#d9cfbf;
  --shadow:0 18px 45px rgba(40,35,28,.07);
  --shadow-soft:0 8px 22px rgba(40,35,28,.045);
  --radius:16px;
  --maxw:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:
    radial-gradient(circle at 15% 0%,rgba(47,111,104,.10),transparent 34rem),
    linear-gradient(180deg,#fffcf6 0%,var(--bg) 54%,#f4efe7 100%);
  color:var(--ink);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--accent);text-decoration:none;text-underline-offset:3px;transition:color .18s ease,background .18s ease,border-color .18s ease}
a:hover{color:var(--accent-dark);text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:var(--maxw);margin:0 auto;padding:24px}
.header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  margin:18px auto 22px;
  padding:18px 24px;
  background:rgba(255,253,248,.9);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(14px);
  position:sticky;
  top:14px;
  z-index:10;
}
.logo{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  color:var(--ink);
  letter-spacing:-.035em;
  font-size:25px;
  white-space:nowrap;
}
.logo:after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:4px;
  background:var(--accent);
  border-radius:999px;
}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nav a{
  color:#4b5563;
  font-size:14px;
  font-weight:650;
  padding:8px 11px;
  border-radius:999px;
}
.nav a:hover{background:var(--accent-soft);color:var(--accent-dark);text-decoration:none}
.hero{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  padding:0;
}
.hero img{
  width:100%;
  height:clamp(420px,52vw,585px);
  object-fit:cover;
  object-position:center top;
  background:var(--paper-2);
  filter:saturate(.92) contrast(1.02) brightness(.98);
}
.hero .inner{padding:34px 38px 38px;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}
.hero h1{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(36px,5vw,60px);
  line-height:1.02;
  letter-spacing:-.055em;
  max-width:860px;
  font-weight:700;
}
.hero p{margin:14px 0 0;color:var(--muted);font-size:17px;max-width:740px}
.grid{display:grid;grid-template-columns:1fr;gap:26px;margin-top:28px;align-items:start}
.card{
  background:rgba(255,253,248,.92);
  padding:26px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.card h2,.card h3{line-height:1.18;margin-top:0;color:var(--ink)}
.card h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  letter-spacing:-.04em;
  margin-bottom:22px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.card h3{font-size:21px;letter-spacing:-.025em}
.post-list{display:grid;gap:0;border-top:1px solid var(--line)}
.post{
  display:grid;
  gap:18px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
  background:transparent;
  transition:none;
}
.post:hover{transform:none;box-shadow:none;border-color:var(--line)}
.post img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:10px;
  box-shadow:none;
  filter:saturate(.9) contrast(1.02);
}
.post h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.16;letter-spacing:-.035em;font-weight:700}
.post h3 a{color:var(--ink)}
.post h3 a:hover{color:var(--accent-dark)}
.post .meta,.meta{font-size:14.5px;color:var(--muted);margin-top:8px;line-height:1.55}
.post .meta{max-width:680px}
.btn,button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--accent-dark);
  color:#fff!important;
  padding:10px 16px;
  border-radius:999px;
  text-decoration:none!important;
  border:1px solid var(--accent-dark);
  font-weight:750;
  font-size:14px;
  box-shadow:none;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease,border-color .18s ease;
}
.btn:hover,button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}
.sidebar{position:relative}
.sidebar .card{background:rgba(255,253,248,.88)}
ul.meta{padding-left:18px}
ul.meta li{margin:8px 0}
.table{width:100%;border-collapse:separate;border-spacing:0;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.table th,.table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}
.table th{background:var(--bg-soft);color:var(--ink-soft);font-size:14px}
.table tr:last-child td{border-bottom:none}
blockquote{background:var(--accent-soft);padding:16px 18px;border-left:4px solid var(--accent);border-radius:12px;color:var(--ink-soft);margin:20px 0}
.form{display:grid;gap:11px;max-width:520px}
input,textarea{
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--line-dark);
  background:#fff;
  color:var(--ink);
  font:inherit;
  transition:border-color .18s ease,box-shadow .18s ease;
}
input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(47,111,104,.12)}
.footer{color:var(--muted);font-size:14px;padding-top:34px;padding-bottom:44px;text-align:center}
.footer a{font-weight:700}
main.container{padding-top:6px}
main .card:not(.hero) p{color:#3f4752}
main .card:not(.hero) > img:first-child, main article.card > img:first-child{border-radius:14px;margin-bottom:18px;box-shadow:none;filter:saturate(.92) contrast(1.02)}
main article.card{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
  padding:clamp(22px,4vw,46px);
}
main article.card h1,main .card h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(36px,4.6vw,58px);
  line-height:1.04;
  letter-spacing:-.055em;
  margin:8px 0 14px;
  color:var(--ink);
}
main article.card h2,main .card h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em}
main article.card p,main article.card li{font-size:17px}
main article.card .meta{font-size:14.5px}
@media(min-width:760px){
  .post{grid-template-columns:190px 1fr;align-items:center}
  .post img{height:122px;aspect-ratio:auto}
  .post:first-child,.post:nth-child(2){grid-template-columns:240px 1fr;padding:26px 0}
  .post:first-child h3,.post:nth-child(2) h3{font-size:28px}
  .post:first-child img,.post:nth-child(2) img{height:150px}
}
@media(min-width:980px){
  .grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
  .sidebar{position:sticky;top:116px}
}
@media(max-width:760px){
  .container{padding:18px}
  .hero img{height:clamp(300px,58vw,380px)}
  .header{position:static;border-radius:18px;align-items:flex-start;flex-direction:column}
  .nav{justify-content:flex-start}
  .nav a{padding:8px 10px}
  .hero .inner{padding:24px}
  .card{padding:20px}
  .post h3{font-size:23px}
}


.logo{text-decoration:none!important}
.lead{font-size:18px;color:#344054;margin:8px 0 22px;line-height:1.65}
.entity-card{margin-top:28px}
.note{background:var(--accent-soft);border:1px solid rgba(47,111,104,.18);border-radius:14px;padding:18px;margin-top:24px}
.topic-grid{display:grid;gap:18px;margin-top:18px}
.topic-grid section{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2)}
.topic-grid h2{font-size:26px!important;margin-bottom:10px!important;padding-bottom:8px!important}
.related-links{margin-top:30px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2)}
.related-links h2{font-size:26px!important;margin-bottom:10px!important;padding-bottom:8px!important}
@media(min-width:820px){.topic-grid{grid-template-columns:1fr 1fr}}


/* Article polish: spacing, readable blocks and clean tables */
main article.card section{margin:34px 0 0;padding-top:4px}
main article.card section:first-of-type{margin-top:24px}
main article.card section h2{margin-top:0;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
main article.card section h3{margin-top:28px;margin-bottom:10px;line-height:1.25}
main article.card section p{margin:0 0 16px}
main article.card section ul,main article.card section ol{margin:10px 0 18px;padding-left:22px}
main article.card section li{margin:7px 0}
main article.card table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
main article.card th,main article.card td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
main article.card th{background:var(--bg-soft);color:var(--ink-soft);font-size:14px;font-weight:800}
main article.card tr:last-child td{border-bottom:none}
main article.card details{border:1px solid var(--line);border-radius:12px;background:var(--paper-2);padding:14px 16px;margin:10px 0}
main article.card summary{cursor:pointer;font-weight:800;color:var(--ink)}
main article.card details p{margin:10px 0 0}
.cta-box{border:1px solid #f2d28b;background:#fffaf0;border-radius:16px;padding:22px;margin:28px 0}
.cta-box h2,.cta-box h3{border:0!important;padding-bottom:0!important;margin-bottom:10px!important}
.insight-box{background:#f6fffb;border:1px solid #b7ead4;border-radius:16px;padding:20px;margin:22px 0}
.insight-box h3{margin-top:0!important}
.post-list article.post + article.post{border-top:0}


/* Long article hero used by older guides */
.article-hero{max-width:860px;margin:0 auto 26px;background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:clamp(24px,4vw,44px)}
.article-hero .kicker,.kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:13px;font-weight:800;letter-spacing:.01em}
.article-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4.6vw,58px);line-height:1.04;letter-spacing:-.055em;margin:6px 0 14px;color:var(--ink)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.article-meta span{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:var(--paper-2)}
.article-cover,.hero-illustration{max-height:420px;width:100%;object-fit:contain;margin:18px 0;border-radius:16px;background:var(--paper-2)}
.answer-box,.toc,.quick-review{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:22px;margin:24px 0}
.answer-box h2,.toc h2,.quick-review h2{border-bottom:0!important;padding-bottom:0!important;margin-bottom:12px!important}
.toc p{font-weight:800;margin-top:0;color:var(--ink)}
.toc ol{margin-bottom:0}
.article a.btn,.article-hero a.btn{margin-top:4px}




/* Subscribr — design éditorial professionnel */
body.subscribr-page-clean .subscribr-article-page{max-width:1120px;padding-top:10px}
body.subscribr-page-clean .subscribr-article{
  max-width:940px;
  margin:26px auto 48px;
  padding:clamp(26px,5vw,58px);
  background:#fffdf8;
  border:1px solid #e4ddd2;
  border-radius:24px;
  box-shadow:0 22px 60px rgba(30,45,55,.08);
}
body.subscribr-page-clean .breadcrumb{margin:0 0 16px;color:#718096;font-size:14px}
body.subscribr-page-clean .badge{display:inline-flex;margin-bottom:14px;background:#e5f1ee;color:#214f4a;border:1px solid #cfe3de}
body.subscribr-page-clean .subscribr-article h1{
  max-width:820px;
  margin:0 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,62px);
  line-height:1.04;
  letter-spacing:-.052em;
  color:#172b3f;
}
body.subscribr-page-clean .subscribr-article > .lead{
  max-width:790px;
  margin:0 0 14px;
  font-size:20px;
  line-height:1.72;
  color:#354554;
}
body.subscribr-page-clean .subscribr-cover{margin:30px 0 34px}
body.subscribr-page-clean .subscribr-cover img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:18px;
  border:1px solid #dce5e2;
  box-shadow:0 16px 35px rgba(23,43,63,.10);
}
body.subscribr-page-clean .subscribr-cover figcaption{margin-top:9px;color:#74808c}
body.subscribr-page-clean .answer-box,
body.subscribr-page-clean .cta-box{
  margin:28px 0;
  padding:26px 28px;
  border-radius:18px;
}
body.subscribr-page-clean .subscribr-verdict{
  background:linear-gradient(135deg,#f1f8f6 0%,#f8fbfa 100%);
  border:1px solid #cfe5df;
}
body.subscribr-page-clean .subscribr-answer{
  background:#f5f8fb;
  border:1px solid #dbe4ec;
}
body.subscribr-page-clean .answer-box h2,
body.subscribr-page-clean .cta-box h2{font-size:28px;margin:0 0 12px;border:0;padding:0}
body.subscribr-page-clean .rating-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
body.subscribr-page-clean .rating-item{
  padding:14px 15px;
  background:#fff;
  border:1px solid #dce8e4;
  border-radius:14px;
}
body.subscribr-page-clean .rating-item span{display:block;color:#788491;font-size:13px;margin-bottom:4px}
body.subscribr-page-clean .rating-item strong{display:block;color:#173b45;font-size:17px}
body.subscribr-page-clean .subscribr-main-cta{margin:24px 0 34px}
body.subscribr-page-clean .subscribr-main-cta .btn{padding:14px 23px;background:#2f6f68;border-color:#2f6f68}
body.subscribr-page-clean .toc{
  margin:34px 0 40px;
  padding:26px 30px;
  background:#faf8f3;
  border:1px solid #e5ded3;
  border-radius:18px;
}
body.subscribr-page-clean .toc h2{margin:0 0 16px;font-size:28px;border:0;padding:0}
body.subscribr-page-clean .toc ul{columns:2;column-gap:38px;margin:0;padding-left:20px}
body.subscribr-page-clean .toc li{break-inside:avoid;margin:0 0 9px}
body.subscribr-page-clean .subscribr-key-takeaway{background:#fff8eb;border:1px solid #efdfbf}
body.subscribr-page-clean .subscribr-section{
  margin:0;
  padding:38px 0;
  border-top:1px solid #e8e1d7;
}
body.subscribr-page-clean .subscribr-section:first-of-type{border-top:0}
body.subscribr-page-clean .subscribr-section h2{
  margin:0 0 20px;
  padding:0;
  border:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,3.4vw,40px);
  line-height:1.14;
  letter-spacing:-.035em;
  color:#172b3f;
}
body.subscribr-page-clean .subscribr-section h3{margin:30px 0 12px;font-size:23px;color:#243d50}
body.subscribr-page-clean .subscribr-section p,
body.subscribr-page-clean .subscribr-section li{
  max-width:800px;
  font-size:18px;
  line-height:1.82;
  color:#3d4954;
}
body.subscribr-page-clean .subscribr-section ul,
body.subscribr-page-clean .subscribr-section ol{padding-left:24px}
body.subscribr-page-clean .subscribr-section li{margin-bottom:10px}
body.subscribr-page-clean .table-scroll{overflow-x:auto;margin:22px 0;border-radius:16px;border:1px solid #e1dad0}
body.subscribr-page-clean .table-scroll table{margin:0;border:0;min-width:680px;background:#fff}
body.subscribr-page-clean .table-scroll th{background:#f2eee7;color:#26394a}
body.subscribr-page-clean .table-scroll td,
body.subscribr-page-clean .table-scroll th{padding:15px 17px;vertical-align:top}
body.subscribr-page-clean .note{background:#f2f8f6;border-color:#d4e7e1}
body.subscribr-page-clean .btn{background:#2f6f68;color:#fff}
body.subscribr-page-clean .btn:hover{background:#214f4a;color:#fff}
@media(max-width:760px){
  body.subscribr-page-clean .subscribr-article{margin-top:14px;padding:24px 20px;border-radius:18px}
  body.subscribr-page-clean .subscribr-article h1{font-size:38px}
  body.subscribr-page-clean .subscribr-article > .lead{font-size:18px}
  body.subscribr-page-clean .rating-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.subscribr-page-clean .toc ul{columns:1}
  body.subscribr-page-clean .subscribr-section{padding:30px 0}
  body.subscribr-page-clean .subscribr-section p,
  body.subscribr-page-clean .subscribr-section li{font-size:17px}
}


/* ranked-ai article */
body.ranked-page{background:linear-gradient(180deg,#fbfaf7 0%,#f4f1eb 100%)}
body.ranked-page .ranked-main{max-width:1160px;padding-top:10px}
body.ranked-page .ranked-article{max-width:980px;margin:0 auto}
body.ranked-page .ranked-hero,.ranked-section,.ranked-toc{background:#fffdf8;border:1px solid #e4ded3;border-radius:22px;box-shadow:0 10px 28px rgba(35,40,44,.05)}
body.ranked-page .ranked-hero{padding:clamp(24px,4vw,48px);margin:24px 0 26px}
body.ranked-page .ranked-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e7f2ef;color:#245b55;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
body.ranked-page h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5.5vw,62px);line-height:1.03;letter-spacing:-.052em;margin:18px 0 12px;max-width:850px}
body.ranked-page .meta{color:#747b84;font-size:14px;margin:0 0 25px}
body.ranked-page .ranked-cover{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;border:1px solid #dce6e2;margin:0 0 26px}
body.ranked-page .ranked-lead{display:block}
body.ranked-page .ranked-lead p{font-size:18px;line-height:1.72;margin:0;color:#344054}
body.ranked-page .ranked-lead p + p{margin-top:20px}
body.ranked-page .ranked-verdict{margin-top:25px;padding:18px 20px;border-left:5px solid #2f6f68;background:#edf6f3;border-radius:12px;display:flex;gap:12px;align-items:flex-start;flex-direction:column}
body.ranked-page .ranked-verdict strong{font-size:20px;color:#214f4a}
body.ranked-page .ranked-toc{padding:22px 26px;margin-bottom:26px}
body.ranked-page .ranked-toc>strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px;margin-bottom:12px}
body.ranked-page .ranked-toc div{display:flex;flex-wrap:wrap;gap:9px}
body.ranked-page .ranked-toc a{background:#f2f6f5;border:1px solid #dde8e5;padding:8px 11px;border-radius:999px;font-size:14px;color:#285f59}
body.ranked-page .ranked-section{padding:clamp(24px,4vw,42px);margin:0 0 24px}
body.ranked-page .ranked-section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid #e6e0d6}
body.ranked-page .ranked-section h3{font-size:23px;line-height:1.25;margin:28px 0 10px;color:#1f2933}
body.ranked-page .ranked-section p,body.ranked-page .ranked-section li,body.ranked-page .ranked-section td,body.ranked-page .ranked-section th{font-size:17.5px;line-height:1.78}
body.ranked-page .ranked-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
body.ranked-page .ranked-facts>div{padding:16px 18px;border:1px solid #e2e7e4;border-radius:14px;background:#f8faf9;display:flex;flex-direction:column;gap:5px}
body.ranked-page .ranked-facts span{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:800}
body.ranked-page .ranked-facts strong{font-size:17px}
body.ranked-page .direct-answer,.ranked-callout{padding:18px 20px;border-radius:14px;background:#eef6f4;border:1px solid #d9e9e5}
body.ranked-page .ranked-callout.warning{background:#fff6eb;border-color:#f1ddc2}
body.ranked-page .table-wrap{overflow-x:auto;border:1px solid #e2ddd4;border-radius:14px;margin:18px 0}
body.ranked-page table{width:100%;border-collapse:collapse;min-width:720px;background:white}
body.ranked-page th{background:#f0ede7;color:#25364a;text-align:left}
body.ranked-page th,body.ranked-page td{padding:15px;border-bottom:1px solid #e7e1d8;vertical-align:top}
body.ranked-page tr:last-child td{border-bottom:0}
body.ranked-page .ranked-steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:12px}
body.ranked-page .ranked-steps li{position:relative;padding:17px 18px 17px 62px;background:#faf9f6;border:1px solid #e5e0d7;border-radius:14px}
body.ranked-page .ranked-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:16px;top:15px;width:32px;height:32px;border-radius:50%;background:#2f6f68;color:white;display:grid;place-items:center;font-weight:800}
body.ranked-page .ranked-feature-grid,.ranked-alt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.ranked-page .ranked-feature-grid article,.ranked-alt-grid article{padding:20px;border:1px solid #e2e5e2;border-radius:15px;background:#fafbf9}
body.ranked-page .ranked-feature-grid h3,.ranked-alt-grid h3{margin:0 0 8px;font-size:21px}
body.ranked-page .ranked-feature-grid p,.ranked-alt-grid p{margin:0;font-size:16.5px}
body.ranked-page .checklist{list-style:none;padding:0;display:grid;gap:10px}
body.ranked-page .checklist li{padding-left:30px;position:relative}
body.ranked-page .checklist li:before{content:'✓';position:absolute;left:0;color:#2f6f68;font-weight:900}
body.ranked-page .ranked-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0}
body.ranked-page .ranked-trust-grid>div{padding:18px;border-radius:14px;border:1px solid #e0e5e2;background:#f7faf9;display:flex;flex-direction:column;gap:7px}
body.ranked-page .ranked-trust-grid span{color:#5f6873}
body.ranked-page .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.ranked-page .pros-cons>div{padding:22px;border-radius:15px;border:1px solid #e2e3df}
body.ranked-page .pros{background:#f0f8f5}.cons{background:#fff6ef}
body.ranked-page .pros-cons h3{margin:0 0 12px}
body.ranked-page .ranked-score{display:flex;align-items:center;gap:22px;background:#173b61;color:white;padding:24px;border-radius:16px;margin:22px 0}
body.ranked-page .ranked-score>span{font-size:38px;font-weight:900;white-space:nowrap}
body.ranked-page .ranked-score p{color:white;margin:0}
body.ranked-page .center{text-align:center}
body.ranked-page .sources li{margin-bottom:8px}
body.ranked-page details{border-top:1px solid #e3ded5;padding:15px 0}
body.ranked-page details:first-of-type{border-top:0}
body.ranked-page summary{cursor:pointer;font-weight:800;font-size:18px;color:#23364b}
body.ranked-page details p{margin:10px 0 0}
@media(max-width:800px){body.ranked-page .ranked-lead,body.ranked-page .ranked-facts,body.ranked-page .ranked-feature-grid,body.ranked-page .ranked-alt-grid,body.ranked-page .ranked-trust-grid,body.ranked-page .pros-cons{grid-template-columns:1fr}body.ranked-page .ranked-score{align-items:flex-start;flex-direction:column}body.ranked-page .ranked-section p,body.ranked-page .ranked-section li{font-size:17px}}


/* ranked/subscribr affiliate ctas */
body.ranked-page .ranked-cta{display:flex;justify-content:center;margin:0 0 24px}
body.ranked-page .ranked-cta .btn{min-width:250px;text-align:center;padding:14px 24px;background:#2f6f68;border-color:#2f6f68;color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(47,111,104,.14)}
body.ranked-page .ranked-cta .btn:hover{background:#214f4a;color:#fff;text-decoration:none}
body.subscribr-ranked-design .breadcrumb{margin:0 0 14px;color:#747b84;font-size:14px}
body.subscribr-ranked-design .ranked-hero .direct-answer{margin-top:18px}
body.subscribr-ranked-design .ranked-section .direct-answer{margin:0 0 22px}
body.subscribr-ranked-design .ranked-section ul{padding-left:24px}
body.subscribr-ranked-design .ranked-section li{margin-bottom:10px}
body.subscribr-ranked-design .rating-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
body.subscribr-ranked-design .rating-item{padding:14px;border:1px solid #dfe7e4;border-radius:12px;background:#f8faf9}
body.subscribr-ranked-design .rating-item span{display:block;font-size:13px;color:#6b7280}
body.subscribr-ranked-design .rating-item strong{display:block;margin-top:3px}
@media(max-width:800px){body.subscribr-ranked-design .rating-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* TubeAI — résumé d’ouverture */
body.ranked-page .tubeai-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 22px}
body.ranked-page .tubeai-overview-card{display:flex;align-items:flex-start;gap:13px;min-height:116px;padding:18px;border:1px solid rgba(31,49,73,.12);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(31,49,73,.06)}
body.ranked-page .tubeai-overview-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#e8f2f0;color:#2f6f68;font-size:17px;font-weight:900;line-height:1}
body.ranked-page .tubeai-overview-card>div{display:flex;flex-direction:column;gap:6px;min-width:0}
body.ranked-page .tubeai-overview-label{color:#617083;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.ranked-page .tubeai-overview-card strong{color:#1f3149;font-size:16px;line-height:1.35}
body.ranked-page .tubeai-primary-action{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 28px;text-align:center}
body.ranked-page .tubeai-primary-action .btn{min-width:280px;padding:15px 26px;background:#2f6f68;border-color:#2f6f68;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(47,111,104,.18)}
body.ranked-page .tubeai-primary-action .btn:hover{background:#214f4a;color:#fff;text-decoration:none;transform:translateY(-1px)}
body.ranked-page .tubeai-primary-action span{color:#687386;font-size:13px;line-height:1.45}
@media (max-width:820px){body.ranked-page .tubeai-overview{grid-template-columns:1fr}body.ranked-page .tubeai-overview-card{min-height:auto}}
@media (max-width:520px){body.ranked-page .tubeai-overview-card{padding:16px}body.ranked-page .tubeai-primary-action .btn{width:100%;min-width:0}}

/* Finqu article */
body.finqu-page .finqu-intro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
body.finqu-page .finqu-intro-cards>div{border:1px solid #dbe8e4;background:#f8fbfa;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(28,76,69,.05)}
body.finqu-page .finqu-intro-cards span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#60716d;font-weight:800;margin-bottom:8px}
body.finqu-page .finqu-intro-cards strong{display:block;font-size:19px;line-height:1.3;color:#214f4a;margin-bottom:8px}
body.finqu-page .finqu-intro-cards p{margin:0;color:#53635f;font-size:15px;line-height:1.55}
@media(max-width:850px){body.finqu-page .finqu-intro-cards{grid-template-columns:1fr}}

/* Finqu — bloc d’introduction éditorial */
body.finqu-page .finqu-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 18px}
body.finqu-page .finqu-overview-card{position:relative;border:1px solid #dce7e3;background:#fff;border-radius:18px;padding:24px 24px 22px;box-shadow:0 10px 28px rgba(31,75,69,.06)}
body.finqu-page .finqu-overview-card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:4px;border-radius:0 8px 8px 0;background:#4a817a}
body.finqu-page .finqu-overview-verdict{background:#f7fbfa}
body.finqu-page .finqu-overview-label{display:inline-flex;align-items:center;margin:0 0 12px 6px;padding:6px 10px;border-radius:999px;background:#e8f2ef;color:#285f58;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.finqu-page .finqu-overview-card p{margin:0 0 12px 6px;color:#344054;font-size:17px;line-height:1.68}
body.finqu-page .finqu-overview-card p:last-child{margin-bottom:0}
body.finqu-page .finqu-overview-card strong{color:#183b37}
body.finqu-page .finqu-primary-cta{margin:4px 0 28px;padding:22px;border:1px solid #dbe8e4;background:linear-gradient(180deg,#f8fbfa 0%,#f3f8f6 100%);border-radius:18px;text-align:center}
body.finqu-page .finqu-primary-cta .btn{display:inline-flex;justify-content:center;min-width:280px;padding:15px 26px;background:#2f6f68;border-color:#2f6f68;color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(47,111,104,.16)}
body.finqu-page .finqu-primary-cta .btn:hover{background:#214f4a;color:#fff;text-decoration:none}
body.finqu-page .finqu-primary-cta p{max-width:700px;margin:11px auto 0;color:#687773;font-size:13px;line-height:1.55}
@media(max-width:850px){body.finqu-page .finqu-overview{grid-template-columns:1fr}body.finqu-page .finqu-overview-card{padding:21px 20px 20px}body.finqu-page .finqu-primary-cta .btn{min-width:0;width:100%}}


/* Beehiiv avis — bloc "en bref" */
body.beehiiv-pillar-page .beehiiv-brief{margin:30px 0 32px;padding:28px;border:1px solid #e4ded3;border-radius:20px;background:linear-gradient(180deg,#fffdf9 0%,#faf7f1 100%);box-shadow:0 10px 28px rgba(35,40,44,.05)}
body.beehiiv-pillar-page .beehiiv-brief h2{margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid #e7dfd3}
body.beehiiv-pillar-page .beehiiv-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.beehiiv-pillar-page .beehiiv-brief-item{min-width:0;padding:19px 18px 18px;border:1px solid #e2e7e4;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(39,57,68,.045)}
body.beehiiv-pillar-page .beehiiv-brief-label{display:block;margin-bottom:8px;color:#63717d;font-size:12px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
body.beehiiv-pillar-page .beehiiv-brief-item strong{display:block;margin-bottom:7px;color:#173b45;font-size:18px;line-height:1.3}
body.beehiiv-pillar-page .beehiiv-brief-item p{margin:0;color:#53616c;font-size:15px;line-height:1.58}
@media(max-width:860px){body.beehiiv-pillar-page .beehiiv-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body.beehiiv-pillar-page .beehiiv-brief{padding:21px 18px}body.beehiiv-pillar-page .beehiiv-brief-grid{grid-template-columns:1fr}}

/* Captures originales du test Beehiiv */
.test-evidence{margin:2rem 0;padding:1.25rem;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:linear-gradient(180deg,#fff,#fafafa)}
.test-evidence h3{margin-top:.2rem}.test-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.test-shot{margin:1.4rem 0}.test-shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(15,23,42,.14);box-shadow:0 10px 30px rgba(15,23,42,.08)}
.test-shot figcaption{font-size:.92rem;line-height:1.5;color:#52606d;margin-top:.55rem}
.fact-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.fact-check-grid>div{padding:1rem;border-radius:14px;background:#f7f7fb;border:1px solid rgba(15,23,42,.09)}
.proof-label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.25rem .55rem;border-radius:999px;background:#ede9fe;color:#5b21b6;margin-bottom:.55rem}
@media(max-width:760px){.test-evidence-grid,.fact-check-grid{grid-template-columns:1fr}.test-evidence{padding:1rem}}

/* Beehiiv screenshots: always full width and vertically stacked for readability */
.test-evidence-stack{display:block;margin:1rem 0}
.test-evidence-stack .test-shot{width:100%;margin:0 0 1.5rem}
.test-evidence-stack .test-shot:last-child{margin-bottom:0}


/* Beehiiv Newsletter — hero éditorial sans illustration */
body.beehiiv-pillar-page .beehiiv-newsletter-hero{
  position:relative;
  max-width:930px;
  margin:0 auto 30px;
  padding:0;
  overflow:hidden;
  background:#fffdf9;
  border:1px solid #ded8cf;
  border-radius:22px;
  box-shadow:0 18px 48px rgba(37,45,53,.07);
}
body.beehiiv-pillar-page .beehiiv-hero-topline{
  height:5px;
  background:linear-gradient(90deg,#efb83f 0%,#f3cb69 42%,#e7d8aa 100%);
}
body.beehiiv-pillar-page .beehiiv-hero-content{
  padding:clamp(28px,5vw,52px);
}
body.beehiiv-pillar-page .beehiiv-newsletter-hero h1{
  max-width:790px;
  margin:8px 0 18px;
  font-size:clamp(38px,5vw,62px);
  line-height:1.02;
  letter-spacing:-.055em;
}
body.beehiiv-pillar-page .beehiiv-newsletter-hero .lead{
  max-width:800px;
  margin:0;
  color:#46535d;
  font-size:clamp(17px,2vw,20px);
  line-height:1.68;
}
body.beehiiv-pillar-page .beehiiv-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:26px 0 18px;
}
body.beehiiv-pillar-page .beehiiv-hero-facts>div{
  min-width:0;
  padding:15px 16px;
  background:#faf7f1;
  border:1px solid #e7dfd4;
  border-radius:13px;
}
body.beehiiv-pillar-page .beehiiv-hero-facts span{
  display:block;
  margin-bottom:5px;
  color:#7a746b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.beehiiv-pillar-page .beehiiv-hero-facts strong{
  display:block;
  color:#21353b;
  font-size:15px;
  line-height:1.35;
}
body.beehiiv-pillar-page .beehiiv-hero-meta{
  margin:0 0 21px;
  color:#727a80;
  font-size:13px;
  line-height:1.5;
}
body.beehiiv-pillar-page .beehiiv-newsletter-hero .cta-row{
  margin-top:0;
}
@media(max-width:680px){
  body.beehiiv-pillar-page .beehiiv-hero-content{padding:27px 21px 25px}
  body.beehiiv-pillar-page .beehiiv-hero-facts{grid-template-columns:1fr}
  body.beehiiv-pillar-page .beehiiv-newsletter-hero h1{font-size:clamp(36px,11vw,48px)}
}


/* Dossier Beehiiv sur la page Catégories */
.beehiiv-collection{
  margin:30px 0 26px;
  padding:clamp(22px,4vw,32px);
  border:1px solid rgba(47,111,104,.28);
  border-radius:18px;
  background:linear-gradient(145deg,#f2f8f6 0%,#fffdf8 72%);
}
.beehiiv-collection-head{max-width:720px;margin-bottom:20px}
.beehiiv-collection .beehiiv-kicker{
  margin:0 0 7px;
  color:var(--accent-dark);
  font-size:12px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.beehiiv-collection h2{
  margin:0 0 9px!important;
  padding:0!important;
  border:0!important;
  font-size:clamp(29px,4vw,39px)!important;
}
.beehiiv-collection-head>p:last-child{margin:0;color:var(--ink-soft)}
.beehiiv-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.beehiiv-guide{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:20px;
  color:var(--ink);
  text-decoration:none!important;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,253,248,.92);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.beehiiv-guide:hover{
  color:var(--ink);
  transform:translateY(-2px);
  border-color:rgba(47,111,104,.48);
  box-shadow:0 12px 26px rgba(40,35,28,.065);
}
.beehiiv-guide-main{border-color:rgba(47,111,104,.42);background:#fff}
.beehiiv-guide-label{
  align-self:flex-start;
  margin-bottom:11px;
  padding:4px 9px;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent-dark);
  font-size:11px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.beehiiv-guide h3{margin:0 0 8px!important;font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.16}
.beehiiv-guide p{margin:0 0 15px!important;color:#4b5563!important;font-size:15.5px!important;line-height:1.58}
.beehiiv-guide-link{margin-top:auto;color:var(--accent-dark);font-size:14px;font-weight:800}
.beehiiv-collection-extra{margin:18px 0 0!important;font-size:15px!important;color:var(--ink-soft)!important}
@media(max-width:680px){.beehiiv-collection-grid{grid-template-columns:1fr}.beehiiv-collection{padding:20px 17px}}