/* Charte Thomas Bise — rôles et palette du document du 27 octobre 2026.
   H1 = titre principal ; H2 = section niveau 1, H3 = niveau 2, etc.
   Les tailles restent adaptées aux écrans ; les tailles Google Docs ne sont pas transposées. */
:root {
  --primary-blue:#1A659E;
  --dark-blue:#1A365D;
  --body-text:#4A5568;
  --text-main:#4A5568;
  --text-muted:#4A5568;
  --text-strong:#1A365D;
  --white:#FFFFFF;
  --card-bg:#F7FAFC;
  --light-blue:#D9F0F2;
  --soft-green:#EAF9E8;
  --font-main:"Open Sans",sans-serif;
  --glass-bg:#F7FAFC;
  --glass-border:1px solid #D9F0F2;
  --shadow-soft:0 8px 24px rgba(0,0,0,.05);
  --shadow-card:0 12px 28px rgba(0,0,0,.06);
  --shadow-subtle:0 8px 24px rgba(0,0,0,.05);
  --shadow-button-blue:0 5px 14px rgba(0,0,0,.12);
  --shadow-button-dark:0 5px 14px rgba(0,0,0,.12);
}
body.portfolio-professional {
  font-family:var(--font-main);
  font-weight:400;
  color:var(--body-text);
  background:var(--white);
  line-height:1.5;
}
body.portfolio-professional section.stage :is(h1,h2,h3,h4,h5,h6) {
  font-family:var(--font-main)!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-transform:none!important;
}
body.portfolio-professional section.stage h1.hero-title { color:var(--primary-blue)!important; }
body.portfolio-professional section.stage :is(h2,h4,h6),
body.portfolio-professional section.stage .stage-title-box [data-stage-content="title"],
body.portfolio-professional section#pdf.stage h2.download-title { color:var(--dark-blue)!important; }
body.portfolio-professional section.stage :is(h3,h5),
body.portfolio-professional section.stage .summary-card h3 { color:var(--primary-blue)!important; }
body.portfolio-professional section.stage :is(p,li) {
  color:var(--body-text)!important;
  font-weight:400!important;
  line-height:1.5!important;
}
body.portfolio-professional :is(strong,b) { font-weight:700!important; }
body.portfolio-professional section.stage :is(.hero-eyebrow,.hero-subtitle) {
  color:var(--body-text)!important;
  font-weight:400!important;
  line-height:1.15!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
body.portfolio-professional section.stage :is(.stage-category,.download-kicker),
body.portfolio-professional section.stage[id="0"] .hero-navigation-hint,
body.portfolio-professional :is(.quest-status,.site-author-credit) {
  color:var(--body-text)!important;
  font-weight:400!important;
  line-height:1.5!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
body.portfolio-professional section.stage[id] .stage-title-box .num {
  color:var(--primary-blue)!important;
  font-weight:700!important;
  line-height:1.15!important;
}
body.portfolio-professional section.stage .stage-bg { opacity:.65!important; }
body.portfolio-professional section.stage :is(.stage-title-box,.summary-card,.download-card),
body.portfolio-professional .analytics-consent {
  background:var(--white)!important;
  border:1px solid var(--light-blue)!important;
  box-shadow:var(--shadow-soft)!important;
  backdrop-filter:none!important;
}
body.portfolio-professional .analytics-consent-copy strong {
  color:var(--dark-blue)!important;
}
body.portfolio-professional .analytics-consent-copy p {
  color:var(--body-text)!important;
  font-weight:400!important;
  line-height:1.5!important;
}
body.portfolio-professional :is(button,.next-link,.download-pdf-main),
body.portfolio-professional :is(button,.next-link,.download-pdf-main):is(:hover,:focus-visible,:active) {
  font-family:var(--font-main)!important;
  font-weight:700!important;
  line-height:1.5!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  color:var(--white)!important;
  background:var(--primary-blue)!important;
  box-shadow:var(--shadow-button-blue)!important;
  text-decoration:none!important;
}
body.portfolio-professional :is(button,a):focus-visible {
  outline:3px solid var(--dark-blue)!important;
  outline-offset:4px!important;
}
body.portfolio-professional section.stage[id="0"] a.hero-download,
body.portfolio-professional section.stage[id="0"] a.hero-download:is(:hover,:focus-visible,:active) {
  color:var(--white)!important;
  background:var(--primary-blue)!important;
  border:0!important;
  box-shadow:var(--shadow-button-blue)!important;
}
body.portfolio-professional .quest-status,
body.portfolio-professional .site-author-credit,
body.portfolio-professional button.analytics-preferences,
body.portfolio-professional button.analytics-preferences:is(:hover,:focus-visible,:active) {
  color:var(--body-text)!important;
  background:var(--card-bg)!important;
  border:1px solid var(--light-blue)!important;
  box-shadow:var(--shadow-soft)!important;
  backdrop-filter:none!important;
}
body.portfolio-professional #questPercent { color:var(--primary-blue)!important; }

/* Les accroches avant ou après un titre suivent le style sous-titre. */
body.portfolio-professional section.stage .stage-title-box .stage-category,
body.portfolio-professional section#pdf.stage .download-kicker,
body.portfolio-professional section.stage[id="0"] .hero-navigation-hint {
  font-weight:400!important;
  line-height:1.15!important;
}
/* La progression est une information secondaire en normal 400. */
body.portfolio-professional .quest-status span {
  font-weight:400!important;
}
body.portfolio-professional section.stage :is(.start-btn-landing,.next-link,.download-pdf-main) {
  font-size:14px!important;
}
body.portfolio-professional section.stage[id] .stage-title-box [data-stage-content="title"] {
  hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media (max-width:1024px) {
  body.portfolio-professional section.stage :is(.start-btn-landing,.next-link,.download-pdf-main) {
    font-size:16px!important;
  }
}

