/* methodo-observatoire-flex-office : ex-bloc <style> de observatoire-flex-office.php, source de vérité depuis le 09/09/2026 (plan poids-html-blueprint-light, lot 2). Tokens : var(--color-*) uniquement. */
.obs-live { max-width: 1080px; margin: 0 auto; padding: clamp(110px,13vh,180px) clamp(24px,5vw,40px) 0; }
.obs-live__eyebrow { display:inline-flex; align-items:center; gap:14px; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--color-orange,#F27E33); font-weight:600; }
.obs-live__eyebrow::before { content:""; width:40px; height:2px; background:var(--color-orange,#F27E33); }
.obs-live h1 { font-family:var(--font-display,sans-serif); font-size:clamp(2rem,4.4vw,3rem); line-height:1.08; color:var(--color-bleu,#0d2857); margin:18px 0 10px; }
.obs-live__sub { color:var(--color-gray-text,#666); max-width:62ch; line-height:1.6; margin:0 0 32px; }
.obs-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-bottom:40px; }
.obs-kpi { border:1px solid var(--color-gray-medium,#e0e0e0); border-radius:6px; padding:18px 20px; }
.obs-kpi__val { font-family:var(--font-display,sans-serif); font-size:2rem; font-weight:700; color:var(--color-bleu,#0d2857); line-height:1; }
.obs-kpi__lab { font-size:.82rem; color:var(--color-gray-text,#666); margin-top:8px; line-height:1.35; }
.obs-kpi__val--up { color:var(--color-orange,#F27E33); }
.obs-cred { font-size:.82rem; color:var(--color-gray-text,#666); margin:-24px 0 44px; }
.obs-live__updated { font-size:.85rem; font-weight:600; color:var(--color-gray-text,#666666); margin:0 0 26px; }
.obs-hero__ctas { display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin:0 0 44px; }
.obs-hero__ctasec { font-size:.92rem; font-weight:600; color:var(--color-bleu,#0d2857); text-decoration:none; border-bottom:1px solid var(--color-gray-medium,#e0e0e0); padding-bottom:2px; }
.obs-hero__ctasec:hover { border-color:var(--color-orange,#F27E33); color:var(--color-orange,#F27E33); }
.obs-methode { margin:0 0 44px; scroll-margin-top:110px; }
.obs-methode h2 { font-family:var(--font-display,sans-serif); font-size:clamp(1.35rem,2.4vw,1.7rem); color:var(--color-bleu,#0d2857); margin:0 0 22px; }
.obs-methode__steps { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:0; margin:0 0 22px; }
@media (max-width:780px){ .obs-methode__steps { grid-template-columns:1fr; } }
.obs-methode__step { border:1px solid var(--color-gray-medium,#e0e0e0); border-radius:6px; padding:22px 22px 18px; }
.obs-methode__num { display:block; font-family:var(--font-display,sans-serif); font-weight:700; font-size:.85rem; letter-spacing:.08em; color:var(--color-orange,#F27E33); margin-bottom:10px; }
.obs-methode__step h3 { font-family:var(--font-display,sans-serif); font-size:1.05rem; color:var(--color-bleu,#0d2857); margin:0 0 8px; }
.obs-methode__step p { font-size:.92rem; color:var(--color-gray-text,#666); line-height:1.55; margin:0; }
.obs-methode__band { font-size:.88rem; font-weight:600; color:var(--color-bleu,#0d2857); border-top:1px solid var(--color-gray-medium,#e0e0e0); padding-top:16px; margin:0; }
.obs-offer { display:grid; grid-template-columns:280px 1fr; gap:36px; align-items:start; border:1px solid var(--color-gray-medium,#e0e0e0); border-radius:6px; padding:clamp(24px,3.5vw,40px); margin:0 0 44px; }
@media (max-width:780px){ .obs-offer { grid-template-columns:1fr; } .obs-offer__doc { max-width:240px; margin:0 auto; } }
.obs-offer__cover { aspect-ratio:210/297; background:var(--color-bleu,#0d2857); border-radius:4px; box-shadow:0 14px 34px rgba(0,0,0,.18); padding:12% 11%; display:flex; flex-direction:column; }
.obs-offer__cover-brand { font-family:var(--font-display,sans-serif); font-weight:700; letter-spacing:.28em; font-size:.8rem; color:var(--color-white,#fff); }
.obs-offer__cover-rule { width:44px; height:3px; background:var(--color-orange,#F27E33); margin:14px 0 auto; }
.obs-offer__cover-title { font-family:var(--font-display,sans-serif); font-weight:700; font-size:1.02rem; line-height:1.3; color:var(--color-white,#fff); margin-bottom:12px; }
.obs-offer__cover-ed { font-size:.72rem; color:rgba(255,255,255,.65); }
.obs-offer__body h2 { font-family:var(--font-display,sans-serif); font-size:clamp(1.25rem,2.2vw,1.5rem); color:var(--color-bleu,#0d2857); margin:0 0 14px; }
.obs-cr__list { line-height:1.7; padding-left:1.2em; margin:0 0 18px; }
.obs-cr__list li { margin-bottom:6px; }
.obs-cr__cta { margin:0; }
.obs-cr__cta .obs-premium__btn { display:inline-block; text-decoration:none; }
.obs-method { font-size:.82rem; color:var(--color-gray-text,#666); line-height:1.6; border-top:1px solid var(--color-gray-medium,#e0e0e0); padding-top:20px; margin-top:8px; }
.obs-premium { background:var(--color-bleu,#0d2857); color:var(--color-white); padding:clamp(44px,6vw,76px) clamp(24px,5vw,40px); margin:0; }
.obs-premium__inner { max-width:880px; margin:0 auto; }
.obs-premium__eyebrow { display:inline-block; font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; color:var(--color-orange,#F27E33); margin-bottom:12px; }
.obs-premium__title { font-family:var(--font-display,sans-serif); font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.12; color:var(--color-white); margin:0 0 12px; }
.obs-premium__desc { font-size:1rem; color:rgba(255,255,255,.82); line-height:1.55; margin:0 0 24px; max-width:680px; }
.obs-premium__form { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.obs-premium__in { font-size:.95rem; padding:13px 15px; border:1px solid rgba(255,255,255,.25); border-radius:6px; background:rgba(255,255,255,.08); color:var(--color-white); min-width:240px; flex:1 1 240px; }
.obs-premium__in::placeholder { color:rgba(255,255,255,.6); }
.obs-premium__btn { font-family:var(--font-display,sans-serif); font-weight:700; font-size:.95rem; padding:13px 28px; border:0; border-radius:6px; background:var(--color-orange,#F27E33); color:var(--color-white); cursor:pointer; transition:transform .15s ease, background .15s ease; }
.obs-premium__btn:hover { background:var(--color-orange-dark); transform:translateY(-1px); }
.obs-premium__btn:disabled { opacity:.6; cursor:default; transform:none; }
.obs-premium__consent { flex-basis:100%; display:flex; align-items:flex-start; gap:8px; font-size:.8rem; color:rgba(255,255,255,.7); line-height:1.45; max-width:680px; }
.obs-premium__consent input { margin-top:3px; }
.obs-premium__privacy { color:var(--color-mint,#A9F9C3); text-decoration:underline; }
.obs-premium__msg { margin:14px 0 0; font-size:.92rem; color:var(--color-orange,#F27E33); font-weight:600; }
.obs-premium__msg--ok { color:var(--color-mint,#A9F9C3); }