/* Noïde — identité bleue commune, version locale du 9 octobre 2026.
   Les supports de démonstration conservent leurs propres couleurs métier. */
:root{--brand-deep:#123e54;--brand-ink:#123c50;--brand-action:#174f68;--brand-link:#1c647d;--brand-sky:#80d4e5;--brand-soft:#edf7fa;--brand-tint:#d3edf5;--brand-muted:#526c78;--brand-line:#d7e6ec}
.blue-preview{--ink:var(--brand-ink);--muted:var(--brand-muted);--pale:var(--brand-soft);--line:var(--brand-line);--focus:#176b88;--cyan:#61c3d9;background:#fff;color:var(--ink)}
.blue-preview ::selection,.noide-annex ::selection{background:#c5eaf2;color:#123c50}
.blue-preview .header{border-bottom:1px solid var(--line)}
.blue-preview .header nav>a[aria-current=page]:not(.button){color:var(--brand-link);text-decoration-color:#3b91ac}
.blue-preview .button{background:var(--brand-action);border-color:var(--brand-action)}
.blue-preview .button:hover{background:#0b3c53;border-color:#0b3c53}
.blue-preview .button.light,.blue-preview .hero-copy .button{background:var(--brand-sky);border-color:var(--brand-sky);color:#123c50}
.blue-preview .button.light:hover,.blue-preview .hero-copy .button:hover{background:#b2e9f2;border-color:#b2e9f2}
.blue-preview .button.secondary{background:transparent;border-color:#759aaa;color:var(--brand-action)}
.blue-preview .button.secondary:hover{background:var(--brand-soft);border-color:var(--brand-action)}
.blue-preview .text-link{color:var(--brand-link);text-decoration-color:#77aabc}
.blue-preview .hero-copy .text-link{color:#fff}
.blue-preview .eyebrow{color:var(--brand-link)}
.blue-preview .blue-hero-band .eyebrow{color:#acdce8}
.blue-preview .breadcrumb{color:var(--brand-muted)}
.blue-preview .breadcrumb a{color:var(--brand-link)}
.blue-preview .clear-intro{background:var(--brand-soft);border-radius:6px;margin-top:6px;margin-bottom:38px;padding:38px 40px 40px;border-bottom:1px solid var(--brand-line)}
.blue-preview .clear-intro .eyebrow{margin-bottom:16px}
.blue-preview .clear-intro h1{color:var(--brand-deep);font-size:clamp(38px,4.6vw,60px)}
.blue-preview .clear-intro>p:last-child{max-width:850px;font-size:17px;color:var(--brand-muted);margin-top:23px}
.blue-preview .topic-nav a,.blue-preview .category-nav a{background:#fff;border-color:#bfd8e2;color:var(--brand-link)}
.blue-preview .topic-nav a:hover,.blue-preview .category-nav a:hover{background:var(--brand-soft);border-color:#6c9daf}
.blue-preview .domain-number{color:var(--brand-link);background:var(--brand-tint);align-self:start;justify-self:start;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin-top:3px}
.blue-preview .domain-heading h2{color:var(--brand-deep)}
.blue-preview .domain-result{background:#e7f4f8;border:1px solid #d4e8ef}
.blue-preview .domain-result .need-example{border-top-color:#bfdce6}
.blue-preview .service-definitions dt{color:var(--brand-ink)}
.blue-preview .free-banner{background:var(--brand-deep);color:#fff;border-radius:6px}
.blue-preview .free-banner .eyebrow{color:#a9dae6}
.blue-preview .free-banner p:not(.eyebrow){color:#dbeaf0}
.blue-preview .free-banner h2{color:#fff}
.blue-preview .tariff-heading h2,.blue-preview .tariff h3{color:var(--brand-deep)}
.blue-preview .tariff-action strong{color:var(--brand-action)}
.blue-preview .tariff details[open]{background:var(--brand-soft);border-radius:4px;padding:13px 16px;margin-left:-16px}
.blue-preview .custom-note{background:var(--brand-soft);border-left:3px solid #4fabc5;padding:32px 35px;margin-top:20px;border-radius:0 5px 5px 0}
.blue-preview .steps li>span{background:var(--brand-tint);color:var(--brand-ink)}
.blue-preview .trust-section{background:var(--brand-soft);border-block-color:var(--brand-line)}
.blue-preview .trust-grid article{border-top:3px solid #8acdde;padding-top:22px}
.blue-preview .question-topics{background:var(--brand-soft);border:1px solid var(--brand-line)}
.blue-preview .question-topics a{color:var(--brand-link)}
.blue-preview .faq[open]{background:var(--brand-soft)}
.blue-preview .faq[open] summary{color:var(--brand-deep)}
.blue-preview .faq summary>span{color:var(--brand-link)}
.blue-preview .privacy-link{background:var(--brand-soft);border-radius:5px;padding:21px 25px}
.blue-preview .request-intro{background:var(--brand-soft);border-bottom:1px solid var(--brand-line);border-radius:6px;padding:35px 38px;margin-block:7px 38px}
.blue-preview .request-intro h1{color:var(--brand-deep)}
.blue-preview .form-surface{border-color:#c5dce5;box-shadow:0 8px 28px #123e5405}
.blue-preview .form-demo-note{background:var(--brand-soft)}
.blue-preview #form-progress li[aria-current=step]{background:#dff1f7;border-left-color:#257b98}
.blue-preview .choice:has(input:checked){background:var(--brand-soft);border-color:#448da6}
.blue-preview .price-hint{background:var(--brand-soft);color:var(--brand-link)}
.blue-preview .data-notice{border-color:#b8d7e2;background:#f0f8fb}
.blue-preview .legal-page>h1{color:var(--brand-deep)}
.blue-preview .legal-page nav{background:var(--brand-soft);padding:20px 23px;border-radius:5px}
.blue-preview .legal-page h2,.blue-preview .legal-page h3{color:var(--brand-deep)}
.blue-preview .legal-page .notice,.blue-preview .legal-page .todo{background:#fff6df;border-left-color:#b17b20}
.blue-preview .legal-page .legal-overview article,.blue-preview .legal-page .acceptance-example{background:var(--brand-soft)}
.blue-preview .story-hero{background:var(--brand-soft);padding-inline:28px;border:1px solid var(--brand-line);border-radius:5px}
.blue-preview .story-hero h1,.blue-preview .story-prose h2,.blue-preview .story-prose strong,.blue-preview .story-prose blockquote,.blue-preview .story-prose .story-signature{color:var(--brand-deep)}
.blue-preview .story-hero h1 span,.blue-preview .story-prose blockquote span{color:#226b85}
.blue-preview .story-prose blockquote{border-left-color:#61c3d9}
.blue-preview .story-prose>p,.blue-preview .story-deck,.blue-preview .name-copy p:not(.eyebrow){color:#435f6c}
.blue-preview .story-name{background:var(--brand-tint);border-radius:5px}
.blue-preview .name-root,.blue-preview .name-copy strong{color:var(--brand-deep)}
.blue-preview .name-art>span{color:#547785}
.blue-preview .story-close h2{color:var(--brand-deep)}
.blue-preview .final-cta{background:var(--brand-deep)}
.blue-preview .final-cta .eyebrow{color:#b9dce7}
.blue-preview .footer{border-top:1px solid var(--brand-line);padding-top:25px}
/* Couleur commune aux annexes HTML autonomes, sans altérer leur contenu. */
.noide-annex{background:#f4f9fb;color:var(--brand-ink)}
.noide-annex a,.noide-annex summary,.noide-annex .eyebrow,.noide-annex .text-link{color:var(--brand-link)}
.noide-annex h1,.noide-annex h2{color:var(--brand-deep)}
.noide-annex>header{border-bottom:1px solid var(--brand-line)}
.noide-annex>footer{border-top:1px solid var(--brand-line);color:var(--brand-muted)}
.noide-annex .intro-note,.noide-annex .micro,.noide-annex .small{color:#526c78}
.noide-annex .menu a,.noide-annex nav a{border-color:#bfd8e2;color:var(--brand-link);background:#fff}
.noide-annex .menu a:hover,.noide-annex nav a:hover{background:var(--brand-soft)}
.noide-annex .tags span,.noide-annex .pill,.noide-annex .tag{background:var(--brand-tint);color:var(--brand-ink)}
.noide-annex .chrome{background:#e4f1f6;color:#466675}
.noide-annex .paper,.noide-annex .preview{border-color:#cbdfe7}
.noide-annex .workflow>div,.noide-annex .stat{background:#e1f1f7}
.noide-annex .workflow span{background:var(--brand-action);color:#fff}
.noide-annex .stat b{color:var(--brand-deep)}
.noide-annex .calculator input{border-color:#a6c6d3;color:var(--brand-ink);accent-color:var(--brand-action)}
.noide-annex .range-label input{accent-color:var(--brand-action)}
.noide-annex .closing{background:var(--brand-deep);color:#d9eaf0;padding:35px;border-radius:6px;margin-top:35px}
.noide-annex .closing h2{color:#fff}
.noide-annex .closing p{color:#d9eaf0}
.noide-annex .video-stage{background:var(--brand-deep)}
.noide-annex .video-stage h3,.noide-annex .video-stage a{color:#fff}
.noide-annex .video-title p,.noide-annex .video-title>span{color:#c5e4ee}
.noide-kit .note,.noide-kit .case{background:#e8f4f8;color:var(--brand-ink)}
.noide-kit section{border-color:#cbdfe7;border-radius:8px}
.noide-kit button,.noide-kit .download{background:var(--brand-action);color:#fff;border-radius:4px}
.noide-kit textarea{border-color:#bfd7e1;background:#f5fafc;color:var(--brand-ink)}
.noide-kit .lead{color:var(--brand-muted)}
.noide-tool .case{border-radius:8px;border-color:var(--brand-line)}
.noide-tool .casehead{background:var(--brand-soft)}
.noide-tool .hero{border-bottom:1px solid var(--brand-line);margin-bottom:28px}
@media(min-width:981px) and (max-width:1180px){.blue-preview .header{width:calc(100% - 40px);gap:16px}.blue-preview .header nav{gap:15px}.blue-preview .header nav>a:not(.button){font-size:12px}.blue-preview .header .button.small{padding-inline:14px}}
@media(max-width:680px){.blue-preview .clear-intro{padding:26px 23px 29px;margin-bottom:27px}.blue-preview .clear-intro h1{font-size:37px}.blue-preview .clear-intro>p:last-child{font-size:16px;margin-top:21px}.blue-preview .request-intro{padding:26px 23px;margin-bottom:26px}.blue-preview .request-intro h1{font-size:36px}.blue-preview .story-hero{padding-inline:20px;padding-block:19px 21px}.blue-preview .legal-page nav{padding:17px;gap:14px 20px}.blue-preview .trust-grid article{padding-top:18px}.blue-preview .footer{padding-top:23px}.noide-annex .closing{padding:27px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blue-preview .button,.blue-preview .example-arrow{transition:none}}
@media print{.blue-preview,.noide-annex{background:#fff;color:#000}.blue-preview .clear-intro,.blue-preview .request-intro,.blue-preview .story-hero,.blue-preview .story-name{background:#fff;border:0;padding-inline:0}.blue-preview .legal-page h1,.blue-preview .legal-page h2,.blue-preview .legal-page h3{color:#000}.noide-annex .closing{background:#fff;color:#000}.noide-annex .closing h2,.noide-annex .closing p{color:#000}}

/* Le bouton de navigation reste lisible, y compris sur la page courante. */
.blue-preview .header nav>a.button,.blue-preview .header nav>a.button:visited,.blue-preview .header nav>a.button[aria-current=page]{color:#fff;text-decoration:none}