/* Composition éditoriale optionnelle. Scope .cci-note ; source maîtresse CCI. */
.cci-note{--cci-note-link:var(--cci-primary);--cci-note-on-primary:var(--cci-surface)}
html:has(.cci-note){scroll-behavior:smooth;scroll-padding-top:90px}
.cci-note{margin:0;background:var(--cci-canvas);color:var(--cci-ink);font-family:var(--cci-font-family);font-size:17px;line-height:1.65}
.cci-note *{box-sizing:border-box}
.cci-note a{color:var(--cci-note-link);text-underline-offset:4px}
.cci-note a:hover{text-decoration-thickness:2px}
.cci-note button,.cci-note input{font:inherit}
.cci-note button{cursor:pointer}
.cci-note h1,.cci-note h2,.cci-note h3,.cci-note p{margin:0}
.cci-note h1,.cci-note h2,.cci-note h3{line-height:1.2;text-wrap:balance}
.cci-note h2{font-size:1.8rem;letter-spacing:-.025em}
.cci-note h3{font-size:1.1rem}
.cci-note p+p{margin-top:16px}
.cci-note strong{font-weight:600}
.cci-note :focus-visible{outline:3px solid var(--cci-primary);outline-offset:4px}
.cci-note [hidden]{display:none!important}
.cci-note .cci-note-skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--cci-surface);padding:12px}
.cci-note .cci-note-skip:focus{top:10px}
.cci-note .cci-note-topbar{height:70px;background:var(--cci-surface);border-bottom:1px solid var(--cci-border);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;font-size:14px}
.cci-note .cci-note-brand{font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--cci-ink)}
.cci-note .cci-note-brand span{font-weight:400;letter-spacing:0;margin-left:8px;color:var(--cci-muted)}
.cci-note .cci-note-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:240px minmax(0,800px);gap:65px;padding:0 32px}
.cci-note aside{padding-top:68px}
.cci-note nav{position:sticky;top:40px;display:flex;flex-direction:column;gap:6px}
.cci-note nav>a{color:var(--cci-ink-soft);text-decoration:none;font-size:15px;padding:7px 0}
.cci-note nav>a:hover{color:var(--cci-primary)}
.cci-note nav .cci-note-eyebrow{margin-bottom:12px}
.cci-note .cci-note-aside-note{color:var(--cci-muted);font-size:14px;max-width:190px;margin-top:35px}
.cci-note header{padding:64px 0 38px;border-bottom:2px solid var(--cci-primary)}
.cci-note .cci-note-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--cci-primary)}
.cci-note h1{font-size:clamp(3.1rem,6.5vw,5.4rem);font-weight:700;letter-spacing:-.055em;margin:22px 0}
.cci-note h1 span{color:var(--cci-primary)}
.cci-note .cci-note-intro{font-size:22px;color:var(--cci-ink-soft);max-width:610px;line-height:1.5}
.cci-note .cci-note-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:14px;color:var(--cci-muted)}
.cci-note section{padding-top:54px}
.cci-note .cci-note-section-title{display:flex;gap:18px;align-items:baseline;margin-bottom:22px}
.cci-note .cci-note-section-title>span{font-size:14px;color:var(--cci-note-link);font-weight:500}
.cci-note .cci-note-ref{font-size:13px;white-space:nowrap}
.cci-note .cci-note-takeaway{background:var(--cci-ink);color:var(--cci-surface);padding:26px 30px;margin:24px 0;border-radius:var(--cci-radius-sm)}
.cci-note .cci-note-takeaway .cci-note-eyebrow{color:var(--cci-surface)}
.cci-note .cci-note-takeaway>p:last-child{font-size:28px;font-weight:500;line-height:1.35;margin-top:12px}
.cci-note .cci-note-takeaway.cci-note-small>p:last-child{font-size:23px}
.cci-note .cci-note-note{background:var(--cci-primary-soft);border-left:3px solid var(--cci-primary);padding:18px 22px;margin-top:22px}
.cci-note .cci-note-risk-list{margin-top:22px;border-top:1px solid var(--cci-border)}
.cci-note .cci-note-risk{display:grid;grid-template-columns:215px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--cci-border)}
.cci-note .cci-note-risk h3{margin-top:10px}
.cci-note .cci-note-risk .cci-badge{font-size:13px}
.cci-note .cci-note-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cci-note .cci-note-role{background:var(--cci-surface);border:1px solid var(--cci-border);border-radius:var(--cci-radius-sm);padding:24px}
.cci-note .cci-note-role h3{margin:12px 0}
.cci-note .cci-note-role p:last-child{font-size:16px}
.cci-note .cci-note-source-line{font-size:14px;color:var(--cci-muted);margin-top:12px}
.cci-note details{border-top:1px solid var(--cci-border);border-bottom:1px solid var(--cci-border);padding:17px 0;margin-top:24px}
.cci-note summary{font-weight:500;cursor:pointer;padding-right:10px}
.cci-note details p{margin-top:14px;color:var(--cci-ink-soft)}
.cci-note .cci-note-case-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cci-note .cci-note-case-buttons button{padding:9px 15px;min-height:44px;background:var(--cci-surface);border:1px solid var(--cci-border);border-radius:var(--cci-radius-sm);color:var(--cci-ink);font-size:15px}
.cci-note .cci-note-case-buttons button[aria-pressed=true]{background:var(--cci-primary);color:var(--cci-note-on-primary);border-color:var(--cci-primary)}
.cci-note .cci-note-case-result{background:var(--cci-surface);border:1px solid var(--cci-border);border-left:4px solid var(--cci-primary);padding:26px;margin-top:14px;border-radius:var(--cci-radius-sm);min-height:250px}
.cci-note .cci-note-case-result h3{font-size:21px;margin:12px 0}
.cci-note .cci-note-case-result .cci-note-next{padding-top:14px;margin-top:16px;border-top:1px solid var(--cci-border)}
.cci-note .cci-note-timeline{list-style:none;padding:0;margin:28px 0 0}
.cci-note .cci-note-timeline li{display:grid;grid-template-columns:155px 1fr;gap:25px;padding:0 0 24px;position:relative}
.cci-note .cci-note-timeline time{font-weight:500;font-size:15px;padding-top:2px}
.cci-note .cci-note-timeline li>div{border-left:2px solid var(--cci-border);padding-left:22px}
.cci-note .cci-note-timeline p{font-size:16px;color:var(--cci-ink-soft);margin-top:6px}
.cci-note .cci-note-timeline .cci-note-current time{color:var(--cci-primary)}
.cci-note .cci-note-timeline .cci-note-current>div{border-color:var(--cci-primary)}
.cci-note .cci-note-steps{padding-left:24px}
.cci-note .cci-note-steps li{padding-left:8px;margin:14px 0}
.cci-note .cci-note-steps li::marker{color:var(--cci-note-link);font-weight:600}
.cci-note fieldset{padding:22px 0;border:0;border-bottom:1px solid var(--cci-border);margin:0;min-width:0}
.cci-note legend{font-size:18px;font-weight:500;padding-top:24px;width:100%}
.cci-note .cci-note-answers{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.cci-note .cci-note-answer{padding:10px 18px;border:1px solid var(--cci-border);border-radius:var(--cci-radius-sm);background:var(--cci-surface);display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}
.cci-note .cci-note-answer:has(input:checked){border-color:var(--cci-note-link);background:var(--cci-primary-soft)}
.cci-note input[type=radio]{accent-color:var(--cci-note-link);width:18px;height:18px}
.cci-note .cci-note-feedback{padding:14px 18px;margin-top:15px;background:var(--cci-primary-soft);font-size:16px}
.cci-note .cci-note-feedback.cci-note-correct{background:var(--cci-success-soft);color:var(--cci-success)}
.cci-note .cci-note-quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}
.cci-note .cci-note-quiz-actions p{font-size:15px}
.cci-note .cci-note-sources{padding-left:22px;font-size:15px;overflow-wrap:anywhere}
.cci-note .cci-note-sources li{padding:6px 0 6px 4px}
.cci-note footer{padding:45px 0 60px;color:var(--cci-muted);font-size:14px;margin-top:40px;border-top:1px solid var(--cci-border)}
.cci-note footer a{display:inline-block;margin-top:12px}
@media(max-width:1000px){.cci-note .cci-note-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}
}
@media(max-width:760px){.cci-note .cci-note-topbar{padding:0 20px;height:58px}
.cci-note .cci-note-brand span{display:none}
.cci-note .cci-note-layout{display:block;padding:0 22px}
.cci-note aside{padding-top:22px}
.cci-note nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 18px}
.cci-note nav .cci-note-eyebrow,.cci-note .cci-note-aside-note{display:none}
.cci-note nav>a{font-size:14px}
.cci-note header{padding-top:34px}
.cci-note .cci-note-intro{font-size:19px}
.cci-note .cci-note-risk{grid-template-columns:1fr;gap:12px}
.cci-note .cci-note-two-col{grid-template-columns:1fr}
.cci-note h2{font-size:1.55rem}
.cci-note .cci-note-timeline li{grid-template-columns:115px 1fr;gap:12px}
.cci-note .cci-note-timeline time{font-size:14px}
.cci-note .cci-note-timeline li>div{padding-left:14px}
.cci-note .cci-note-takeaway{padding:22px}
.cci-note .cci-note-takeaway>p:last-child{font-size:23px}
.cci-note .cci-note-case-result{padding:20px}
.cci-note .cci-note-quiz-actions{flex-wrap:wrap}
.cci-note section{padding-top:42px}
}
@media(prefers-reduced-motion:reduce){html:has(.cci-note){scroll-behavior:auto}
}
@media print{.cci-note .cci-note-topbar,.cci-note aside,.cci-note .cci-note-skip,.cci-note .cci-note-case-buttons,.cci-note .cci-note-quiz-actions{display:none}
.cci-note .cci-note-layout{display:block;max-width:none;padding:0}
.cci-note{font-size:11pt;background:white}
.cci-note header{padding:0 0 20px}
.cci-note h1{font-size:35pt}
.cci-note section{padding-top:24px}
.cci-note article,.cci-note fieldset,.cci-note .cci-note-timeline li{break-inside:avoid}
.cci-note .cci-note-takeaway{background:var(--cci-canvas);color:var(--cci-ink)}
.cci-note .cci-note-takeaway .cci-note-eyebrow{color:var(--cci-ink)}
.cci-note a{color:var(--cci-ink)}
.cci-note footer{padding-bottom:0}
}
.cci-note .cci-note-subheading{margin:28px 0 16px;font-size:1.2rem}
.cci-note .cci-note-publication-cases{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cci-note .cci-note-publication-cases article{padding:22px;border:1px solid var(--cci-border);background:var(--cci-surface);border-radius:var(--cci-radius-sm)}
.cci-note .cci-note-publication-cases h4{font-size:18px;line-height:1.35;margin:0 0 12px}
.cci-note .cci-note-publication-cases p{font-size:16px}
.cci-note .cci-note-example-label{border-left:3px solid var(--cci-primary);padding-left:12px;color:var(--cci-ink-soft)}
@media(max-width:760px){.cci-note .cci-note-publication-cases{grid-template-columns:1fr}
}
@media print{.cci-note .cci-note-publication-cases article{break-inside:avoid}
}