/* Trame d'article AlonePC — utilisée par les articles maison et futurs */
:root{
  --bleu:#1d4e6f;--bleu-fonce:#143a54;--bleu-clair:#2d6f97;
  --orange:#e8852b;--orange-clair:#f4a548;--orange-pale:#fdf1e3;
  --vert:#2f9e6e;--vert-pale:#e4f5ee;
  --rouge:#d35454;--rouge-pale:#fbeaea;
  --jaune-pale:#fdf6e3;
  --gris-bg:#f6f4ef;--gris-texte:#3a3a3a;--gris-clair:#6b6b6b;--gris-bord:#e3ddd2;--blanc:#ffffff;
  --titre:'Fraunces',Georgia,serif;--manu:'Caveat',cursive;--corps:'Source Sans 3',-apple-system,sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--corps);background:var(--gris-bg);color:var(--gris-texte);line-height:1.75;font-size:18px;}
.page{max-width:840px;margin:0 auto;background:var(--blanc);box-shadow:0 2px 30px rgba(20,58,84,.07);}
.hero{background:linear-gradient(150deg,var(--bleu-fonce) 0%,var(--bleu) 60%,var(--bleu-clair) 100%);color:var(--blanc);padding:4rem 2.5rem 3.5rem;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;top:-30%;right:-12%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(232,133,43,.28) 0%,transparent 70%);}
.hero-kicker{font-family:var(--manu);font-size:1.7rem;color:var(--orange-clair);position:relative;z-index:1;transform:rotate(-2deg);display:inline-block;}
.hero h1{font-family:var(--titre);font-weight:900;font-size:clamp(2rem,5vw,3.1rem);line-height:1.1;margin:.6rem 0 1.2rem;position:relative;z-index:1;letter-spacing:-.5px;}
.hero p{font-size:1.18rem;max-width:600px;color:rgba(255,255,255,.9);position:relative;z-index:1;}
.hero-tags{margin-top:1.8rem;display:flex;gap:.7rem;flex-wrap:wrap;position:relative;z-index:1;}
.hero-tag{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);padding:.4rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;}
.contenu{padding:3rem 2.5rem;}
.contenu h2{font-family:var(--titre);font-weight:700;font-size:1.9rem;color:var(--bleu);margin:2.8rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--orange);display:inline-block;}
.contenu h3{font-family:var(--titre);font-weight:600;font-size:1.35rem;color:var(--bleu-clair);margin:1.8rem 0 .6rem;}
.contenu p{margin-bottom:1.1rem;}
.contenu strong{color:var(--bleu-fonce);font-weight:700;}
.intro-lead{font-size:1.22rem;color:var(--gris-clair);font-weight:300;border-left:4px solid var(--orange);padding-left:1.3rem;margin-bottom:1.5rem;}
ul,ol{margin:0 0 1.2rem 1.4rem;}
li{margin-bottom:.5rem;}
.encart{border-radius:12px;padding:1.4rem 1.6rem;margin:1.6rem 0;border:1px solid var(--gris-bord);}
.encart-titre{font-weight:700;font-size:1.08rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.55rem;}
.encart-info{background:var(--orange-pale);border-color:#f0d4ad;}.encart-info .encart-titre{color:var(--orange);}
.encart-danger{background:var(--rouge-pale);border-color:#f0caca;}.encart-danger .encart-titre{color:var(--rouge);}
.encart-ok{background:var(--vert-pale);border-color:#bfe6d4;}.encart-ok .encart-titre{color:var(--vert);}
.encart-astuce{background:var(--jaune-pale);border-color:#ecdfb8;}.encart-astuce .encart-titre{color:var(--orange);}
.signaux{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0;}
.signal{background:var(--blanc);border:1px solid var(--gris-bord);border-top:4px solid var(--orange);border-radius:10px;padding:1.2rem 1.3rem;transition:transform .2s,box-shadow .2s;}
.signal:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(20,58,84,.1);}
.signal-num{font-family:var(--titre);font-weight:900;font-size:1.6rem;color:var(--orange);line-height:1;}
.signal h4{font-family:var(--corps);font-weight:700;font-size:1.05rem;color:var(--bleu-fonce);margin:.4rem 0 .4rem;}
.signal p{font-size:.96rem;color:var(--gris-clair);margin:0;line-height:1.55;}
.etapes{counter-reset:etape;margin:1.5rem 0;}
.etape{position:relative;padding:0 0 1.5rem 3.4rem;border-left:2px solid var(--orange-clair);margin-left:1rem;}
.etape:last-child{border-left:2px solid transparent;padding-bottom:0;}
.etape::before{counter-increment:etape;content:counter(etape);position:absolute;left:-1.05rem;top:-.2rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--titre);font-weight:700;font-size:1.05rem;}
.etape h4{font-family:var(--titre);font-weight:600;color:var(--bleu);font-size:1.2rem;margin-bottom:.3rem;}
.etape p{margin:0;}
table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.97rem;}
th{background:var(--bleu);color:#fff;text-align:left;padding:.7rem .9rem;font-weight:600;}
td{padding:.7rem .9rem;border-bottom:1px solid var(--gris-bord);}
tr:nth-child(even) td{background:var(--gris-bg);}
.faq-item{border:1px solid var(--gris-bord);border-radius:10px;margin-bottom:.8rem;overflow:hidden;background:var(--blanc);}
.faq-item .q{font-weight:700;color:var(--bleu-fonce);padding:1rem 1.3rem;background:var(--gris-bg);display:flex;gap:.6rem;align-items:flex-start;}
.faq-item .q span{color:var(--orange);font-family:var(--titre);font-weight:900;}
.faq-item .a{padding:1rem 1.3rem;}
.faq-item .a p{margin:0;}
.cta{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-clair) 100%);color:#fff;border-radius:14px;padding:2.2rem;margin:2.5rem 0 1rem;text-align:center;}
.cta h3{font-family:var(--titre);font-weight:700;font-size:1.6rem;color:#fff;margin-bottom:.6rem;}
.cta p{color:rgba(255,255,255,.92);margin-bottom:0;}
.footer{background:var(--bleu-fonce);color:rgba(255,255,255,.75);padding:2rem 2.5rem;text-align:center;font-size:.92rem;}
.footer strong{color:var(--orange-clair);}
.sommaire{background:var(--orange-pale);border-radius:12px;padding:1.4rem 1.6rem;margin-bottom:1rem;border:1px solid #f0d4ad;}
.sommaire-titre{font-family:var(--titre);font-weight:700;color:var(--orange);font-size:1.15rem;margin-bottom:.7rem;}
.sommaire ol{margin:0 0 0 1.2rem;column-count:2;column-gap:2rem;}
.sommaire li{margin-bottom:.35rem;}
.sommaire a{color:var(--bleu);font-weight:600;text-decoration:none;}
.sommaire a:hover{text-decoration:underline;}
@media(max-width:600px){body{font-size:17px;}.hero{padding:3rem 1.5rem 2.5rem;}.contenu{padding:2rem 1.5rem;}.sommaire ol{column-count:1;}}

/* ===== Pages services dans la trame ===== */
.hero-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.6rem;background:var(--vert);color:#fff;font-weight:700;text-decoration:none;padding:.75rem 1.4rem;border-radius:10px;position:relative;z-index:1;}
.cta-row{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.1rem;}
.cta-btn-green,.cta-btn-out{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-weight:800;padding:.7rem 1.2rem;border-radius:10px;}
.cta-btn-green{background:#fff;color:var(--orange);}
.cta-btn-out{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.75);}
.related{margin:2.4rem 0 0;}
.related .links{display:flex;flex-direction:column;}
.related .links a{color:var(--bleu);text-decoration:none;font-weight:600;border-bottom:1px solid var(--gris-bord);padding:.6rem 0;}
.related .links a:hover{color:var(--orange);}
.footer a{color:var(--orange-clair);text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.foot-links{margin-top:.6rem;font-size:.84rem;line-height:2;opacity:.92;}
/* Bloc avis */
.reviews{margin:2rem 0;padding:1.6rem;border:1px solid var(--gris-bord);border-radius:14px;background:var(--orange-pale);text-align:center;}
.reviews .rv-num{font-family:var(--titre);font-size:2.6rem;font-weight:900;color:var(--bleu);line-height:1;}
.reviews .rv-stars{color:#f5b301;font-size:1.5rem;letter-spacing:2px;margin:.15rem 0;}
.reviews .rv-meta{color:var(--gris-clair);font-size:.95rem;}
.reviews .rv-txt{max-width:560px;margin:.8rem auto 1.1rem;color:var(--gris-texte);}
.reviews .rv-act{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;}
.reviews .rv-act a{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.1rem;border-radius:10px;font-weight:800;text-decoration:none;}
.reviews .rv-see{background:var(--bleu);color:#fff;}
.reviews .rv-write{background:#fff;color:var(--bleu);border:1.5px solid var(--bleu);}

/* ===== Index blog dans la trame ===== */
.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1.4rem 0 2rem;}
.blog-card{display:flex;flex-direction:column;background:var(--blanc);border:1px solid var(--gris-bord);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px -18px rgba(20,58,84,.25);}
.blog-card .bc-top{font-size:2rem;padding:1.1rem 1.2rem 0;}
.blog-card h3{font-family:var(--titre);margin:.4rem 0 .3rem;padding:0 1.2rem;font-size:1.1rem;color:var(--bleu);border:0;}
.blog-card p{margin:0 0 1rem;padding:0 1.2rem;color:var(--gris-clair);font-size:.92rem;}
.blog-card .bc-go{margin-top:auto;padding:0 1.2rem 1.1rem;font-weight:800;color:var(--orange);}