/* 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. */
:root {
}
.methodology-blueprint-light {
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif);
  background: var(--color-white, #fff);
  color: var(--color-black, #262626);
  overflow-x: hidden;
}
.kytom-article {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(120px, 14vh, 200px) clamp(24px, 5vw, 40px) clamp(64px, 9vh, 120px);
}
.kytom-article__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-orange, #F27E33);
  font-weight: 600;
  margin-bottom: 22px;
}
.kytom-article__eyebrow::before { content: ""; width: 40px; height: 2px; background: var(--color-orange, #F27E33); }
.kytom-article h1 {
  font-family: var(--font-display, var(--font-body, sans-serif));
  font-size: clamp(2rem, 4.4vw, 3.1rem);
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: var(--color-bleu, #0d2857);
  margin: 0 0 18px;
}
.kytom-article__meta { font-size: 0.9rem; color: var(--color-gray-text, #666); margin: 0 0 28px; }
.kytom-article__lead {
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  line-height: 1.55;
  color: var(--color-bleu, #0d2857);
  margin: 0 0 14px;
}
.kytom-article section { margin-top: clamp(40px, 6vh, 64px); }
.kytom-article h2 {
  font-family: var(--font-display, var(--font-body, sans-serif));
  font-size: clamp(1.35rem, 2.4vw, 1.7rem);
  line-height: 1.2;
  color: var(--color-bleu, #0d2857);
  margin: 0 0 16px;
}
.kytom-article p { line-height: 1.7; margin: 0 0 16px; font-size: 1.02rem; }
.kytom-article ul, .kytom-article ol { line-height: 1.7; padding-left: 1.2em; margin: 0 0 16px; }
.kytom-article li { margin-bottom: 8px; }
.kytom-article em { font-style: italic; }
.kytom-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0 16px;
  font-size: 0.96rem;
}
.kytom-article th, .kytom-article td {
  text-align: left;
  padding: 10px 14px;
  border-bottom: 1px solid var(--color-gray-medium, #e0e0e0);
}
.kytom-article thead th {
  color: var(--color-bleu, #0d2857);
  font-weight: 600;
  border-bottom: 2px solid var(--color-bleu, #0d2857);
}
.kytom-article tbody tr:nth-child(odd) { background: var(--color-gray-light, #f7f7f7); }