/* Pages document : légal, contact, tarifs, billing. */
.doc{max-width:760px; margin:0 auto; padding:56px 24px 80px;}
.doc .eyebrow{margin-bottom:10px; display:block;}
.doc h1{font-family:var(--serif); font-weight:400; font-size:clamp(30px,5vw,44px); margin:0 0 8px; letter-spacing:-.01em;}
.doc .updated{font-family:var(--mono); font-size:12px; color:var(--steel-6); margin-bottom:34px;}
.doc h2{font-family:var(--serif); font-weight:400; font-size:24px; margin:36px 0 10px;}
.doc h3{font-family:var(--serif); font-weight:400; font-size:18px; margin:22px 0 8px;}
.doc p, .doc li{font-size:16px; line-height:1.65; color:var(--charcoal-2);}
.doc ul{padding-left:20px; margin:10px 0;}
.doc li{margin-bottom:6px;}
.doc a{color:var(--sodium-700);}
.doc .lead{font-size:18px; color:var(--charcoal); line-height:1.6;}
.doc .note{background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--sodium); border-radius:8px; padding:14px 16px; margin:22px 0; font-size:14.5px; color:var(--charcoal-2);}
.doc .ph{color:var(--sodium-700); font-family:var(--mono); font-size:.92em;}
.doc .disc{font-style:italic; color:var(--steel-6); font-size:14px; line-height:1.6; border-top:1px solid var(--line); padding-top:20px; margin-top:36px;}

/* contact */
.contact-grid{display:grid; grid-template-columns:1fr; gap:14px; margin-top:24px;}
.contact-ok{background:var(--ok-100); border:1px solid var(--ok); border-radius:10px; padding:18px; color:var(--ok); font-weight:600; margin-bottom:20px;}

/* SEO : encart d'appel à l'action + cartes de blogue */
.doc-cta{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:28px 26px; margin:38px 0 8px; text-align:center;}
.doc-cta h2{margin:0 0 8px;}
.doc-cta p{margin:0 auto 18px; max-width:46ch;}
.doc ol{padding-left:20px; margin:10px 0;}
.doc ol li{margin-bottom:6px; font-size:16px; line-height:1.65; color:var(--charcoal-2);}
.blog-card{display:block; border:1px solid var(--line); border-radius:14px; padding:22px 24px; margin:16px 0; text-decoration:none; transition:border-color .15s ease, transform .15s ease;}
.blog-card:hover{border-color:var(--sodium); transform:translateY(-2px);}
.bc-tag{font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--sodium-700);}
.blog-card h2{margin:8px 0 6px; font-size:22px;}
.blog-card p{color:var(--charcoal-2); margin:0 0 10px;}
.bc-more{font-family:var(--mono); font-size:13px; color:var(--sodium-700); font-weight:600;}