/* Feuille réservée aux pages éditoriales : aucune dépendance de l’application n’est modifiée. */
@font-face{font-family:'Fredoka One';src:url('./fredoka-one.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Fredoka';src:url('./fredoka-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Fredoka';src:url('./fredoka-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Fredoka';src:url('./fredoka-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Fredoka';src:url('./fredoka-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body.ct-seo-page{--ct-teal:#00838f;--ct-dark:#00616c;--ct-ink:#254b53;--ct-muted:#516970;--ct-line:#d6e8e9;--ct-soft:#eaf7f8;--ct-cream:#fff9ed;margin:0!important;background:#fff!important;color:var(--ct-ink);font:400 18px/1.7 'Fredoka',Arial,sans-serif;overflow-wrap:break-word}
.ct-seo-page *{box-sizing:border-box}
.ct-seo-page a{color:var(--ct-dark);text-underline-offset:4px}
.ct-seo-page a:hover{text-decoration-thickness:2px}
.ct-seo-page :focus-visible{outline:3px solid #8b5900;outline-offset:5px}
.ct-seo-page .skip{position:absolute;top:8px;left:12px;z-index:1000;transform:translateY(-180%);padding:10px 16px;background:#fff;border:2px solid var(--ct-dark);border-radius:8px}
.ct-seo-page .skip:focus{transform:none}
.ct-seo-page :is(h1,h2,h3,.btn,.button,.ct-brand,.ct-nav-premium,.tile,.step-no,.step-number){font-family:'Fredoka One','Fredoka',Arial,sans-serif;font-weight:400;line-height:1.25;letter-spacing:normal}
.ct-seo-page h1{font-size:clamp(2rem,4.3vw,3.15rem)!important;color:var(--ct-dark)!important;margin:12px 0 20px;letter-spacing:-.02em}
.ct-seo-page h2{font-size:clamp(1.45rem,2.7vw,1.9rem)!important;color:var(--ct-dark)!important;margin:0 0 18px;line-height:1.3}
.ct-seo-page h3{font-size:1.2rem!important;color:var(--ct-dark)!important;margin:0 0 10px;line-height:1.35}
.ct-seo-page p,.ct-seo-page li{color:var(--ct-muted);font-size:18px;line-height:1.7}
.ct-seo-page p{margin:0 0 16px}
.ct-seo-page p:last-child{margin-bottom:0}
.ct-seo-page strong{font-weight:600}
.ct-seo-page :is(.container,.wrap){width:min(1000px,calc(100% - 48px))!important;max-width:1000px;margin-inline:auto!important}
.ct-seo-page .container .container,.ct-seo-page .wrap .wrap{width:100%!important}
.ct-seo-page .wrap,.ct-seo-page .content{padding-inline:0!important}
.ct-site-header{background:#fff;border-bottom:1px solid var(--ct-line)}
.ct-site-header .ct-header-inner{width:min(1000px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0}
.ct-brand{font-size:25px;color:var(--ct-teal)!important;text-decoration:none}
.ct-seo-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px}
.ct-seo-navigation a{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;border-radius:12px;text-decoration:none}
.ct-seo-navigation a:hover{background:var(--ct-soft)}
.ct-seo-navigation .ct-nav-premium{background:var(--ct-cream);border:1px solid #ead7a2;color:#705418}
.ct-seo-page main{display:block;min-width:0;margin-top:0;padding-top:0}
.ct-seo-page .hero{padding:30px 0!important;background:linear-gradient(110deg,#f0fafb,#fffaf0)!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--ct-line)!important;box-shadow:none!important}
.ct-seo-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:34px;align-items:center}
.ct-seo-page .hero-grid--text-only{grid-template-columns:1fr}
.ct-seo-page :is(.hero-copy,.hero-visual,.hero-side,.hero-card,.hero-text){padding:0!important;min-width:0;background:none!important;border:0!important;box-shadow:none!important}
.ct-seo-page :is(.hero-visual,.hero-side){justify-self:center;width:100%;max-width:310px}
.ct-seo-page .hero .example{width:min(100%,320px);justify-self:center}
.ct-seo-page :is(.lead,.lede){font-size:20px!important;line-height:1.6;color:var(--ct-ink)}
.ct-seo-page :is(.kicker,.section-tag,.eyebrow,.section-label,.mini-pill){background:none!important;border:0!important;padding:0!important;margin:0 0 10px;color:var(--ct-dark)!important;font-size:14px!important;font-weight:500}
.ct-seo-page .breadcrumbs{font-size:13px!important;margin-bottom:14px}
.ct-seo-page .section,.ct-seo-page .toolbox{padding-block:30px!important}
.ct-seo-page :is(.panel,.card,.step-card,.mini-card,.feature-card,.color-card,.benefit-panel,.final-card){background:none!important;border:0!important;box-shadow:none!important}
.ct-seo-page :is(.panel,.card,.feature-card,.mini-card){padding:0!important}
.ct-seo-page :is(.soft-section,.section-soft,.method-section){background:#fff!important;border-radius:0!important}
.ct-seo-page :is(.coloritext-section,.routine-section){background:#f0f9fa!important;color:var(--ct-ink)!important;padding-block:30px!important;border-radius:0!important}
.ct-seo-page .coloritext-section :is(h2,h3){color:var(--ct-dark)!important}
.ct-seo-page .coloritext-section :is(p,li){color:var(--ct-muted)!important}
.ct-seo-page :is(.cards,.steps-grid,.links-grid,.visual-grid,.resource-grid,.toolbox-grid,.features-grid){gap:25px}
.ct-seo-page :is(.cards.three,.cards-3,.steps-grid,.steps){grid-template-columns:repeat(3,minmax(0,1fr))}
.ct-seo-page :is(.cards.four,.color-cards,.color-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
.ct-seo-page :is(.links-grid,.visual-grid,.toolbox-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ct-seo-page .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ct-seo-page :is(.two-columns,.section-grid,.feature-grid,.method-grid,.tool-grid,.tool-box){gap:32px;align-items:center}
.ct-seo-page .step{border:0;box-shadow:none}
.ct-seo-page :is(.icon,.icon-badge,.resource-icon){width:auto;height:auto;display:block;margin-bottom:10px;background:none!important;box-shadow:none;font-size:22px}
.ct-seo-page :is(.actions,.cta-row){display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px}
.ct-seo-page :is(.btn,.button){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 20px;border:2px solid var(--ct-teal)!important;border-radius:15px!important;background:var(--ct-teal)!important;color:#fff!important;font-size:16px!important;text-align:center;text-decoration:none;box-shadow:none!important;transform:none!important;white-space:normal}
.ct-seo-page :is(.btn,.button):hover{background:var(--ct-dark)!important;border-color:var(--ct-dark)!important}
.ct-seo-page :is(.btn-secondary,.btn-ghost,.button-secondary){background:#fff!important;color:var(--ct-dark)!important;border-color:var(--ct-line)!important}
.ct-seo-page :is(.btn,.button)[href='https://coloritext.org/premium/']{background:var(--ct-cream)!important;color:#705418!important;border-color:#ead7a2!important}
.ct-seo-page .text-link{color:var(--ct-dark)!important;text-decoration:none;font-weight:500}
.ct-seo-page .text-link:hover{text-decoration:underline}
.ct-seo-page :is(.note,.callout,.tip,.blog-note,.notice-card,.evidence-box,.quote-box,.truth,.seo-hook){padding:18px 22px!important;background:var(--ct-cream)!important;border:1px solid #eadfbd!important;border-radius:16px!important;box-shadow:none!important}
.ct-seo-page :is(.resource-card,.tool-card){box-shadow:none!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--ct-line)!important;border-radius:0!important;padding:15px 0!important;text-decoration:none}
.ct-seo-page .resource-card.featured{background:var(--ct-cream)!important;padding:18px!important;border-radius:15px!important}
.ct-seo-page .final-cta{padding:25px!important;margin-block:18px 30px;background:var(--ct-cream)!important;border:1px solid #eadfbd!important;border-radius:20px!important;box-shadow:none!important}
.ct-seo-page .content{max-width:900px;width:calc(100% - 48px);margin:0 auto;padding-block:30px}
.ct-seo-page .content section{margin-block:0 30px}
.ct-seo-page img.ct-seo-image{display:block;max-width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;margin-inline:auto}
.ct-seo-page img.ct-seo-image:not(.author-avatar):not(.photo-round):not(.audrey-avatar){max-height:none!important}
.ct-seo-page :is(.hero-logo,.hero-mascot,.trousse-logo,.cta-logo,.notice-logo){width:min(100%,230px)!important;max-width:230px!important;height:auto!important}
.ct-seo-page .brand-logo{width:44px!important;max-width:44px!important;height:auto!important}
.ct-seo-page :is(.author-avatar,.audrey-avatar){width:72px!important;max-width:72px!important;height:72px!important;object-fit:cover!important;border-radius:50%;box-shadow:none!important}
.ct-seo-page .photo-round{width:min(100%,220px)!important;max-width:220px!important;height:auto!important}
.ct-seo-page :is(.tool-image,.visual-grid img,.content figure img,.example-image){width:min(100%,620px)!important;height:auto!important;max-width:100%!important;box-shadow:none!important}
.ct-seo-page figure{max-width:100%;margin:20px auto}
.ct-seo-page figcaption{font-size:14px!important;line-height:1.55;color:var(--ct-muted);margin-top:10px}
.ct-seo-page .ct-image-link{display:block;max-width:100%;text-decoration:none}
.ct-seo-page .ct-image-link:hover img{outline:1px solid var(--ct-line);outline-offset:6px}
.ct-seo-page .ct-table-scroll{width:100%;overflow-x:auto;margin-block:20px;overscroll-behavior-inline:contain}
.ct-seo-page table{border-collapse:collapse;width:100%;font-size:16px;background:#fff}
.ct-seo-page th,.ct-seo-page td{vertical-align:top;text-align:left;padding:13px 15px;border:1px solid var(--ct-line);line-height:1.6;color:var(--ct-ink)}
.ct-seo-page th{background:var(--ct-soft);font-weight:600}
.ct-seo-page :is(.faq-list,.faq-grid){display:grid;grid-template-columns:1fr;gap:0}
.ct-seo-page :is(.faq-list,.faq-grid) details{border:0;border-bottom:1px solid var(--ct-line);padding:16px 0;background:none;border-radius:0;box-shadow:none}
.ct-seo-page :is(.faq-list,.faq-grid) summary{font-size:17px;font-weight:500;color:var(--ct-dark);cursor:pointer;line-height:1.5}
.ct-seo-page :is(.faq-list,.faq-grid) details p{font-size:16px;margin-top:12px}
.ct-seo-page main video{max-width:100%;height:auto;border-radius:15px}
.ct-seo-page .ct-trousse-inline{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:30px;align-items:center;margin:28px auto;padding:24px 0;border-block:1px solid var(--ct-line);width:min(100%,940px);clear:both}
.ct-seo-page .ct-trousse-inline:nth-of-type(even){grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr)}
.ct-seo-page .ct-trousse-inline:nth-of-type(even) .ct-trousse-figure{order:-1}
.ct-seo-page .ct-trousse-inline h3{font-size:1.25rem!important}
.ct-seo-page .ct-trousse-inline p{font-size:17px}
.ct-seo-page .ct-trousse-kicker{font-size:14px!important;color:var(--ct-dark);margin-bottom:8px}
.ct-seo-page .ct-trousse-figure{width:min(100%,290px);justify-self:center;margin:0;text-align:center}
.ct-seo-page .ct-trousse-figure img{width:100%!important;height:auto!important;border-radius:14px}
.ct-seo-page .ct-trousse-figure figcaption{margin-top:10px}
.ct-seo-page .ct-colour-modes-figure{width:min(100%,760px);margin:24px auto}
.ct-seo-page .ct-colour-modes-figure img{width:100%!important;height:auto!important;max-width:100%!important}
.ct-seo-page .ct-source-note{font-size:15px;line-height:1.6;margin-top:18px}
.ct-seo-page .ct-source-note a{font-weight:500}
.ct-seo-page #ct-next-steps-v2{font-family:'Fredoka',Arial,sans-serif!important;max-width:1000px;width:calc(100% - 48px);margin:20px auto 30px;padding:22px 0;border:0;border-top:1px solid var(--ct-line);background:#fff;box-shadow:none;border-radius:0}
.ct-seo-page #ct-next-steps-v2 p,.ct-seo-page #ct-next-steps-v2 a{font-size:16px}
.ct-site-footer{padding:25px 0;background:#f6faf9;border-top:1px solid var(--ct-line)}
.ct-footer-inner{width:min(1000px,calc(100% - 48px));margin:auto;display:flex;gap:22px;flex-wrap:wrap;justify-content:space-between}
.ct-site-footer p,.ct-site-footer a{font-size:15px;line-height:1.6}
.ct-footer-links{display:flex;gap:18px;flex-wrap:wrap}
.ct-legacy-redirect{max-width:760px;margin:60px auto;padding:25px}
.ct-seo-page :is(.txt-blue,.tile-blue,.letter-blue){color:#2563eb!important}
.ct-seo-page :is(.txt-red,.tile-red,.letter-red){color:#d92e43!important}
.ct-seo-page :is(.txt-green,.tile-green,.letter-green){color:#22844d!important}
@media(max-width:760px){
 .ct-seo-page :is(.container,.wrap),.ct-site-header .ct-header-inner,.ct-footer-inner,.ct-seo-page .content,.ct-seo-page #ct-next-steps-v2{width:calc(100% - 40px)!important}
 .ct-seo-page .container .container,.ct-seo-page .wrap .wrap{width:100%!important}
 .ct-seo-page :is(.hero-grid,.cards.three,.cards-3,.cards.four,.steps-grid,.steps,.links-grid,.visual-grid,.toolbox-grid,.resource-grid,.two-columns,.section-grid,.feature-grid,.method-grid,.tool-grid,.tool-box,.color-cards,.color-grid,.ct-trousse-inline){grid-template-columns:1fr!important;gap:24px}
 .ct-seo-page .ct-trousse-inline:nth-of-type(even){grid-template-columns:1fr}
 .ct-seo-page .ct-trousse-inline:nth-of-type(even) .ct-trousse-figure{order:0}
 .ct-seo-page .hero{padding-block:25px!important}
 .ct-seo-page :is(.section,.toolbox){padding-block:25px!important}
 .ct-seo-page .ct-trousse-figure{width:min(100%,270px)}
 .ct-seo-page .header-nav,.ct-seo-navigation{display:flex!important}
 .ct-seo-page .ct-table-scroll table{min-width:540px}
 .ct-seo-page :is(.author-card,.portrait-note){grid-template-columns:72px minmax(0,1fr);gap:18px}
}
@media(max-width:480px){
 .ct-seo-page :is(.container,.wrap),.ct-site-header .ct-header-inner,.ct-footer-inner,.ct-seo-page .content,.ct-seo-page #ct-next-steps-v2{width:calc(100% - 32px)!important}
 .ct-site-header .ct-header-inner{align-items:flex-start;flex-direction:column;gap:10px}
 .ct-seo-navigation{font-size:14px;gap:4px}
 .ct-seo-navigation a{padding-inline:8px}
 .ct-seo-page :is(.actions,.cta-row){align-items:stretch;flex-direction:column;gap:10px}
 .ct-seo-page :is(.btn,.button){width:100%}
 .ct-seo-page :is(.author-card,.portrait-note){grid-template-columns:1fr}
 .ct-seo-page .ct-trousse-inline{gap:20px}
}
@media(prefers-reduced-motion:reduce){.ct-seo-page{scroll-behavior:auto}.ct-seo-page *{transition:none!important;animation:none!important}}
@media print{.ct-site-header,.ct-site-footer,.ct-seo-page .actions,.ct-seo-page #ct-next-steps-v2{display:none}.ct-seo-page{font-size:11pt}.ct-seo-page .ct-trousse-inline{break-inside:avoid}.ct-seo-page .hero{background:#fff!important}.ct-seo-page :is(.faq-list,.faq-grid) details>p{display:block}}