/* The closure article's editorial composition, shared throughout the site. */
body{background:#fff;color:var(--ink)}
/* Paper, marker strokes and margin notes replace the old dashboard treatment. */
.site-header{position:relative;backdrop-filter:none;background:#fff;border-bottom:1px solid #ede7f4;box-shadow:none}
.header-top{padding-top:18px;padding-bottom:12px;gap:28px}
.brand-card,.header-panel{background:transparent;border:0;box-shadow:none;border-radius:0}
.header-panel{border-left:2px solid #ecdaf9;padding:10px 26px}
.header-panel h1{color:var(--purple);font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.25}
.header-panel p{color:var(--ink);line-height:1.6}
.header-pill{font-family:"Audrey Notes",cursive;background:#fff3bd;color:var(--ink);border:0;transform:rotate(-2deg);padding:6px 14px}
.topic-links{gap:8px 18px;padding-top:10px;padding-bottom:16px}
.topic-link{border-radius:0;background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 0;font-size:.9rem}
.topic-link.active,.topic-link:hover{background:transparent;color:var(--purple);border-color:var(--brand-gold)}
.intro-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:center;padding:22px 0 32px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;min-height:0}
.intro-accent{display:none}
.intro-copy{padding:0;max-width:620px;position:relative;z-index:1}
.intro-copy h2{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.18;letter-spacing:-.025em;color:var(--purple)}
.intro-copy h2 span{color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.intro-kicker{background:#fff1b6;border:0;border-radius:4px 14px 3px 12px;color:var(--purple);font-family:"Audrey Notes",cursive;font-size:1.15rem;text-transform:none;letter-spacing:0;transform:rotate(-2deg);padding:5px 15px}
.intro-one-line{font-size:1.05rem;line-height:1.65;max-width:530px;margin-top:24px}
.hero.hero-colorful{background:#fff;padding:32px 0 12px}
.editorial-visual{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;width:100%;height:auto;opacity:1;overflow:visible;pointer-events:none}
.editorial-visual>img{position:static;width:100%;max-width:460px;height:auto;object-fit:contain;transform:none;filter:none}
.editorial-scribble{font-family:"Audrey Notes",cursive;font-size:1.4rem;color:var(--purple);transform:rotate(-4deg);align-self:flex-end;margin:0 22px -12px 0}
.editorial-people{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:-26px;position:relative}
.editorial-people img{position:static;width:58px;height:66px;object-fit:contain;transform:none;filter:none}
.editorial-people span{font-family:"Audrey Notes",cursive;font-size:1.05rem;line-height:1.25;margin-left:12px;transform:rotate(-3deg);color:var(--purple)}
.editorial-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:22px 0 36px;border-bottom:1px solid #ede7f4}
.editorial-path a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);border-bottom:3px solid #d9b4ef;border-radius:0 0 22px 0;padding:12px 0}
.editorial-path a:nth-child(2){border-color:#a7ddeb}.editorial-path a:nth-child(3){border-color:#f6d35b}
.editorial-path a>img{width:60px;height:60px;margin-left:auto}
.editorial-path strong{display:block;font-size:1.12rem}.editorial-path small{display:block;font-size:.9rem;color:#566079}
.editorial-step{font-family:"Audrey Notes",cursive;background:#f1e7ff;color:var(--purple);border-radius:45% 55% 40% 55%;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;font-size:1.6rem}
.editorial-home main>section,.editorial-home #newsletter{background:#fff;border:0;padding:54px 0}
.sec-head{gap:30px;margin-bottom:30px;align-items:center}
.sec-head h2,.archive-hero h1,.block h2{color:var(--purple);font-size:clamp(1.55rem,2.8vw,2rem);line-height:1.25;letter-spacing:-.015em}
.sec-head h2:after,.archive-hero h1:after,.editorial-content h2:after{content:"";display:block;width:58px;height:4px;background:var(--brand-gold);border-radius:50%;transform:rotate(-3deg);margin-top:10px}
.sec-head h2:before{display:none}
.kicker{font-size:1.14rem;color:var(--purple);background:transparent;padding:0;border:0;margin-bottom:8px}
.home-archive-note{border:0;border-left:3px solid var(--brand-gold);background:transparent;padding:8px 16px;border-radius:0;font-size:.94rem;margin-bottom:28px}
.cards,.qa-card-grid,.ccn-grid,.archive-grid{gap:24px}
.card,.qa-link-card,.ccn-card,.archive-card{background:#fff;box-shadow:none;border:0;border-bottom:3px solid #d9b4ef;border-radius:0 0 24px 0;padding:24px 20px;min-height:0;overflow:visible}
.card:nth-child(3n+2),.archive-card:nth-child(3n+2){border-color:#a7ddeb;background:#f4fbff;border-radius:24px 16px 26px 18px}
.card:nth-child(3n),.archive-card:nth-child(3n){border-color:#f6d35b;background:#fffbed;border-radius:24px 16px 26px 18px}
.card:before,.qa-link-card:after,.ccn-card:before,.archive-card:before{display:none}
.card:hover,.ccn-card:hover,.archive-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #29205a09}
.card h3,.ccn-card h3,.archive-card h2{font-size:1.15rem;line-height:1.4;color:var(--purple)}
.card p,.archive-card p,.ccn-card p{font-size:1rem;line-height:1.6;color:var(--ink)}
.chip,.ccn-badge{border-radius:16px 8px 14px 8px;line-height:1.5}
.chip.theme{background:#f1e7ff;color:var(--purple);border:0}
.card .open,.archive-card .open,.ccn-card .open{font-size:.96rem;margin-top:18px;font-weight:800;color:var(--purple)}
.ccn-toolbar{box-shadow:none;background:#f7f1fc;border:0;border-radius:24px 16px 26px 18px;padding:22px;gap:18px}
.ccn-info-strip{gap:22px;margin:26px 0}
.ccn-info-strip>div{background:transparent;border:0;border-bottom:2px solid #e6d5f3;border-radius:0;padding:12px 4px}
.ccn-display-rule{background:transparent;border:0;border-top:1px dashed #d0b7eb;border-radius:0;padding:18px 0;font-size:.94rem}
.ccn-card:nth-child(2n){background:#eaf8ff;border-color:#a7ddeb;border-radius:28px 16px 26px 18px}
.ccn-card:nth-child(3n){background:#fff9e8;border-color:#f6d35b;border-radius:28px 16px 26px 18px}
.ccn-date-grid>div{background:#fff;border:1px solid #ede7f4}
.design-card{border:0;border-radius:28px 16px 26px 18px;background:#f7f1fc;box-shadow:none;overflow:hidden}
.design-card:nth-child(even){background:#edfaff}.design-content{padding:22px}
.design-content p{font-size:.98rem;line-height:1.6;color:var(--ink)}
.design-preview{border-bottom:3px solid var(--brand-gold)}
.visual-library-intro{box-shadow:none;border:0;border-left:3px solid var(--brand-gold);border-radius:0;background:#fff;padding:16px 22px}
.visual-library-intro-aside{font-family:"Audrey Notes",cursive;font-size:1.1rem;background:#fff3bd;transform:rotate(-2deg);border:0}
/* Archives share illustrated introductions and mixed paper cards. */
.archive-hero{position:relative;background:#fff;border:0;border-bottom:1px solid #ede7f4;box-shadow:none;border-radius:0;padding:35px 190px 36px 0;margin-bottom:30px;min-height:190px}
.archive-hero:after{content:"";position:absolute;right:16px;top:20px;width:150px;height:150px;background:url('/assets/illustrations/comprendre.svg') center/contain no-repeat}
.archive-count{background:#fff1b6;color:var(--purple);border:0;border-radius:5px 14px 3px 12px;font-family:"Audrey Notes",cursive;font-size:1.05rem}
.archive-hero p{font-size:1.05rem;color:var(--ink);max-width:750px}
.archive-card .archive-public{font-family:"Audrey Notes",cursive;font-size:1.05rem;color:var(--purple)}
/* Static Q/R: the same illustrated introduction, explanation and margin notes. */
.editorial-question .hero{background:#fff;color:var(--ink);border:0;border-bottom:1px solid #ede7f4;border-radius:0;padding:32px 165px 32px 0;overflow:visible}
.editorial-question .hero:after{content:"";position:absolute;right:0;top:24px;width:145px;height:145px;background:url('/assets/illustrations/question.svg') center/contain no-repeat}
.editorial-question .hero h1{color:var(--purple);font-size:clamp(1.8rem,3.4vw,2.7rem)}
.editorial-question .hero .short{color:#566079;font-size:1rem}
.editorial-question .hero .answer{background:#edfaff;color:var(--ink);border:0;border-left:4px solid #009deb;border-radius:4px 24px 24px 4px}
.editorial-question .hero .chip{background:#f1e7ff;color:var(--purple);border-color:transparent}
.editorial-question .block{border:0;border-top:1px solid #ede7f4;background:#fff;box-shadow:none;border-radius:0;padding:28px 0}
.editorial-question .block h2{font-size:1.35rem}
.editorial-question .num{font-family:"Audrey Notes",cursive;background:#f1e7ff;color:var(--purple);border-radius:45% 55% 40% 55%}
.editorial-question .side-card{border:0;border-radius:28px 16px 26px 18px;padding:24px;background:#fff3ca}
.editorial-question .side-card.check{background:#edfaff}
.editorial-question .side-card h3{font-family:"Audrey Notes",cursive;font-size:1.4rem;color:var(--purple)}
.editorial-question .sources{border-radius:24px;background:#f7f1fc;color:var(--ink)}
.editorial-question .sources a{color:var(--purple)}
/* Newsletter and contact use the same yellow annotations and blue explanation cards. */
.news{border:0;border-top:2px solid #f6d35b;border-radius:0;background:#fff;box-shadow:none;color:var(--ink);padding:32px 0;overflow:visible}
.news:after{display:none}.news h2{color:var(--purple);font-size:2rem;line-height:1.25}.news .badge{background:#fff1b6;color:var(--purple);border:0;font-family:"Audrey Notes",cursive;font-size:1.1rem}
.news .form{background:#edfaff;border-radius:28px 16px 26px 18px;padding:24px}.news .note{color:var(--ink)}
.contact-modal-box{background:#fff;border-radius:28px 16px 26px 18px}
.contact-modal-head{padding:30px 28px 14px;background:#fff}
.contact-modal-head h2{color:var(--purple)}
.contact-modal-head .kicker{display:inline-block;background:#fff1b6;padding:4px 12px;transform:rotate(-3deg)}
.contact-modal .contact-form{background:#edfaff;border:0;border-radius:28px 16px 26px 18px;padding:26px}
.contact-demo-note{border-left:3px solid var(--brand-gold);padding-left:12px}
footer{background:#fff;border-top:1px solid #ede7f4}
/* CMS articles: one consistent editorial model for every subject. */
.editorial-content{max-width:1080px;margin:auto;color:var(--ink)}
.editorial-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.65fr);gap:32px;align-items:center;margin:30px 0}
.editorial-heading h1{font-size:clamp(1.9rem,3.8vw,3rem);color:var(--purple);line-height:1.2;margin:14px 0}
.editorial-heading p{font-size:1.08rem;line-height:1.65}
.editorial-heading-art{position:relative;text-align:center}
.editorial-heading-art img{width:100%;max-height:240px;object-fit:contain}
.editorial-heading-art span{display:block;font-family:"Audrey Notes",cursive;font-size:1.2rem;color:var(--purple);transform:rotate(-4deg)}
.editorial-reading-nav{display:flex;flex-wrap:wrap;gap:12px 24px;border-bottom:1px solid #ede7f4;padding:12px 0 22px;margin-bottom:32px}
.editorial-reading-nav a{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d0b7eb;min-height:44px;display:inline-flex;align-items:center}
.editorial-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 48px}
.editorial-highlight{border-bottom:3px solid #d9b4ef;border-radius:0 0 24px 0;padding:12px 8px 22px}
.editorial-highlight:nth-child(2){border-color:#a7ddeb}.editorial-highlight:nth-child(3){border-color:#f6d35b}
.editorial-highlight img{width:46px;height:46px;margin-bottom:12px}.editorial-highlight h3{font-size:1.1rem;margin:0 0 10px}
.editorial-highlight p{font-size:1rem;line-height:1.6;margin:0}
.editorial-section{margin:44px 0;scroll-margin-top:24px}
.editorial-section h2{display:flex;align-items:center;gap:12px;color:var(--purple);font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.3;margin:0 0 22px}
.editorial-content .editorial-section h2:after{display:none}
.editorial-section-number{font-family:"Audrey Notes",cursive;flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:45% 55% 40% 55%;background:#f1e7ff;color:var(--purple);font-size:1.6rem}
.editorial-explanation{font-size:1rem;line-height:1.7;white-space:pre-line;max-width:900px}
.editorial-section.tint{background:#edfaff;padding:26px;border-radius:28px 16px 26px 18px}
.editorial-section.caution{background:#fff2f8;border-left:4px solid #dd3194;padding:26px;border-radius:6px 28px 28px 6px}
.editorial-example{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;background:#fff7dd;border-radius:28px 16px 26px 18px;padding:26px}
.editorial-example>img{width:110px;height:130px;object-fit:contain;align-self:center}
.editorial-content .ccn-meta{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:30px 0}
.editorial-source-list{border-top:1px solid #e0d5ef;margin:12px 0}
.editorial-source-list summary{cursor:pointer;padding:20px 4px;font-size:1.1rem;font-weight:800}
.editorial-source-list a{display:block;padding:10px 4px;color:var(--purple);text-decoration:underline;overflow-wrap:anywhere}
.editorial-note{font-family:"Audrey Notes",cursive;font-size:1.2rem;color:var(--purple);border-top:1px dashed #d0b7eb;padding:20px 0;transform:rotate(-1deg)}
.editorial-footer{display:flex;flex-wrap:wrap;gap:16px 28px;margin:44px 0;padding:24px 0;border-top:2px solid #f6d35b;font-weight:800;color:var(--purple)}
.editorial-media{width:100%;border:0;border-radius:24px;max-height:1000px;object-fit:contain}
@media(max-width:900px){
 .intro-band{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
 .editorial-people img{width:40px;height:50px}.editorial-people span{font-size:.9rem;margin-left:4px}
 .editorial-path{gap:16px}.editorial-path a>img{display:none}
 .editorial-highlights{grid-template-columns:1fr}.editorial-highlight{display:grid;grid-template-columns:48px 1fr;gap:0 14px}.editorial-highlight img{grid-row:1/3}
}
@media(max-width:600px){
 .header-top{gap:12px;align-items:center}.header-panel{padding:4px 12px}.header-panel h1{font-size:1.12rem}.header-panel p{font-size:.85rem}.header-pill{font-size:.82rem}
 .intro-band{grid-template-columns:1fr;padding:18px 0}.intro-copy h2{font-size:2.1rem}.intro-one-line{font-size:1rem;margin-top:18px}
 .editorial-visual{max-width:360px;margin:auto}.editorial-visual>img{max-height:240px}.editorial-scribble{font-size:1.15rem}.editorial-people{margin-top:-10px}.editorial-people img{width:46px;height:54px}
 .editorial-path{grid-template-columns:1fr;gap:8px;padding-bottom:20px}.editorial-path a{padding:12px 0}.editorial-path a>img{display:block;width:48px;height:48px}
 .editorial-home main>section,.editorial-home #newsletter{padding:36px 0}.sec-head{margin-bottom:24px;gap:16px}
 .card,.archive-card,.ccn-card{padding:22px 16px}.ccn-toolbar{padding:18px}
 .archive-hero{padding:24px 95px 26px 0;min-height:0}.archive-hero:after{width:85px;height:100px;right:0;top:24px}
 .editorial-question .hero{padding:24px 0}.editorial-question .hero:after{position:static;display:block;width:100px;height:100px;margin:15px auto 0}
 .editorial-question .hero h1{font-size:1.9rem}.editorial-question .block h2{font-size:1.3rem}
 .news{padding:25px 0}.news h2{font-size:1.7rem}
 .contact-modal-head{padding:22px 18px 10px}.contact-modal .contact-form{padding:20px}
 .editorial-heading{grid-template-columns:1fr;gap:12px;margin:24px 0}.editorial-heading h1{font-size:1.95rem}.editorial-heading-art img{max-height:140px}.editorial-heading-art span{font-size:1.1rem}
 .editorial-reading-nav{gap:8px 20px}.editorial-section{margin:32px 0}.editorial-section.tint,.editorial-section.caution{padding:20px 16px}
 .editorial-example{grid-template-columns:1fr;padding:22px 18px}.editorial-example>img{width:80px;height:90px;justify-self:center}
}
/* Override legacy ID-specific presentation rules as well as base components. */
.editorial-home :is(#decryptages,#questions,#visuels,#videos,#ccn,#newsletter){background:#fff;border:0;overflow:visible}
.editorial-home :is(#decryptages,#questions,#visuels,#videos,#ccn) .kicker{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;font-size:1.14rem;letter-spacing:0;color:var(--purple)}
.editorial-home :is(#decryptages,#questions,#visuels,#videos,#ccn) .sec-head h2:after{background:var(--brand-gold);width:58px;height:4px;border-radius:50%;transform:rotate(-3deg)}
.editorial-home :is(#decryptages,#questions,#videos) .card{box-shadow:none;border:0;border-bottom:3px solid #d9b4ef;border-radius:0 0 24px 0;background:#fff}
.editorial-home :is(#decryptages,#questions,#videos) .card:nth-child(3n+2){background:#edfaff;border-color:#a7ddeb;border-radius:28px 16px 26px 18px}
.editorial-home :is(#decryptages,#questions,#videos) .card:nth-child(3n){background:#fff9e8;border-color:#f6d35b;border-radius:28px 16px 26px 18px}
.editorial-home #newsletter .news{box-shadow:none;border-radius:0;border-top:2px solid #f6d35b;overflow:visible}
.editorial-home #newsletter .news:after{display:none}
.editorial-home .intro-copy .intro-one-line{white-space:normal;max-width:530px;line-height:1.65}
.site-header .header-top{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;padding-top:16px;padding-bottom:12px}
.site-header .brand-column{width:180px;max-width:180px}
.site-header .brand-card{padding:0;min-height:0;display:block}
.site-header .brand-card .logo{width:170px;height:auto;max-height:130px;object-fit:contain}
.site-header .header-panel{border-radius:0;padding:8px 22px;min-height:0}
.site-header .header-panel h1{font-size:clamp(1.35rem,2vw,1.7rem);margin:0 0 8px}
.site-header .header-panel p{font-size:.9rem;line-height:1.55;margin:0 0 8px}
.site-header .header-pill{font-size:.95rem;box-shadow:none}
.site-header .topic-links{gap:8px 18px;flex-wrap:wrap;justify-content:flex-start;margin:0}
.site-header .topic-link{font-size:.85rem}
@media(max-width:600px){
 .site-header .header-top{grid-template-columns:90px minmax(0,1fr);gap:12px}
 .site-header .brand-column{width:90px;max-width:90px}.site-header .brand-card .logo{width:90px;max-height:90px}
 .site-header .header-panel{padding:4px 12px}.site-header .header-panel h1{font-size:1.02rem;margin-bottom:5px}
 .site-header .header-panel p{display:none}.site-header .header-pill{font-size:.8rem}
 .site-header .topic-links{gap:4px 14px}.site-header .topic-link{font-size:.8rem;padding:6px 0}
}
.editorial-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#fff8df;padding:28px 18px 18px;min-height:190px;height:auto;border-bottom:2px solid #f6d35b}
.editorial-preview:before,.editorial-preview:after{display:none}
.editorial-preview .editorial-preview-icon{width:100px;height:100px;object-fit:contain}
.editorial-preview-note{font-family:"Audrey Notes",cursive;font-size:1.05rem;line-height:1.35;color:var(--purple);transform:rotate(-3deg)}
.editorial-preview .mini-tag{position:absolute;top:12px;left:14px;border:0;background:#fff;color:var(--purple);font-family:"Audrey Notes",cursive;font-size:.85rem}
.editorial-preview.has-media{padding:0;min-height:190px}
.editorial-preview-media{display:block;width:100%;height:210px;object-fit:contain;background:#fff}

/* Keep explanations and vigilance within the logo's color family. */
.ref-article{--purple:var(--brand-violet);--pink:var(--brand-violet);--blue:var(--brand-cyan-text);--ink:var(--brand-navy)}
.editorial-section.caution,.ref-article .ref-vigilance{background:#f4edfb;border-left-color:var(--brand-violet)}
.editorial-content .editorial-note{color:var(--brand-violet)}