:root {
  --blog-paper:#fbfbfe;
  --blog-ink:#20202b;
  --blog-warm:#6c63ff;
  --blog-warm-dark:#5148cf;
  --blog-warm-soft:#efedff;
  --blog-rule:rgba(42,39,78,.13);
}

.blog-page { background:var(--blog-paper); }
.blog-main { min-height:100vh; padding-top:79px; }
.blog-container { width:min(1100px,calc(100% - 40px)); margin-inline:auto; }

.blog-index-hero { position:relative; overflow:hidden; padding:86px 20px 70px; border-bottom:1px solid var(--blog-rule); background:linear-gradient(135deg,#f3f2ff 0%,#fff 52%,#f5f4ff 100%); }
.blog-index-hero::after { content:"φ"; position:absolute; right:max(3vw,24px); bottom:-60px; color:rgba(32,32,43,.035); font-family:Georgia,"Times New Roman",serif; font-size:300px; font-weight:700; line-height:1; }
.blog-index-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr); align-items:end; gap:70px; width:min(1100px,100%); margin:auto; }
.blog-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:20px; color:var(--blog-warm); font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.blog-eyebrow::before { content:""; width:28px; height:1px; background:currentColor; }
.blog-index-title { max-width:780px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3.15rem,7vw,5.3rem); font-weight:500; line-height:.99; letter-spacing:-.055em; text-wrap:balance; }
.blog-index-title span { color:var(--blog-warm); font-weight:500; font-style:normal; }
.blog-index-intro { max-width:710px; margin-top:27px; color:var(--text-medium); font-size:16px; line-height:1.75; text-wrap:balance; }
.blog-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:27px; }
.blog-hero-primary,.blog-hero-secondary { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-width:230px; min-height:58px; padding:10px 14px 10px 16px; border-radius:11px; text-decoration:none; transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.blog-hero-primary { border:1px solid var(--primary); background:var(--primary); color:#fff; box-shadow:0 9px 22px rgba(108,99,255,.18); }
.blog-hero-secondary { border:1px solid rgba(108,99,255,.2); background:rgba(255,255,255,.75); color:var(--primary-dark); }
.blog-hero-primary strong,.blog-hero-secondary strong { display:block; font-size:12px; font-weight:750; line-height:1.35; }
.blog-hero-primary small,.blog-hero-secondary small { display:block; margin-top:2px; font-size:9px; font-weight:500; letter-spacing:.02em; opacity:.7; }
.blog-hero-primary i,.blog-hero-secondary i { display:grid; flex:none; place-items:center; width:28px; height:28px; border-radius:8px; font-size:16px; font-style:normal; transition:transform .2s ease; }
.blog-hero-primary i { background:rgba(255,255,255,.14); }
.blog-hero-secondary i { background:var(--blog-warm-soft); }
.blog-hero-primary:hover,.blog-hero-secondary:hover { transform:translateY(-2px); }
.blog-hero-primary:hover { background:var(--primary-dark); box-shadow:0 13px 27px rgba(108,99,255,.24); }
.blog-hero-secondary:hover { border-color:var(--primary); background:#fff; box-shadow:0 10px 24px rgba(42,39,78,.08); }
.blog-hero-primary:hover i,.blog-hero-secondary:hover i { transform:translateX(2px); }
.blog-manifesto { padding:20px 0 3px 24px; border-left:1px solid var(--blog-warm); }
.blog-manifesto strong { display:block; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:21px; font-weight:500; line-height:1.25; }
.blog-manifesto p { margin-top:8px; color:var(--text-light); font-size:12px; line-height:1.6; }
.blog-manifesto span { display:inline-block; margin-top:14px; padding:5px 9px; border-radius:999px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font-size:9px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }

.blog-listing { padding:76px 0 96px; }
.blog-listing-heading { display:flex; align-items:end; justify-content:space-between; gap:34px; margin-bottom:30px; }
.blog-listing-heading > div { display:flex; flex-direction:column; align-items:flex-start; }
.blog-listing-eyebrow { margin-bottom:7px; color:var(--blog-warm); font-size:9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.blog-listing-heading h2 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3rem); font-weight:500; letter-spacing:-.035em; }
.blog-listing-heading p { max-width:455px; color:var(--text-light); font-size:13px; line-height:1.65; text-align:right; }

.blog-grid--editorial { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; align-items:stretch; }
.blog-card { --card-accent:108,99,255; position:relative; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(42,39,78,.11); color:inherit; text-decoration:none; isolation:isolate; transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .32s ease,box-shadow .32s ease; }
.blog-card::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:0; }
.blog-card:hover { z-index:2; transform:translateY(-6px); border-color:rgba(var(--card-accent),.34); box-shadow:0 28px 68px rgba(34,30,72,.12); }
.blog-card--programmes { --card-accent:108,99,255; }
.blog-card--reperes { --card-accent:125,112,214; }
.blog-card--method { --card-accent:63,132,119; }
.blog-card--lecture { --card-accent:76,105,155; }

.blog-card--featured { grid-column:1 / -1; min-height:500px; padding:34px 36px 32px; border-radius:26px; border-color:rgba(30,29,45,.16); background:linear-gradient(155deg,#242431 0%,#1c1c27 56%,#332d68 100%); color:#fff; box-shadow:0 24px 68px rgba(30,26,63,.16); }
.blog-card--featured::before { background:radial-gradient(circle at 78% 20%,rgba(var(--card-accent),.21),transparent 34%),radial-gradient(circle at 93% 90%,rgba(185,180,255,.11),transparent 28%); }
.blog-card--compact { grid-column:1 / -1; min-height:330px; padding:28px 30px; border-radius:26px; background:linear-gradient(155deg,#fffaf5 0%,#fff 57%,#faf6ef 100%); box-shadow:0 18px 52px rgba(55,43,30,.065); }
.blog-card--compact::before { background:radial-gradient(circle at 82% 14%,rgba(var(--card-accent),.11),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.46),transparent 40%); }

.blog-card-top { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.blog-card-labels { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.blog-card-featured-label,.blog-card-category,.blog-card-date { display:inline-flex; align-items:center; min-height:29px; padding:0 10px; border-radius:999px; font-size:9px; line-height:1; }
.blog-card-featured-label { background:#fff; color:#23232f; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.blog-card-category { border:1px solid rgba(var(--card-accent),.22); background:rgba(var(--card-accent),.09); color:rgb(var(--card-accent)); font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-card--featured .blog-card-category { border-color:rgba(185,180,255,.16); background:rgba(185,180,255,.12); color:#cfcbff; }
.blog-card-date { background:rgba(34,34,46,.045); color:var(--text-light); }
.blog-card--featured .blog-card-date { background:rgba(255,255,255,.07); color:rgba(255,255,255,.58); }

.blog-card-featured-main { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr); align-items:center; gap:42px; margin:22px 0 14px; }
.blog-card-compact-main { position:relative; z-index:1; display:grid; grid-template-columns:245px minmax(0,1fr); align-items:center; gap:30px; margin:20px 0 10px; }
.blog-card-visual { position:relative; z-index:1; overflow:hidden; width:100%; margin:0; border-radius:19px; }
.blog-card-visual svg { display:block; width:100%; height:100%; }
.blog-card-visual--programmes { height:255px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); }
.blog-card-visual--programmes::after { content:"PROGRAMME"; position:absolute; right:18px; bottom:10px; color:rgba(255,255,255,.08); font-family:Inter,Arial,sans-serif; font-size:10px; font-weight:850; letter-spacing:.22em; }
.blog-visual-sheet { fill:rgba(255,255,255,.09); stroke:rgba(207,203,255,.55); stroke-width:1.5; }
.blog-visual-sheet--back { fill:rgba(108,99,255,.09); stroke:rgba(185,180,255,.17); }
.blog-visual-line { fill:none; stroke:rgba(255,255,255,.48); stroke-width:6; stroke-linecap:round; }
.blog-visual-badge { fill:#6c63ff; opacity:.95; }
.blog-visual-plus { fill:none; stroke:#fff; stroke-width:3.5; stroke-linecap:round; }

.blog-card-visual--reperes { height:185px; border:1px solid rgba(169,109,52,.11); background:linear-gradient(145deg,#fff7ee,#fffdfa); }
.blog-card-visual--reperes::after { content:"DISTINGUER"; position:absolute; right:16px; bottom:10px; color:rgba(135,83,36,.14); font-size:9px; font-weight:850; letter-spacing:.18em; }
.blog-visual-circle { fill:none; stroke-width:1.5; }
.blog-visual-circle--left { stroke:rgba(185,111,46,.38); fill:rgba(203,137,76,.06); }
.blog-visual-circle--right { stroke:rgba(108,99,255,.31); fill:rgba(108,99,255,.05); }
.blog-visual-bridge { fill:none; stroke:#6c63ff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.blog-visual-text { fill:none; stroke:rgba(70,61,55,.36); stroke-width:4.5; stroke-linecap:round; }

.blog-card-content { position:relative; z-index:2; display:flex; min-height:0; flex-direction:column; }
.blog-card-number { display:inline-flex; align-items:center; width:max-content; margin-top:18px; color:rgba(var(--card-accent),.9); font-family:Georgia,"Times New Roman",serif; font-size:13px; font-style:italic; }
.blog-card--featured .blog-card-number { color:#bdb8ff; }
.blog-card-number::after { content:""; width:28px; height:1px; margin-left:8px; background:currentColor; opacity:.55; }
.blog-card h2 { max-width:620px; margin-top:10px; font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.07; letter-spacing:-.04em; text-wrap:balance; }
.blog-card--featured h2 { color:#fff; font-size:clamp(2.55rem,4.5vw,4.1rem); }
.blog-card--compact h2 { max-width:680px; color:var(--blog-ink); font-size:clamp(2rem,3.2vw,2.75rem); }
.blog-card-summary { max-width:610px; margin-top:15px; font-size:13px; line-height:1.73; }
.blog-card--featured .blog-card-summary { color:rgba(255,255,255,.69); font-size:14px; }
.blog-card--compact .blog-card-summary { color:var(--text-medium); }
.blog-card-audience { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:20px; font-family:Inter,Arial,sans-serif; }
.blog-card-audience span { color:var(--text-light); font-size:9px; font-weight:800; letter-spacing:.10em; text-transform:uppercase; }
.blog-card-audience strong { color:var(--blog-ink); font-size:11px; font-weight:650; }
.blog-card--featured .blog-card-audience span { color:rgba(255,255,255,.42); }
.blog-card--featured .blog-card-audience strong { color:#fff; }

.blog-card-footer { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:auto; padding-top:23px; border-top:1px solid rgba(42,39,78,.08); color:var(--text-light); font-size:10px; }
.blog-card--featured .blog-card-footer { border-top-color:rgba(255,255,255,.09); color:rgba(255,255,255,.52); }
.blog-card-read { display:inline-flex; align-items:center; gap:8px; color:rgb(var(--card-accent)); font-weight:750; }
.blog-card--featured .blog-card-read { color:#d5d2ff; }
.blog-card-read i { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:rgba(var(--card-accent),.10); font-size:16px; font-style:normal; transition:transform .24s ease,background .24s ease; }
.blog-card--featured .blog-card-read i { background:rgba(255,255,255,.08); }
.blog-card:hover .blog-card-read i { transform:translateX(3px); background:rgba(var(--card-accent),.16); }

.blog-type-key { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; padding:15px 18px; border:1px solid rgba(42,39,78,.08); border-radius:14px; background:rgba(255,255,255,.58); }
.blog-type-key-label { color:var(--text-light); font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.blog-type-key-items { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.blog-type-chip { --chip:108,99,255; display:inline-flex; align-items:center; gap:7px; min-height:27px; padding:0 9px; border-radius:999px; background:rgba(var(--chip),.07); color:#555465; font-size:9px; font-weight:700; }
.blog-type-chip i { width:6px; height:6px; border-radius:50%; background:rgb(var(--chip)); }
.blog-type-chip--programmes { --chip:108,99,255; }
.blog-type-chip--reperes { --chip:195,133,74; }
.blog-type-chip--method { --chip:63,132,119; }
.blog-type-chip--lecture { --chip:76,105,155; }

.blog-network { padding:64px 0; border-top:1px solid var(--blog-rule); background:#f0effa; }
.blog-network-inner { display:grid; grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr); align-items:center; gap:68px; }
.blog-network-copy span { color:var(--blog-warm); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.blog-network-copy h2 { margin-top:9px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3rem); font-weight:500; line-height:1.12; letter-spacing:-.035em; }
.blog-network-copy p { margin-top:13px; color:var(--text-medium); font-size:13px; line-height:1.7; }
.blog-network-links { display:grid; gap:10px; }
.blog-network-links a { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 18px; border:1px solid rgba(42,39,78,.12); border-radius:2px; background:rgba(255,255,255,.66); text-decoration:none; transition:background .2s ease,transform .2s ease; }
.blog-network-links a:hover { background:#fff; transform:translateX(3px); }
.blog-network-links strong { font-family:Georgia,"Times New Roman",serif; font-size:16px; font-weight:500; }
.blog-network-links span { color:var(--blog-warm); font-size:18px; }
.blog-network-links .blog-network-cta { border-color:#252531; background:#252531; color:#fff; box-shadow:0 10px 26px rgba(32,32,43,.12); }
.blog-network-links .blog-network-cta:hover { background:#30303d; }
.blog-network-links .blog-network-cta-copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:2px; color:inherit; font-size:inherit; }
.blog-network-links .blog-network-cta-copy small { color:rgba(255,255,255,.58); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.blog-network-links .blog-network-cta strong { color:#fff; }
.blog-network-links .blog-network-cta > span:last-child { color:#b9b4ff; }

.blog-article-main { min-height:100vh; padding-top:79px; background:var(--blog-paper); }
.blog-article-header { padding:65px 20px 60px; border-bottom:1px solid var(--blog-rule); background:linear-gradient(145deg,#f3f2ff,#fff 64%); }
.blog-article-header-inner { width:min(960px,100%); margin:auto; }
.blog-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:44px; color:var(--text-light); font-size:11px; }
.blog-breadcrumb a { color:var(--text-medium); text-decoration:none; }
.blog-breadcrumb a:hover { color:var(--blog-warm); }
.blog-article-kicker { display:flex; align-items:center; gap:10px; color:var(--blog-warm); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.blog-article-kicker::before { content:""; width:25px; height:1px; background:currentColor; }
.blog-article-title { max-width:900px; margin-top:17px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3rem,7vw,5.1rem); font-weight:500; line-height:1.02; letter-spacing:-.055em; text-wrap:balance; }
.blog-article-lead { max-width:780px; margin-top:25px; color:var(--text-medium); font-size:17px; line-height:1.75; text-wrap:balance; }
.blog-article-lead a { color:var(--blog-warm-dark); text-decoration-color:rgba(108,99,255,.35); text-decoration-thickness:1px; text-underline-offset:4px; }
.blog-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:28px; color:var(--text-light); font-size:11px; }
.blog-article-meta strong { color:var(--text); font-weight:650; }
.blog-article-meta i { width:3px; height:3px; border-radius:50%; background:var(--blog-warm); }

.blog-article-layout { display:grid; grid-template-columns:minmax(0,740px) 210px; align-items:start; gap:70px; width:min(1060px,calc(100% - 40px)); margin:0 auto; padding:66px 0 105px; }
.blog-article-aside { position:sticky; top:110px; padding-left:18px; border-left:1px solid var(--blog-rule); }
.blog-article-aside span { color:var(--blog-warm); font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.blog-article-aside ol { margin-top:14px; padding:0; list-style:none; counter-reset:article-nav; }
.blog-article-aside li { counter-increment:article-nav; margin:0 0 12px; }
.blog-article-aside a { display:grid; grid-template-columns:20px 1fr; gap:4px; color:var(--text-light); text-decoration:none; font-size:11px; line-height:1.45; }
.blog-article-aside a::before { content:"0" counter(article-nav); color:var(--blog-warm); font-family:Georgia,"Times New Roman",serif; font-size:10px; }
.blog-article-aside a:hover { color:var(--text); }

.blog-prose { color:#34343f; font-family:Georgia,"Times New Roman",serif; font-size:18px; line-height:1.86; }
.blog-prose > p { margin-bottom:24px; }
.blog-prose > p:first-child::first-letter { float:left; margin:9px 9px 0 0; color:var(--blog-warm); font-size:64px; line-height:.7; }
.blog-prose h2 { scroll-margin-top:110px; margin:70px 0 25px; color:var(--blog-ink); font-size:clamp(2rem,4vw,2.7rem); font-weight:500; line-height:1.15; letter-spacing:-.035em; }
.blog-prose h3 { margin:39px 0 14px; color:var(--blog-ink); font-family:Inter,Arial,sans-serif; font-size:16px; font-weight:750; line-height:1.35; }
.blog-prose a { color:var(--blog-warm-dark); text-decoration-color:rgba(108,99,255,.35); text-decoration-thickness:1px; text-underline-offset:4px; }
.blog-prose strong { color:var(--blog-ink); font-weight:700; }
.blog-prose em { color:#484452; }
.blog-prose ul,.blog-prose ol { margin:20px 0 28px; padding-left:24px; }
.blog-prose li { margin-bottom:10px; padding-left:4px; }
.blog-prose li::marker { color:var(--blog-warm); }
.blog-prose blockquote { margin:36px 0; padding:6px 0 6px 25px; border-left:2px solid var(--blog-warm); color:var(--blog-ink); font-size:22px; font-style:italic; line-height:1.55; }
.blog-definition { display:grid; grid-template-columns:155px 1fr; gap:22px; margin:28px 0; padding:22px 24px; border:1px solid var(--blog-rule); background:#fff; }
.blog-definition dt { color:var(--blog-warm-dark); font-family:Inter,Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.blog-definition dd { font-size:16px; line-height:1.65; }
.blog-callout { margin:38px 0; padding:26px 28px; border-radius:3px; background:var(--blog-warm-soft); }
.blog-callout > span { display:block; margin-bottom:9px; color:var(--blog-warm-dark); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.blog-callout p { margin:0; color:#343342; font-size:17px; line-height:1.7; }
.blog-example { margin:34px 0; padding:27px; border:1px solid rgba(108,99,255,.15); background:#f8f7ff; }
.blog-example > span { display:block; margin-bottom:10px; color:var(--primary-dark); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.blog-example p { margin:0 0 12px; font-size:16px; }
.blog-example p:last-child { margin-bottom:0; }
.blog-steps { margin:32px 0; padding:0; list-style:none; counter-reset:blog-steps; }
.blog-steps li { position:relative; min-height:58px; margin:0; padding:0 0 28px 66px; counter-increment:blog-steps; }
.blog-steps li::before { content:counter(blog-steps); position:absolute; left:0; top:0; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(108,99,255,.3); border-radius:50%; color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:12px; font-weight:800; }
.blog-steps li:not(:last-child)::after { content:""; position:absolute; left:21px; top:43px; bottom:0; width:1px; background:rgba(108,99,255,.2); }
.blog-steps strong { display:block; margin-bottom:3px; font-family:Inter,Arial,sans-serif; font-size:15px; }
.blog-steps span { display:block; font-size:16px; line-height:1.65; }
.blog-position-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:30px 0; }
.blog-position { padding:22px; border:1px solid var(--blog-rule); background:#fff; }
.blog-position > span { color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.blog-position h3 { margin:7px 0 7px; font-family:Georgia,"Times New Roman",serif; font-size:21px; font-weight:500; }
.blog-position p { margin:0; color:var(--text-medium); font-size:14px; line-height:1.6; }
.blog-position a { display:inline-flex; margin-top:14px; font-family:Inter,Arial,sans-serif; font-size:11px; font-weight:750; }
.blog-source-links { display:grid; gap:9px; margin:28px 0; }
.blog-source-links a { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 17px; border:1px solid var(--blog-rule); background:#fff; font-family:Inter,Arial,sans-serif; font-size:12px; font-weight:650; text-decoration:none; }
.blog-source-links a span { color:var(--blog-warm); font-size:17px; }
.blog-source-links a:hover { border-color:rgba(108,99,255,.38); }
.blog-inline-bridge { display:flex; align-items:center; justify-content:space-between; gap:25px; margin:42px 0; padding:22px 24px; border-top:1px solid var(--blog-rule); border-bottom:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-inline-bridge p { margin:0; color:var(--text-medium); font-size:12px; line-height:1.55; }
.blog-inline-bridge strong { display:block; margin-bottom:3px; font-size:13px; }
.blog-inline-bridge a { flex:none; font-size:11px; font-weight:750; white-space:nowrap; }
.blog-end-cta { margin-top:74px; padding:34px; border-radius:3px; background:#22222d; color:#fff; font-family:Inter,Arial,sans-serif; }
.blog-end-cta span { color:#b9b4ff; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.blog-end-cta h2 { margin:10px 0 0; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:30px; }
.blog-end-cta p { max-width:600px; margin:11px 0 0; color:rgba(255,255,255,.64); font-size:13px; line-height:1.7; }
.blog-end-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:23px; }
.blog-end-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; border:1px solid rgba(255,255,255,.22); border-radius:8px; color:#fff; font-size:11px; font-weight:750; text-decoration:none; }
.blog-end-actions a:first-child { border-color:#b9b4ff; background:#b9b4ff; color:#22222d; }

.blog-repere-browser { margin-top:62px; }
.blog-repere-browser-header { padding-bottom:25px; border-bottom:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-repere-browser-header > div:first-child > span { display:block; color:var(--blog-warm); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.blog-prose .blog-repere-browser-header h2 { margin:7px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,2.7rem); font-weight:500; line-height:1.15; letter-spacing:-.035em; }
.blog-repere-switcher { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:24px; }
.blog-repere-switcher button { display:flex; align-items:center; gap:10px; min-height:52px; padding:8px 13px; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; color:var(--text-medium); font:650 11px/1.25 Inter,Arial,sans-serif; text-align:left; cursor:pointer; transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease; }
.blog-repere-switcher button > span { display:grid; flex:none; place-items:center; width:30px; height:30px; border-radius:7px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font:800 9px/1 Inter,Arial,sans-serif; }
.blog-repere-switcher button:hover { border-color:rgba(108,99,255,.38); color:var(--blog-ink); transform:translateY(-1px); }
.blog-repere-switcher button.is-active { border-color:var(--blog-warm); background:var(--blog-warm); color:#fff; box-shadow:0 8px 20px rgba(108,99,255,.16); }
.blog-repere-switcher button.is-active > span { background:rgba(255,255,255,.16); color:#fff; }
.blog-repere-view-description { margin:13px 0 0; color:var(--text-light); font-size:11px; line-height:1.55; }
.blog-repere-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:30px 0; }
.blog-repere { display:flex; flex-direction:column; padding:21px; border:1px solid var(--blog-rule); border-radius:6px; background:#fff; box-shadow:0 8px 24px rgba(42,39,78,.025); }
.blog-repere dt { color:var(--blog-warm-dark); font-family:Inter,Arial,sans-serif; font-size:13px; font-weight:800; line-height:1.4; }
.blog-repere dd { margin-top:8px; color:var(--text-medium); font-size:14px; line-height:1.62; }
.blog-repere dd strong { color:var(--blog-ink); }
.blog-repere .blog-repere-example { margin-top:16px; padding-top:14px; border-top:1px solid var(--blog-rule); color:#555465; font-size:12px; line-height:1.6; }
.blog-repere-example > span { display:block; margin-bottom:4px; color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.blog-repere-example ul { margin:12px 0 0 18px; padding:0; }
.blog-repere-example li { margin:0 0 10px; }
.blog-repere-theme-example ul { margin:12px 0 0 18px; padding:0; }
.blog-repere-theme-example li { margin:0 0 10px; }
.blog-repere-groups { display:grid; gap:52px; margin:34px 0; }
.blog-repere-group-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-bottom:16px; border-bottom:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-repere-group-heading span { color:var(--blog-warm); font-size:8px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.blog-prose .blog-repere-group-heading h3 { margin:6px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:25px; font-weight:500; line-height:1.2; }
.blog-repere-group-heading p { max-width:540px; margin:5px 0 0; color:var(--text-light); font-size:11px; line-height:1.55; }
.blog-repere-group-heading > strong { flex:none; color:var(--blog-warm-dark); font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.blog-repere-group-list { margin:16px 0 0; }
.blog-repere-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:14px; margin:30px 0; font-family:Inter,Arial,sans-serif; }
.blog-repere-theme { overflow:hidden; border:1px solid var(--blog-rule); border-radius:7px; background:#fff; }
.blog-repere-theme > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 18px; background:#f7f6ff; }
.blog-prose .blog-repere-theme h3 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:21px; font-weight:500; line-height:1.2; }
.blog-repere-theme > header span { flex:none; color:var(--blog-warm-dark); font-size:8px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.blog-repere-theme-item { border-top:1px solid var(--blog-rule); }
.blog-repere-theme-item summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:11px 17px; color:var(--blog-ink); font-size:11px; font-weight:750; line-height:1.4; list-style:none; cursor:pointer; }
.blog-repere-theme-item summary::-webkit-details-marker { display:none; }
.blog-repere-theme-item summary:hover { color:var(--blog-warm-dark); }
.blog-repere-theme-item summary i { display:grid; flex:none; place-items:center; width:21px; height:21px; border-radius:6px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font-size:15px; font-style:normal; font-weight:400; transition:transform .2s ease; }
.blog-repere-theme-item[open] summary i { transform:rotate(45deg); }
.blog-repere-theme-body { padding:0 17px 17px; }
.blog-repere-theme-definition { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.62; }
.blog-repere-theme-definition strong { color:var(--blog-ink); }
.blog-repere-theme-example { margin:12px 0 0; padding-top:11px; border-top:1px solid var(--blog-rule); color:#555465; font-family:Georgia,"Times New Roman",serif; font-size:11px; line-height:1.55; }
.blog-repere-theme-example > span { display:block; margin-bottom:4px; color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.blog-official-source { margin-top:28px; color:var(--text-light); font-family:Inter,Arial,sans-serif; font-size:11px; line-height:1.6; }

@media (max-width:900px) {
  .blog-index-hero-inner { grid-template-columns:1fr; gap:38px; }
  .blog-manifesto { max-width:530px; }
  .blog-article-layout { grid-template-columns:minmax(0,740px); justify-content:center; }
  .blog-article-aside { display:none; }
}

@media (max-width:760px) {
  .blog-index-hero { padding-top:62px; }
  .blog-index-title { font-size:clamp(2.8rem,13vw,4rem); }
  .blog-listing { padding:54px 0 70px; }
  .blog-listing-heading { align-items:start; flex-direction:column; gap:10px; }
  .blog-listing-heading p { text-align:left; }
  .blog-grid { grid-template-columns:1fr; }
  .blog-card:first-child { grid-row:auto; min-height:590px; padding:30px; }
  .blog-card-number { margin-top:50px; }
  .blog-network-inner { grid-template-columns:1fr; gap:34px; }
  .blog-article-header { padding-top:48px; }
  .blog-breadcrumb { margin-bottom:32px; }
  .blog-article-title { font-size:clamp(2.7rem,13vw,4rem); }
  .blog-article-layout { padding-top:48px; }
  .blog-position-grid { grid-template-columns:1fr; }
  .blog-repere-list { grid-template-columns:1fr; }
  .blog-repere-theme-grid { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  .blog-container,.blog-article-layout { width:min(100% - 28px,1100px); }
  .blog-index-hero { padding-right:14px; padding-left:14px; }
  .blog-hero-actions { align-items:stretch; flex-direction:column; }
  .blog-hero-primary,.blog-hero-secondary { width:100%; min-width:0; }
  .blog-card { min-height:330px; padding:24px; }
  .blog-card:first-child { min-height:540px; padding:25px; }
  .blog-card h2 { font-size:clamp(2.35rem,11vw,3rem); }
  .blog-card:not(:first-child) h2 { font-size:1.8rem; }
  .blog-article-header { padding-right:14px; padding-left:14px; }
  .blog-article-lead { font-size:15px; }
  .blog-prose { font-size:17px; line-height:1.8; }
  .blog-prose h2 { margin-top:56px; }
  .blog-definition { grid-template-columns:1fr; gap:8px; padding:20px; }
  .blog-callout,.blog-example { padding:21px; }
  .blog-inline-bridge { align-items:flex-start; flex-direction:column; gap:13px; padding-right:0; padding-left:0; }
  .blog-end-cta { padding:25px 22px; }
  .blog-end-cta h2 { font-size:26px; }
  .blog-repere-switcher { grid-template-columns:1fr; }
  .blog-repere-group-heading { align-items:flex-start; flex-direction:column; gap:9px; }
  .blog-repere-group-heading > strong { order:-1; }
}

@media (prefers-reduced-motion:reduce) {
  .blog-card,.blog-card-arrow,.blog-network-links a,.blog-repere-switcher button,.blog-repere-theme-item summary i { transition:none; }
}

/* Repères — méthode, recherche et entraînement */
.blog-section-eyebrow { display:block; margin-bottom:8px; color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.blog-method,.blog-confusions,.blog-training { scroll-margin-top:110px; }
.blog-method > p,.blog-confusions > p,.blog-training > p { margin:-10px 0 26px; color:var(--text-medium); font-size:16px; line-height:1.72; }
.blog-method-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:28px 0 0; }
.blog-method-card { padding:24px; border:1px solid var(--blog-rule); border-radius:7px; background:#fff; box-shadow:0 8px 26px rgba(42,39,78,.025); }
.blog-method-card > span { color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.blog-prose .blog-method-card h3 { margin:7px 0 15px; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; }
.blog-method-card ol { margin:0; padding-left:20px; color:var(--text-medium); font-size:13px; line-height:1.62; }
.blog-method-card li { margin-bottom:12px; }
.blog-method-example { margin-top:19px; padding-top:17px; border-top:1px solid var(--blog-rule); color:#555465; font-size:12px; line-height:1.65; }
.blog-method-example > strong { display:block; margin-bottom:6px; color:var(--blog-ink); font-family:Inter,Arial,sans-serif; font-size:11px; }
.blog-method-example p { margin:0; }
.blog-confusion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:26px; }
.blog-confusion-grid article { padding:18px 19px; border:1px solid var(--blog-rule); border-radius:6px; background:#fff; }
.blog-confusion-grid strong { display:block; color:var(--blog-warm-dark); font-family:Inter,Arial,sans-serif; font-size:12px; line-height:1.35; }
.blog-confusion-grid p { margin:7px 0 0; color:var(--text-medium); font-size:12px; line-height:1.58; }
.blog-training { margin-top:70px; padding:30px; border:1px solid rgba(108,99,255,.17); border-radius:8px; background:linear-gradient(145deg,#f6f5ff,#fff 72%); }
.blog-prose .blog-training h2 { margin-top:0; }
.blog-training-switcher { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:25px 0 14px; font-family:Inter,Arial,sans-serif; }
.blog-training-switcher button { display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; column-gap:10px; align-items:center; min-height:62px; padding:10px 13px; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; color:var(--text-medium); text-align:left; cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.blog-training-switcher button > span { grid-row:1 / 3; display:grid; place-items:center; width:32px; height:32px; border-radius:7px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font-size:14px; font-weight:800; }
.blog-training-switcher button strong { align-self:end; font-size:11px; }
.blog-training-switcher button small { align-self:start; margin-top:1px; color:var(--text-light); font-size:9px; }
.blog-training-switcher button:hover { border-color:rgba(108,99,255,.38); transform:translateY(-1px); }
.blog-training-switcher button.is-active { border-color:var(--blog-warm); background:var(--blog-warm); color:#fff; box-shadow:0 8px 20px rgba(108,99,255,.13); }
.blog-training-switcher button.is-active > span { background:rgba(255,255,255,.16); color:#fff; }
.blog-training-switcher button.is-active small { color:rgba(255,255,255,.7); }
.blog-training-panel { font-family:Inter,Arial,sans-serif; }
.blog-training-card { padding:24px; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; }
.blog-training-card > span { color:var(--blog-warm); font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.blog-prose .blog-training-card h3 { max-width:620px; margin:8px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; line-height:1.35; }
.blog-training-instruction { margin:11px 0 0; color:var(--text-light); font-size:11px; line-height:1.55; }
.blog-training-answer { margin-top:20px; padding:18px; border-radius:7px; background:#f6f5ff; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.62; }
.blog-training-answer[hidden] { display:none; }
.blog-training-answer ol { margin:0; padding-left:20px; }
.blog-training-answer li { margin-bottom:8px; }
.blog-training-answer > strong { display:block; margin-bottom:6px; color:var(--blog-warm-dark); font-family:Inter,Arial,sans-serif; font-size:13px; }
.blog-training-answer p { margin:0; }
.blog-training-example { margin-top:14px; padding-top:13px; border-top:1px solid rgba(108,99,255,.15); font-size:12px; }
.blog-training-example > span { display:block; color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.blog-training-example ul { margin:9px 0 0 17px; padding:0; }
.blog-training-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.blog-training-actions button { min-height:38px; padding:8px 12px; border:1px solid var(--blog-warm); border-radius:7px; background:var(--blog-warm); color:#fff; font:750 10px/1 Inter,Arial,sans-serif; cursor:pointer; }
.blog-training-actions button + button { border-color:var(--blog-rule); background:#fff; color:var(--blog-warm-dark); }
.blog-repere-search { margin-top:15px; padding:15px; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; }
.blog-repere-search > label { display:block; margin-bottom:7px; color:var(--blog-ink); font-size:10px; font-weight:750; }
.blog-repere-search > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.blog-repere-search input { width:100%; min-height:42px; padding:9px 12px; border:1px solid var(--blog-rule); border-radius:7px; outline:none; background:#fbfbfe; color:var(--blog-ink); font:500 11px/1.2 Inter,Arial,sans-serif; transition:border-color .2s ease,box-shadow .2s ease; }
.blog-repere-search input:focus { border-color:rgba(108,99,255,.55); box-shadow:0 0 0 3px rgba(108,99,255,.08); }
.blog-repere-search button { display:none; min-height:42px; padding:8px 12px; border:1px solid var(--blog-rule); border-radius:7px; background:#fff; color:var(--text-medium); font:700 10px/1 Inter,Arial,sans-serif; cursor:pointer; }
.blog-repere-search button.is-visible { display:block; }
.blog-repere-search p { margin:7px 0 0; color:var(--text-light); font-size:9px; line-height:1.4; }
.blog-repere-empty { margin:30px 0; padding:28px; border:1px dashed rgba(108,99,255,.3); border-radius:8px; text-align:center; }
.blog-repere-empty strong { color:var(--blog-ink); font-family:Inter,Arial,sans-serif; font-size:13px; }
.blog-repere-empty p { margin:6px 0 0; color:var(--text-light); font-size:12px; }
.blog-repere-example li > strong,.blog-repere-theme-example li > strong { color:var(--blog-ink); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:800; }
.blog-repere-texts { margin-top:14px!important; padding-top:12px; border-top:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-repere-texts > span { display:block; margin-bottom:6px; color:var(--blog-warm); font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.blog-repere-texts > div { display:flex; flex-wrap:wrap; gap:6px; }
.blog-repere-texts a { display:inline-flex; align-items:center; min-height:28px; padding:5px 8px; border:1px solid rgba(108,99,255,.16); border-radius:6px; background:#f8f7ff; color:var(--blog-warm-dark); font-size:9px; font-weight:700; line-height:1.3; text-decoration:none; }
.blog-repere-texts a:hover { border-color:rgba(108,99,255,.4); background:#fff; }
.blog-repere-theme-body .blog-repere-texts { color:var(--text-medium); font-family:Inter,Arial,sans-serif; font-size:10px; }

@media (max-width:760px) {
  .blog-method-grid,.blog-confusion-grid { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .blog-training { padding:22px 17px; }
  .blog-training-switcher { grid-template-columns:1fr; }
  .blog-training-card { padding:19px; }
  .blog-repere-search > div { grid-template-columns:1fr; }
  .blog-repere-search button.is-visible { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-training-switcher button,.blog-repere-search input { transition:none; }
}

.blog-repere-theme-definition ol { margin:0; padding-left:18px; }
.blog-repere-theme-definition li { margin-bottom:7px; }

/* Repères — hiérarchie 01 → 04, titres renforcés et mode association */
.blog-repere-browser,.blog-method,.blog-training,.blog-extra-reperes { scroll-margin-top:110px; }
.blog-repere-browser { margin-top:58px; }
.blog-method,.blog-training,.blog-extra-reperes { margin-top:78px; }
.blog-confusions { margin-top:48px; padding-top:38px; border-top:1px solid var(--blog-rule); }
.blog-section-eyebrow,
.blog-repere-browser-header > div:first-child > span {
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  color:var(--blog-warm-dark);
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  font-weight:850;
  font-style:italic;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.blog-section-eyebrow::before,
.blog-repere-browser-header > div:first-child > span::before {
  content:"";
  width:24px;
  height:2px;
  flex:none;
  border-radius:999px;
  background:var(--blog-warm);
}
.blog-prose .blog-method > h2,
.blog-prose .blog-training > h2,
.blog-prose .blog-extra-reperes > h2,
.blog-prose .blog-confusions > h2,
.blog-prose .blog-repere-browser-header h2 {
  position:relative;
  margin-top:8px;
  color:var(--blog-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.blog-prose .blog-method > h2::after,
.blog-prose .blog-training > h2::after,
.blog-prose .blog-extra-reperes > h2::after,
.blog-prose .blog-confusions > h2::after,
.blog-prose .blog-repere-browser-header h2::after {
  content:"";
  display:block;
  width:62px;
  height:3px;
  margin-top:13px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blog-warm),rgba(108,99,255,.12));
}
.blog-prose .blog-method > h2,
.blog-prose .blog-training > h2,
.blog-prose .blog-extra-reperes > h2 { font-size:clamp(2rem,4vw,2.65rem); line-height:1.12; }
.blog-prose .blog-confusions > h2 { font-size:clamp(1.7rem,3.4vw,2.25rem); }
.blog-method > p,.blog-confusions > p,.blog-training > p,.blog-extra-reperes > p { margin:16px 0 26px; }

.blog-repere dt {
  position:relative;
  padding-left:12px;
  color:var(--blog-warm-dark);
  font-size:14px;
  font-weight:850;
}
.blog-repere dt::before {
  content:"";
  position:absolute;
  left:0;
  top:.34em;
  width:3px;
  height:1.05em;
  border-radius:999px;
  background:var(--blog-warm);
}
.blog-repere-definition { font-size:13px; line-height:1.68; }
.blog-repere-definition strong { color:var(--blog-ink); font-weight:750; }
.blog-repere-example > span { color:var(--blog-warm-dark); font-size:9px; }
.blog-repere-example li > strong,.blog-repere-theme-example li > strong { color:var(--blog-warm-dark); }

.blog-training-switcher { grid-template-columns:repeat(3,minmax(0,1fr)); }
.blog-training-switcher button { min-width:0; }
.blog-training-switcher button strong { font-size:10px; }
.blog-training-switcher button small { line-height:1.25; }
.blog-training-answer { font-size:14px; line-height:1.7; }
.blog-training-answer li { margin-bottom:10px; }
.blog-training-answer strong { color:var(--blog-warm-dark); }

.blog-match-board {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:74px;
  margin-top:22px;
  padding:18px;
  border:1px solid var(--blog-rule);
  border-radius:9px;
  background:#fbfbfe;
}
.blog-match-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:1; }
.blog-match-line { fill:none; stroke:var(--blog-warm); stroke-width:2.25; stroke-linecap:round; opacity:.76; }
.blog-match-column { position:relative; z-index:2; display:grid; align-content:start; gap:9px; }
.blog-match-column > strong { margin-bottom:2px; color:var(--blog-warm-dark); font-size:9px; font-weight:850; font-style:italic; letter-spacing:.1em; text-transform:uppercase; }
.blog-match-column button {
  width:100%;
  min-height:52px;
  padding:10px 12px;
  border:1px solid var(--blog-rule);
  border-radius:7px;
  background:#fff;
  color:var(--blog-ink);
  font:650 10px/1.45 Inter,Arial,sans-serif;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.blog-match-definitions button { font-weight:500; color:var(--text-medium); }
.blog-match-column button:hover:not(:disabled) { border-color:rgba(108,99,255,.42); transform:translateY(-1px); }
.blog-match-column button.is-selected { border-color:var(--blog-warm); background:var(--blog-warm-soft); box-shadow:0 0 0 3px rgba(108,99,255,.08); color:var(--blog-warm-dark); }
.blog-match-column button.is-matched { border-color:rgba(108,99,255,.38); background:#f1efff; color:var(--blog-warm-dark); opacity:.86; }
.blog-match-column button.is-wrong { border-color:#b65959; background:#fff5f5; transform:translateX(2px); }
.blog-match-status { min-height:20px; margin:12px 0 0; color:var(--text-medium); font:650 10px/1.5 Inter,Arial,sans-serif; }

.blog-extra-reperes {
  padding:32px;
  border:1px solid rgba(108,99,255,.16);
  border-radius:9px;
  background:linear-gradient(145deg,#fff 0%,#f7f6ff 100%);
}
.blog-extra-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:28px; }
.blog-extra-grid article { padding:20px; border:1px solid var(--blog-rule); border-radius:7px; background:#fff; }
.blog-prose .blog-extra-grid h3 { margin:0 0 10px; color:var(--blog-warm-dark); font-family:Georgia,"Times New Roman",serif; font-size:20px; font-weight:600; font-style:italic; line-height:1.25; }
.blog-extra-grid p { margin:0; color:var(--text-medium); font-size:12px; line-height:1.65; }
.blog-extra-grid article > div { margin-top:13px; padding-top:12px; border-top:1px solid var(--blog-rule); color:#555465; font-size:11px; line-height:1.6; }
.blog-extra-grid article > div > strong { color:var(--blog-ink); }
.blog-extra-note { margin:18px 0 0!important; padding-top:15px; border-top:1px solid var(--blog-rule); color:var(--text-light)!important; font-size:11px!important; line-height:1.55!important; }

@media (max-width:820px) {
  .blog-training-switcher { grid-template-columns:1fr; }
  .blog-match-board { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:42px; padding:14px; }
}
@media (max-width:620px) {
  .blog-extra-reperes { padding:23px 17px; }
  .blog-extra-grid { grid-template-columns:1fr; }
  .blog-match-board { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:24px; padding:10px; }
  .blog-match-column button { min-height:58px; padding:8px; font-size:9px; }
  .blog-match-definitions button { font-size:8.5px; line-height:1.35; }
  .blog-match-line { stroke-width:1.8; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-match-column button { transition:none; }
}


/* Programmes de philosophie — page hub */
.blog-program-hero .blog-article-title em { color:var(--blog-warm); font-weight:500; }
.blog-program-hero .blog-article-lead strong { color:var(--blog-ink); font-weight:700; }
.blog-program-audiences { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.blog-program-audiences a { display:inline-flex; align-items:center; min-height:34px; padding:7px 11px; border:1px solid rgba(108,99,255,.2); border-radius:999px; background:rgba(255,255,255,.76); color:var(--blog-warm-dark); font:700 10px/1.2 Inter,Arial,sans-serif; text-decoration:none; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.blog-program-audiences a:hover { border-color:var(--blog-warm); background:#fff; transform:translateY(-1px); }
.blog-program-status { margin-bottom:58px; }
.blog-program-section { scroll-margin-top:105px; margin-top:84px; padding-top:1px; }
.blog-program-section + .blog-program-section { padding-top:76px; border-top:1px solid var(--blog-rule); }
.blog-program-section-heading { margin-bottom:34px; }
.blog-program-section-heading > span,.blog-section-eyebrow { display:block; color:var(--blog-warm); font:850 9px/1.3 Inter,Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.blog-prose .blog-program-section-heading h2 { margin:9px 0 0; }
.blog-program-section-heading p { max-width:680px; margin:16px 0 0; color:var(--text-medium); font-size:16px; line-height:1.72; }
.blog-program-intro { margin:-3px 0 20px; color:var(--text-medium); font-size:15px; line-height:1.72; }
.blog-program-perspectives { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:24px 0 44px; font-family:Inter,Arial,sans-serif; }
.blog-program-perspectives article { min-height:126px; padding:18px; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; }
.blog-program-perspectives span { display:block; color:var(--blog-warm); font-size:9px; font-weight:850; letter-spacing:.08em; }
.blog-program-perspectives strong { display:block; margin-top:28px; font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:500; line-height:1.28; }
.blog-program-notion-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:24px 0 36px; font-family:Inter,Arial,sans-serif; }
.blog-program-notion { scroll-margin-top:110px; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:10px 13px; border:1px solid var(--blog-rule); border-radius:7px; background:#fff; color:var(--blog-ink)!important; font-size:11px; font-weight:750; text-decoration:none!important; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.blog-program-notion i { color:var(--blog-warm); font-size:15px; font-style:normal; transition:transform .2s ease; }
.blog-program-notion:hover { border-color:rgba(108,99,255,.45); background:#faf9ff; transform:translateY(-1px); }
.blog-program-notion:hover i { transform:translateX(2px); }
.blog-program-notion-grid--compact { grid-template-columns:repeat(4,minmax(0,1fr)); }
.blog-program-bridge { margin-top:30px; }
.blog-program-author-groups { display:grid; gap:9px; margin:24px 0 42px; font-family:Inter,Arial,sans-serif; }
.blog-program-authors { overflow:hidden; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; }
.blog-program-authors summary { display:grid; grid-template-columns:32px 1fr 24px; align-items:center; gap:10px; min-height:56px; padding:11px 15px; cursor:pointer; list-style:none; }
.blog-program-authors summary::-webkit-details-marker { display:none; }
.blog-program-authors summary > span { display:grid; place-items:center; width:28px; height:28px; border-radius:7px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font-size:9px; font-weight:850; }
.blog-program-authors summary strong { font-family:Georgia,"Times New Roman",serif; font-size:17px; font-weight:500; }
.blog-program-authors summary i { color:var(--blog-warm); font-size:18px; font-style:normal; text-align:center; transition:transform .2s ease; }
.blog-program-authors[open] summary i { transform:rotate(45deg); }
.blog-program-author-list { display:flex; flex-wrap:wrap; gap:7px 8px; padding:0 16px 19px 57px; color:var(--text-medium); font:500 11px/1.5 Inter,Arial,sans-serif; }
.blog-program-author-list b { color:#c2bfd0; font-weight:400; }
.blog-program-author-list a,.blog-program-author-list span { scroll-margin-top:110px; }
.blog-program-author-list a { color:var(--blog-warm-dark); font-weight:700; text-decoration:none; }
.blog-program-author-list a:hover { text-decoration:underline; text-underline-offset:3px; }
.blog-program-repere-grid { display:flex; flex-wrap:wrap; gap:7px; margin:24px 0 28px; font-family:Inter,Arial,sans-serif; }
.blog-program-repere { scroll-margin-top:110px; display:inline-flex; align-items:center; min-height:31px; padding:6px 9px; border:1px solid rgba(42,39,78,.11); border-radius:6px; background:#fff; color:#4d4c5b; font-size:9px; font-weight:700; line-height:1.3; }
.blog-program-exercises { margin-top:22px; }
.blog-program-compare { display:grid; grid-template-columns:1fr 42px 1fr; align-items:center; gap:12px; margin:34px 0 40px; padding:20px; border:1px solid rgba(108,99,255,.16); border-radius:8px; background:#f8f7ff; font-family:Inter,Arial,sans-serif; }
.blog-program-compare > div { min-width:0; }
.blog-program-compare span { display:block; color:var(--text-light); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.blog-program-compare strong { display:block; margin-top:4px; font-family:Georgia,"Times New Roman",serif; font-size:25px; font-weight:500; }
.blog-program-compare small { display:block; margin-top:5px; color:var(--text-medium); font-size:10px; line-height:1.5; }
.blog-program-compare > i { color:var(--blog-warm); font-size:18px; font-style:normal; text-align:center; }
.blog-program-common-list { margin-top:18px!important; font-size:15px; }
.blog-program-sources { margin-top:32px; }
.blog-hlp-year { margin:42px 0 0; }
.blog-hlp-year > header { display:flex; align-items:baseline; gap:12px; padding-bottom:13px; border-bottom:1px solid var(--blog-rule); }
.blog-hlp-year > header > span { color:var(--blog-warm); font:850 9px/1 Inter,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.blog-prose .blog-hlp-year > header h3 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:24px; font-weight:500; }
.blog-hlp-semester { scroll-margin-top:110px; display:grid; grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr); margin-top:12px; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; overflow:hidden; }
.blog-hlp-semester-head { padding:20px; background:#f8f7ff; }
.blog-hlp-semester-head > span { color:var(--blog-warm); font:850 8px/1 Inter,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.blog-hlp-semester-head h4 { margin:9px 0 0; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:21px; font-weight:500; line-height:1.2; }
.blog-hlp-semester-head small { display:block; margin-top:8px; color:var(--text-light); font:600 9px/1.45 Inter,Arial,sans-serif; }
.blog-hlp-semester ol { display:grid; align-content:center; gap:0; margin:0!important; padding:13px 20px!important; list-style:none; counter-reset:hlp-entry; }
.blog-hlp-semester li { scroll-margin-top:110px; position:relative; margin:0!important; padding:9px 0 9px 29px!important; counter-increment:hlp-entry; color:#454452; font-family:Inter,Arial,sans-serif; font-size:11px; font-weight:650; line-height:1.45; }
.blog-hlp-semester li::before { content:"0" counter(hlp-entry); position:absolute; left:0; color:var(--blog-warm); font-size:8px; font-weight:850; }
.blog-hlp-semester li + li { border-top:1px solid var(--blog-rule); }
.blog-prepa-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:12px; margin:30px 0; font-family:Inter,Arial,sans-serif; }
.blog-prepa-card { display:flex; flex-direction:column; min-width:0; padding:22px; border:1px solid var(--blog-rule); border-radius:9px; background:#fff; }
.blog-prepa-card > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:15px; border-bottom:1px solid var(--blog-rule); }
.blog-prepa-card > header span { color:var(--blog-ink); font-size:10px; font-weight:800; line-height:1.35; }
.blog-prepa-card > header strong { flex:none; padding:5px 8px; border-radius:999px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font-size:8px; letter-spacing:.05em; }
.blog-prepa-theme { padding:21px 0 2px; }
.blog-prepa-theme + .blog-prepa-theme { margin-top:15px; border-top:1px solid var(--blog-rule); }
.blog-prepa-theme small { color:var(--blog-warm); font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-prose .blog-prepa-theme h3 { margin:7px 0 11px; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:500; }
.blog-prepa-theme ul { margin:0!important; padding-left:17px!important; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.55; }
.blog-prepa-theme li { margin-bottom:6px!important; }
.blog-prepa-theme p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:14px; line-height:1.65; }
.blog-prepa-theme--single { margin-bottom:auto; }
.blog-program-official-link { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:23px; padding-top:14px; border-top:1px solid var(--blog-rule); color:var(--blog-warm-dark)!important; font-size:10px; font-weight:800; text-decoration:none!important; }
.blog-program-official-link span { font-size:15px; }
.blog-program-explain-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0; font-family:Inter,Arial,sans-serif; }
.blog-program-explain-grid article { padding:20px; border:1px solid var(--blog-rule); border-radius:8px; background:#fff; }
.blog-program-explain-grid article:last-child { grid-column:1/-1; }
.blog-program-explain-grid > article > span { color:var(--blog-warm); font-size:8px; font-weight:850; }
.blog-prose .blog-program-explain-grid h3 { margin:16px 0 8px; font-family:Georgia,"Times New Roman",serif; font-size:19px; font-weight:500; }
.blog-program-explain-grid p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.62; }
.blog-program-source-index { margin-top:28px; }
.blog-program-verified { margin-top:22px!important; color:var(--text-light); font:600 10px/1.6 Inter,Arial,sans-serif; }
@media (max-width:760px) {
  .blog-program-audiences { gap:6px; }
  .blog-program-audiences a { font-size:9px; }
  .blog-program-section { margin-top:64px; }
  .blog-program-section + .blog-program-section { padding-top:58px; }
  .blog-program-perspectives { grid-template-columns:1fr; }
  .blog-program-perspectives article { min-height:auto; }
  .blog-program-perspectives strong { margin-top:13px; }
  .blog-program-notion-grid,.blog-program-notion-grid--compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .blog-program-author-list { padding-left:16px; }
  .blog-program-compare { grid-template-columns:1fr; }
  .blog-program-compare > i { transform:rotate(90deg); }
  .blog-hlp-semester { grid-template-columns:1fr; }
  .blog-prepa-grid { grid-template-columns:1fr; }
  .blog-program-explain-grid { grid-template-columns:1fr; }
  .blog-program-explain-grid article:last-child { grid-column:auto; }
}
@media (max-width:480px) {
  .blog-program-notion-grid,.blog-program-notion-grid--compact { grid-template-columns:1fr; }
  .blog-program-audiences a { width:100%; justify-content:center; }
}

/* Programmes de philosophie — refinements */
.blog-program-link-key {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:-34px 0 52px;
  padding:0 2px;
  color:var(--text-light);
  font:650 9px/1.45 Inter,Arial,sans-serif;
}
.blog-program-link-key span { display:inline-flex; align-items:center; gap:7px; }
.blog-program-link-key i {
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid rgba(108,99,255,.18);
  border-radius:6px;
  background:#faf9ff;
  color:var(--blog-warm-dark);
  font-size:12px;
  font-style:normal;
}

/* Internal references stay lightweight; external official sources look like a different destination. */
.blog-program-common-list a[href^="#"] {
  color:var(--blog-warm-dark)!important;
  text-decoration-line:underline!important;
  text-decoration-style:dotted!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px;
}
.blog-program-common-list a[href^="#"]::after { content:"  ↓"; color:var(--blog-warm); font-size:.82em; }
.blog-program-sources a,
.blog-program-source-index a {
  position:relative;
  min-height:66px;
  padding:27px 48px 12px 17px;
  border-color:rgba(108,99,255,.2);
  border-left:3px solid var(--blog-warm);
  border-radius:7px;
  background:linear-gradient(100deg,#faf9ff 0%,#fff 66%);
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.blog-program-sources a::before,
.blog-program-source-index a::before {
  content:"SOURCE OFFICIELLE · LIEN EXTERNE";
  position:absolute;
  top:9px;
  left:17px;
  color:var(--blog-warm);
  font:850 7px/1 Inter,Arial,sans-serif;
  letter-spacing:.11em;
}
.blog-program-sources a > span,
.blog-program-source-index a > span {
  position:absolute;
  right:15px;
  top:50%;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  margin-top:-13.5px;
  border:1px solid rgba(108,99,255,.2);
  border-radius:50%;
  background:#fff;
}
.blog-program-sources a:hover,
.blog-program-source-index a:hover {
  border-color:rgba(108,99,255,.45);
  background:#f7f5ff;
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(42,39,78,.055);
}
.blog-program-official-link {
  margin-right:-8px;
  margin-left:-8px;
  padding:12px 10px;
  border:1px solid rgba(108,99,255,.16);
  border-radius:7px;
  background:#faf9ff;
}
.blog-program-official-link::before {
  content:"Externe";
  padding:4px 6px;
  border-radius:999px;
  background:#eeebff;
  color:var(--blog-warm-dark);
  font-size:7px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

/* Authors: closed on load, smooth height animation handled by blog-programmes.js. */
.blog-program-authors {
  transition:height .34s cubic-bezier(.22,.7,.2,1),border-color .2s ease,box-shadow .2s ease;
  will-change:height;
}
.blog-program-authors summary { transition:background .2s ease; }
.blog-program-authors summary:hover { background:#faf9ff; }
.blog-program-authors[open] { border-color:rgba(108,99,255,.22); box-shadow:0 5px 16px rgba(42,39,78,.035); }
.blog-program-authors[open] summary { background:#fcfbff; }

/* Small, contextual contact CTAs. */
.blog-program-contact-strip {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:52px 0 12px;
  padding:17px 19px;
  border:1px solid rgba(108,99,255,.18);
  border-radius:8px;
  background:linear-gradient(105deg,#f8f7ff 0%,#fff 74%);
  font-family:Inter,Arial,sans-serif;
}
.blog-program-contact-strip div { min-width:0; }
.blog-program-contact-strip span {
  display:block;
  margin-bottom:4px;
  color:var(--blog-warm);
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.blog-program-contact-strip strong {
  display:block;
  color:var(--blog-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:500;
  line-height:1.35;
}
.blog-program-contact-strip a {
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px 11px;
  border:1px solid var(--blog-warm);
  border-radius:7px;
  color:var(--blog-warm-dark)!important;
  font-size:9px;
  font-weight:800;
  text-decoration:none!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.blog-program-contact-strip a i { font-size:13px; font-style:normal; transition:transform .2s ease; }
.blog-program-contact-strip a:hover { background:var(--blog-warm); color:#fff!important; transform:translateY(-1px); }
.blog-program-contact-strip a:hover i { transform:translateX(2px); }
.blog-program-contact-strip--hlp { margin-top:46px; }

/* The “dit / ne dit pas” section gets a stronger visual rhythm without becoming decorative. */
.blog-program-explain-heading {
  position:relative;
  padding:25px 27px 27px;
  border:1px solid rgba(108,99,255,.17);
  border-radius:9px;
  background:linear-gradient(125deg,#f6f4ff 0%,#fff 72%);
  overflow:hidden;
}
.blog-program-explain-heading::after {
  content:"";
  position:absolute;
  top:-38px;
  right:-25px;
  width:120px;
  height:120px;
  border:22px solid rgba(108,99,255,.055);
  border-radius:50%;
}
.blog-program-explain-heading > * { position:relative; z-index:1; }
.blog-program-explain-heading strong { color:var(--blog-warm-dark); }
.blog-program-explain-grid { gap:12px; }
.blog-program-explain-grid article {
  position:relative;
  min-height:188px;
  padding:22px 21px 21px 24px;
  border-radius:9px;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.blog-program-explain-grid article::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--blog-warm);
}
.blog-program-explain-grid article.is-violet { background:linear-gradient(145deg,#f8f7ff 0%,#fff 74%); border-color:rgba(108,99,255,.18); }
.blog-program-explain-grid article.is-warm { background:linear-gradient(145deg,#fff 0%,#fbfaf7 100%); }
.blog-program-explain-grid article.is-warm::before { background:#c6a770; }
.blog-program-explain-grid article.is-wide {
  min-height:0;
  padding-right:31px;
  background:linear-gradient(100deg,#252432 0%,#323043 100%);
  border-color:#323043;
  color:#fff;
}
.blog-program-explain-grid article.is-wide::before { width:4px; background:#b9b4ff; }
.blog-program-explain-grid article.is-wide > span { color:#b9b4ff; }
.blog-prose .blog-program-explain-grid article.is-wide h3 { color:#fff; }
.blog-program-explain-grid article.is-wide p { color:rgba(255,255,255,.67); }
.blog-program-explain-grid article:hover { transform:translateY(-2px); border-color:rgba(108,99,255,.3); box-shadow:0 8px 22px rgba(42,39,78,.05); }
.blog-program-explain-grid > article > span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:26px;
  padding:0 7px;
  border-radius:7px;
  background:rgba(108,99,255,.09);
  color:var(--blog-warm-dark);
  font-size:8px;
}
.blog-program-explain-grid article.is-warm > span { background:#f5eee1; color:#856a3a; }
.blog-program-explain-grid article.is-wide > span { background:rgba(185,180,255,.12); }
.blog-prose .blog-program-explain-grid h3 { margin-top:18px; font-size:20px; }

.blog-program-end-cta .blog-end-actions a:first-child { border-color:#b9b4ff; background:#b9b4ff; color:#22222d; }
.blog-program-end-cta .blog-end-actions a:nth-child(n+2) { background:transparent; color:#fff; }

@media (max-width:760px) {
  .blog-program-link-key { margin-top:-29px; margin-bottom:45px; gap:7px 13px; }
  .blog-program-contact-strip { align-items:flex-start; flex-direction:column; gap:13px; margin-top:42px; }
  .blog-program-contact-strip a { align-self:flex-start; }
  .blog-program-explain-heading { padding:22px 20px 23px; }
  .blog-program-explain-grid article { min-height:0; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-program-authors,
  .blog-program-authors summary,
  .blog-program-contact-strip a,
  .blog-program-contact-strip a i,
  .blog-program-explain-grid article,
  .blog-program-sources a,
  .blog-program-source-index a { transition:none!important; }
}

/* Final spacing and external-link treatment for contextual programme CTAs. */
.blog-program-official-link { position:relative; padding:29px 10px 11px; }
.blog-program-official-link::before {
  position:absolute;
  top:9px;
  left:10px;
}
.blog-program-contact-strip + .blog-program-section {
  margin-top:54px;
  padding-top:70px;
  border-top:1px solid var(--blog-rule);
}
@media (max-width:760px) {
  .blog-program-contact-strip + .blog-program-section { margin-top:45px; padding-top:58px; }
}


/* Blog index — responsive editorial cards */
@media (max-width:900px) {
  .blog-card-featured-main { grid-template-columns:minmax(0,1fr) minmax(260px,.75fr); gap:28px; }
  .blog-card-compact-main { grid-template-columns:210px minmax(0,1fr); gap:24px; }
}
@media (max-width:760px) {
  .blog-listing { padding:54px 0 72px; }
  .blog-listing-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  .blog-listing-heading p { max-width:520px; text-align:left; }
  .blog-grid--editorial { grid-template-columns:1fr; gap:15px; }
  .blog-card--featured,.blog-card--compact { grid-column:auto; min-height:0; padding:27px; border-radius:22px; }
  .blog-card-number { margin-top:18px; }
  .blog-card-featured-main,.blog-card-compact-main { grid-template-columns:1fr; gap:18px; }
  .blog-card-featured-main { margin-top:20px; }
  .blog-card-compact-main { margin-top:18px; }
  .blog-card-visual--programmes { height:195px; order:-1; }
  .blog-card-visual--reperes { height:175px; }
  .blog-card--featured h2 { font-size:clamp(2.45rem,9.5vw,3.5rem); }
  .blog-card--compact h2 { font-size:clamp(2rem,8vw,2.7rem); }
  .blog-type-key { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {
  .blog-card--featured,.blog-card--compact { min-height:0; padding:22px; border-radius:19px; }
  .blog-card-number { margin-top:16px; }
  .blog-card-top { align-items:flex-start; }
  .blog-card-labels { max-width:65%; }
  .blog-card-featured-label,.blog-card-category,.blog-card-date { min-height:27px; padding:0 8px; font-size:8px; }
  .blog-card-visual { margin-top:19px; border-radius:15px; }
  .blog-card-visual--programmes { height:165px; }
  .blog-card-visual--reperes { height:150px; }
  .blog-card--featured h2 { font-size:clamp(2.15rem,10.8vw,3rem); }
  .blog-card--compact h2 { font-size:clamp(1.9rem,9vw,2.45rem); }
  .blog-card-footer { align-items:flex-end; }
  .blog-card-read { font-size:9px; }
  .blog-type-key { padding:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-card,.blog-card-read i { transition:none; }
}

/* ==========================================================
   Blog — ajustements desktop + programmes + portraits
   ========================================================== */

@media (min-width: 1024px) {
  html { zoom: 1; }
}

.blog-program-section-heading > span {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:5px 0 5px 12px;
  border-left:3px solid var(--blog-warm);
  color:var(--blog-warm-dark);
  font:800 15px/1.35 Inter,Arial,sans-serif;
  letter-spacing:.015em;
  text-transform:none;
}

.blog-program-section + .blog-program-section,
.blog-program-contact-strip + .blog-program-section {
  position:relative;
  padding-top:84px;
  border-top:2px solid rgba(108,99,255,.28);
}

.blog-program-section + .blog-program-section::before,
.blog-program-contact-strip + .blog-program-section::before {
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:96px;
  height:2px;
  background:var(--blog-warm);
}

/* Blog index — portraits : cadrage du site en ligne, avec Descartes au premier plan */
.blog-index-hero-inner {
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
  align-items:center;
  gap:46px;
}

.blog-hero-portraits {
  position:relative;
  align-self:stretch;
  min-height:350px;
  isolation:isolate;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
}

.blog-hero-portrait {
  position:absolute;
  bottom:-15px;
  width:auto;
  max-width:none;
  height:470px;
  object-fit:contain;
  user-select:none;
  filter:grayscale(1) contrast(.94);
}

.blog-hero-portrait--socrate {
  left:-34px;
  z-index:1;
  opacity:.32;
  transform:rotate(-1.5deg);
}

.blog-hero-portrait--descartes {
  right:-34px;
  z-index:2;
  height:452px;
  opacity:.62;
  transform:rotate(1deg);
}

@media (max-width:980px) {
  .blog-index-hero-inner {
    grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);
    gap:28px;
  }
  .blog-hero-portraits { min-height:320px; }
  .blog-hero-portrait { height:405px; bottom:-12px; }
  .blog-hero-portrait--socrate { left:-38px; }
  .blog-hero-portrait--descartes { right:-28px; height:390px; opacity:.60; }
}

/* Le bloc portraits réintroduisait deux colonnes après le breakpoint mobile
   précédent : sur téléphone, le texte se retrouvait écrasé dans une colonne
   très étroite. On repasse explicitement le hero sur une seule colonne. */
@media (max-width:760px) {
  .blog-index-page .blog-index-hero-inner {
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .blog-index-page .blog-hero-portraits { display:none; }
  .blog-index-page .blog-index-title,
  .blog-index-page .blog-index-intro { max-width:100%; }
}

@media (max-width:760px) {
  .blog-program-section-heading > span {
    min-height:30px;
    padding-left:10px;
    font-size:13px;
  }
  .blog-program-section + .blog-program-section,
  .blog-program-contact-strip + .blog-program-section {
    padding-top:62px;
  }
}

/* ========================================================================== 
   Blog index — grille compacte, filtres et échelle propre à l'index
   2026-08-24
   ========================================================================== */
.blog-index-page .blog-index-hero { padding-top:70px; padding-bottom:54px; }
.blog-index-page .blog-index-hero-inner { align-items:center; }
.blog-index-page .blog-listing { padding:42px 0 72px; }
.blog-index-page .blog-listing-heading { margin-bottom:18px; }

.blog-index-tools {
  display:grid;
  grid-template-columns:auto minmax(220px,360px) auto;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  padding:9px;
  border:1px solid rgba(42,39,78,.10);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 7px 24px rgba(38,34,70,.035);
}
.blog-index-filters { display:flex; align-items:center; gap:5px; }
.blog-index-filters button {
  min-height:34px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--text-medium);
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.blog-index-filters button:hover { background:#f4f2ff; color:var(--blog-warm-dark); }
.blog-index-filters button.is-active {
  background:var(--blog-warm-soft);
  color:var(--blog-warm-dark);
  box-shadow:inset 0 0 0 1px rgba(108,99,255,.10);
}
.blog-index-search {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 11px;
  border:1px solid rgba(42,39,78,.10);
  border-radius:9px;
  background:#fff;
}
.blog-index-search svg { flex:none; width:15px; height:15px; stroke:var(--text-light); stroke-width:1.7; }
.blog-index-search input {
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--blog-ink);
  font:500 10.5px/1.2 Inter,Arial,sans-serif;
}
.blog-index-search input::placeholder { color:#9c99a8; }
.blog-index-count { justify-self:end; color:var(--text-light); font-size:9px; font-weight:650; white-space:nowrap; }

.blog-index-page .blog-grid--editorial {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.blog-index-page .blog-card,
.blog-index-page .blog-card--featured,
.blog-index-page .blog-card--compact {
  grid-column:auto;
  display:flex;
  flex-direction:column;
  min-height:250px;
  padding:19px 19px 17px;
  overflow:hidden;
  border:1px solid rgba(42,39,78,.10);
  border-radius:16px;
  background:#fff;
  color:var(--blog-ink);
  box-shadow:0 9px 30px rgba(39,35,70,.04);
}
.blog-index-page .blog-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(var(--card-accent),.055),transparent 45%);
  opacity:1;
}
.blog-index-page .blog-card:hover {
  transform:translateY(-2px);
  border-color:rgba(var(--card-accent),.24);
  box-shadow:0 14px 34px rgba(39,35,70,.075);
}
.blog-index-page .blog-card-top { position:relative; z-index:1; min-height:26px; }
.blog-card-topic {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(var(--card-accent),.08);
  color:rgb(var(--card-accent));
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.blog-card-topics { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.blog-card-topic--philosophie { background:rgba(108,99,255,.08); color:rgb(108,99,255); }
.blog-card-topic--methodologie { background:rgba(201,111,91,.09); color:rgb(63,132,119); }
.blog-index-page .blog-card-date { min-height:24px; padding:0; background:transparent; color:var(--text-light); font-size:8px; }
.blog-index-page .blog-card-number { position:relative; z-index:1; margin-top:18px; color:rgb(var(--card-accent)); font-size:9px; }
.blog-index-page .blog-card h2 {
  position:relative;
  z-index:1;
  margin:8px 0 0;
  color:#2f2d43;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.3rem,1.55vw,1.68rem);
  font-weight:540;
  line-height:1.1;
  letter-spacing:-.028em;
}
.blog-index-page .blog-card h2 strong {
  color:rgb(var(--card-accent));
  font-weight:700;
}
.blog-index-page .blog-card-summary {
  position:relative;
  z-index:1;
  margin:10px 0 16px;
  color:var(--text-medium);
  font-size:10.5px;
  line-height:1.55;
}
.blog-index-page .blog-card-read {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(42,39,78,.07);
  color:rgb(var(--card-accent));
  font-size:9px;
  font-weight:750;
}
.blog-index-page .blog-card-read i {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:rgba(var(--card-accent),.09);
  color:rgb(var(--card-accent));
  font-style:normal;
}
.blog-index-page .blog-card[hidden] { display:none!important; }
.blog-index-empty { margin:24px 0 0; color:var(--text-light); font-size:12px; text-align:center; }

@media (max-width:900px) {
  .blog-index-tools { grid-template-columns:1fr; }
  .blog-index-count { justify-self:start; }
  .blog-index-page .blog-grid--editorial { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .blog-index-page .blog-index-hero { padding-top:50px; padding-bottom:42px; }
  .blog-index-page .blog-listing { padding-top:34px; }
  .blog-index-filters { overflow-x:auto; padding-bottom:2px; }
  .blog-index-page .blog-grid--editorial { grid-template-columns:1fr; }
  .blog-index-page .blog-card { min-height:0; }
}


/* ========================================================================== 
   Billet — Faire feu de tout bois / extra-philosophie
   2026-08-24
   Styles scoppés à .blog-extraphilo-page pour ne pas modifier les autres billets.
   ========================================================================== */
.blog-extraphilo-page .blog-article-header { background:linear-gradient(145deg,#f2f1ff 0%,#fff 58%,#f7f6ff 100%); }
.blog-extraphilo-page .blog-article-title em { color:var(--blog-warm-dark); font-style:italic; }
.blog-extraphilo-page .blog-prose > section { scroll-margin-top:112px; }
.blog-extraphilo-page .blog-prose > section + section { margin-top:76px; padding-top:6px; }
.blog-extraphilo-page .blog-prose .blog-section-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
  color:var(--blog-warm);
  font-family:Inter,Arial,sans-serif;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.blog-extraphilo-page .blog-prose .blog-section-eyebrow::after { content:""; width:32px; height:1px; background:rgba(108,99,255,.34); }
.blog-extraphilo-page .blog-prose h2 { margin-top:8px; }
.blog-extraphilo-page .blog-prose h3[id],
.blog-extraphilo-page .blog-prose h4[id],
.blog-extraphilo-page [id] { scroll-margin-top:116px; }

.blog-extraphilo-page .blog-extraphilo-thesis { position:relative; overflow:hidden; border:1px solid rgba(108,99,255,.11); }
.blog-extraphilo-page .blog-extraphilo-thesis::after {
  content:"≠";
  position:absolute;
  right:20px;
  bottom:-17px;
  color:rgba(108,99,255,.08);
  font:700 82px/1 Georgia,"Times New Roman",serif;
}
.blog-extraphilo-page .blog-extraphilo-thesis p { position:relative; z-index:1; max-width:610px; }

.blog-extraphilo-page .blog-extraphilo-distinction {
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
  align-items:stretch;
  gap:12px;
  margin:34px 0 25px;
  font-family:Inter,Arial,sans-serif;
}
.blog-extraphilo-page .blog-extraphilo-distinction > article {
  padding:24px;
  border:1px solid var(--blog-rule);
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(42,39,78,.035);
}
.blog-extraphilo-page .blog-extraphilo-distinction > article:last-child { background:linear-gradient(145deg,#fbfaff,#f4f2ff); }
.blog-extraphilo-page .blog-extraphilo-distinction article > span {
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:var(--blog-warm-soft);
  color:var(--blog-warm-dark);
  font-size:8px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.blog-extraphilo-page .blog-extraphilo-distinction h3 { margin:12px 0 9px; font-size:15px; }
.blog-extraphilo-page .blog-extraphilo-distinction p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:14px; line-height:1.65; }
.blog-extraphilo-page .blog-extraphilo-distinction small { display:block; margin-top:15px; padding-top:12px; border-top:1px solid var(--blog-rule); color:var(--text-light); font-size:9.5px; line-height:1.5; }
.blog-extraphilo-page .blog-extraphilo-distinction-sign { display:grid; place-items:center; color:var(--blog-warm); font:600 30px/1 Georgia,"Times New Roman",serif; }

.blog-extraphilo-page .blog-extraphilo-flow,
.blog-extraphilo-page .blog-extraphilo-final-flow {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin:25px 0 34px;
  padding:16px 18px;
  border-top:1px solid var(--blog-rule);
  border-bottom:1px solid var(--blog-rule);
  color:var(--text-medium);
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  line-height:1.35;
  text-align:center;
}
.blog-extraphilo-page .blog-extraphilo-flow i,
.blog-extraphilo-page .blog-extraphilo-final-flow i { color:var(--blog-warm); font-style:normal; }
.blog-extraphilo-page .blog-extraphilo-flow strong,
.blog-extraphilo-page .blog-extraphilo-final-flow strong { color:var(--blog-warm-dark); }

.blog-extraphilo-page .blog-extraphilo-source {
  margin-top:34px;
  padding:28px;
  border:1px solid var(--blog-rule);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(42,39,78,.028);
}
.blog-extraphilo-page .blog-extraphilo-source + .blog-extraphilo-source { margin-top:18px; }
.blog-extraphilo-page .blog-extraphilo-source > header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding-bottom:17px; border-bottom:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-source > header span { color:var(--blog-warm); font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-source > header h3 { margin:5px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:21px; font-weight:500; line-height:1.22; }
.blog-extraphilo-page .blog-extraphilo-source > header > a { flex:none; margin-top:2px; font-size:9.5px; font-weight:750; text-decoration:none; }
.blog-extraphilo-page .blog-extraphilo-source > p { margin:20px 0 0; color:var(--text-medium); font-size:15px; line-height:1.72; }
.blog-extraphilo-page .blog-extraphilo-source--myth { border-top:3px solid rgba(108,99,255,.62); }
.blog-extraphilo-page .blog-extraphilo-source--religion { border-top:3px solid rgba(164,119,55,.52); }
.blog-extraphilo-page .blog-extraphilo-source--literature { border-top:3px solid rgba(70,104,148,.52); }

.blog-extraphilo-page .blog-extraphilo-example-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:21px; }
.blog-extraphilo-page .blog-extraphilo-example-pair article { display:flex; flex-direction:column; min-height:220px; padding:19px; border:1px solid rgba(42,39,78,.10); border-radius:10px; background:#fbfbfe; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-example-pair article > span { color:var(--blog-warm-dark); font-size:7.5px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-example-pair h4 { margin:7px 0 8px; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:20px; font-weight:500; line-height:1.2; }
.blog-extraphilo-page .blog-extraphilo-example-pair p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.6; }
.blog-extraphilo-page .blog-extraphilo-example-pair strong { display:block; margin-top:14px; padding-top:12px; border-top:1px solid var(--blog-rule); color:#353348; font-size:10.5px; line-height:1.5; }
.blog-extraphilo-page .blog-extraphilo-example-pair a { display:inline-flex; margin-top:auto; padding-top:14px; font-size:9.5px; font-weight:750; text-decoration:none; }
.blog-extraphilo-page .blog-extraphilo-opening { margin-top:16px!important; padding-left:14px; border-left:2px solid rgba(108,99,255,.22); color:var(--text-light)!important; font-size:12px!important; }
.blog-extraphilo-page .blog-extraphilo-literature-note { display:grid; grid-template-columns:150px 1fr; gap:18px; margin-top:20px; padding:17px 18px; border-radius:9px; background:#f7f7fb; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-literature-note > span { color:var(--blog-warm-dark); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-literature-note p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12.5px; line-height:1.6; }

.blog-extraphilo-page .blog-extraphilo-use-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:30px 0; }
.blog-extraphilo-page .blog-extraphilo-use-grid article { min-height:180px; padding:20px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-use-grid article > span { color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-use-grid h3 { margin:9px 0 8px; font-size:14px; }
.blog-extraphilo-page .blog-extraphilo-use-grid p { margin:0; color:var(--text-medium); font-size:13px; line-height:1.6; }
.blog-extraphilo-page .blog-extraphilo-transition { margin-top:34px!important; padding:21px 22px; border-left:3px solid var(--blog-warm); background:#fff; }

.blog-extraphilo-page .blog-extraphilo-deep-case { margin-top:24px; padding:28px; border:1px solid var(--blog-rule); border-radius:14px; background:#fff; box-shadow:0 10px 28px rgba(42,39,78,.028); }
.blog-extraphilo-page .blog-extraphilo-deep-case + .blog-extraphilo-deep-case { margin-top:18px; }
.blog-extraphilo-page .blog-extraphilo-deep-case > header { padding-bottom:17px; border-bottom:1px solid var(--blog-rule); }
.blog-extraphilo-page .blog-extraphilo-deep-case > header span { color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-deep-case > header h3 { margin:6px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:23px; font-weight:500; line-height:1.2; }
.blog-extraphilo-page .blog-extraphilo-deep-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:21px; overflow:hidden; border:1px solid var(--blog-rule); border-radius:10px; background:var(--blog-rule); }
.blog-extraphilo-page .blog-extraphilo-deep-grid article { padding:18px; background:#fbfbfe; }
.blog-extraphilo-page .blog-extraphilo-deep-grid span { color:var(--blog-warm-dark); font-family:Inter,Arial,sans-serif; font-size:7.5px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-deep-grid p { margin:8px 0 0; color:var(--text-medium); font-size:12.5px; line-height:1.58; }
.blog-extraphilo-page .blog-extraphilo-path { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin:20px 0 0; padding:13px 15px; border-radius:9px; background:var(--blog-warm-soft); color:#56526d; font-family:Inter,Arial,sans-serif; font-size:9.5px; text-align:center; }
.blog-extraphilo-page .blog-extraphilo-path i { color:var(--blog-warm); font-style:normal; }
.blog-extraphilo-page .blog-extraphilo-path strong { color:var(--blog-warm-dark); }
.blog-extraphilo-page .blog-extraphilo-status { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:17px; padding-top:15px; border-top:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; font-size:9.5px; }
.blog-extraphilo-page .blog-extraphilo-status strong { color:var(--blog-ink); }
.blog-extraphilo-page .blog-extraphilo-status span { color:var(--text-light); text-align:right; }
.blog-extraphilo-page .blog-extraphilo-deep-link { display:inline-flex; margin-top:16px; font-family:Inter,Arial,sans-serif; font-size:10px; font-weight:750; text-decoration:none; }

.blog-extraphilo-page .blog-extraphilo-method { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:8px; margin:30px 0; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-method > article { min-height:134px; padding:16px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-method > article span { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font-size:8px; font-weight:850; }
.blog-extraphilo-page .blog-extraphilo-method > article strong { display:block; margin-top:13px; font-size:11px; }
.blog-extraphilo-page .blog-extraphilo-method > article small { display:block; margin-top:6px; color:var(--text-light); font-size:8.5px; line-height:1.45; }
.blog-extraphilo-page .blog-extraphilo-method > i { color:var(--blog-warm); font-style:normal; font-size:13px; }

.blog-extraphilo-page .blog-extraphilo-before-after { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:30px 0; }
.blog-extraphilo-page .blog-extraphilo-before-after article { padding:21px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-before-after article > span { font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-before-after .is-weak { border-top:3px solid rgba(130,126,145,.32); }
.blog-extraphilo-page .blog-extraphilo-before-after .is-weak > span { color:#817d8e; }
.blog-extraphilo-page .blog-extraphilo-before-after .is-strong { border-top:3px solid rgba(108,99,255,.58); background:#faf9ff; }
.blog-extraphilo-page .blog-extraphilo-before-after .is-strong > span { color:var(--blog-warm-dark); }
.blog-extraphilo-page .blog-extraphilo-before-after p { margin:12px 0 0; font-size:14px; line-height:1.62; }
.blog-extraphilo-page .blog-extraphilo-before-after small { display:block; margin-top:13px; color:var(--text-light); font-family:Inter,Arial,sans-serif; font-size:8.5px; line-height:1.45; }
.blog-extraphilo-page .blog-extraphilo-rules { margin-top:25px; padding:0; list-style:none; counter-reset:extra-rules; }
.blog-extraphilo-page .blog-extraphilo-rules li { position:relative; margin:0; padding:13px 0 13px 42px; border-top:1px solid var(--blog-rule); counter-increment:extra-rules; font-size:14px; line-height:1.6; }
.blog-extraphilo-page .blog-extraphilo-rules li:last-child { border-bottom:1px solid var(--blog-rule); }
.blog-extraphilo-page .blog-extraphilo-rules li::before { content:"0" counter(extra-rules); position:absolute; left:2px; top:15px; color:var(--blog-warm); font:700 10px/1 Inter,Arial,sans-serif; }

.blog-extraphilo-page .blog-extraphilo-balance { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin:28px 0 10px; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-balance > div { min-height:112px; padding:18px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-balance > div:last-child { background:var(--blog-warm-soft); border-color:rgba(108,99,255,.16); }
.blog-extraphilo-page .blog-extraphilo-balance span { display:block; color:var(--blog-warm-dark); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-balance strong { display:block; margin-top:10px; font-size:11px; line-height:1.45; }
.blog-extraphilo-page .blog-extraphilo-balance small { display:block; margin-top:7px; color:var(--text-light); font-size:8.5px; }
.blog-extraphilo-page .blog-extraphilo-balance > i { color:var(--blog-warm); font-style:normal; }
.blog-extraphilo-page .blog-extraphilo-service { margin-top:34px; }

.blog-extraphilo-page .blog-extraphilo-other-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-other-grid article { min-height:116px; padding:17px 18px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-other-grid span { color:var(--blog-warm-dark); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-other-grid p { margin:9px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12.5px; line-height:1.58; }
.blog-extraphilo-page .blog-extraphilo-final-flow { margin-top:25px; }
.blog-extraphilo-page .blog-extraphilo-end { margin-top:68px; }
.blog-extraphilo-page .blog-extraphilo-end .blog-end-actions a:nth-child(n+2) { background:transparent; color:#fff; }

/* Sommaire : sous-sections cliquables sans perturber la numérotation principale. */
.blog-extraphilo-page .blog-article-aside > ol > li { margin-bottom:10px; }
.blog-extraphilo-page .blog-article-subnav { margin:6px 0 2px 24px!important; padding:0!important; list-style:none!important; counter-reset:none!important; }
.blog-extraphilo-page .blog-article-subnav li { margin:0!important; padding:0!important; counter-increment:none!important; }
.blog-extraphilo-page .blog-article-subnav a {
  display:block;
  position:relative;
  padding:4px 0 4px 11px;
  color:#9693a2;
  font-size:9.5px;
  line-height:1.35;
}
.blog-extraphilo-page .blog-article-subnav a::before {
  content:""!important;
  position:absolute;
  left:0;
  top:10px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(108,99,255,.42);
}
.blog-extraphilo-page .blog-article-subnav a:hover { color:var(--blog-warm-dark); }

@media (max-width:760px) {
  .blog-extraphilo-page .blog-prose > section + section { margin-top:60px; }
  .blog-extraphilo-page .blog-extraphilo-distinction { grid-template-columns:1fr; gap:10px; }
  .blog-extraphilo-page .blog-extraphilo-distinction-sign { height:24px; transform:rotate(90deg); }
  .blog-extraphilo-page .blog-extraphilo-source { padding:21px; }
  .blog-extraphilo-page .blog-extraphilo-source > header { flex-direction:column; gap:10px; }
  .blog-extraphilo-page .blog-extraphilo-example-pair,
  .blog-extraphilo-page .blog-extraphilo-use-grid,
  .blog-extraphilo-page .blog-extraphilo-before-after,
  .blog-extraphilo-page .blog-extraphilo-other-grid { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-example-pair article { min-height:0; }
  .blog-extraphilo-page .blog-extraphilo-literature-note { grid-template-columns:1fr; gap:6px; }
  .blog-extraphilo-page .blog-extraphilo-deep-case { padding:21px; }
  .blog-extraphilo-page .blog-extraphilo-deep-grid { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-status { align-items:flex-start; flex-direction:column; gap:5px; }
  .blog-extraphilo-page .blog-extraphilo-status span { text-align:left; }
  .blog-extraphilo-page .blog-extraphilo-method { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-method > article { min-height:0; }
  .blog-extraphilo-page .blog-extraphilo-method > i { transform:rotate(90deg); text-align:center; }
  .blog-extraphilo-page .blog-extraphilo-balance { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-balance > i { transform:rotate(90deg); text-align:center; }
}

@media (prefers-reduced-motion:reduce) {
  .blog-extraphilo-page .blog-extraphilo-source a,
  .blog-extraphilo-page .blog-extraphilo-deep-link,
  .blog-extraphilo-page .blog-article-subnav a { transition:none!important; }
}


/* ========================================================================== 
   Billets — hiérarchie éditoriale harmonisée + échelle 100 %
   2026-08-24
   ========================================================================== */
.blog-page .blog-prose > section > h2,
.blog-page .blog-program-section-heading > h2,
.blog-page .blog-repere-browser-header h2 {
  color:var(--blog-ink);
  font-size:clamp(2.35rem,4.8vw,3.2rem);
  font-weight:650;
  line-height:1.08;
  letter-spacing:-.042em;
  text-wrap:balance;
}
.blog-page .blog-prose h3 {
  color:var(--blog-ink);
  font-size:19px;
  font-weight:800;
  line-height:1.3;
}
.blog-page .blog-prose > section > h2,
.blog-page .blog-program-section-heading > h2,
.blog-page .blog-repere-browser-header h2 {
  padding-bottom:16px;
  border-bottom:1px solid rgba(108,99,255,.17);
}
.blog-page .blog-prose > section > h2::after,
.blog-page .blog-program-section-heading > h2::after {
  content:"";
  display:block;
  width:72px;
  height:3px;
  margin-top:16px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blog-warm),rgba(108,99,255,.10));
}

/* Billet extra-philosophie — lisibilité des sous-parties et méthode */
.blog-extraphilo-page .blog-extraphilo-source > header h3 {
  margin:6px 0 0;
  font-size:clamp(1.75rem,3.1vw,2.25rem);
  font-weight:650;
  letter-spacing:-.03em;
}
.blog-extraphilo-page .blog-extraphilo-example-pair article > span {
  font-size:8px;
  letter-spacing:.085em;
}
.blog-extraphilo-page .blog-extraphilo-use-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-bottom:14px;
}
.blog-extraphilo-page .blog-extraphilo-use-grid article {
  min-height:165px;
  padding:22px;
}
.blog-extraphilo-page .blog-extraphilo-use-grid h3 { font-size:17px; }
.blog-extraphilo-page .blog-extraphilo-reflection {
  position:relative;
  margin:14px 0 30px;
  padding:22px 24px 22px 28px;
  border-left:3px solid var(--blog-warm);
  border-radius:0 11px 11px 0;
  background:linear-gradient(90deg,rgba(108,99,255,.075),rgba(108,99,255,.018));
}
.blog-extraphilo-page .blog-extraphilo-reflection::before {
  content:"";
  position:absolute;
  left:-3px;
  top:0;
  width:3px;
  height:40%;
  background:var(--blog-warm-dark);
}
.blog-extraphilo-page .blog-extraphilo-reflection > span {
  color:var(--blog-warm-dark);
  font:850 8px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.blog-extraphilo-page .blog-extraphilo-reflection h3 {
  margin:8px 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:600;
}
.blog-extraphilo-page .blog-extraphilo-reflection p {
  margin:0;
  color:var(--text-medium);
  font-size:14px;
  line-height:1.65;
}

.blog-extraphilo-page .blog-extraphilo-method--three {
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:12px;
  margin:32px 0 36px;
}
.blog-extraphilo-page .blog-extraphilo-method--three > article {
  position:relative;
  min-height:155px;
  padding:19px 18px 18px;
  border-color:rgba(108,99,255,.14);
  background:linear-gradient(155deg,#fff 30%,#faf9ff 100%);
  box-shadow:0 10px 26px rgba(42,39,78,.035);
}
.blog-extraphilo-page .blog-extraphilo-method--three > article strong {
  margin-top:15px;
  color:var(--blog-ink);
  font-size:13px;
}
.blog-extraphilo-page .blog-extraphilo-method--three > article small {
  margin-top:7px;
  color:var(--text-medium);
  font-size:9.5px;
  line-height:1.5;
}
.blog-extraphilo-page .blog-extraphilo-before-after {
  position:relative;
  align-items:stretch;
  margin:36px 0 26px;
}
.blog-extraphilo-page .blog-extraphilo-before-after::after {
  content:"→";
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(108,99,255,.18);
  border-radius:50%;
  background:#fff;
  color:var(--blog-warm);
  font:700 14px/1 Inter,Arial,sans-serif;
  transform:translate(-50%,-50%);
  box-shadow:0 5px 16px rgba(42,39,78,.08);
}
.blog-extraphilo-page .blog-extraphilo-before-after article { padding:24px; }
.blog-extraphilo-page .blog-extraphilo-before-after p { font-size:14.5px; }
.blog-extraphilo-page .blog-extraphilo-rules { margin-top:31px; }
.blog-extraphilo-page .blog-extraphilo-rules::before {
  content:"Trois vérifications avant de garder la référence";
  display:block;
  margin-bottom:10px;
  color:var(--blog-warm-dark);
  font:850 8px/1.3 Inter,Arial,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.blog-extraphilo-page .blog-extraphilo-final-flow {
  gap:14px;
  margin-top:32px;
  padding:23px 26px;
  border:1px solid rgba(108,99,255,.18);
  border-radius:12px;
  background:linear-gradient(120deg,#f8f7ff,#fff);
  font-size:15px;
  font-weight:650;
  line-height:1.35;
}
.blog-extraphilo-page .blog-extraphilo-final-flow i { font-size:20px; }
.blog-extraphilo-page .blog-extraphilo-final-flow strong {
  font-size:17px;
  font-weight:850;
}

@media (max-width:760px) {
  .blog-page .blog-prose > section > h2,
  .blog-page .blog-program-section-heading > h2,
  .blog-page .blog-repere-browser-header h2 { font-size:clamp(2.05rem,9.5vw,2.65rem); }
  .blog-page .blog-prose h3 { font-size:18px; }
  .blog-extraphilo-page .blog-extraphilo-use-grid { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-reflection { padding:20px 19px 20px 23px; }
  .blog-extraphilo-page .blog-extraphilo-method--three { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-before-after::after { display:none; }
  .blog-extraphilo-page .blog-extraphilo-final-flow { align-items:flex-start; flex-direction:column; gap:7px; font-size:14px; }
  .blog-extraphilo-page .blog-extraphilo-final-flow i { transform:rotate(90deg); align-self:center; }
}


/* 07 — ouverture volontairement compacte : quatre pistes, pas un catalogue. */
.blog-extraphilo-page .blog-extraphilo-other-grid {
  gap:0 28px;
  margin:24px 0 26px;
}
.blog-extraphilo-page .blog-extraphilo-other-grid article {
  min-height:0;
  padding:14px 0 15px;
  border:0;
  border-top:1px solid var(--blog-rule);
  border-radius:0;
  background:transparent;
}
.blog-extraphilo-page .blog-extraphilo-other-grid span { font-size:9px; }
.blog-extraphilo-page .blog-extraphilo-other-grid p { margin-top:5px; font-size:12px; line-height:1.52; }
@media (max-width:760px) {
  .blog-extraphilo-page .blog-extraphilo-other-grid { grid-template-columns:1fr; }
}

/* ========================================================================== 
   Billets — hiérarchie éditoriale + visuels de tête
   2026-08-24 — finition minimaliste
   ========================================================================== */

/* Une couleur éditoriale discrète par billet. */
.blog-page {
  --article-accent:#6c63ff;
  --article-accent-rgb:108,99,255;
  --article-heading:#29283a;
  --article-soft:#f1efff;
}
.blog-program-page {
  --article-accent:#6c63ff;
  --article-accent-rgb:108,99,255;
  --article-heading:#2b2941;
  --article-soft:#f1efff;
}
.blog-reperes-page {
  --article-accent:#5e7396;
  --article-accent-rgb:94,115,150;
  --article-heading:#303848;
  --article-soft:#eef2f7;
}
.blog-extraphilo-page {
  --article-accent:#9a6d47;
  --article-accent-rgb:154,109,71;
  --article-heading:#3d332c;
  --article-soft:#f6f0ea;
}

/*
  Le libellé numéroté (01 · …) reste le repère principal, mais sans effet
  “gros titre de présentation”. Le sous-titre retrouve une présence plus douce.
*/
.blog-section-title {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  color:var(--article-accent)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(1.04rem,1.55vw,1.18rem)!important;
  font-weight:760!important;
  font-style:normal!important;
  line-height:1.25!important;
  letter-spacing:-.018em!important;
  text-transform:none!important;
}
.blog-section-title::before {
  content:""!important;
  display:block!important;
  flex:0 0 3px!important;
  width:3px!important;
  height:1.02em!important;
  border-radius:999px!important;
  background:var(--article-accent)!important;
}
.blog-section-title::after { display:none!important; }
.blog-section-title + h2 {
  margin:0 0 27px!important;
  color:var(--article-heading)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(1.52rem,2.55vw,1.92rem)!important;
  font-weight:500!important;
  line-height:1.22!important;
  letter-spacing:-.027em!important;
  text-wrap:balance;
}
.blog-section-title + h2::after { display:none!important; }
.blog-program-section-heading > .blog-section-title { margin-bottom:8px!important; }
.blog-program-section-heading > .blog-section-title + h2 { margin-top:0!important; }
.blog-repere-browser-header .blog-section-title { margin-bottom:8px!important; }

/* Les sections restent séparées par l’espace, pas par des effets graphiques lourds. */
.blog-prose > section > .blog-section-title,
.blog-program-section-heading > .blog-section-title,
.blog-repere-browser-header .blog-section-title {
  padding-top:2px;
}

/* Visuel éditorial, en haut à droite de chaque billet. */
.blog-article-header-inner--visual { width:min(1120px,100%); }
.blog-article-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,315px);
  align-items:center;
  gap:clamp(34px,5vw,64px);
}
.blog-article-hero-copy { min-width:0; }
.blog-article-header-inner--visual .blog-article-title {
  max-width:760px;
  font-size:clamp(2.8rem,5.4vw,4.65rem);
}
.blog-article-header-inner--visual .blog-article-lead { max-width:720px; }
.blog-article-hero-visual {
  position:relative;
  align-self:stretch;
  min-height:300px;
  margin:0;
}
.blog-article-hero-visual img {
  display:block;
  width:100%;
  height:100%;
}

/* Portraits transparents : même logique que les images des pages /textes/. */
.blog-article-hero-visual--portrait {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  max-height:360px;
}
.blog-article-hero-visual--portrait img {
  max-height:360px;
  object-fit:contain;
  object-position:center bottom;
  opacity:.9;
  filter:grayscale(1) contrast(.96);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);
}
.blog-article-hero-visual--socrate img { transform:translateY(24px) scale(1.06); }
.blog-article-hero-visual--descartes img { transform:translateY(30px) scale(1.04); }

/* Tableau : crop large, fondu doux sur la gauche et vers le bas. */
.blog-article-hero-visual--painting {
  min-height:320px;
  overflow:hidden;
  border-radius:12px;
  box-shadow:0 20px 48px rgba(37,34,67,.08);
}
.blog-article-hero-visual--painting img {
  object-fit:cover;
  object-position:54% center;
  filter:saturate(.78) contrast(.96) brightness(1.02);
}
.blog-article-hero-visual--painting::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(247,246,255,.94) 0%,rgba(247,246,255,.38) 13%,transparent 34%),
    linear-gradient(0deg,rgba(248,247,255,.9) 0%,transparent 28%);
  pointer-events:none;
}
.blog-article-hero-visual figcaption {
  position:absolute;
  z-index:2;
  right:14px;
  bottom:11px;
  max-width:80%;
  color:rgba(41,39,54,.68);
  font:600 8px/1.35 Inter,Arial,sans-serif;
  letter-spacing:.02em;
  text-align:right;
}
.blog-article-hero-visual figcaption em { font-family:Georgia,"Times New Roman",serif; font-weight:400; }

@media (max-width:900px) {
  .blog-article-hero-grid { grid-template-columns:minmax(0,1fr) 220px; gap:26px; }
  .blog-article-header-inner--visual .blog-article-title { font-size:clamp(2.6rem,6.5vw,4rem); }
  .blog-article-hero-visual { min-height:260px; }
  .blog-article-hero-visual--portrait,.blog-article-hero-visual--portrait img { max-height:300px; }
  .blog-article-hero-visual--painting { min-height:270px; }
}

@media (max-width:720px) {
  .blog-article-hero-grid { grid-template-columns:1fr; gap:22px; }
  .blog-article-hero-visual { width:min(100%,520px); min-height:190px; justify-self:center; }
  .blog-article-hero-visual--portrait { height:220px; min-height:220px; }
  .blog-article-hero-visual--portrait img { max-height:245px; object-position:center 18%; }
  .blog-article-hero-visual--socrate img,.blog-article-hero-visual--descartes img { transform:none; }
  .blog-article-hero-visual--painting { height:210px; min-height:210px; }
  .blog-article-hero-visual--painting::before {
    background:linear-gradient(0deg,rgba(248,247,255,.88) 0%,transparent 28%);
  }
}


/* Extra-philosophie — le tableau devient une présence de fond, pas une carte. */
.blog-extraphilo-page .blog-article-header {
  background:linear-gradient(145deg,#f7f3ef 0%,#fbfbfe 54%,#fff 100%);
}
.blog-extraphilo-page .blog-article-hero-visual--painting {
  min-height:330px;
  overflow:hidden;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.blog-extraphilo-page .blog-article-hero-visual--painting img {
  object-fit:cover;
  object-position:53% 48%;
  filter:saturate(.72) contrast(.95) brightness(1.035);
  transform:scale(1.035);
}
.blog-extraphilo-page .blog-article-hero-visual--painting::before {
  background:
    linear-gradient(90deg,#f7f3ef 0%,rgba(247,243,239,.90) 8%,rgba(247,243,239,.34) 25%,transparent 47%),
    linear-gradient(0deg,#fbfbfe 0%,rgba(251,251,254,.7) 9%,transparent 30%);
}
.blog-extraphilo-page .blog-article-hero-visual--painting figcaption {
  right:10px;
  bottom:7px;
  color:rgba(61,51,44,.56);
}
.blog-extraphilo-page .blog-article-kicker { color:var(--article-accent); }

@media (max-width:720px) {
  .blog-section-title { font-size:1rem!important; }
  .blog-section-title + h2 { font-size:1.46rem!important; margin-bottom:23px!important; }
  .blog-extraphilo-page .blog-article-hero-visual--painting { height:205px; min-height:205px; }
  .blog-extraphilo-page .blog-article-hero-visual--painting img { object-position:50% 48%; transform:scale(1.02); }
  .blog-extraphilo-page .blog-article-hero-visual--painting::before {
    background:linear-gradient(0deg,#fbfbfe 0%,rgba(251,251,254,.68) 10%,transparent 31%);
  }
}

/* ========================================================================== 
   Billets — titres de section unifiés · 2026-08-24
   Un seul repère violet à gauche, identique sur tous les billets.
   ========================================================================== */
.blog-page,
.blog-program-page,
.blog-reperes-page,
.blog-extraphilo-page {
  --article-accent:#6c63ff;
  --article-accent-rgb:108,99,255;
  --article-soft:#f1efff;
}
.blog-page .blog-section-title,
.blog-program-page .blog-section-title,
.blog-reperes-page .blog-section-title,
.blog-extraphilo-page .blog-section-title {
  color:#6c63ff!important;
  padding:1px 0 1px 13px!important;
  border:0!important;
  background:none!important;
}
.blog-page .blog-section-title::before,
.blog-program-page .blog-section-title::before,
.blog-reperes-page .blog-section-title::before,
.blog-extraphilo-page .blog-section-title::before {
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:2px!important;
  height:1.22em!important;
  border-radius:99px!important;
  background:#6c63ff!important;
  transform:translateY(-50%)!important;
}
.blog-page .blog-section-title::after,
.blog-page .blog-section-title + h2::before,
.blog-page .blog-section-title + h2::after,
.blog-program-page .blog-section-title::after,
.blog-program-page .blog-section-title + h2::before,
.blog-program-page .blog-section-title + h2::after,
.blog-reperes-page .blog-section-title::after,
.blog-reperes-page .blog-section-title + h2::before,
.blog-reperes-page .blog-section-title + h2::after,
.blog-extraphilo-page .blog-section-title::after,
.blog-extraphilo-page .blog-section-title + h2::before,
.blog-extraphilo-page .blog-section-title + h2::after {
  display:none!important;
  content:none!important;
}
.blog-page .blog-section-title + h2,
.blog-program-page .blog-section-title + h2,
.blog-reperes-page .blog-section-title + h2,
.blog-extraphilo-page .blog-section-title + h2 {
  padding:0!important;
  border:0!important;
  background:none!important;
}

/* Faire feu de tout bois : le portrait de Descartes remplace le tableau. */
.blog-extraphilo-page .blog-article-header {
  background:linear-gradient(145deg,#f2f1ff 0%,#fff 58%,#f7f6ff 100%);
}
.blog-extraphilo-page .blog-article-kicker { color:#6c63ff; }
.blog-extraphilo-page .blog-article-hero-visual--descartes {
  min-height:310px;
  max-height:370px;
}
.blog-extraphilo-page .blog-article-hero-visual--descartes img {
  max-height:385px;
  opacity:.88;
  filter:grayscale(1) contrast(.94);
  transform:translateY(28px) scale(1.07);
}
@media (max-width:720px) {
  .blog-extraphilo-page .blog-article-hero-visual--descartes { min-height:220px; height:220px; }
  .blog-extraphilo-page .blog-article-hero-visual--descartes img { max-height:250px; transform:none; }
}

/* ========================================================================== 
   Billet — Utiliser le cinéma dans une dissertation
   2026-09-09
   ========================================================================== */
.blog-card--cinema { --card-accent:138,102,186; }

.blog-films-page .blog-article-header { background:linear-gradient(145deg,#f1eff9 0%,#fff 58%,#f7f5fb 100%); }
.blog-films-page .blog-article-title em { color:#69508f; font-style:italic; }
.blog-films-page .blog-prose > section { scroll-margin-top:112px; }
.blog-films-page .blog-prose > section + section { margin-top:78px; padding-top:4px; }
.blog-films-page .blog-prose .blog-section-title { display:inline-flex; align-items:center; gap:8px; min-height:27px; margin-bottom:9px; padding:0 10px; border:1px solid rgba(105,80,143,.12); border-radius:999px; background:rgba(105,80,143,.055); color:#69508f; }
.blog-films-page .blog-prose .blog-section-title::before { content:""; width:5px; height:5px; border-radius:50%; background:#8a66ba; }
.blog-films-page .blog-callout { border-color:rgba(105,80,143,.2); }
.blog-film-thesis { background:linear-gradient(145deg,#f7f4fb,#fff); }

.blog-film-hero-grid { align-items:center; }
.blog-film-hero-visual { position:relative; min-height:315px; margin:0; }
.blog-film-hero-visual::before,.blog-film-hero-visual::after { content:""; position:absolute; border-radius:50%; background:rgba(105,80,143,.08); filter:blur(.2px); }
.blog-film-hero-visual::before { width:215px; height:215px; right:5px; top:22px; }
.blog-film-hero-visual::after { width:122px; height:122px; left:24px; bottom:18px; }
.blog-film-screen { position:absolute; z-index:1; inset:34px 2px 24px 18px; display:flex; flex-direction:column; justify-content:space-between; min-height:245px; padding:31px 28px 25px; border:1px solid rgba(39,35,57,.15); border-radius:20px; background:linear-gradient(145deg,#252333,#343044 68%,#4b3e63); color:#fff; box-shadow:0 24px 54px rgba(38,32,51,.17); transform:rotate(-1.8deg); }
.blog-film-screen::before { content:""; position:absolute; inset:10px 12px auto; height:7px; border-radius:999px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 17px,transparent 17px 28px); }
.blog-film-screen > span { margin-top:16px; color:#cfc4de; font:800 9px/1 Inter,Arial,sans-serif; letter-spacing:.22em; }
.blog-film-screen > strong { max-width:250px; font:500 34px/1.08 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }
.blog-film-screen > div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:9px; margin-top:26px; padding-top:18px; border-top:1px solid rgba(255,255,255,.11); }
.blog-film-screen i { color:#eee9f4; font:800 8px/1 Inter,Arial,sans-serif; font-style:normal; letter-spacing:.10em; text-align:center; }
.blog-film-screen b { color:#a98bcc; font:500 17px/1 Georgia,"Times New Roman",serif; }

.blog-film-distinction { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:31px 0 20px; font-family:Inter,Arial,sans-serif; }
.blog-film-distinction article { min-height:230px; padding:22px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.blog-film-distinction article:first-child { background:linear-gradient(145deg,#f8f5fb,#fff); }
.blog-film-distinction article > span { color:#8060a6; font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-film-distinction h3 { margin:13px 0 9px!important; font-family:Georgia,"Times New Roman",serif!important; font-size:20px!important; font-weight:500!important; }
.blog-film-distinction p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13.5px; line-height:1.65; }
.blog-film-distinction small { display:block; margin-top:18px; padding-top:14px; border-top:1px solid var(--blog-rule); color:var(--text-light); font-size:9.5px; line-height:1.45; }
.blog-film-note { margin:18px 0 0!important; padding:16px 18px; border-left:3px solid #8a66ba; background:#fbf9fd; color:var(--text-medium)!important; font-size:13px!important; line-height:1.65!important; }

.blog-film-method { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:8px; margin:32px 0; font-family:Inter,Arial,sans-serif; }
.blog-film-method article { min-height:145px; padding:16px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-method article span { display:grid; place-items:center; width:29px; height:29px; border-radius:8px; background:#f0ebf6; color:#69508f; font-size:8px; font-weight:850; }
.blog-film-method article strong { display:block; margin-top:14px; font-size:11px; }
.blog-film-method article small { display:block; margin-top:6px; color:var(--text-light); font-size:8.5px; line-height:1.48; }
.blog-film-method > i { color:#8a66ba; font-size:14px; font-style:normal; }
.blog-film-uses { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin:30px 0; font-family:Inter,Arial,sans-serif; }
.blog-film-uses article { padding:19px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-uses article > span { display:inline-flex; min-height:23px; align-items:center; padding:0 8px; border-radius:999px; background:#f1edf6; color:#69508f; font-size:7.5px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.blog-film-uses strong { display:block; margin-top:13px; color:var(--blog-ink); font-size:11px; }
.blog-film-uses p { margin:7px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12.5px; line-height:1.58; }
.blog-film-before-after { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:31px 0 0; }
.blog-film-before-after article { padding:21px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-before-after article > span { font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-film-before-after .is-weak > span { color:#9b6060; }
.blog-film-before-after .is-strong { border-color:rgba(105,80,143,.18); background:#fbf9fd; }
.blog-film-before-after .is-strong > span { color:#69508f; }
.blog-film-before-after p { margin:11px 0 0; color:#494754; font-size:13px; line-height:1.62; }
.blog-film-before-after small { display:block; margin-top:12px; color:var(--text-light); font-family:Inter,Arial,sans-serif; font-size:9px; }

.blog-film-top-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:30px 0 0; font-family:Inter,Arial,sans-serif; }
.blog-film-top-card { position:relative; display:flex; flex-direction:column; min-height:310px; padding:22px; overflow:hidden; border:1px solid var(--blog-rule); border-radius:13px; background:#fff; }
.blog-film-top-card::after { content:""; position:absolute; width:120px; height:120px; right:-55px; top:-55px; border-radius:50%; background:rgba(105,80,143,.055); }
.blog-film-rank { color:#8a66ba; font:500 17px/1 Georgia,"Times New Roman",serif; }
.blog-film-top-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-top:18px; }
.blog-prose .blog-film-top-head h3 { margin:0!important; font-family:Georgia,"Times New Roman",serif!important; font-size:23px!important; font-weight:500!important; line-height:1.15!important; }
.blog-film-top-head small { display:block; margin-top:4px; color:var(--text-light); font-size:8.5px; }
.blog-film-top-head > strong { flex:none; padding:5px 7px; border-radius:999px; background:#f2eef6; color:#69508f; font-size:7.5px; }
.blog-film-top-card > p { margin:15px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.62; }
.blog-film-use-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:15px; }
.blog-film-use-tags span { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:999px; border:1px solid rgba(105,80,143,.12); color:#69508f; font-size:7px; font-weight:800; }
.blog-film-top-card footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:17px; border-top:1px solid var(--blog-rule); }
.blog-film-top-card footer > span { color:#4e4a58; font-size:9px; font-weight:700; }
.blog-film-top-card footer a { font-size:8.5px; font-weight:750; text-decoration:none; }

.blog-film-selector { margin-top:28px; padding:20px; border:1px solid rgba(105,80,143,.17); border-radius:14px; background:linear-gradient(145deg,#f7f4fa,#fff 68%); font-family:Inter,Arial,sans-serif; }
.blog-film-selector > label { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:14px; }
.blog-film-selector > label > span { color:#69508f; font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-film-selector select { width:100%; min-height:43px; padding:0 37px 0 12px; border:1px solid var(--blog-rule); border-radius:9px; outline:none; background:#fff; color:var(--blog-ink); font:650 11px/1 Inter,Arial,sans-serif; }
.blog-film-selector select:focus { border-color:rgba(105,80,143,.5); box-shadow:0 0 0 3px rgba(105,80,143,.08); }
.blog-film-selector-result { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
.blog-film-selector-card { display:flex; flex-direction:column; min-height:175px; padding:14px; border:1px solid var(--blog-rule); border-radius:9px; background:#fff; }
.blog-film-selector-card > span { color:#8060a6; font-size:7px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.blog-film-selector-card strong { display:block; margin-top:8px; font-family:Georgia,"Times New Roman",serif; font-size:17px; font-weight:500; line-height:1.2; }
.blog-film-selector-card small { display:block; margin-top:4px; color:var(--text-light); font-size:7.5px; }
.blog-film-selector-card p { margin:11px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:11.5px; line-height:1.5; }
.blog-film-selector-card b { display:block; margin-top:auto; padding-top:11px; color:#504d59; font-size:8px; }
.blog-film-selector-more { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:1px; padding:12px 14px; border-radius:9px; background:#2f2b39; color:#fff!important; font-size:9.5px; font-weight:750; text-decoration:none!important; }
.blog-film-selector-more span { color:#bda9d6; font-size:15px; }

.blog-film-level-key { display:flex; flex-wrap:wrap; gap:6px; margin:25px 0 18px; font-family:Inter,Arial,sans-serif; }
.blog-film-level { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:999px; font:800 7px/1 Inter,Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.blog-film-level--major { background:#eee8f5; color:#684b8b; }
.blog-film-level--comp { background:#eef2f7; color:#4e6684; }
.blog-film-level--explore { background:#f2f1f3; color:#74717b; }
.blog-film-notions { display:grid; gap:17px; }
.blog-film-notion { scroll-margin-top:112px; padding:24px; border:1px solid var(--blog-rule); border-radius:13px; background:#fff; }
.blog-film-notion-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:15px; border-bottom:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-film-notion-head span { color:#8060a6; font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-prose .blog-film-notion-head h3 { margin:5px 0 0!important; font-family:Georgia,"Times New Roman",serif!important; font-size:25px!important; font-weight:500!important; }
.blog-film-notion-head > a { flex:none; margin-top:3px; font-size:8.5px; font-weight:750; text-decoration:none; }
.blog-film-notion-intro { margin:16px 0 0!important; color:var(--text-medium)!important; font-size:13px!important; line-height:1.65!important; }
.blog-film-notion-list { display:grid; gap:8px; margin-top:17px; }
.blog-film-notion-item { padding:15px; border:1px solid rgba(42,39,78,.085); border-radius:9px; background:#fcfcfd; font-family:Inter,Arial,sans-serif; }
.blog-film-notion-item[data-level="major"] { border-color:rgba(105,80,143,.15); background:#fbf9fd; }
.blog-film-notion-item header { display:grid; grid-template-columns:108px 1fr; gap:12px; align-items:start; }
.blog-prose .blog-film-notion-item h4 { margin:0; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:500; line-height:1.2; }
.blog-film-notion-item header small { display:block; margin-top:3px; color:var(--text-light); font-size:7.8px; }
.blog-film-notion-item > p { margin:11px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12px; line-height:1.57; }
.blog-film-notion-item footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; padding-top:10px; border-top:1px solid rgba(42,39,78,.07); }
.blog-film-notion-item footer span { color:var(--text-light); font-size:7.8px; }
.blog-film-notion-item footer strong { color:#565160; font-size:8.5px; text-align:right; }
.blog-film-text-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:16px; padding-top:15px; border-top:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-film-text-links > span { margin-right:2px; color:var(--text-light); font-size:7.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.blog-film-text-links a { display:inline-flex; align-items:center; gap:5px; min-height:27px; padding:0 9px; border:1px solid rgba(105,80,143,.11); border-radius:999px; background:#faf8fc; color:#69508f!important; font-size:8px; font-weight:700; text-decoration:none!important; }

.blog-film-own-reference { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0 34px; font-family:Inter,Arial,sans-serif; }
.blog-film-own-reference article { min-height:155px; padding:19px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-own-reference article > span { color:#8060a6; font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-film-own-reference strong { display:block; margin-top:15px; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:19px; font-weight:500; }
.blog-film-own-reference p { margin:7px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12px; line-height:1.55; }
.blog-film-errors { margin-top:18px!important; padding:0!important; list-style:none; }
.blog-film-errors li { margin:0!important; padding:15px 0 15px 30px!important; border-top:1px solid var(--blog-rule); color:var(--text-medium); font-size:14px; line-height:1.65; }
.blog-film-errors li:last-child { border-bottom:1px solid var(--blog-rule); }
.blog-film-errors li::before { content:"×"; position:absolute; margin-left:-28px; color:#8a66ba; font:500 19px/1 Georgia,"Times New Roman",serif; }

.blog-film-bridge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0; font-family:Inter,Arial,sans-serif; }
.blog-film-bridge-grid a { display:grid; grid-template-columns:1fr auto; align-items:end; gap:6px 14px; min-height:145px; padding:18px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; color:inherit!important; text-decoration:none!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.blog-film-bridge-grid a:hover { transform:translateY(-2px); border-color:rgba(105,80,143,.25); box-shadow:0 11px 28px rgba(42,39,78,.055); }
.blog-film-bridge-grid a > span { grid-column:1 / -1; color:#8060a6; font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-film-bridge-grid strong { align-self:end; font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:500; }
.blog-film-bridge-grid small { grid-column:1; color:var(--text-light); font-size:8.5px; }
.blog-film-bridge-grid i { grid-column:2; grid-row:2 / 4; align-self:end; color:#8a66ba; font-size:18px; font-style:normal; }
.blog-film-library-cta { margin-top:28px; }
.blog-film-source-note { margin:27px 0 0!important; padding-top:18px; border-top:1px solid var(--blog-rule); color:var(--text-light)!important; font-family:Inter,Arial,sans-serif!important; font-size:9.5px!important; line-height:1.6!important; }
.blog-film-source-note strong { color:#5a5663; }
.blog-film-end { margin-top:68px; }

@media (max-width:980px) {
  .blog-film-hero-visual { min-height:280px; }
  .blog-film-screen { inset:28px 0 20px 12px; }
}
@media (max-width:820px) {
  .blog-film-method { grid-template-columns:1fr 1fr; }
  .blog-film-method > i { display:none; }
  .blog-film-uses,.blog-film-selector-result { grid-template-columns:1fr; }
  .blog-film-selector-more { grid-column:auto; }
}
@media (max-width:700px) {
  .blog-film-distinction,.blog-film-top-grid,.blog-film-own-reference,.blog-film-bridge-grid,.blog-film-before-after { grid-template-columns:1fr; }
  .blog-film-selector > label { grid-template-columns:1fr; gap:7px; }
  .blog-film-notion { padding:19px; }
  .blog-film-notion-item header { grid-template-columns:1fr; gap:8px; }
  .blog-film-notion-item .blog-film-level { width:max-content; }
}
@media (max-width:560px) {
  .blog-film-hero-visual { min-height:245px; }
  .blog-film-screen { inset:18px 2px 17px 5px; min-height:215px; padding:26px 20px 20px; }
  .blog-film-screen > strong { max-width:210px; font-size:29px; }
  .blog-film-method { grid-template-columns:1fr; }
  .blog-film-method article { min-height:0; }
  .blog-film-top-card { min-height:285px; }
  .blog-film-notion-head { align-items:flex-start; flex-direction:column; gap:8px; }
  .blog-film-notion-item footer { align-items:flex-start; flex-direction:column; }
  .blog-film-notion-item footer strong { text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-film-bridge-grid a { transition:none; }
}

/* Refonte cinéma — 2026-09-09 */
.blog-films-page .blog-film-essential-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:28px 0 0;
  font-family:Inter,Arial,sans-serif;
}
.blog-films-page .blog-film-essential-item{
  overflow:hidden;
  border:1px solid var(--blog-rule);
  border-radius:11px;
  background:#fff;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.blog-films-page .blog-film-essential-item:hover{
  border-color:rgba(105,80,143,.22);
  box-shadow:0 7px 22px rgba(42,39,78,.045);
}
.blog-films-page .blog-film-essential-item[open]{
  border-color:rgba(105,80,143,.22);
  background:#fcfbfd;
}
.blog-films-page .blog-film-essential-item > summary{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 25px;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
}
.blog-films-page .blog-film-essential-item > summary::-webkit-details-marker{display:none;}
.blog-films-page .blog-film-essential-item > summary:focus-visible{
  outline:2px solid rgba(105,80,143,.42);
  outline-offset:-2px;
  border-radius:10px;
}
.blog-film-essential-rank{
  color:#8a66ba;
  font:500 14px/1 Georgia,"Times New Roman",serif;
  text-align:center;
}
.blog-film-essential-id{min-width:0;}
.blog-prose .blog-film-essential-id h3{
  margin:0!important;
  color:var(--blog-ink);
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.18!important;
}
.blog-film-essential-id small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:var(--text-light);
  font-size:7.7px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.blog-film-essential-toggle,
.blog-film-notion-toggle{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid rgba(105,80,143,.14);
  border-radius:50%;
  color:#76569c;
  font:500 15px/1 Inter,Arial,sans-serif;
  transition:transform .18s ease,background .18s ease;
}
.blog-film-essential-item[open] .blog-film-essential-toggle,
.blog-film-notion[open] .blog-film-notion-toggle{
  transform:rotate(45deg);
  background:#f1edf6;
}
.blog-film-essential-body{
  padding:0 15px 15px 54px;
  border-top:1px solid rgba(42,39,78,.065);
}
.blog-film-essential-body > p{
  margin:13px 0 0!important;
  color:var(--text-medium)!important;
  font-size:12px!important;
  line-height:1.58!important;
}
.blog-film-essential-body footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(42,39,78,.06);
}
.blog-film-essential-body footer span{
  color:#565160;
  font-size:8px;
  font-weight:700;
}
.blog-film-essential-body footer a{
  color:#69508f!important;
  font-size:8px;
  font-weight:750;
  text-decoration:none!important;
}

.blog-films-page .blog-film-selector{
  margin-top:26px;
  padding:17px;
  border-radius:12px;
  background:linear-gradient(145deg,#f8f6fa,#fff 72%);
}
.blog-films-page .blog-film-selector-result{
  gap:7px;
  margin-top:13px;
}
.blog-films-page .blog-film-selector-card{
  min-height:158px;
  padding:13px;
}
.blog-films-page .blog-film-selector-card strong{font-size:16px;}
.blog-films-page .blog-film-selector-card p{font-size:11px;line-height:1.48;}
.blog-films-page .blog-film-selector-more{
  min-height:39px;
  padding:10px 13px;
  background:#312c3a;
}
.blog-film-catalogue{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--blog-rule);
}
.blog-film-catalogue-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:14px;
}
.blog-prose .blog-film-catalogue-head h3{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  font-weight:500!important;
}
.blog-film-catalogue-head p{
  max-width:560px;
  margin:6px 0 0!important;
  color:var(--text-light)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.blog-films-page .blog-film-catalogue-head .blog-film-level-key{
  flex:none;
  justify-content:flex-end;
  margin:0;
}
.blog-films-page .blog-film-notion{
  scroll-margin-top:112px;
  padding:0;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
}
.blog-films-page .blog-film-notion + .blog-film-notion{margin-top:8px;}
.blog-films-page .blog-film-notion[open]{
  border-color:rgba(105,80,143,.18);
  box-shadow:0 8px 24px rgba(42,39,78,.035);
}
.blog-film-notion-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 25px;
  align-items:center;
  gap:14px;
  min-height:67px;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
  font-family:Inter,Arial,sans-serif;
}
.blog-film-notion-summary::-webkit-details-marker{display:none;}
.blog-film-notion-summary:focus-visible{
  outline:2px solid rgba(105,80,143,.42);
  outline-offset:-2px;
}
.blog-film-notion-summary > div > span{
  color:#8060a6;
  font-size:7px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.blog-prose .blog-film-notion-summary h3{
  margin:3px 0 0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1.12!important;
}
.blog-films-page .blog-film-notion[open] .blog-film-notion-summary{
  border-bottom:1px solid var(--blog-rule);
  background:#fcfbfd;
}
.blog-films-page .blog-film-notion-intro{
  margin:15px 17px 0!important;
  font-size:12.5px!important;
  line-height:1.6!important;
}
.blog-films-page .blog-film-notion-list{
  gap:7px;
  margin:14px 17px 0;
}
.blog-films-page .blog-film-notion-item{padding:13px 14px;}
.blog-films-page .blog-film-notion-item header{grid-template-columns:100px minmax(0,1fr);gap:10px;}
.blog-prose .blog-film-notion-item h4{font-size:17px;}
.blog-films-page .blog-film-notion-item > p{font-size:11.5px;line-height:1.54;}
.blog-films-page .blog-film-text-links{
  margin:13px 17px 16px;
  padding-top:13px;
}

.blog-film-reference-rule{
  margin:25px 0 29px;
  padding:19px 20px;
  border:1px solid rgba(105,80,143,.16);
  border-radius:10px;
  background:#fbf9fd;
}
.blog-film-reference-rule > span{
  color:#8060a6;
  font-family:Inter,Arial,sans-serif;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.blog-film-reference-rule p{
  margin:9px 0 0!important;
  color:#494754!important;
  font-size:13px!important;
  line-height:1.62!important;
}
.blog-film-reference-rule small{
  display:block;
  margin-top:11px;
  color:var(--text-light);
  font-family:Inter,Arial,sans-serif;
  font-size:8.5px;
  line-height:1.45;
}
.blog-films-page .blog-film-errors{margin-top:14px!important;}
.blog-films-page .blog-film-end{margin-top:52px;}

@media (max-width:780px){
  .blog-films-page .blog-film-essential-grid{grid-template-columns:1fr;}
  .blog-film-catalogue-head{align-items:flex-start;flex-direction:column;gap:12px;}
  .blog-films-page .blog-film-catalogue-head .blog-film-level-key{justify-content:flex-start;}
  .blog-films-page .blog-film-notion-item header{grid-template-columns:1fr;gap:7px;}
}
@media (max-width:520px){
  .blog-films-page .blog-film-essential-item > summary{grid-template-columns:25px minmax(0,1fr) 24px;gap:9px;padding:11px 12px;}
  .blog-film-essential-id small{white-space:normal;}
  .blog-film-essential-body{padding:0 12px 13px;}
  .blog-film-essential-body footer{align-items:flex-start;flex-direction:column;gap:6px;}
  .blog-film-notion-summary{padding:11px 13px;}
  .blog-films-page .blog-film-notion-intro{margin:13px 13px 0!important;}
  .blog-films-page .blog-film-notion-list{margin:12px 13px 0;}
  .blog-films-page .blog-film-text-links{margin:12px 13px 14px;}
}

/* Billet cinéma — usages dans la dissertation + sélecteur par notion */
.blog-film-placement {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:24px 0 0;
  font-family:Inter,Arial,sans-serif;
}
.blog-film-placement-head {
  grid-column:1 / -1;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  padding:0 0 8px;
}
.blog-film-placement-head > span {
  color:#8060a6;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.blog-prose .blog-film-placement-head h3 {
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  font-weight:500!important;
}
.blog-film-placement > article {
  padding:18px;
  border:1px solid var(--blog-rule);
  border-radius:10px;
  background:#fff;
}
.blog-film-placement > article > span {
  color:#8060a6;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.blog-film-placement > article > strong {
  display:block;
  margin-top:9px;
  color:var(--blog-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
}
.blog-film-placement > article > p {
  margin:8px 0 0;
  color:var(--text-medium);
  font-family:Georgia,"Times New Roman",serif;
  font-size:12.5px;
  line-height:1.6;
}
.blog-film-placement > article > small {
  display:block;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--blog-rule);
  color:var(--text-light);
  font-size:8.5px;
  line-height:1.5;
}

.blog-film-selector-result--full {
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.blog-film-selector-intro {
  grid-column:1 / -1;
  margin:0 0 2px!important;
  padding:2px 2px 8px;
  color:var(--text-medium)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
  line-height:1.62!important;
}
.blog-film-selector-result--full .blog-film-selector-card {
  min-height:220px;
}
.blog-film-selector-result--full .blog-film-selector-card[data-level="major"] {
  border-color:rgba(105,80,143,.16);
  background:#fbf9fd;
}
.blog-film-selector-result--full .blog-film-selector-card > .blog-film-level {
  align-self:flex-start;
  min-height:20px;
  margin:0;
  padding:0 7px;
  font-size:6.8px;
}
.blog-film-selector-result--full .blog-film-selector-card strong {
  margin-top:10px;
}
.blog-film-selector-result--full .blog-film-selector-card footer {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(42,39,78,.07);
}
.blog-film-selector-result--full .blog-film-selector-card footer > span {
  color:var(--text-light);
  font-size:7.8px;
  line-height:1.45;
}
.blog-film-selector-result--full .blog-film-selector-card footer > b {
  flex:none;
  max-width:45%;
  margin:0;
  padding:0;
  color:#565160;
  font-size:8.2px;
  line-height:1.4;
  text-align:right;
}
.blog-film-selector-links {
  grid-column:1 / -1;
  margin-top:2px;
}

@media (max-width:760px) {
  .blog-film-placement { grid-template-columns:1fr; }
  .blog-film-placement-head { grid-column:1; align-items:flex-start; flex-direction:column; gap:4px; }
  .blog-film-selector-result--full { grid-template-columns:1fr; }
  .blog-film-selector-intro,.blog-film-selector-links { grid-column:1; }
  .blog-film-selector-result--full .blog-film-selector-card { min-height:0; }
}


/* =========================================================
   Atomic Habits pour les étudiants — 2026-09-22
   ========================================================= */
.blog-card--atomic { --card-accent:63,132,119; }
.blog-atomic-page { --atomic:#C96F5B; --atomic-dark:#8B4B42; --atomic-soft:#FCF2EF; --atomic-purple:#6c63ff; }
.blog-atomic-page .atomic-hero { background:linear-gradient(145deg,#FCF2EF 0%,#fff 58%,#f3f1ff 100%); }
.blog-atomic-page .blog-article-title em { color:var(--atomic-dark); font-style:italic; font-weight:500; }
.blog-atomic-page .blog-article-title strong { color:#302d3d; font-weight:700; }
.blog-atomic-page .blog-article-lead strong { color:#2d655c; }
.atomic-hero-grid { align-items:center; }
.atomic-hero-visual {
  min-height:305px; margin:0; padding:28px 30px; display:flex; flex-direction:column; justify-content:center; gap:22px;
  border:1px solid rgba(201,111,91,.16); border-radius:22px;
  background:linear-gradient(155deg,#ffffff 0%,#f4faf8 68%,#f4f2ff 100%);
  box-shadow:0 24px 70px rgba(139,75,66,.09); font-family:Inter,Arial,sans-serif;
}
.atomic-compound-head { display:grid; gap:7px; }
.atomic-compound-head > span { color:var(--atomic-dark); font-size:8px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.atomic-compound-head > strong { max-width:330px; color:#302f3f; font:650 17px/1.38 Georgia,"Times New Roman",serif; }
.atomic-compound-chart { height:130px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:end; padding:0 6px; border-bottom:1px solid rgba(201,111,91,.18); }
.atomic-compound-bar { height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:8px; }
.atomic-compound-bar i { display:block; width:min(44px,72%); border-radius:8px 8px 2px 2px; background:linear-gradient(180deg,#E0A093,#C96F5B); box-shadow:inset 0 1px 0 rgba(255,255,255,.35); }
.atomic-compound-bar--1 i { height:26px; opacity:.52; }
.atomic-compound-bar--2 i { height:50px; opacity:.66; }
.atomic-compound-bar--3 i { height:78px; opacity:.82; }
.atomic-compound-bar--4 i { height:112px; }
.atomic-compound-bar span { min-height:22px; color:#686573; font-size:7px; font-weight:800; letter-spacing:.03em; text-align:center; }
.atomic-compound-equation { display:flex; flex-wrap:wrap; align-items:center; gap:7px; color:#666370; font-size:8.5px; font-weight:750; }
.atomic-compound-equation span,.atomic-compound-equation strong { padding:6px 8px; border-radius:999px; background:#fff; border:1px solid rgba(201,111,91,.14); }
.atomic-compound-equation b { color:#8eaaa5; font-weight:800; }
.atomic-compound-equation strong { color:var(--atomic-dark); background:#FCF2EF; border-color:rgba(201,111,91,.22); }

.blog-atomic-page .blog-prose > p:first-child { font-size:16px; line-height:1.72; }
.blog-atomic-page .blog-prose > section { margin-top:44px; padding-top:28px; border-top:1px solid rgba(42,39,78,.14); }
.blog-atomic-page .blog-prose > section > h2 { margin-top:7px!important; font-weight:700!important; line-height:1.22!important; }
.blog-atomic-page .blog-prose > section h3 { font-weight:650!important; }
.blog-atomic-page .blog-section-eyebrow { font-weight:900!important; }
.atomic-thesis { border-color:rgba(201,111,91,.20)!important; background:linear-gradient(145deg,#f2faf7,#fff)!important; }
.atomic-thesis > span { color:var(--atomic-dark)!important; font-weight:900!important; }
.atomic-thesis > p { margin-bottom:11px!important; }
.atomic-thesis strong { color:#285d54; }
.atomic-thesis-list { margin:0!important; padding-left:18px!important; }
.atomic-thesis-list > li { margin:10px 0!important; color:#403f49!important; font-size:12.5px!important; line-height:1.55!important; }
.atomic-thesis-list > li::marker { color:var(--atomic); }
.atomic-thesis-list ul { margin:5px 0 0!important; padding-left:18px!important; }
.atomic-thesis-list ul li { margin:0!important; color:#67646f!important; font-size:10.5px!important; line-height:1.55!important; }
.atomic-thesis-list ul li::marker { color:#D9A99F; }
.atomic-inspiration { margin:18px 0 4px!important; padding:14px 16px; border-left:2px solid rgba(108,99,255,.35); background:#faf9ff; color:#595663!important; font-family:Inter,Arial,sans-serif!important; font-size:10.5px!important; line-height:1.62!important; }
.atomic-inspiration strong { color:#403d50; }

.atomic-compare,.atomic-learning-grid,.atomic-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-compare article,.atomic-learning-grid article,.atomic-levels article { padding:17px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.atomic-compare article > span,.atomic-levels article > span { color:var(--text-light); font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.atomic-compare article > strong { display:block; margin-top:10px; color:#353344; font:600 14px/1.35 Georgia,"Times New Roman",serif; }
.atomic-compare article > p,.atomic-levels article > p { margin:8px 0 0!important; color:var(--text-medium)!important; font-size:10.5px!important; line-height:1.55!important; }
.atomic-compare article.is-best,.atomic-levels article.is-normal { border-color:rgba(201,111,91,.26); background:var(--atomic-soft); }
.atomic-compare article.is-best > span,.atomic-levels article.is-normal > span { color:var(--atomic-dark); }

.atomic-rule { margin:22px 0; padding:17px 19px; border-left:3px solid var(--atomic); background:#f7fbfa; }
.atomic-rule > strong { display:block; color:var(--atomic-dark); font:800 8px/1.2 Inter,Arial,sans-serif; letter-spacing:.10em; text-transform:uppercase; }
.atomic-rule > p { margin:7px 0 0!important; color:#4c5452!important; font-size:13px!important; line-height:1.62!important; }

.atomic-table-wrap { width:min(100%,680px); margin:22px auto 26px; overflow:auto; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; box-shadow:0 8px 26px rgba(42,39,78,.035); }
.atomic-table { width:100%; border-collapse:collapse; font-family:Inter,Arial,sans-serif; font-size:10.5px; }
.atomic-table th { padding:11px 14px; background:#f5faf8; color:var(--atomic-dark); font-size:8px; letter-spacing:.09em; text-align:left; text-transform:uppercase; }
.atomic-table td { padding:12px 14px; border-top:1px solid var(--blog-rule); color:#52505a; }
.atomic-table td:last-child { color:#2f4f49; font-weight:650; }

.atomic-ladder { display:grid; grid-template-columns:1fr auto 1fr auto 1.25fr; align-items:stretch; gap:8px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-ladder > div { padding:15px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.atomic-ladder > div.is-best { border-color:rgba(201,111,91,.24); background:var(--atomic-soft); }
.atomic-ladder span { color:var(--text-light); font-size:7px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.atomic-ladder p { margin:7px 0 0!important; color:#45434e!important; font-size:10.5px!important; line-height:1.48!important; }
.atomic-ladder > i { align-self:center; color:#9aafb0; font-style:normal; }

.atomic-formula { width:min(100%,680px); margin:22px auto 15px; padding:17px 20px 18px; border:1px solid rgba(201,111,91,.24); border-radius:12px; background:linear-gradient(145deg,#FCF2EF,#fbfdfc); text-align:center; font-family:Inter,Arial,sans-serif; box-shadow:0 8px 24px rgba(139,75,66,.045); }
.atomic-formula span { display:inline-block; padding:4px 7px; border-radius:999px; background:#dceee9; color:var(--atomic-dark)!important; font-size:7px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.atomic-formula strong { display:block; margin-top:10px; color:#263f3a!important; font:700 15px/1.45 Georgia,"Times New Roman",serif; }
.atomic-examples { width:min(100%,680px); display:grid; gap:7px; margin:14px auto 30px; }
.atomic-examples p { display:grid; grid-template-columns:minmax(150px,.8fr) auto 1fr; gap:10px; align-items:center; margin:0!important; padding:11px 13px; border-bottom:1px solid var(--blog-rule); color:#55535e!important; font-family:Inter,Arial,sans-serif!important; font-size:10.5px!important; }
.atomic-examples b { color:#34323f; font-weight:750; }
.atomic-examples span { color:var(--atomic); }

.atomic-friction-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:21px 0; font-family:Inter,Arial,sans-serif; }
.atomic-friction-grid article { padding:18px 19px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.atomic-friction-grid article:first-child { border-color:rgba(201,111,91,.22); background:#FFF8F6; }
.atomic-friction-grid article > span { color:var(--atomic-dark); font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.atomic-friction-grid ul { margin:12px 0 0!important; padding-left:17px!important; }
.atomic-friction-grid li { margin:6px 0!important; color:#56545e!important; font-size:10.5px!important; line-height:1.45!important; }

.atomic-science-bridge { display:grid; grid-template-columns:auto 1fr auto auto 1fr; align-items:center; gap:10px; margin:22px 0; padding:15px 17px; border:1px solid rgba(108,99,255,.12); border-radius:12px; background:#faf9ff; font-family:Inter,Arial,sans-serif; }
.atomic-science-bridge span { color:#6c63ff; font-size:7px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.atomic-science-bridge strong { color:#464354; font-size:10px; line-height:1.45; }
.atomic-science-bridge i { color:#aaa6ba; font-style:normal; }
.atomic-learning-grid article { position:relative; padding-top:42px; }
.atomic-learning-grid article > span { position:absolute; top:15px; left:16px; display:grid; place-items:center; width:20px; height:20px; border-radius:7px; background:var(--atomic-soft); color:var(--atomic-dark); font-size:8px; font-weight:850; }
.blog-prose .atomic-learning-grid h3 { margin:0!important; color:#353344!important; font-family:Georgia,"Times New Roman",serif!important; font-size:18px!important; font-weight:500!important; }
.atomic-learning-grid p { margin:8px 0 0!important; color:var(--text-medium)!important; font-size:10.5px!important; line-height:1.58!important; }
.atomic-source-note { margin-top:-8px!important; color:var(--text-light)!important; font-family:Inter,Arial,sans-serif!important; font-size:9px!important; line-height:1.55!important; }

.atomic-levels article > strong { display:block; margin-top:7px; color:#363340; font:500 25px/1 Georgia,"Times New Roman",serif; }
.atomic-levels .is-normal > strong { color:var(--atomic-dark); }
.atomic-return { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-return > div { padding:17px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.atomic-return > div.is-best { border-color:rgba(201,111,91,.22); background:var(--atomic-soft); }
.atomic-return span { display:block; color:var(--text-light); font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.atomic-return strong { display:block; margin-top:8px; color:#3d3a48; font-size:11.5px; line-height:1.5; }
.atomic-return > i { color:#9aafb0; font-style:normal; }

.atomic-tracker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:20px 0; }
.atomic-tracker p { display:flex; align-items:center; gap:9px; margin:0!important; padding:12px 14px; border:1px solid var(--blog-rule); border-radius:10px; color:#55525e!important; font-family:Inter,Arial,sans-serif!important; font-size:10.5px!important; }
.atomic-tracker span { display:grid; place-items:center; width:20px; height:20px; flex:none; border-radius:50%; background:var(--atomic-soft); color:var(--atomic-dark); font-weight:900; }

.atomic-pacte { display:grid; gap:8px; margin:22px 0 26px; }
.atomic-pacte article { display:grid; grid-template-columns:44px 1fr; gap:13px; align-items:center; padding:12px 15px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.atomic-pacte b { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:var(--atomic-soft); color:var(--atomic-dark); font:700 18px/1 Georgia,"Times New Roman",serif; }
.atomic-pacte span { display:block; color:#3d3a47; font:600 15px/1.2 Georgia,"Times New Roman",serif; }
.atomic-pacte p { margin:4px 0 0!important; color:var(--text-medium)!important; font-family:Inter,Arial,sans-serif!important; font-size:9.5px!important; line-height:1.5!important; }

.atomic-builder { margin:22px 0 28px; border:1px solid rgba(201,111,91,.20); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 36px rgba(139,75,66,.06); font-family:Inter,Arial,sans-serif; }
.atomic-builder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; padding:19px; }
.atomic-builder label { display:grid; gap:6px; }
.atomic-builder label > span { color:#5e5b66; font-size:8px; font-weight:800; letter-spacing:.045em; }
.atomic-builder input { width:100%; min-height:39px; padding:0 11px; border:1px solid rgba(42,39,78,.12); border-radius:9px; outline:0; background:#fcfcfd; color:#34313f; font:500 10px/1.2 Inter,Arial,sans-serif; }
.atomic-builder input:focus { border-color:rgba(201,111,91,.52); box-shadow:0 0 0 3px rgba(201,111,91,.08); }
.atomic-builder-plan { padding:18px 19px; border-top:1px solid rgba(201,111,91,.16); background:linear-gradient(145deg,#FCF2EF,#f9fcfb); }
.atomic-builder-plan > span { color:var(--atomic-dark); font-size:7.5px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.atomic-builder-plan > p { min-height:43px; margin:7px 0 0!important; color:#4B4852!important; font-family:Georgia,"Times New Roman",serif!important; font-size:13.5px!important; line-height:1.58!important; }
.atomic-builder-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.atomic-builder-actions button { min-height:33px; padding:0 11px; border:1px solid var(--atomic); border-radius:8px; background:var(--atomic); color:#fff; font:750 8.5px/1 Inter,Arial,sans-serif; cursor:pointer; }
.atomic-builder-actions button.is-secondary { border-color:rgba(201,111,91,.24); background:transparent; color:var(--atomic-dark); }
.atomic-builder-plan small { display:block; min-height:15px; margin-top:7px; color:#777482; font-size:7.8px; }

.atomic-week { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-week article { min-height:128px; padding:11px 9px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.atomic-week span { color:var(--atomic-dark); font-size:7px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.atomic-week strong { display:block; margin-top:8px; color:#34313f; font:600 16px/1 Georgia,"Times New Roman",serif; }
.atomic-week p { margin:8px 0 0!important; color:var(--text-medium)!important; font-size:8.5px!important; line-height:1.45!important; }
.atomic-final-principle { margin:24px 0; padding:20px; border-radius:12px; background:#302f3f; color:#fff; }
.atomic-final-principle span { color:#E5B8AE; font:850 7.5px/1 Inter,Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.atomic-final-principle p { margin:8px 0 0!important; color:#f2f0f6!important; font-size:13px!important; line-height:1.65!important; }

.atomic-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-sources article { padding:16px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.atomic-sources article > span { color:var(--atomic-dark); font-size:7px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.atomic-sources article > strong { display:block; margin-top:7px; color:#403d49; font-family:Georgia,"Times New Roman",serif; font-size:12.5px; font-weight:600; line-height:1.4; }
.atomic-sources article > p { margin:7px 0 0!important; color:var(--text-medium)!important; font-size:9px!important; line-height:1.5!important; }
.atomic-sources a { display:inline-block; margin-top:9px; color:var(--atomic-dark); font-size:8px; font-weight:800; text-decoration:none; }
.atomic-end { margin-top:52px; }
.atomic-end .blog-end-actions a:first-child { border-color:#C96F5B; background:#C96F5B; color:#2C2936; }
.atomic-aside a.is-active { color:var(--atomic-dark)!important; font-weight:800; }

@media (max-width:900px) {
  .atomic-week { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .atomic-compare,.atomic-learning-grid,.atomic-levels,.atomic-sources { grid-template-columns:1fr; }
  .atomic-friction-grid,.atomic-builder-grid { grid-template-columns:1fr; }
  .atomic-ladder { grid-template-columns:1fr; }
  .atomic-ladder > i { transform:rotate(90deg); justify-self:center; }
  .atomic-science-bridge { grid-template-columns:1fr; gap:5px; }
  .atomic-science-bridge > i { display:none; }
  .atomic-return { grid-template-columns:1fr; }
  .atomic-return > i { transform:rotate(90deg); justify-self:center; }
  .atomic-week { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .atomic-hero-visual { min-height:255px; padding:21px; }
  .atomic-compound-head > strong { font-size:15px; }
  .atomic-compound-chart { height:112px; }
  .atomic-examples p { grid-template-columns:1fr; gap:4px; }
  .atomic-examples p > span { display:none; }
  .atomic-tracker { grid-template-columns:1fr; }
  .atomic-week { grid-template-columns:1fr; }
  .atomic-week article { min-height:0; }
}
@media print {
  .blog-atomic-page .navbar,.blog-atomic-page .site-footer,.blog-atomic-page .back-to-top,.blog-atomic-page .blog-article-aside,.blog-atomic-page .blog-end-cta { display:none!important; }
  .blog-atomic-page .blog-article-layout { display:block; width:100%; }
  .blog-atomic-page .blog-prose { max-width:none; }
  .atomic-builder { break-inside:avoid; }
}

/* ===== Atomic Habits v3 refinements ===== */
.blog-atomic-page {
  --atomic:#C96F5B;
  --atomic-dark:#8B4B42;
  --atomic-soft:#eef8f5;
  --atomic-soft-2:#f8fcfb;
  --atomic-ink:#2f2b3f;
  --atomic-sand:#f5f1ec;
}
.blog-atomic-page .atomic-hero { background:linear-gradient(145deg,#f2f8f6 0%,#fff 56%,#f5f0ff 100%); }
.blog-atomic-page .blog-prose > section { border-top:1px solid rgba(42,39,78,.12); }

.atomic-hero-visual--minimal {
  min-height:250px;
  border:1px solid rgba(42,39,78,.08);
  border-radius:24px;
  background:radial-gradient(circle at 50% 50%, rgba(218,151,137,.16), transparent 44%), linear-gradient(145deg,#fff,#f7fbfa);
  box-shadow:0 20px 40px rgba(42,39,78,.06);
  display:grid;
  place-items:center;
}
.atomic-minimal-art {
  position:relative;
  width:min(290px,100%);
  aspect-ratio:1/1;
}
.atomic-minimal-orbit,
.atomic-minimal-node,
.atomic-minimal-path,
.atomic-minimal-dot { position:absolute; display:block; }
.atomic-minimal-orbit {
  inset:auto;
  border:1px solid rgba(201,111,91,.18);
  border-radius:50%;
}
.atomic-minimal-orbit--1 { inset:18% 18%; }
.atomic-minimal-orbit--2 { inset:7% 7%; border-style:dashed; opacity:.55; }
.atomic-minimal-node {
  width:18px; height:18px; border-radius:50%;
  background:linear-gradient(180deg,#E3A497,#C96F5B);
  box-shadow:0 8px 20px rgba(201,111,91,.25);
}
.atomic-minimal-node--1 { left:14%; bottom:26%; }
.atomic-minimal-node--2 { left:47%; top:34%; width:22px; height:22px; }
.atomic-minimal-node--3 { right:15%; top:18%; }
.atomic-minimal-path {
  left:18%; right:18%; top:50%; height:2px;
  background:linear-gradient(90deg, rgba(201,111,91,.18), rgba(201,111,91,.85));
  transform:rotate(-30deg);
  transform-origin:center;
}
.atomic-minimal-dot { width:6px; height:6px; border-radius:50%; background:#c7ded8; }
.atomic-minimal-dot--1 { left:28%; top:30%; }
.atomic-minimal-dot--2 { right:32%; top:56%; }
.atomic-minimal-dot--3 { left:62%; bottom:20%; }

.atomic-thesis-list { padding-left:18px!important; }
.atomic-thesis-list > li { padding-left:2px; }
.atomic-thesis-list ul { display:none; }

.atomic-compare--stackable {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.atomic-compare--stackable article {
  padding:18px 18px 17px;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(42,39,78,.04);
}
.atomic-compare--stackable article > span {
  display:inline-block;
  padding:5px 8px;
  border-radius:999px;
  background:#f4f4f8;
}
.atomic-compare--stackable article.is-best > span { background:#F4D8D1; }

.atomic-table th,
.atomic-table td { text-align:center; vertical-align:middle; }
.atomic-table td:last-child { font-weight:700; }

.atomic-ladder > div,
.atomic-formula,
.atomic-examples p,
.atomic-friction-grid article,
.atomic-learning-grid article,
.atomic-levels article,
.atomic-return > div,
.atomic-pacte article,
.atomic-sources article,
.atomic-week article {
  box-shadow:0 12px 28px rgba(42,39,78,.04);
}

.atomic-formula {
  background:linear-gradient(145deg,#2f3145,#3c3752);
  border:none;
  box-shadow:0 16px 34px rgba(35,34,53,.16);
}
.atomic-formula span {
  background:rgba(201,111,91,.14);
  color:#d1ebe6!important;
}
.atomic-formula strong { color:#f7fbfa!important; }
.atomic-examples {
  width:min(100%,720px);
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:16px auto 30px;
}
.atomic-examples p {
  grid-template-columns:1fr auto 1fr;
  margin:0!important;
  padding:13px 14px;
  border:1px solid rgba(42,39,78,.08);
  border-radius:12px;
  background:#fff;
}
.atomic-examples b,
.atomic-examples i { display:block; }
.atomic-examples i { color:#56626a; font-style:normal; }
.atomic-examples span { font-weight:800; }

.atomic-friction-grid {
  gap:14px;
}
.atomic-friction-grid article {
  padding:16px 16px 14px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fbfdfc);
}
.atomic-friction-grid article:first-child { background:linear-gradient(145deg,#FFF8F6,#fff); }
.atomic-friction-grid ul {
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  padding-left:0!important;
  list-style:none;
}
.atomic-friction-grid li {
  margin:0!important;
  padding:8px 10px;
  border-radius:10px;
  background:#f7f9fb;
}
.atomic-friction-grid article:first-child li { background:#FCF2EF; }
.atomic-friction-grid li::before {
  content:"•";
  color:var(--atomic);
  font-weight:900;
  margin-right:8px;
}

.atomic-learning-grid {
  gap:14px;
}
.atomic-learning-grid article {
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfd 100%);
  padding:50px 18px 18px;
}
.atomic-learning-grid article > span {
  width:28px; height:28px;
  border-radius:10px;
  top:16px; left:16px;
  background:linear-gradient(180deg,#dff0eb,#c4e3dc);
  font-size:10px;
}
.atomic-study-notes {
  margin:18px 0 0;
  padding:16px 18px;
  border-radius:14px;
  background:#faf9ff;
  border:1px solid rgba(108,99,255,.12);
  font-family:Inter,Arial,sans-serif;
}
.atomic-study-notes > span {
  display:block;
  color:#5246c7;
  font-size:8px;
  font-weight:850;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.atomic-study-notes ul { margin:10px 0 0!important; padding-left:18px!important; }
.atomic-study-notes li { margin:5px 0!important; font-size:10px!important; color:#5c5868!important; }

.atomic-levels article {
  border-radius:16px;
  padding:18px;
}
.atomic-levels article > span {
  display:inline-block;
  padding:5px 9px;
  border-radius:999px;
  background:#f5f7fa;
}
.atomic-levels article.is-normal > span { background:#dff0eb; }
.atomic-levels article > strong { margin-top:11px; }

.atomic-return {
  gap:10px;
}
.atomic-return > div {
  min-height:122px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  border-radius:18px;
}
.atomic-return > div.is-best {
  background:linear-gradient(145deg,#eef8f5,#fbfffe);
}
.atomic-return > i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#f0f4f6;
  color:#6b7d83;
}

.atomic-pacte {
  grid-template-columns:1fr;
  gap:11px;
}
.atomic-pacte article {
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fbfdfd);
  align-items:flex-start;
}
.atomic-pacte b {
  width:42px; height:42px;
  border-radius:14px;
  background:linear-gradient(180deg,#e0f0eb,#c7e4dc);
}

.atomic-week {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.atomic-week article {
  min-height:0;
  display:grid;
  gap:6px;
  padding:15px 16px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fcfdfd);
}
.atomic-week article span {
  display:inline-block;
  width:max-content;
  padding:5px 8px;
  border-radius:999px;
  background:#FCF2EF;
}
.atomic-week article:last-child {
  grid-column:1/-1;
  background:linear-gradient(145deg,#f6f0ff,#fff);
}
.atomic-final-principle {
  background:linear-gradient(145deg,#2f3145,#3c3752);
  box-shadow:0 18px 40px rgba(35,34,53,.18);
}
.atomic-final-principle span { color:#c6ebe5; }
.atomic-final-principle p,
.atomic-final-principle strong { color:#f8f7fb!important; }

.atomic-sources {
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.atomic-sources article {
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(42,39,78,.08);
  background:linear-gradient(145deg,#fff,#fbfbfd);
  position:relative;
  overflow:hidden;
}
.atomic-sources article::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#98cbc0,#5f8f86);
}
.atomic-sources article > span { margin-left:2px; }
.atomic-sources a {
  padding:7px 10px;
  border-radius:999px;
  background:#FCF2EF;
}

.atomic-end {
  margin-top:48px;
  padding:26px 24px;
  border-radius:20px;
  background:linear-gradient(145deg,#f5f7fb,#FCF2EF 48%,#fff);
  border:1px solid rgba(42,39,78,.08);
}
.atomic-end h2 { margin:0 0 10px!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:#8B4B42;
  background:#8B4B42;
  color:#fff;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:#d6e7e2;
  background:#fff;
  color:#8B4B42;
}

@media (max-width:1080px) {
  .atomic-compare--stackable { grid-template-columns:1fr; }
}
@media (max-width:860px) {
  .atomic-examples,
  .atomic-sources,
  .atomic-week { grid-template-columns:1fr; }
  .atomic-week article:last-child { grid-column:auto; }
}
@media (max-width:720px) {
  .atomic-hero-visual--minimal { min-height:210px; }
  .atomic-examples p,
  .atomic-return > div,
  .atomic-learning-grid article,
  .atomic-pacte article { text-align:left; }
  .atomic-return { grid-template-columns:1fr; }
  .atomic-return > i {
    transform:rotate(90deg);
    justify-self:center;
    margin:0 auto;
  }
}
@media (max-width:640px) {
  .atomic-examples p { grid-template-columns:1fr; text-align:center; }
  .atomic-examples p > span { display:none; }
  .atomic-table th,
  .atomic-table td { padding:12px 10px; font-size:10px; }
  .atomic-friction-grid li,
  .atomic-return strong,
  .atomic-learning-grid p,
  .atomic-study-notes li,
  .atomic-pacte p,
  .atomic-week p,
  .atomic-sources article > p { font-size:10px!important; }
  .atomic-formula strong { font-size:14px; }
  .atomic-final-principle { padding:18px; }
  .atomic-final-principle p { font-size:12px!important; }
}

/* ===== Atomic Habits v4 — contraste, centrage et responsive ===== */
.blog-atomic-page {
  --atomic:#4f9386;
  --atomic-dark:#2f6f64;
  --atomic-deep:#285f57;
  --atomic-text:#52656a;
  --atomic-muted:#708086;
  --atomic-purple:#7567c8;
  --atomic-lilac:#f3f0fb;
  --atomic-mint:#FCF2EF;
  --atomic-mint-strong:#d9ece6;
  --atomic-cream:#fbfaf7;
}

/* Palette générale : éviter les noirs/gris très foncés dans l'article */
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3 {
  color:var(--atomic-dark)!important;
}
.blog-atomic-page .blog-article-title em { color:var(--atomic-purple)!important; }
.blog-atomic-page .blog-article-lead,
.blog-atomic-page .blog-article-meta,
.blog-atomic-page .blog-prose,
.blog-atomic-page .blog-prose p,
.blog-atomic-page .blog-prose li {
  color:var(--atomic-text)!important;
}
.blog-atomic-page .blog-prose strong { color:var(--atomic-deep); }
.blog-atomic-page .blog-section-eyebrow,
.blog-atomic-page .blog-prose a { color:var(--atomic-purple); }
.blog-atomic-page .atomic-thesis strong,
.blog-atomic-page .atomic-rule strong,
.blog-atomic-page .atomic-learning-grid strong,
.blog-atomic-page .atomic-pacte span,
.blog-atomic-page .atomic-sources strong { color:var(--atomic-deep)!important; }

/* Exceptions sur fonds sombres */
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle p,
.blog-atomic-page .atomic-final-principle strong {
  color:#f7fbfa!important;
}

/* 01 — système : cartes centrées et claires */
.atomic-compare--stackable {
  align-items:stretch;
  gap:14px;
}
.atomic-compare--stackable article {
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:22px 18px;
  border:1px solid rgba(79,147,134,.13);
  background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
}
.atomic-compare--stackable article:nth-child(2) {
  background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%);
  border-color:rgba(117,103,200,.13);
}
.atomic-compare--stackable article.is-best {
  background:linear-gradient(180deg,#edf8f5 0%,#f9fdfc 100%);
  border-color:rgba(79,147,134,.28);
}
.atomic-compare--stackable article > span {
  margin:0 auto;
  color:var(--atomic-purple)!important;
  background:var(--atomic-lilac);
}
.atomic-compare--stackable article.is-best > span {
  color:var(--atomic-dark)!important;
  background:var(--atomic-mint-strong);
}
.atomic-compare--stackable article > strong {
  margin-top:12px;
  color:var(--atomic-dark)!important;
  text-align:center;
}
.atomic-compare--stackable article > p {
  max-width:28ch;
  margin:9px auto 0!important;
  text-align:center;
  color:var(--atomic-text)!important;
}

/* 02 — tableau */
.atomic-table th,
.atomic-table td {
  text-align:center!important;
  vertical-align:middle!important;
}
.atomic-table th { color:var(--atomic-dark)!important; }
.atomic-table td { color:var(--atomic-text)!important; }
.atomic-table tbody tr:nth-child(even) { background:#fafcfb; }

/* 03 — progression de la consigne */
.atomic-ladder {
  gap:10px;
  align-items:center;
}
.atomic-ladder > div {
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-radius:16px;
  border:1px solid rgba(79,147,134,.13);
  background:linear-gradient(180deg,#fff,#fbfdfc);
}
.atomic-ladder > div:nth-of-type(2) {
  background:linear-gradient(180deg,#fbf9ff,#fff);
  border-color:rgba(117,103,200,.13);
}
.atomic-ladder > div.is-best {
  background:linear-gradient(180deg,#edf8f5,#fbfefd);
  border-color:rgba(79,147,134,.3);
}
.atomic-ladder span {
  display:inline-block;
  padding:5px 9px;
  border-radius:999px;
  color:var(--atomic-purple)!important;
  background:var(--atomic-lilac);
}
.atomic-ladder .is-best span {
  color:var(--atomic-dark)!important;
  background:var(--atomic-mint-strong);
}
.atomic-ladder p {
  margin:9px auto 0!important;
  max-width:27ch;
  text-align:center;
  color:var(--atomic-text)!important;
}
.atomic-ladder > i {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f0f6f4;
  color:var(--atomic-dark)!important;
  font-weight:800;
}

/* 04 — empilement : tout centré */
.atomic-formula { text-align:center; }
.atomic-examples p {
  min-height:92px;
  align-content:center;
  justify-items:center;
  text-align:center;
  background:linear-gradient(180deg,#fff,#fbfdfc);
}
.atomic-examples b,
.atomic-examples i {
  width:100%;
  text-align:center;
}
.atomic-examples b { color:var(--atomic-dark)!important; }
.atomic-examples i { color:var(--atomic-text)!important; }
.atomic-examples span { color:var(--atomic-purple)!important; }

/* 05 — environnement : cartes plus légères et lisibles */
.atomic-friction-grid {
  gap:16px;
}
.atomic-friction-grid article {
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(79,147,134,.14);
  background:linear-gradient(180deg,#f3faf7 0%,#fff 100%);
  box-shadow:0 12px 28px rgba(56,104,95,.05);
}
.atomic-friction-grid article:nth-child(2) {
  border-color:rgba(117,103,200,.14);
  background:linear-gradient(180deg,#f7f4fc 0%,#fff 100%);
}
.atomic-friction-grid article > span {
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto 13px;
  padding:7px 11px;
  border-radius:999px;
  color:var(--atomic-dark)!important;
  background:#F4D8D1;
  text-align:center;
}
.atomic-friction-grid article:nth-child(2) > span {
  color:#6659ae!important;
  background:#ece8f8;
}
.atomic-friction-grid ul {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0!important;
  padding:0!important;
}
.atomic-friction-grid li {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  margin:0!important;
  padding:9px 10px;
  border-radius:12px;
  border:1px solid rgba(79,147,134,.08);
  background:rgba(255,255,255,.82)!important;
  color:var(--atomic-text)!important;
  text-align:center;
  list-style:none;
}
.atomic-friction-grid li::before { display:none; }

/* 06 — apprentissage */
.atomic-learning-grid article {
  border-color:rgba(79,147,134,.12);
  background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
}
.atomic-learning-grid article:nth-child(2) {
  background:linear-gradient(180deg,#faf8ff 0%,#fff 100%);
  border-color:rgba(117,103,200,.13);
}
.atomic-learning-grid h3 { color:var(--atomic-dark)!important; }
.atomic-learning-grid p { color:var(--atomic-text)!important; }
.atomic-study-notes { background:#f7f5fc; }
.atomic-study-notes > span { color:var(--atomic-purple)!important; }
.atomic-study-notes li { color:var(--atomic-text)!important; }

/* 07 — versions : centrage complet */
.atomic-levels article {
  min-height:178px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.atomic-levels article > span {
  margin:0 auto;
  text-align:center;
  color:var(--atomic-purple)!important;
}
.atomic-levels article.is-normal > span { color:var(--atomic-dark)!important; }
.atomic-levels article > strong {
  color:var(--atomic-dark)!important;
  text-align:center;
}
.atomic-levels article > p {
  max-width:28ch;
  margin:10px auto 0!important;
  text-align:center;
  color:var(--atomic-text)!important;
}

/* 08 — retour */
.atomic-return span { color:var(--atomic-purple)!important; }
.atomic-return strong { color:var(--atomic-dark)!important; }
.atomic-return > div { background:linear-gradient(180deg,#fff,#fbfdfc); }
.atomic-return > div.is-best { background:linear-gradient(180deg,#eef8f5,#fff); }

/* 09 — suivi */
.atomic-tracker p { color:var(--atomic-text)!important; }

/* 10 — PACTE */
.atomic-pacte article { border-color:rgba(79,147,134,.12); }
.atomic-pacte b { color:var(--atomic-dark)!important; }
.atomic-pacte span { color:var(--atomic-dark)!important; }
.atomic-pacte p { color:var(--atomic-text)!important; }

/* 11 — semaine : cartes plus distinctes, lisibles et respirantes */
.atomic-week {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.atomic-week article {
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px 14px;
  border-radius:18px;
  border:1px solid rgba(79,147,134,.12);
  background:linear-gradient(180deg,#f2faf7 0%,#fff 100%);
}
.atomic-week article:nth-child(2n) {
  background:linear-gradient(180deg,#f7f4fc 0%,#fff 100%);
  border-color:rgba(117,103,200,.12);
}
.atomic-week article:nth-child(3n) {
  background:linear-gradient(180deg,#fbf8f2 0%,#fff 100%);
  border-color:rgba(176,142,88,.12);
}
.atomic-week article:last-child {
  grid-column:auto;
  background:linear-gradient(180deg,#eef8f5 0%,#fff 100%);
}
.atomic-week span {
  margin:0 auto;
  color:var(--atomic-dark)!important;
  background:#F4D8D1;
}
.atomic-week strong { color:var(--atomic-purple)!important; }
.atomic-week p {
  max-width:25ch;
  margin:8px auto 0!important;
  text-align:center;
  color:var(--atomic-text)!important;
}
.atomic-final-principle {
  background:linear-gradient(135deg,#426f67 0%,#5f6c91 100%);
}
.atomic-final-principle span { color:#e0f4ef!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:#fff!important; }

/* Références */
.atomic-sources article {
  border-color:rgba(79,147,134,.12);
  background:linear-gradient(180deg,#fff,#fbfdfc);
}
.atomic-sources article:nth-child(even) {
  background:linear-gradient(180deg,#fbf9ff,#fff);
  border-color:rgba(117,103,200,.12);
}
.atomic-sources article > span { color:var(--atomic-purple)!important; }
.atomic-sources article > strong { color:var(--atomic-dark)!important; }
.atomic-sources article > p { color:var(--atomic-text)!important; }
.atomic-sources a {
  color:var(--atomic-dark)!important;
  background:var(--atomic-mint);
}

/* Ressources vidéo */
.atomic-video-resources {
  margin:26px 0 4px;
  padding-top:22px;
  border-top:1px solid rgba(42,39,78,.10);
}
.atomic-video-resources-head {
  margin-bottom:14px;
  text-align:left;
}
.atomic-video-resources-head > span {
  display:block;
  color:var(--atomic-purple)!important;
  font:850 8px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.blog-prose .atomic-video-resources-head h3 {
  margin:7px 0 0!important;
  color:var(--atomic-dark)!important;
  font-size:20px!important;
}
.atomic-video-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.atomic-video-card {
  overflow:hidden;
  border:1px solid rgba(79,147,134,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(42,39,78,.045);
}
.atomic-video-card:nth-child(2) { border-color:rgba(117,103,200,.13); }
.atomic-video-frame {
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#edf5f3;
}
.atomic-video-frame iframe {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.atomic-video-copy {
  display:grid;
  gap:7px;
  padding:14px 15px 16px;
}
.atomic-video-copy > span {
  width:max-content;
  padding:4px 7px;
  border-radius:999px;
  background:var(--atomic-lilac);
  color:var(--atomic-purple)!important;
  font:850 7px/1 Inter,Arial,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.atomic-video-copy > strong {
  color:var(--atomic-dark)!important;
  font:600 14px/1.35 Georgia,"Times New Roman",serif;
}
.atomic-video-copy > a {
  width:max-content;
  color:var(--atomic-dark)!important;
  font:800 8px/1.2 Inter,Arial,sans-serif;
  text-decoration:none;
}

/* CTA de fin : contraste explicite */
.atomic-end {
  background:linear-gradient(135deg,#eef8f5 0%,#f4f1fb 100%)!important;
  border:1px solid rgba(79,147,134,.16)!important;
  box-shadow:0 16px 36px rgba(55,92,85,.07)!important;
}
.atomic-end h2 {
  color:var(--atomic-dark)!important;
}
.atomic-end p {
  color:var(--atomic-text)!important;
}
.atomic-end .blog-end-actions a:first-child {
  border-color:var(--atomic-dark)!important;
  background:var(--atomic-dark)!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:rgba(79,147,134,.28)!important;
  background:#fff!important;
  color:var(--atomic-dark)!important;
}

@media (max-width:920px) {
  .atomic-week { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .atomic-compare--stackable,
  .atomic-levels,
  .atomic-video-grid { grid-template-columns:1fr!important; }
  .atomic-compare--stackable article,
  .atomic-levels article {
    min-height:0;
    padding:18px 16px;
  }
  .atomic-ladder {
    grid-template-columns:1fr;
  }
  .atomic-ladder > i {
    transform:rotate(90deg);
    justify-self:center;
    margin:0 auto;
  }
  .atomic-friction-grid { grid-template-columns:1fr; }
  .atomic-friction-grid ul { grid-template-columns:1fr; }
  .atomic-week { grid-template-columns:1fr; }
  .atomic-week article { min-height:0; padding:16px 14px; }
}
@media (max-width:560px) {
  .atomic-examples p { text-align:center!important; }
  .atomic-return > div { text-align:center!important; }
  .atomic-friction-grid article { padding:15px; }
  .atomic-friction-grid article > span { width:100%; }
  .atomic-video-resources-head { text-align:center; }
  .atomic-video-resources-head > span { text-align:center; }
}

/* ===== Atomic Habits v5 — retour au noir + palette Philosophal ===== */
.blog-atomic-page {
  --atomic:#6c63ff;
  --atomic-dark:#5148cf;
  --atomic-deep:#20202b;
  --atomic-text:#50505c;
  --atomic-muted:#777482;
  --atomic-purple:#6c63ff;
  --atomic-lilac:#f1efff;
  --atomic-mint:#f6f5ff;
  --atomic-mint-strong:#e8e5ff;
  --atomic-cream:#fbf8f2;
}

/* Retour à une hiérarchie typographique normale : titres et gras en noir. */
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3,
.blog-atomic-page .blog-prose strong,
.blog-atomic-page .blog-article-lead strong,
.blog-atomic-page .atomic-thesis strong,
.blog-atomic-page .atomic-rule strong,
.blog-atomic-page .atomic-learning-grid strong,
.blog-atomic-page .atomic-pacte span,
.blog-atomic-page .atomic-sources strong,
.blog-atomic-page .atomic-compare--stackable article > strong,
.blog-atomic-page .atomic-levels article > strong,
.blog-atomic-page .atomic-return strong,
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle strong {
  color:var(--blog-ink)!important;
}
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3 { color:var(--blog-ink)!important; }
.blog-atomic-page .blog-article-title em,
.blog-atomic-page .blog-section-eyebrow,
.blog-atomic-page .blog-prose a { color:var(--blog-warm)!important; }
.blog-atomic-page .blog-prose,
.blog-atomic-page .blog-prose p,
.blog-atomic-page .blog-prose li,
.blog-atomic-page .blog-article-lead,
.blog-atomic-page .blog-article-meta { color:#50505c!important; }

/* Encadrés : plus aucun fond sombre dans cet article. */
.atomic-formula {
  border:1px solid rgba(108,99,255,.18)!important;
  background:linear-gradient(145deg,#f0eeff,#fbfaff)!important;
  box-shadow:0 12px 28px rgba(108,99,255,.07)!important;
}
.atomic-formula span {
  color:var(--blog-warm-dark)!important;
  background:#e5e2ff!important;
}
.atomic-formula strong { color:var(--blog-ink)!important; }

.atomic-final-principle {
  border:1px solid rgba(108,99,255,.16)!important;
  background:linear-gradient(135deg,#f2f0ff 0%,#fbfaf7 100%)!important;
  box-shadow:0 14px 32px rgba(65,59,130,.06)!important;
}
.atomic-final-principle span { color:var(--blog-warm-dark)!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:var(--blog-ink)!important; }

/* 01 — système : violet / neutre, sans vert. */
.atomic-compare--stackable article {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff 0%,#fdfdff 100%)!important;
}
.atomic-compare--stackable article:nth-child(2) {
  border-color:rgba(108,99,255,.14)!important;
  background:linear-gradient(180deg,#f7f5ff 0%,#fff 100%)!important;
}
.atomic-compare--stackable article.is-best {
  border-color:rgba(108,99,255,.25)!important;
  background:linear-gradient(180deg,#efedff 0%,#faf9ff 100%)!important;
}
.atomic-compare--stackable article > span,
.atomic-compare--stackable article.is-best > span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-compare--stackable article > p { color:#555461!important; }

/* 02 */
.atomic-table th {
  color:var(--blog-ink)!important;
  background:#f2f0ff!important;
}
.atomic-table td { color:#50505c!important; }
.atomic-table tbody tr:nth-child(even) { background:#fbfaff!important; }

/* 03 — progression plus proche de l'identité du site. */
.atomic-ladder > div {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff,#fdfdff)!important;
}
.atomic-ladder > div:nth-of-type(2) {
  border-color:rgba(108,99,255,.15)!important;
  background:linear-gradient(180deg,#f7f5ff,#fff)!important;
}
.atomic-ladder > div.is-best {
  border-color:rgba(108,99,255,.25)!important;
  background:linear-gradient(180deg,#efedff,#faf9ff)!important;
}
.atomic-ladder span,
.atomic-ladder .is-best span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-ladder p { color:#555461!important; }
.atomic-ladder > i {
  color:var(--blog-warm-dark)!important;
  background:#f0eeff!important;
}

/* 04 */
.atomic-examples p {
  border-color:rgba(108,99,255,.10)!important;
  background:linear-gradient(180deg,#fff,#fbfaff)!important;
}
.atomic-examples b { color:var(--blog-ink)!important; }
.atomic-examples i { color:#555461!important; }
.atomic-examples span { color:var(--blog-warm)!important; }

/* 05 — environnement : cartes légères sans vert. */
.atomic-friction-grid article {
  border-color:rgba(108,99,255,.14)!important;
  background:linear-gradient(180deg,#f6f4ff 0%,#fff 100%)!important;
  box-shadow:0 12px 28px rgba(65,59,130,.05)!important;
}
.atomic-friction-grid article:nth-child(2) {
  border-color:rgba(163,126,80,.13)!important;
  background:linear-gradient(180deg,#fbf7f1 0%,#fff 100%)!important;
}
.atomic-friction-grid article > span {
  color:var(--blog-warm-dark)!important;
  background:#e9e6ff!important;
}
.atomic-friction-grid article:nth-child(2) > span {
  color:#795f42!important;
  background:#f2e9dc!important;
}
.atomic-friction-grid li {
  border-color:rgba(108,99,255,.07)!important;
  background:rgba(255,255,255,.9)!important;
  color:#50505c!important;
}

/* 06 */
.atomic-learning-grid article {
  border-color:rgba(108,99,255,.12)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)!important;
}
.atomic-learning-grid article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#f6f4ff 0%,#fff 100%)!important;
}
.atomic-learning-grid article:nth-child(3) {
  border-color:rgba(163,126,80,.12)!important;
  background:linear-gradient(180deg,#fbf7f1 0%,#fff 100%)!important;
}
.atomic-learning-grid article > span {
  color:var(--blog-warm-dark)!important;
  background:linear-gradient(180deg,#ebe8ff,#dedaff)!important;
}
.atomic-learning-grid h3 { color:var(--blog-ink)!important; }
.atomic-learning-grid p { color:#50505c!important; }
.atomic-study-notes {
  border-color:rgba(108,99,255,.14)!important;
  background:#f7f5ff!important;
}
.atomic-study-notes > span { color:var(--blog-warm-dark)!important; }
.atomic-study-notes li { color:#555461!important; }

/* 07 */
.atomic-levels article {
  border-color:rgba(42,39,78,.10)!important;
  background:#fff!important;
}
.atomic-levels article:nth-child(1) { background:linear-gradient(180deg,#fbfaf7,#fff)!important; }
.atomic-levels article.is-normal {
  border-color:rgba(108,99,255,.23)!important;
  background:linear-gradient(180deg,#efedff,#faf9ff)!important;
}
.atomic-levels article:nth-child(3) { background:linear-gradient(180deg,#f7f5ff,#fff)!important; }
.atomic-levels article > span,
.atomic-levels article.is-normal > span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-levels article > p { color:#555461!important; }

/* 08 */
.atomic-return span { color:var(--blog-warm-dark)!important; }
.atomic-return strong { color:var(--blog-ink)!important; }
.atomic-return > div {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff,#fdfdff)!important;
}
.atomic-return > div.is-best {
  border-color:rgba(108,99,255,.23)!important;
  background:linear-gradient(180deg,#efedff,#faf9ff)!important;
}
.atomic-return > i {
  color:var(--blog-warm-dark)!important;
  background:#eeecff!important;
}

/* 09 */
.atomic-tracker span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}

/* 10 */
.atomic-pacte article {
  border-color:rgba(108,99,255,.11)!important;
  background:linear-gradient(145deg,#fff,#fbfaff)!important;
}
.atomic-pacte b {
  color:var(--blog-warm-dark)!important;
  background:linear-gradient(180deg,#ece9ff,#dfdcff)!important;
}
.atomic-pacte span { color:var(--blog-ink)!important; }
.atomic-pacte p { color:#555461!important; }

/* 11 — semaine : violet + neutres chauds, sans vert. */
.atomic-week article {
  border-color:rgba(108,99,255,.12)!important;
  background:linear-gradient(180deg,#f6f4ff 0%,#fff 100%)!important;
}
.atomic-week article:nth-child(2n) {
  border-color:rgba(163,126,80,.11)!important;
  background:linear-gradient(180deg,#fbf7f1 0%,#fff 100%)!important;
}
.atomic-week article:nth-child(3n) {
  border-color:rgba(42,39,78,.09)!important;
  background:linear-gradient(180deg,#f9f9fc 0%,#fff 100%)!important;
}
.atomic-week article:last-child {
  border-color:rgba(108,99,255,.18)!important;
  background:linear-gradient(180deg,#efedff 0%,#fff 100%)!important;
}
.atomic-week span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-week strong { color:var(--blog-ink)!important; }
.atomic-week p { color:#555461!important; }

/* Références + vidéos */
.atomic-sources article {
  border-color:rgba(108,99,255,.11)!important;
  background:linear-gradient(180deg,#fff,#fbfaff)!important;
}
.atomic-sources article:nth-child(even) {
  border-color:rgba(163,126,80,.10)!important;
  background:linear-gradient(180deg,#fbf8f3,#fff)!important;
}
.atomic-sources article::before {
  background:linear-gradient(180deg,#8a82ff,#6c63ff)!important;
}
.atomic-sources article > span { color:var(--blog-warm-dark)!important; }
.atomic-sources article > strong { color:var(--blog-ink)!important; }
.atomic-sources article > p { color:#555461!important; }
.atomic-sources a {
  color:var(--blog-warm-dark)!important;
  background:#efedff!important;
}
.atomic-video-resources-head > span { color:var(--blog-warm-dark)!important; }
.blog-prose .atomic-video-resources-head h3 { color:var(--blog-ink)!important; }
.atomic-video-card { border-color:rgba(108,99,255,.12)!important; }
.atomic-video-frame { background:#f0eeff!important; }
.atomic-video-copy > span {
  color:var(--blog-warm-dark)!important;
  background:#efedff!important;
}
.atomic-video-copy > strong { color:var(--blog-ink)!important; }
.atomic-video-copy > a { color:var(--blog-warm-dark)!important; }

/* CTA : fond clair, texte noir, action principale violette. */
.atomic-end {
  background:linear-gradient(135deg,#f1efff 0%,#fbfaf7 100%)!important;
  border:1px solid rgba(108,99,255,.16)!important;
  box-shadow:0 16px 36px rgba(65,59,130,.07)!important;
}
.atomic-end h2,
.atomic-end p { color:var(--blog-ink)!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:var(--blog-warm)!important;
  background:var(--blog-warm)!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:rgba(108,99,255,.24)!important;
  background:#fff!important;
  color:var(--blog-warm-dark)!important;
}

/* ===== Blog v8 — palette Méthodologie : corail poudré / terracotta, sans vert ===== */
:root {
  --method-gold:#C96F5B;
  --method-gold-dark:#8B4B42;
  --method-gold-soft:#FCF2EF;
  --method-gold-soft-strong:#F4D8D1;
  --method-gold-border:#E8C1B8;
  --method-gold-rgb:201,111,91;
}

/* Index du blog : la catégorie Méthodologie a désormais sa couleur propre. */
.blog-card--method,
.blog-card--atomic {
  --card-accent:var(--method-gold-rgb)!important;
}
.blog-type-chip--method { --chip:var(--method-gold-rgb)!important; }
.blog-card-topic--methodologie {
  background:rgba(var(--method-gold-rgb),.11)!important;
  color:var(--method-gold-dark)!important;
  border-color:rgba(var(--method-gold-rgb),.18)!important;
}
.blog-index-filters [data-blog-filter="methodologie"] {
  border-color:rgba(var(--method-gold-rgb),.26)!important;
  color:var(--method-gold-dark)!important;
}
.blog-index-filters [data-blog-filter="methodologie"]:hover,
.blog-index-filters [data-blog-filter="methodologie"].is-active {
  border-color:var(--method-gold)!important;
  background:var(--method-gold-soft)!important;
  color:var(--method-gold-dark)!important;
}
.blog-card--method .blog-card-number,
.blog-card--method .blog-card-read,
.blog-card--atomic .blog-card-number,
.blog-card--atomic .blog-card-read {
  color:var(--method-gold-dark)!important;
}
.blog-card--method .blog-card-read i,
.blog-card--atomic .blog-card-read i {
  background:rgba(var(--method-gold-rgb),.11)!important;
}

/* Article Atomic Habits : violet = identité Philosophal ; corail = méthodologie. */
.blog-atomic-page {
  --atomic:var(--method-gold);
  --atomic-dark:var(--method-gold-dark);
  --atomic-deep:#20202b;
  --atomic-text:#50505c;
  --atomic-muted:#777482;
  --atomic-purple:#6C63FF;
  --atomic-lilac:#F1EFFF;
  --atomic-mint:var(--method-gold-soft);
  --atomic-mint-strong:var(--method-gold-soft-strong);
  --atomic-cream:#FFFDF8;
}
.blog-atomic-page .atomic-hero {
  background:linear-gradient(145deg,#FDF3F0 0%,#fff 58%,#F4F2FF 100%)!important;
}
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3,
.blog-atomic-page .blog-prose strong,
.blog-atomic-page .blog-article-lead strong,
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle strong {
  color:var(--blog-ink)!important;
}
.blog-atomic-page .blog-article-title em,
.blog-atomic-page .blog-article-kicker,
.blog-atomic-page .blog-section-eyebrow {
  color:var(--method-gold-dark)!important;
}
.blog-atomic-page .blog-prose a { color:var(--blog-warm-dark)!important; }

/* Visuel symbolique du hero : corail + violet uniquement. */
.atomic-hero-visual--minimal {
  border-color:rgba(var(--method-gold-rgb),.16)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--method-gold-rgb),.13),transparent 44%),
    linear-gradient(145deg,#FFFDFC,#F7F4FF)!important;
  box-shadow:0 20px 40px rgba(116,70,61,.06)!important;
}
.atomic-minimal-orbit { border-color:rgba(var(--method-gold-rgb),.24)!important; }
.atomic-minimal-orbit--2 { border-color:rgba(108,99,255,.20)!important; }
.atomic-minimal-node {
  background:linear-gradient(180deg,#DC8A77,var(--method-gold))!important;
  box-shadow:0 8px 20px rgba(var(--method-gold-rgb),.23)!important;
}
.atomic-minimal-node--2 { background:linear-gradient(180deg,#8C84FF,#6C63FF)!important; }
.atomic-minimal-path {
  background:linear-gradient(90deg,rgba(var(--method-gold-rgb),.18),rgba(var(--method-gold-rgb),.88))!important;
}
.atomic-minimal-dot { background:#E7B5A9!important; }
.atomic-minimal-dot--2 { background:#B8B3FF!important; }

/* Introduction / idée directrice. */
.atomic-thesis {
  border-color:rgba(var(--method-gold-rgb),.22)!important;
  background:linear-gradient(145deg,var(--method-gold-soft),#fff)!important;
}
.atomic-thesis > span { color:var(--method-gold-dark)!important; }
.atomic-thesis-list > li::marker { color:var(--method-gold)!important; }
.atomic-inspiration {
  border-left-color:rgba(108,99,255,.38)!important;
  background:#FAF9FF!important;
}

/* 01 — Système : neutre → violet → méthodologie corail. */
.atomic-compare--stackable article {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff,#FDFDFF)!important;
}
.atomic-compare--stackable article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F6F4FF,#fff)!important;
}
.atomic-compare--stackable article.is-best {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#FFFDFC)!important;
}
.atomic-compare--stackable article > span {
  color:var(--blog-warm-dark)!important;
  background:#ECE9FF!important;
}
.atomic-compare--stackable article.is-best > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}

/* 02 — Démarrage. */
.atomic-table th {
  color:var(--blog-ink)!important;
  background:var(--method-gold-soft)!important;
}
.atomic-table tbody tr:nth-child(even) { background:#FFFDFC!important; }
.atomic-rule {
  border-left-color:var(--method-gold)!important;
  background:#FDF6F3!important;
}
.atomic-rule > strong { color:var(--method-gold-dark)!important; }

/* 03 — précision. */
.atomic-ladder > div {
  border-color:rgba(42,39,78,.10)!important;
  background:#fff!important;
}
.atomic-ladder > div:nth-of-type(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F7F5FF,#fff)!important;
}
.atomic-ladder > div.is-best {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-ladder span {
  color:var(--blog-warm-dark)!important;
  background:#ECE9FF!important;
}
.atomic-ladder .is-best span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-ladder > i {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}

/* 04 — empilement. */
.atomic-formula {
  border-color:rgba(var(--method-gold-rgb),.25)!important;
  background:linear-gradient(145deg,var(--method-gold-soft),#FFFDFC)!important;
  box-shadow:0 12px 28px rgba(130,76,65,.07)!important;
}
.atomic-formula span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-examples p {
  border-color:rgba(var(--method-gold-rgb),.12)!important;
  background:linear-gradient(180deg,#fff,#FFFDFC)!important;
}
.atomic-examples span { color:var(--method-gold)!important; }

/* 05 — environnement : corail pour faciliter, violet pour la distraction. */
.atomic-friction-grid article {
  border-color:rgba(var(--method-gold-rgb),.20)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
  box-shadow:0 12px 28px rgba(130,76,65,.05)!important;
}
.atomic-friction-grid article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F6F4FF,#fff)!important;
}
.atomic-friction-grid article > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-friction-grid article:nth-child(2) > span {
  color:var(--blog-warm-dark)!important;
  background:#EDEAFF!important;
}
.atomic-friction-grid li {
  border-color:rgba(var(--method-gold-rgb),.08)!important;
  background:rgba(255,255,255,.90)!important;
}

/* 06 — apprentissage. */
.atomic-learning-grid article:nth-child(1) {
  border-color:rgba(var(--method-gold-rgb),.18)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-learning-grid article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F6F4FF,#fff)!important;
}
.atomic-learning-grid article:nth-child(3) {
  border-color:rgba(var(--method-gold-rgb),.13)!important;
  background:linear-gradient(180deg,#FDF5F2,#fff)!important;
}
.atomic-learning-grid article > span {
  color:var(--method-gold-dark)!important;
  background:linear-gradient(180deg,#F6DDD7,var(--method-gold-soft-strong))!important;
}
.atomic-learning-grid article:nth-child(2) > span {
  color:var(--blog-warm-dark)!important;
  background:linear-gradient(180deg,#EFEDFF,#DFDCFF)!important;
}
.atomic-study-notes {
  border-color:rgba(108,99,255,.14)!important;
  background:#F8F6FF!important;
}

/* 07 — trois niveaux : la version normale devient le repère méthodologique corail. */
.atomic-levels article { border-color:rgba(42,39,78,.10)!important; background:#fff!important; }
.atomic-levels article:nth-child(1) { background:linear-gradient(180deg,#FBFAF7,#fff)!important; }
.atomic-levels article.is-normal {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-levels article:nth-child(3) {
  border-color:rgba(108,99,255,.15)!important;
  background:linear-gradient(180deg,#F7F5FF,#fff)!important;
}
.atomic-levels article > span { color:var(--blog-warm-dark)!important; background:#ECE9FF!important; }
.atomic-levels article.is-normal > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}

/* 08 — retour utile. */
.atomic-return > div { border-color:rgba(42,39,78,.10)!important; background:#fff!important; }
.atomic-return > div.is-best {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-return span { color:var(--method-gold-dark)!important; }
.atomic-return > div:first-child span { color:var(--blog-warm-dark)!important; }
.atomic-return > i {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}

/* 09 — suivi. */
.atomic-tracker span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}

/* 10 — PACTE. */
.atomic-pacte article {
  border-color:rgba(var(--method-gold-rgb),.14)!important;
  background:linear-gradient(145deg,#fff,#FFFDF8)!important;
}
.atomic-pacte b {
  color:var(--method-gold-dark)!important;
  background:linear-gradient(180deg,#F5DAD4,var(--method-gold-soft-strong))!important;
}

/* 11 — semaine : crème, violet léger et neutres ; aucun vert. */
.atomic-week article {
  border-color:rgba(var(--method-gold-rgb),.17)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-week article:nth-child(2n) {
  border-color:rgba(108,99,255,.13)!important;
  background:linear-gradient(180deg,#F7F5FF,#fff)!important;
}
.atomic-week article:nth-child(3n) {
  border-color:rgba(42,39,78,.09)!important;
  background:linear-gradient(180deg,#FAFAFC,#fff)!important;
}
.atomic-week article:last-child {
  border-color:rgba(var(--method-gold-rgb),.24)!important;
  background:linear-gradient(180deg,#F8DED7,#fff)!important;
}
.atomic-week span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-week article:nth-child(2n) span {
  color:var(--blog-warm-dark)!important;
  background:#ECE9FF!important;
}
.atomic-week strong { color:var(--blog-ink)!important; }
.atomic-final-principle {
  border-color:rgba(var(--method-gold-rgb),.22)!important;
  background:linear-gradient(135deg,var(--method-gold-soft) 0%,#F6F3FF 100%)!important;
  box-shadow:0 14px 32px rgba(126,73,62,.06)!important;
}
.atomic-final-principle span { color:var(--method-gold-dark)!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:var(--blog-ink)!important; }

/* Références et vidéos : corail méthodologie, violet secondaire. */
.atomic-sources article {
  border-color:rgba(var(--method-gold-rgb),.15)!important;
  background:linear-gradient(180deg,#fff,#FFFDFC)!important;
}
.atomic-sources article:nth-child(even) {
  border-color:rgba(108,99,255,.12)!important;
  background:linear-gradient(180deg,#FAF9FF,#fff)!important;
}
.atomic-sources article::before {
  background:linear-gradient(180deg,#DA806C,var(--method-gold))!important;
}
.atomic-sources article:nth-child(even)::before {
  background:linear-gradient(180deg,#8B83FF,#6C63FF)!important;
}
.atomic-sources article > span { color:var(--method-gold-dark)!important; }
.atomic-sources a {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}
.atomic-video-resources-head > span { color:var(--method-gold-dark)!important; }
.atomic-video-card { border-color:rgba(var(--method-gold-rgb),.16)!important; }
.atomic-video-card:nth-child(2) { border-color:rgba(108,99,255,.14)!important; }
.atomic-video-frame { background:var(--method-gold-soft)!important; }
.atomic-video-card:nth-child(2) .atomic-video-frame { background:#F1EFFF!important; }
.atomic-video-copy > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}
.atomic-video-card:nth-child(2) .atomic-video-copy > span {
  color:var(--blog-warm-dark)!important;
  background:#EFEDFF!important;
}
.atomic-video-copy > a { color:var(--method-gold-dark)!important; }

/* CTA final : clair et méthodologique, sans aplat sombre. */
.atomic-end {
  background:linear-gradient(135deg,var(--method-gold-soft) 0%,#F6F3FF 100%)!important;
  border-color:rgba(var(--method-gold-rgb),.22)!important;
  box-shadow:0 16px 36px rgba(126,73,62,.07)!important;
}
.atomic-end h2,
.atomic-end p { color:var(--blog-ink)!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:var(--method-gold-dark)!important;
  background:var(--method-gold-dark)!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:first-child:hover {
  border-color:#743E36!important;
  background:#743E36!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:rgba(var(--method-gold-rgb),.30)!important;
  background:#fff!important;
  color:var(--method-gold-dark)!important;
}
.atomic-aside a.is-active { color:var(--method-gold-dark)!important; }

/* Hover/focus de catégorie méthodologie. */
.blog-card--method:hover,
.blog-card--atomic:hover {
  border-color:rgba(var(--method-gold-rgb),.36)!important;
  box-shadow:0 28px 68px rgba(126,73,62,.10)!important;
}

@media (max-width:760px) {
  .blog-index-filters [data-blog-filter="methodologie"] { background:#FFFDFC; }
}


/* ===== Blog v9 — Méthodologie en violet améthyste =====
   Philosophal reste #6C63FF ; la méthodologie utilise une teinte violette plus chaude.
   Le texte/gras reste noir ou gris neutre. */
:root {
  --method-gold:#8468D7;
  --method-gold-dark:#5E469E;
  --method-gold-soft:#F3F0FC;
  --method-gold-soft-strong:#DCD3F5;
  --method-gold-border:#C8B9EB;
  --method-gold-rgb:132,104,215;
}

/* Blog index — méthodologie */
.blog-card--method,
.blog-card--atomic {
  --card-accent:132,104,215!important;
}
.blog-type-chip--method { --chip:132,104,215!important; }

.blog-card-topic--methodologie {
  background:#EFEAFB!important;
  color:#5E469E!important;
  border-color:#D4C9F0!important;
}
.blog-index-filters [data-blog-filter="methodologie"] {
  border-color:#C8B9EB!important;
  color:#5E469E!important;
  background:#fff!important;
}
.blog-index-filters [data-blog-filter="methodologie"]:hover,
.blog-index-filters [data-blog-filter="methodologie"].is-active {
  border-color:#8468D7!important;
  background:#F3F0FC!important;
  color:#5E469E!important;
}
.blog-card--method .blog-card-number,
.blog-card--method .blog-card-read,
.blog-card--atomic .blog-card-number,
.blog-card--atomic .blog-card-read {
  color:#5E469E!important;
}
.blog-card--method .blog-card-read i,
.blog-card--atomic .blog-card-read i {
  background:#EFEAFB!important;
}

/* Atomic Habits — palette violette monochromatique */
.blog-atomic-page {
  --atomic:#8468D7!important;
  --atomic-dark:#5E469E!important;
  --atomic-purple:#6C63FF!important;
  --atomic-lilac:#F1EFFF!important;
  --atomic-mint:#F3F0FC!important;
  --atomic-mint-strong:#DCD3F5!important;
  --atomic-cream:#FBFAFE!important;
}
.blog-atomic-page .atomic-hero {
  background:linear-gradient(145deg,#F4F1FD 0%,#fff 58%,#EFEDFF 100%)!important;
}
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3,
.blog-atomic-page .blog-prose strong,
.blog-atomic-page .blog-article-lead strong,
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle strong {
  color:#1F1F2A!important;
}
.blog-atomic-page .blog-article-title em,
.blog-atomic-page .blog-article-kicker,
.blog-atomic-page .blog-section-eyebrow {
  color:#6C63FF!important;
}

/* Visuel symbolique */
.atomic-hero-visual--minimal {
  background:
    radial-gradient(circle at 50% 50%,rgba(132,104,215,.12),transparent 44%),
    linear-gradient(145deg,#fff,#F6F3FD)!important;
  border-color:rgba(132,104,215,.14)!important;
}
.atomic-minimal-orbit { border-color:rgba(132,104,215,.28)!important; }
.atomic-minimal-orbit--2 { border-color:rgba(108,99,255,.22)!important; }
.atomic-minimal-node {
  background:linear-gradient(180deg,#A38FE8,#8468D7)!important;
  box-shadow:0 8px 20px rgba(94,70,158,.18)!important;
}
.atomic-minimal-node--2 { background:linear-gradient(180deg,#8C84FF,#6C63FF)!important; }
.atomic-minimal-path {
  background:linear-gradient(90deg,rgba(132,104,215,.16),rgba(108,99,255,.78))!important;
}
.atomic-minimal-dot { background:#C5B8ED!important; }
.atomic-minimal-dot--2 { background:#AAA2FF!important; }

/* Encadrés et cartes */
.atomic-thesis {
  background:linear-gradient(145deg,#F5F2FC,#fff)!important;
  border-color:#D8CFF2!important;
}
.atomic-thesis > span,
.atomic-rule > strong,
.atomic-return span,
.atomic-sources article > span,
.atomic-video-resources-head > span {
  color:#5E469E!important;
}
.atomic-thesis-list > li::marker { color:#8468D7!important; }

.atomic-inspiration {
  background:#F7F5FC!important;
  border-left-color:#8468D7!important;
}

.atomic-compare--stackable article,
.atomic-ladder > div,
.atomic-friction-grid article,
.atomic-learning-grid article,
.atomic-levels article,
.atomic-return > div,
.atomic-pacte article,
.atomic-week article,
.atomic-sources article,
.atomic-video-card {
  border-color:rgba(94,70,158,.13)!important;
}
.atomic-compare--stackable article:nth-child(2),
.atomic-ladder > div:nth-of-type(2),
.atomic-friction-grid article:nth-child(2),
.atomic-learning-grid article:nth-child(2),
.atomic-week article:nth-child(2n),
.atomic-sources article:nth-child(even) {
  background:#F8F6FD!important;
}
.atomic-compare--stackable article.is-best,
.atomic-ladder > div.is-best,
.atomic-levels article.is-normal,
.atomic-return > div.is-best {
  background:linear-gradient(145deg,#F1EDFB,#fff)!important;
  border-color:#C8B9EB!important;
}
.atomic-compare--stackable article > span,
.atomic-ladder span,
.atomic-levels article > span {
  background:#F0ECFA!important;
  color:#5E469E!important;
}
.atomic-compare--stackable article.is-best > span,
.atomic-ladder .is-best span,
.atomic-levels article.is-normal > span {
  background:#DED5F5!important;
  color:#5E469E!important;
}

/* Tableau / règle */
.atomic-table th {
  background:#F1EDFB!important;
  color:#5E469E!important;
}
.atomic-table tbody tr:nth-child(even) { background:#FAF9FD!important; }
.atomic-rule {
  background:#F6F3FC!important;
  border-left-color:#8468D7!important;
}

/* Formule 04 — clair, lisible, centré */
.atomic-formula {
  background:linear-gradient(145deg,#EEE9FA,#F8F6FD)!important;
  border:1px solid #C8B9EB!important;
  box-shadow:0 12px 28px rgba(94,70,158,.08)!important;
}
.atomic-formula span {
  background:#DCD3F5!important;
  color:#5E469E!important;
}
.atomic-formula strong { color:#1F1F2A!important; }
.atomic-examples p {
  background:#fff!important;
  border-color:#D8CFF2!important;
}
.atomic-examples span { color:#8468D7!important; }

/* 05 — frictions */
.atomic-friction-grid article:first-child {
  background:linear-gradient(145deg,#F5F2FC,#fff)!important;
}
.atomic-friction-grid article:nth-child(2) {
  background:linear-gradient(145deg,#FAF8FE,#fff)!important;
}
.atomic-friction-grid article > span,
.atomic-friction-grid article:nth-child(2) > span {
  color:#5E469E!important;
}
.atomic-friction-grid li {
  background:#F5F2FC!important;
}
.atomic-friction-grid article:nth-child(2) li {
  background:#F8F6FD!important;
}
.atomic-friction-grid li::before { color:#8468D7!important; }

/* 06 — apprentissage */
.atomic-learning-grid article:nth-child(1),
.atomic-learning-grid article:nth-child(2),
.atomic-learning-grid article:nth-child(3) {
  background:linear-gradient(180deg,#fff 0%,#F8F6FD 100%)!important;
}
.atomic-learning-grid article > span,
.atomic-learning-grid article:nth-child(2) > span {
  background:linear-gradient(180deg,#E5DEF7,#D5CAF1)!important;
  color:#5E469E!important;
}
.atomic-study-notes {
  background:#F6F3FC!important;
  border-color:#D8CFF2!important;
}
.atomic-study-notes > span { color:#5E469E!important; }

/* 07 / 08 / 09 / 10 */
.atomic-levels article:nth-child(1) { background:#FAF9FD!important; }
.atomic-levels article:nth-child(3) { background:#F7F5FC!important; }
.atomic-return > i {
  background:#EEEAF8!important;
  color:#5E469E!important;
}
.atomic-tracker span {
  background:#E7E0F7!important;
  color:#5E469E!important;
}
.atomic-pacte b {
  background:linear-gradient(180deg,#E6DFF8,#D4C8F1)!important;
  color:#5E469E!important;
}

/* Semaine */
.atomic-week article {
  background:linear-gradient(145deg,#fff,#FAF9FD)!important;
}
.atomic-week article:nth-child(2n) { background:linear-gradient(145deg,#F7F5FC,#fff)!important; }
.atomic-week article:nth-child(3n) { background:linear-gradient(145deg,#F3F0FC,#fff)!important; }
.atomic-week article:last-child { background:linear-gradient(145deg,#EEE9FA,#fff)!important; }
.atomic-week span,
.atomic-week article:nth-child(2n) span {
  background:#E9E3F8!important;
  color:#5E469E!important;
}

/* À retenir */
.atomic-final-principle {
  background:linear-gradient(145deg,#F0ECFA,#F8F6FD)!important;
  border:1px solid #C8B9EB!important;
  box-shadow:0 14px 30px rgba(94,70,158,.08)!important;
}
.atomic-final-principle span { color:#5E469E!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:#1F1F2A!important; }

/* Références et vidéos */
.atomic-sources article::before {
  background:linear-gradient(180deg,#8468D7,#6C63FF)!important;
}
.atomic-sources article:nth-child(even)::before {
  background:linear-gradient(180deg,#A18EE8,#8468D7)!important;
}
.atomic-sources a {
  background:#EEE9FA!important;
  color:#5E469E!important;
}
.atomic-video-card { border-color:#D8CFF2!important; }
.atomic-video-card:nth-child(2) { border-color:#CEC6F6!important; }
.atomic-video-frame,
.atomic-video-card:nth-child(2) .atomic-video-frame {
  background:#F0ECFA!important;
}
.atomic-video-copy > span,
.atomic-video-card:nth-child(2) .atomic-video-copy > span {
  background:#EEE9FA!important;
  color:#5E469E!important;
}
.atomic-video-copy > a { color:#5E469E!important; }

/* CTA */
.atomic-end {
  background:linear-gradient(135deg,#F0ECFA 0%,#F8F6FD 58%,#fff 100%)!important;
  border:1px solid #C8B9EB!important;
  box-shadow:0 16px 36px rgba(94,70,158,.08)!important;
}
.atomic-end h2,
.atomic-end p { color:#1F1F2A!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:#6C63FF!important;
  background:#6C63FF!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:first-child:hover {
  border-color:#5E55E6!important;
  background:#5E55E6!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:#C8B9EB!important;
  background:#fff!important;
  color:#5E469E!important;
}
.atomic-aside a.is-active { color:#6C63FF!important; }

@media (max-width:640px) {
  .blog-index-filters [data-blog-filter="methodologie"] {
    background:#F8F6FD!important;
  }
}


/* Atomic Habits — séparation des sources dans le plan latéral */
.blog-atomic-page .atomic-aside .thought-aside-sources {
  display:block;
  grid-template-columns:none;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--blog-rule);
}
.blog-atomic-page .atomic-aside .thought-aside-sources::before {
  content:none;
}

/* ===== Méthode Pomodoro — 2026-09-24 ===== */
.blog-pomodoro-page .pomodoro-hero {
  background:linear-gradient(145deg,#F4F1FD 0%,#fff 58%,#F0EDFB 100%)!important;
}
.pomodoro-hero-visual {
  min-height:320px;
  display:grid;
  place-items:center;
  border:1px solid rgba(108,99,255,.14);
  border-radius:32px;
  background:radial-gradient(circle at 74% 28%,rgba(108,99,255,.11),transparent 34%),linear-gradient(145deg,#fff,#F6F3FD);
  overflow:hidden;
  position:relative;
}
.pomodoro-hero-visual::before {
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:16px;
  top:18px;
  border-radius:50%;
  border:1px solid rgba(108,99,255,.08);
}
.pomodoro-hero-visual::after {
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  left:24px;
  bottom:18px;
  border-radius:50%;
  background:rgba(108,99,255,.06);
}
.pomodoro-clock {
  width:218px;
  height:218px;
  border-radius:50%;
  position:relative;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 34%,#fff 0%,#FBF9FF 43%,#EFE8FA 82%,#E5DBF8 100%);
  border:10px solid #8468D7;
  box-shadow:0 24px 56px rgba(94,70,158,.16),inset 0 0 0 1px rgba(94,70,158,.08);
}
.pomodoro-clock::before {
  content:"";
  position:absolute;
  top:-24px;
  left:50%;
  width:56px;
  height:30px;
  transform:translateX(-50%);
  border-radius:16px 16px 8px 8px;
  background:linear-gradient(180deg,#6757F4 0%,#5E469E 100%);
  box-shadow:0 10px 18px rgba(94,70,158,.16);
}
.pomodoro-clock::after {
  content:"";
  position:absolute;
  inset:16px;
  border-radius:50%;
  border:1px dashed rgba(108,99,255,.15);
}
.pomodoro-clock strong {
  position:absolute;
  right:-6px;
  bottom:16px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:90px;
  height:90px;
  border-radius:26px;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 30px rgba(94,70,158,.14);
  font-size:3.35rem;
  line-height:1;
  color:#1F1F2A!important;
  letter-spacing:-.08em;
}
.pomodoro-clock small {
  position:absolute;
  right:64px;
  bottom:47px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  padding:5px 10px;
  border-radius:999px;
  background:#F3EEFF;
  border:1px solid rgba(108,99,255,.12);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#5E469E;
  font-weight:800;
}
.pomodoro-clock-hand {
  position:absolute;
  width:4px;
  height:60px;
  background:linear-gradient(180deg,#6C63FF,#8468D7);
  border-radius:99px;
  top:48px;
  left:50%;
  margin-left:-2px;
  transform-origin:50% 66px;
  transform:rotate(52deg);
  box-shadow:0 6px 12px rgba(94,70,158,.18);
}
.pomodoro-clock-hand::after {
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#6757F4;
  bottom:-9px;
  left:50%;
  transform:translateX(-50%);
  box-shadow:0 0 0 5px #F4F0FF;
}
.pomodoro-clock-mark {
  position:absolute;
  width:4px;
  height:14px;
  background:#CCBFF0;
  border-radius:4px;
  top:12px;
  left:50%;
  margin-left:-2px;
  transform-origin:50% 97px;
}
.pomodoro-clock-mark--1{transform:rotate(0deg)}
.pomodoro-clock-mark--2{transform:rotate(90deg)}
.pomodoro-clock-mark--3{transform:rotate(180deg)}
.pomodoro-clock-mark--4{transform:rotate(270deg)}

.pomodoro-quick-note {
  margin:16px 0 0!important;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(108,99,255,.14);
}
.pomodoro-jump,
.pomodoro-jump:visited {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  background:linear-gradient(180deg,#6A5AF3 0%,#5544D8 100%);
  color:#fff!important;
  text-decoration:none;
  font-size:.92rem;
  font-weight:800;
  box-shadow:0 14px 26px rgba(93,78,219,.18);
}
.pomodoro-jump:hover { background:linear-gradient(180deg,#5F50E1 0%,#4E3ECC 100%); }
.pomodoro-origin-card {
  margin:18px 0;
  padding:20px 22px;
  border:1px solid rgba(108,99,255,.16);
  border-radius:20px;
  background:linear-gradient(145deg,#FCFBFF 0%,#F4F0FC 100%);
}
.pomodoro-origin-card p { margin:0 0 12px!important; }
.pomodoro-origin-card ul { margin:0; padding-left:18px; }
.pomodoro-origin-card li { margin:7px 0; }

.pomodoro-protocol,.pomodoro-tools {
  display:grid;
  gap:14px;
  margin:20px 0 0;
}
.pomodoro-protocol { grid-template-columns:repeat(3,1fr); }
.pomodoro-tools { grid-template-columns:repeat(2,1fr); }
.pomodoro-protocol article,
.pomodoro-tools article,
.pomodoro-plan article,
.pomodoro-do-dont article,
.pomodoro-curves article {
  padding:20px;
  border:1px solid rgba(94,70,158,.14);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 26px rgba(94,70,158,.045);
}
.pomodoro-protocol article span,
.pomodoro-tools article span,
.pomodoro-do-dont article span,
.pomodoro-curves article > span {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:#F0EBFD;
  color:#5E469E;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.pomodoro-protocol article strong,
.pomodoro-tools article strong {
  display:block;
  margin-top:14px;
  color:#1F1F2A;
  font-size:1.06rem;
}
.pomodoro-protocol article p,
.pomodoro-tools article p { margin:9px 0 0!important; }
.pomodoro-tools article.is-simple { background:linear-gradient(145deg,#f7f3ff 0%,#fff 100%); }
.pomodoro-tools article a { color:#5E469E; font-weight:700; }

.pomodoro-rhythm,
.pomodoro-equation {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:16px 0 18px;
}
.pomodoro-rhythm span,
.pomodoro-equation span,
.pomodoro-equation strong {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border-radius:16px;
  border:1px solid rgba(108,99,255,.14);
  background:#fff;
  font-weight:760;
}
.pomodoro-rhythm span.is-focus { background:#F0EBFD; color:#5E469E; }
.pomodoro-rhythm span.is-break { background:#F7F0E5; color:#8A6F3E; border-color:rgba(190,156,90,.25); }
.pomodoro-rhythm i,
.pomodoro-equation b { color:#6B657C; font-style:normal; font-weight:800; }
.pomodoro-equation strong {
  background:linear-gradient(180deg,#EBE5FF 0%,#E0D7FF 100%);
  color:#5442AF;
  border-color:#D6C9FF;
}
.pomodoro-plan {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:18px 0;
}
.pomodoro-plan article {
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  align-items:flex-start;
}
.pomodoro-plan b {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:16px;
  background:#F0EBFD;
  color:#5E469E;
  font-size:1.2rem;
}
.pomodoro-plan p { margin:6px 0 0!important; }

.pomodoro-curves {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:24px 0;
}
.pomodoro-curves article > span { margin-bottom:14px; }
.curve-chart {
  display:block;
  width:100%;
  height:auto;
  margin-top:12px;
  border-radius:18px;
  background:linear-gradient(180deg,#FCFBFF 0%,#F7F3FD 100%);
}
.curve-chart .axis { stroke:#D7CDEF; stroke-width:2; }
.curve-chart .curve-line { fill:none; stroke-width:6; stroke-linecap:round; }
.curve-chart .curve-line--secondary { stroke:#7B69D6; }
.curve-chart .recovery-line { fill:none; stroke:#BE9C5A; stroke-width:4; stroke-dasharray:7 6; stroke-linecap:round; }
.curve-chart .pause-band { fill:rgba(190,156,90,.16); }
.curve-chart .curve-point { fill:#5E469E; }
.curve-chart .curve-point--light { fill:#7B69D6; }
.curve-chart .curve-point--gold { fill:#BE9C5A; }
.curve-chart .axis-label,
.curve-chart .slot-label {
  font-family:Inter,Arial,sans-serif;
  font-size:11px;
  fill:#6B657C;
}
.curve-chart .slot-label { font-weight:700; }
.pomodoro-curves article > p { margin:14px 0 0!important; font-size:.9rem; }

.pomodoro-do-dont {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:18px 0;
}
.pomodoro-do-dont article ul { margin:14px 0 0; padding-left:18px; }
.pomodoro-do-dont article li { margin:6px 0; }
.pomodoro-tools { margin-top:18px; }
.pomodoro-phone-warning {
  display:grid;
  grid-template-columns:86px 1fr;
  gap:18px;
  align-items:center;
  margin:22px 0 0;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(190,156,90,.25);
  background:linear-gradient(140deg,#fff 0%,#FBF7EF 100%);
}
.pomodoro-phone-icon {
  width:86px;
  height:86px;
  border-radius:26px;
  background:linear-gradient(180deg,#6C63FF 0%,#5E469E 100%);
  display:grid;
  place-items:center;
  position:relative;
}
.pomodoro-phone-icon::before {
  content:"";
  width:36px;
  height:58px;
  border-radius:10px;
  border:2px solid rgba(255,255,255,.92);
  display:block;
}
.pomodoro-phone-icon span,
.pomodoro-phone-icon span::before,
.pomodoro-phone-icon span::after {
  content:"";
  position:absolute;
  width:38px;
  height:3px;
  background:#fff;
  border-radius:999px;
}
.pomodoro-phone-icon span { transform:rotate(45deg); }
.pomodoro-phone-icon span::before { transform:rotate(90deg); }
.pomodoro-phone-warning span {
  display:block;
  margin-bottom:4px;
  color:#8A6F3E;
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.pomodoro-phone-warning h3 { margin:0 0 7px; font-size:1.15rem; }
.pomodoro-tool-note { margin-top:16px!important; }

.pomodoro-limits { margin-top:18px; }
.pomodoro-aside .pomodoro-aside-sublist {
  list-style:none;
  margin:10px 0 2px 10px;
  padding:0 0 0 14px;
  border-left:2px solid rgba(108,99,255,.12);
}
.pomodoro-aside .pomodoro-aside-sublist li {
  counter-increment:none;
  margin:0 0 8px;
}
.pomodoro-aside .pomodoro-aside-sublist a {
  grid-template-columns:12px 1fr;
  gap:8px;
  font-size:10px;
  color:#5E469E;
}
.pomodoro-aside .pomodoro-aside-sublist a::before {
  content:"•";
  font-size:14px;
  line-height:1;
  color:#B7A8EA;
}

.pomodoro-timer {
  margin:28px 0;
  padding:26px;
  border:1px solid #C8B9EB;
  border-radius:28px;
  background:linear-gradient(145deg,#F1EDFB,#fff);
  text-align:center;
  box-shadow:0 15px 36px rgba(94,70,158,.08);
}
.pomodoro-timer-presets {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
.pomodoro-timer-presets button {
  border:1px solid #D8CFF2;
  background:#fff;
  color:#5E469E;
  border-radius:999px;
  padding:9px 13px;
  font:inherit;
  font-size:.8rem;
  font-weight:750;
  cursor:pointer;
}
.pomodoro-timer-presets button.is-active {
  background:#5E469E;
  color:#fff;
  border-color:#5E469E;
}
.pomodoro-timer-meta {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:16px 0 10px;
}
.pomodoro-timer-meta span,
.pomodoro-timer-meta strong {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
}
.pomodoro-timer-meta span { background:#F0EBFD; color:#5E469E; font-weight:800; }
.pomodoro-timer-meta strong { background:#fff; border:1px solid rgba(108,99,255,.12); color:#1F1F2A; font-size:.86rem; }
.pomodoro-timer-steps {
  display:flex;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.pomodoro-timer-step {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#F7F5FD;
  border:1px solid #E1D8F6;
  color:#6B657C;
  font-size:.76rem;
  font-weight:800;
}
.pomodoro-timer-step.is-work { background:#F0EBFD; color:#5E469E; }
.pomodoro-timer-step.is-break { background:#F7F0E5; border-color:#EDDDBD; color:#8A6F3E; }
.pomodoro-timer-step.is-current { box-shadow:0 0 0 3px rgba(108,99,255,.10); transform:translateY(-1px); }
.pomodoro-timer-step.is-done { background:#5E469E; border-color:#5E469E; color:#fff; }
.pomodoro-timer-display { padding:18px 0 14px; }
.pomodoro-timer-ring {
  --timer-progress: 0deg;
  width:min(280px,82vw);
  aspect-ratio:1;
  margin:0 auto;
  border-radius:50%;
  padding:18px;
  background:conic-gradient(#6C63FF var(--timer-progress), #E9E2FB 0deg);
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(108,99,255,.08);
}
.pomodoro-timer-ring::before {
  content:"";
  grid-area:1/1;
  width:100%;
  height:100%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 30%,#fff 0%,#FBFAFF 40%,#F1ECFB 100%);
  box-shadow:0 18px 34px rgba(94,70,158,.12);
}
.pomodoro-timer-ring span {
  grid-area:1/1;
  position:relative;
  z-index:1;
  display:block;
  font-size:clamp(3.2rem,10vw,5.5rem);
  line-height:1;
  font-weight:780;
  letter-spacing:-.06em;
  color:#1F1F2A;
}
.pomodoro-timer-display small { display:block; margin-top:12px; color:#6D667C; font-weight:700; }
.pomodoro-timer-actions {
  display:flex;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
}
.pomodoro-timer-actions button {
  min-width:140px;
  border-radius:14px;
  padding:12px 16px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.pomodoro-timer-actions button:first-child {
  border:1px solid #6758F2;
  background:linear-gradient(180deg,#6758F2 0%,#5546DB 100%);
  color:#fff;
}
.pomodoro-timer-actions button:last-child {
  border:1px solid #D2C7EF;
  background:#fff;
  color:#5E469E;
}
.pomodoro-timer > p { margin:15px auto 0!important; max-width:560px; color:#6B6578; font-size:.9rem; }
.pomodoro-timer-tips {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.pomodoro-timer-tips span {
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(108,99,255,.12);
  color:#5E469E;
  font-size:.78rem;
  font-weight:700;
}

@media (max-width:760px) {
  .pomodoro-hero-visual { min-height:258px; }
  .pomodoro-clock { width:186px; height:186px; }
  .pomodoro-clock strong { width:78px; height:78px; font-size:2.8rem; right:-4px; bottom:14px; }
  .pomodoro-clock small { right:52px; bottom:41px; font-size:.66rem; }
  .pomodoro-protocol,.pomodoro-tools,.pomodoro-plan,.pomodoro-curves,.pomodoro-do-dont { grid-template-columns:1fr; }
  .pomodoro-phone-warning { grid-template-columns:1fr; }
  .pomodoro-timer { padding:20px 14px; }
  .pomodoro-timer-presets button { flex:1 1 100%; }
  .pomodoro-timer-meta strong { font-size:.8rem; }
  .pomodoro-timer-ring { width:min(240px,84vw); }
}


/* Blog index — responsive editorial cards */
@media (max-width:900px) {
  .blog-card-featured-main { grid-template-columns:minmax(0,1fr) minmax(260px,.75fr); gap:28px; }
  .blog-card-compact-main { grid-template-columns:210px minmax(0,1fr); gap:24px; }
}
@media (max-width:760px) {
  .blog-listing { padding:54px 0 72px; }
  .blog-listing-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  .blog-listing-heading p { max-width:520px; text-align:left; }
  .blog-grid--editorial { grid-template-columns:1fr; gap:15px; }
  .blog-card--featured,.blog-card--compact { grid-column:auto; min-height:0; padding:27px; border-radius:22px; }
  .blog-card-number { margin-top:18px; }
  .blog-card-featured-main,.blog-card-compact-main { grid-template-columns:1fr; gap:18px; }
  .blog-card-featured-main { margin-top:20px; }
  .blog-card-compact-main { margin-top:18px; }
  .blog-card-visual--programmes { height:195px; order:-1; }
  .blog-card-visual--reperes { height:175px; }
  .blog-card--featured h2 { font-size:clamp(2.45rem,9.5vw,3.5rem); }
  .blog-card--compact h2 { font-size:clamp(2rem,8vw,2.7rem); }
  .blog-type-key { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {
  .blog-card--featured,.blog-card--compact { min-height:0; padding:22px; border-radius:19px; }
  .blog-card-number { margin-top:16px; }
  .blog-card-top { align-items:flex-start; }
  .blog-card-labels { max-width:65%; }
  .blog-card-featured-label,.blog-card-category,.blog-card-date { min-height:27px; padding:0 8px; font-size:8px; }
  .blog-card-visual { margin-top:19px; border-radius:15px; }
  .blog-card-visual--programmes { height:165px; }
  .blog-card-visual--reperes { height:150px; }
  .blog-card--featured h2 { font-size:clamp(2.15rem,10.8vw,3rem); }
  .blog-card--compact h2 { font-size:clamp(1.9rem,9vw,2.45rem); }
  .blog-card-footer { align-items:flex-end; }
  .blog-card-read { font-size:9px; }
  .blog-type-key { padding:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-card,.blog-card-read i { transition:none; }
}

/* ==========================================================
   Blog — ajustements desktop + programmes + portraits
   ========================================================== */

@media (min-width: 1024px) {
  html { zoom: 1; }
}

.blog-program-section-heading > span {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:5px 0 5px 12px;
  border-left:3px solid var(--blog-warm);
  color:var(--blog-warm-dark);
  font:800 15px/1.35 Inter,Arial,sans-serif;
  letter-spacing:.015em;
  text-transform:none;
}

.blog-program-section + .blog-program-section,
.blog-program-contact-strip + .blog-program-section {
  position:relative;
  padding-top:84px;
  border-top:2px solid rgba(108,99,255,.28);
}

.blog-program-section + .blog-program-section::before,
.blog-program-contact-strip + .blog-program-section::before {
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:96px;
  height:2px;
  background:var(--blog-warm);
}

/* Blog index — portraits : cadrage du site en ligne, avec Descartes au premier plan */
.blog-index-hero-inner {
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
  align-items:center;
  gap:46px;
}

.blog-hero-portraits {
  position:relative;
  align-self:stretch;
  min-height:350px;
  isolation:isolate;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
}

.blog-hero-portrait {
  position:absolute;
  bottom:-15px;
  width:auto;
  max-width:none;
  height:470px;
  object-fit:contain;
  user-select:none;
  filter:grayscale(1) contrast(.94);
}

.blog-hero-portrait--socrate {
  left:-34px;
  z-index:1;
  opacity:.32;
  transform:rotate(-1.5deg);
}

.blog-hero-portrait--descartes {
  right:-34px;
  z-index:2;
  height:452px;
  opacity:.62;
  transform:rotate(1deg);
}

@media (max-width:980px) {
  .blog-index-hero-inner {
    grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);
    gap:28px;
  }
  .blog-hero-portraits { min-height:320px; }
  .blog-hero-portrait { height:405px; bottom:-12px; }
  .blog-hero-portrait--socrate { left:-38px; }
  .blog-hero-portrait--descartes { right:-28px; height:390px; opacity:.60; }
}

/* Le bloc portraits réintroduisait deux colonnes après le breakpoint mobile
   précédent : sur téléphone, le texte se retrouvait écrasé dans une colonne
   très étroite. On repasse explicitement le hero sur une seule colonne. */
@media (max-width:760px) {
  .blog-index-page .blog-index-hero-inner {
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .blog-index-page .blog-hero-portraits { display:none; }
  .blog-index-page .blog-index-title,
  .blog-index-page .blog-index-intro { max-width:100%; }
}

@media (max-width:760px) {
  .blog-program-section-heading > span {
    min-height:30px;
    padding-left:10px;
    font-size:13px;
  }
  .blog-program-section + .blog-program-section,
  .blog-program-contact-strip + .blog-program-section {
    padding-top:62px;
  }
}

/* ========================================================================== 
   Blog index — grille compacte, filtres et échelle propre à l'index
   2026-08-24
   ========================================================================== */
.blog-index-page .blog-index-hero { padding-top:70px; padding-bottom:54px; }
.blog-index-page .blog-index-hero-inner { align-items:center; }
.blog-index-page .blog-listing { padding:42px 0 72px; }
.blog-index-page .blog-listing-heading { margin-bottom:18px; }

.blog-index-tools {
  display:grid;
  grid-template-columns:auto minmax(220px,360px) auto;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  padding:9px;
  border:1px solid rgba(42,39,78,.10);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 7px 24px rgba(38,34,70,.035);
}
.blog-index-filters { display:flex; align-items:center; gap:5px; }
.blog-index-filters button {
  min-height:34px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--text-medium);
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.blog-index-filters button:hover { background:#f4f2ff; color:var(--blog-warm-dark); }
.blog-index-filters button.is-active {
  background:var(--blog-warm-soft);
  color:var(--blog-warm-dark);
  box-shadow:inset 0 0 0 1px rgba(108,99,255,.10);
}
.blog-index-search {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 11px;
  border:1px solid rgba(42,39,78,.10);
  border-radius:9px;
  background:#fff;
}
.blog-index-search svg { flex:none; width:15px; height:15px; stroke:var(--text-light); stroke-width:1.7; }
.blog-index-search input {
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--blog-ink);
  font:500 10.5px/1.2 Inter,Arial,sans-serif;
}
.blog-index-search input::placeholder { color:#9c99a8; }
.blog-index-count { justify-self:end; color:var(--text-light); font-size:9px; font-weight:650; white-space:nowrap; }

.blog-index-page .blog-grid--editorial {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.blog-index-page .blog-card,
.blog-index-page .blog-card--featured,
.blog-index-page .blog-card--compact {
  grid-column:auto;
  display:flex;
  flex-direction:column;
  min-height:250px;
  padding:19px 19px 17px;
  overflow:hidden;
  border:1px solid rgba(42,39,78,.10);
  border-radius:16px;
  background:#fff;
  color:var(--blog-ink);
  box-shadow:0 9px 30px rgba(39,35,70,.04);
}
.blog-index-page .blog-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(var(--card-accent),.055),transparent 45%);
  opacity:1;
}
.blog-index-page .blog-card:hover {
  transform:translateY(-2px);
  border-color:rgba(var(--card-accent),.24);
  box-shadow:0 14px 34px rgba(39,35,70,.075);
}
.blog-index-page .blog-card-top { position:relative; z-index:1; min-height:26px; }
.blog-card-topic {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(var(--card-accent),.08);
  color:rgb(var(--card-accent));
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.blog-card-topics { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.blog-card-topic--philosophie { background:rgba(108,99,255,.08); color:rgb(108,99,255); }
.blog-card-topic--methodologie { background:rgba(201,111,91,.09); color:rgb(63,132,119); }
.blog-index-page .blog-card-date { min-height:24px; padding:0; background:transparent; color:var(--text-light); font-size:8px; }
.blog-index-page .blog-card-number { position:relative; z-index:1; margin-top:18px; color:rgb(var(--card-accent)); font-size:9px; }
.blog-index-page .blog-card h2 {
  position:relative;
  z-index:1;
  margin:8px 0 0;
  color:#2f2d43;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.3rem,1.55vw,1.68rem);
  font-weight:540;
  line-height:1.1;
  letter-spacing:-.028em;
}
.blog-index-page .blog-card h2 strong {
  color:rgb(var(--card-accent));
  font-weight:700;
}
.blog-index-page .blog-card-summary {
  position:relative;
  z-index:1;
  margin:10px 0 16px;
  color:var(--text-medium);
  font-size:10.5px;
  line-height:1.55;
}
.blog-index-page .blog-card-read {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(42,39,78,.07);
  color:rgb(var(--card-accent));
  font-size:9px;
  font-weight:750;
}
.blog-index-page .blog-card-read i {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:rgba(var(--card-accent),.09);
  color:rgb(var(--card-accent));
  font-style:normal;
}
.blog-index-page .blog-card[hidden] { display:none!important; }
.blog-index-empty { margin:24px 0 0; color:var(--text-light); font-size:12px; text-align:center; }

@media (max-width:900px) {
  .blog-index-tools { grid-template-columns:1fr; }
  .blog-index-count { justify-self:start; }
  .blog-index-page .blog-grid--editorial { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .blog-index-page .blog-index-hero { padding-top:50px; padding-bottom:42px; }
  .blog-index-page .blog-listing { padding-top:34px; }
  .blog-index-filters { overflow-x:auto; padding-bottom:2px; }
  .blog-index-page .blog-grid--editorial { grid-template-columns:1fr; }
  .blog-index-page .blog-card { min-height:0; }
}


/* ========================================================================== 
   Billet — Faire feu de tout bois / extra-philosophie
   2026-08-24
   Styles scoppés à .blog-extraphilo-page pour ne pas modifier les autres billets.
   ========================================================================== */
.blog-extraphilo-page .blog-article-header { background:linear-gradient(145deg,#f2f1ff 0%,#fff 58%,#f7f6ff 100%); }
.blog-extraphilo-page .blog-article-title em { color:var(--blog-warm-dark); font-style:italic; }
.blog-extraphilo-page .blog-prose > section { scroll-margin-top:112px; }
.blog-extraphilo-page .blog-prose > section + section { margin-top:76px; padding-top:6px; }
.blog-extraphilo-page .blog-prose .blog-section-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
  color:var(--blog-warm);
  font-family:Inter,Arial,sans-serif;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.blog-extraphilo-page .blog-prose .blog-section-eyebrow::after { content:""; width:32px; height:1px; background:rgba(108,99,255,.34); }
.blog-extraphilo-page .blog-prose h2 { margin-top:8px; }
.blog-extraphilo-page .blog-prose h3[id],
.blog-extraphilo-page .blog-prose h4[id],
.blog-extraphilo-page [id] { scroll-margin-top:116px; }

.blog-extraphilo-page .blog-extraphilo-thesis { position:relative; overflow:hidden; border:1px solid rgba(108,99,255,.11); }
.blog-extraphilo-page .blog-extraphilo-thesis::after {
  content:"≠";
  position:absolute;
  right:20px;
  bottom:-17px;
  color:rgba(108,99,255,.08);
  font:700 82px/1 Georgia,"Times New Roman",serif;
}
.blog-extraphilo-page .blog-extraphilo-thesis p { position:relative; z-index:1; max-width:610px; }

.blog-extraphilo-page .blog-extraphilo-distinction {
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
  align-items:stretch;
  gap:12px;
  margin:34px 0 25px;
  font-family:Inter,Arial,sans-serif;
}
.blog-extraphilo-page .blog-extraphilo-distinction > article {
  padding:24px;
  border:1px solid var(--blog-rule);
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(42,39,78,.035);
}
.blog-extraphilo-page .blog-extraphilo-distinction > article:last-child { background:linear-gradient(145deg,#fbfaff,#f4f2ff); }
.blog-extraphilo-page .blog-extraphilo-distinction article > span {
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:var(--blog-warm-soft);
  color:var(--blog-warm-dark);
  font-size:8px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.blog-extraphilo-page .blog-extraphilo-distinction h3 { margin:12px 0 9px; font-size:15px; }
.blog-extraphilo-page .blog-extraphilo-distinction p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:14px; line-height:1.65; }
.blog-extraphilo-page .blog-extraphilo-distinction small { display:block; margin-top:15px; padding-top:12px; border-top:1px solid var(--blog-rule); color:var(--text-light); font-size:9.5px; line-height:1.5; }
.blog-extraphilo-page .blog-extraphilo-distinction-sign { display:grid; place-items:center; color:var(--blog-warm); font:600 30px/1 Georgia,"Times New Roman",serif; }

.blog-extraphilo-page .blog-extraphilo-flow,
.blog-extraphilo-page .blog-extraphilo-final-flow {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin:25px 0 34px;
  padding:16px 18px;
  border-top:1px solid var(--blog-rule);
  border-bottom:1px solid var(--blog-rule);
  color:var(--text-medium);
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  line-height:1.35;
  text-align:center;
}
.blog-extraphilo-page .blog-extraphilo-flow i,
.blog-extraphilo-page .blog-extraphilo-final-flow i { color:var(--blog-warm); font-style:normal; }
.blog-extraphilo-page .blog-extraphilo-flow strong,
.blog-extraphilo-page .blog-extraphilo-final-flow strong { color:var(--blog-warm-dark); }

.blog-extraphilo-page .blog-extraphilo-source {
  margin-top:34px;
  padding:28px;
  border:1px solid var(--blog-rule);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(42,39,78,.028);
}
.blog-extraphilo-page .blog-extraphilo-source + .blog-extraphilo-source { margin-top:18px; }
.blog-extraphilo-page .blog-extraphilo-source > header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding-bottom:17px; border-bottom:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-source > header span { color:var(--blog-warm); font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-source > header h3 { margin:5px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:21px; font-weight:500; line-height:1.22; }
.blog-extraphilo-page .blog-extraphilo-source > header > a { flex:none; margin-top:2px; font-size:9.5px; font-weight:750; text-decoration:none; }
.blog-extraphilo-page .blog-extraphilo-source > p { margin:20px 0 0; color:var(--text-medium); font-size:15px; line-height:1.72; }
.blog-extraphilo-page .blog-extraphilo-source--myth { border-top:3px solid rgba(108,99,255,.62); }
.blog-extraphilo-page .blog-extraphilo-source--religion { border-top:3px solid rgba(164,119,55,.52); }
.blog-extraphilo-page .blog-extraphilo-source--literature { border-top:3px solid rgba(70,104,148,.52); }

.blog-extraphilo-page .blog-extraphilo-example-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:21px; }
.blog-extraphilo-page .blog-extraphilo-example-pair article { display:flex; flex-direction:column; min-height:220px; padding:19px; border:1px solid rgba(42,39,78,.10); border-radius:10px; background:#fbfbfe; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-example-pair article > span { color:var(--blog-warm-dark); font-size:7.5px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-example-pair h4 { margin:7px 0 8px; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:20px; font-weight:500; line-height:1.2; }
.blog-extraphilo-page .blog-extraphilo-example-pair p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.6; }
.blog-extraphilo-page .blog-extraphilo-example-pair strong { display:block; margin-top:14px; padding-top:12px; border-top:1px solid var(--blog-rule); color:#353348; font-size:10.5px; line-height:1.5; }
.blog-extraphilo-page .blog-extraphilo-example-pair a { display:inline-flex; margin-top:auto; padding-top:14px; font-size:9.5px; font-weight:750; text-decoration:none; }
.blog-extraphilo-page .blog-extraphilo-opening { margin-top:16px!important; padding-left:14px; border-left:2px solid rgba(108,99,255,.22); color:var(--text-light)!important; font-size:12px!important; }
.blog-extraphilo-page .blog-extraphilo-literature-note { display:grid; grid-template-columns:150px 1fr; gap:18px; margin-top:20px; padding:17px 18px; border-radius:9px; background:#f7f7fb; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-literature-note > span { color:var(--blog-warm-dark); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-literature-note p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12.5px; line-height:1.6; }

.blog-extraphilo-page .blog-extraphilo-use-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:30px 0; }
.blog-extraphilo-page .blog-extraphilo-use-grid article { min-height:180px; padding:20px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-use-grid article > span { color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-use-grid h3 { margin:9px 0 8px; font-size:14px; }
.blog-extraphilo-page .blog-extraphilo-use-grid p { margin:0; color:var(--text-medium); font-size:13px; line-height:1.6; }
.blog-extraphilo-page .blog-extraphilo-transition { margin-top:34px!important; padding:21px 22px; border-left:3px solid var(--blog-warm); background:#fff; }

.blog-extraphilo-page .blog-extraphilo-deep-case { margin-top:24px; padding:28px; border:1px solid var(--blog-rule); border-radius:14px; background:#fff; box-shadow:0 10px 28px rgba(42,39,78,.028); }
.blog-extraphilo-page .blog-extraphilo-deep-case + .blog-extraphilo-deep-case { margin-top:18px; }
.blog-extraphilo-page .blog-extraphilo-deep-case > header { padding-bottom:17px; border-bottom:1px solid var(--blog-rule); }
.blog-extraphilo-page .blog-extraphilo-deep-case > header span { color:var(--blog-warm); font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-deep-case > header h3 { margin:6px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:23px; font-weight:500; line-height:1.2; }
.blog-extraphilo-page .blog-extraphilo-deep-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:21px; overflow:hidden; border:1px solid var(--blog-rule); border-radius:10px; background:var(--blog-rule); }
.blog-extraphilo-page .blog-extraphilo-deep-grid article { padding:18px; background:#fbfbfe; }
.blog-extraphilo-page .blog-extraphilo-deep-grid span { color:var(--blog-warm-dark); font-family:Inter,Arial,sans-serif; font-size:7.5px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-deep-grid p { margin:8px 0 0; color:var(--text-medium); font-size:12.5px; line-height:1.58; }
.blog-extraphilo-page .blog-extraphilo-path { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin:20px 0 0; padding:13px 15px; border-radius:9px; background:var(--blog-warm-soft); color:#56526d; font-family:Inter,Arial,sans-serif; font-size:9.5px; text-align:center; }
.blog-extraphilo-page .blog-extraphilo-path i { color:var(--blog-warm); font-style:normal; }
.blog-extraphilo-page .blog-extraphilo-path strong { color:var(--blog-warm-dark); }
.blog-extraphilo-page .blog-extraphilo-status { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:17px; padding-top:15px; border-top:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; font-size:9.5px; }
.blog-extraphilo-page .blog-extraphilo-status strong { color:var(--blog-ink); }
.blog-extraphilo-page .blog-extraphilo-status span { color:var(--text-light); text-align:right; }
.blog-extraphilo-page .blog-extraphilo-deep-link { display:inline-flex; margin-top:16px; font-family:Inter,Arial,sans-serif; font-size:10px; font-weight:750; text-decoration:none; }

.blog-extraphilo-page .blog-extraphilo-method { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:8px; margin:30px 0; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-method > article { min-height:134px; padding:16px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-method > article span { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; background:var(--blog-warm-soft); color:var(--blog-warm-dark); font-size:8px; font-weight:850; }
.blog-extraphilo-page .blog-extraphilo-method > article strong { display:block; margin-top:13px; font-size:11px; }
.blog-extraphilo-page .blog-extraphilo-method > article small { display:block; margin-top:6px; color:var(--text-light); font-size:8.5px; line-height:1.45; }
.blog-extraphilo-page .blog-extraphilo-method > i { color:var(--blog-warm); font-style:normal; font-size:13px; }

.blog-extraphilo-page .blog-extraphilo-before-after { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:30px 0; }
.blog-extraphilo-page .blog-extraphilo-before-after article { padding:21px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-before-after article > span { font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-before-after .is-weak { border-top:3px solid rgba(130,126,145,.32); }
.blog-extraphilo-page .blog-extraphilo-before-after .is-weak > span { color:#817d8e; }
.blog-extraphilo-page .blog-extraphilo-before-after .is-strong { border-top:3px solid rgba(108,99,255,.58); background:#faf9ff; }
.blog-extraphilo-page .blog-extraphilo-before-after .is-strong > span { color:var(--blog-warm-dark); }
.blog-extraphilo-page .blog-extraphilo-before-after p { margin:12px 0 0; font-size:14px; line-height:1.62; }
.blog-extraphilo-page .blog-extraphilo-before-after small { display:block; margin-top:13px; color:var(--text-light); font-family:Inter,Arial,sans-serif; font-size:8.5px; line-height:1.45; }
.blog-extraphilo-page .blog-extraphilo-rules { margin-top:25px; padding:0; list-style:none; counter-reset:extra-rules; }
.blog-extraphilo-page .blog-extraphilo-rules li { position:relative; margin:0; padding:13px 0 13px 42px; border-top:1px solid var(--blog-rule); counter-increment:extra-rules; font-size:14px; line-height:1.6; }
.blog-extraphilo-page .blog-extraphilo-rules li:last-child { border-bottom:1px solid var(--blog-rule); }
.blog-extraphilo-page .blog-extraphilo-rules li::before { content:"0" counter(extra-rules); position:absolute; left:2px; top:15px; color:var(--blog-warm); font:700 10px/1 Inter,Arial,sans-serif; }

.blog-extraphilo-page .blog-extraphilo-balance { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin:28px 0 10px; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-balance > div { min-height:112px; padding:18px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-balance > div:last-child { background:var(--blog-warm-soft); border-color:rgba(108,99,255,.16); }
.blog-extraphilo-page .blog-extraphilo-balance span { display:block; color:var(--blog-warm-dark); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-balance strong { display:block; margin-top:10px; font-size:11px; line-height:1.45; }
.blog-extraphilo-page .blog-extraphilo-balance small { display:block; margin-top:7px; color:var(--text-light); font-size:8.5px; }
.blog-extraphilo-page .blog-extraphilo-balance > i { color:var(--blog-warm); font-style:normal; }
.blog-extraphilo-page .blog-extraphilo-service { margin-top:34px; }

.blog-extraphilo-page .blog-extraphilo-other-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0; font-family:Inter,Arial,sans-serif; }
.blog-extraphilo-page .blog-extraphilo-other-grid article { min-height:116px; padding:17px 18px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-extraphilo-page .blog-extraphilo-other-grid span { color:var(--blog-warm-dark); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.blog-extraphilo-page .blog-extraphilo-other-grid p { margin:9px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12.5px; line-height:1.58; }
.blog-extraphilo-page .blog-extraphilo-final-flow { margin-top:25px; }
.blog-extraphilo-page .blog-extraphilo-end { margin-top:68px; }
.blog-extraphilo-page .blog-extraphilo-end .blog-end-actions a:nth-child(n+2) { background:transparent; color:#fff; }

/* Sommaire : sous-sections cliquables sans perturber la numérotation principale. */
.blog-extraphilo-page .blog-article-aside > ol > li { margin-bottom:10px; }
.blog-extraphilo-page .blog-article-subnav { margin:6px 0 2px 24px!important; padding:0!important; list-style:none!important; counter-reset:none!important; }
.blog-extraphilo-page .blog-article-subnav li { margin:0!important; padding:0!important; counter-increment:none!important; }
.blog-extraphilo-page .blog-article-subnav a {
  display:block;
  position:relative;
  padding:4px 0 4px 11px;
  color:#9693a2;
  font-size:9.5px;
  line-height:1.35;
}
.blog-extraphilo-page .blog-article-subnav a::before {
  content:""!important;
  position:absolute;
  left:0;
  top:10px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(108,99,255,.42);
}
.blog-extraphilo-page .blog-article-subnav a:hover { color:var(--blog-warm-dark); }

@media (max-width:760px) {
  .blog-extraphilo-page .blog-prose > section + section { margin-top:60px; }
  .blog-extraphilo-page .blog-extraphilo-distinction { grid-template-columns:1fr; gap:10px; }
  .blog-extraphilo-page .blog-extraphilo-distinction-sign { height:24px; transform:rotate(90deg); }
  .blog-extraphilo-page .blog-extraphilo-source { padding:21px; }
  .blog-extraphilo-page .blog-extraphilo-source > header { flex-direction:column; gap:10px; }
  .blog-extraphilo-page .blog-extraphilo-example-pair,
  .blog-extraphilo-page .blog-extraphilo-use-grid,
  .blog-extraphilo-page .blog-extraphilo-before-after,
  .blog-extraphilo-page .blog-extraphilo-other-grid { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-example-pair article { min-height:0; }
  .blog-extraphilo-page .blog-extraphilo-literature-note { grid-template-columns:1fr; gap:6px; }
  .blog-extraphilo-page .blog-extraphilo-deep-case { padding:21px; }
  .blog-extraphilo-page .blog-extraphilo-deep-grid { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-status { align-items:flex-start; flex-direction:column; gap:5px; }
  .blog-extraphilo-page .blog-extraphilo-status span { text-align:left; }
  .blog-extraphilo-page .blog-extraphilo-method { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-method > article { min-height:0; }
  .blog-extraphilo-page .blog-extraphilo-method > i { transform:rotate(90deg); text-align:center; }
  .blog-extraphilo-page .blog-extraphilo-balance { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-balance > i { transform:rotate(90deg); text-align:center; }
}

@media (prefers-reduced-motion:reduce) {
  .blog-extraphilo-page .blog-extraphilo-source a,
  .blog-extraphilo-page .blog-extraphilo-deep-link,
  .blog-extraphilo-page .blog-article-subnav a { transition:none!important; }
}


/* ========================================================================== 
   Billets — hiérarchie éditoriale harmonisée + échelle 100 %
   2026-08-24
   ========================================================================== */
.blog-page .blog-prose > section > h2,
.blog-page .blog-program-section-heading > h2,
.blog-page .blog-repere-browser-header h2 {
  color:var(--blog-ink);
  font-size:clamp(2.35rem,4.8vw,3.2rem);
  font-weight:650;
  line-height:1.08;
  letter-spacing:-.042em;
  text-wrap:balance;
}
.blog-page .blog-prose h3 {
  color:var(--blog-ink);
  font-size:19px;
  font-weight:800;
  line-height:1.3;
}
.blog-page .blog-prose > section > h2,
.blog-page .blog-program-section-heading > h2,
.blog-page .blog-repere-browser-header h2 {
  padding-bottom:16px;
  border-bottom:1px solid rgba(108,99,255,.17);
}
.blog-page .blog-prose > section > h2::after,
.blog-page .blog-program-section-heading > h2::after {
  content:"";
  display:block;
  width:72px;
  height:3px;
  margin-top:16px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blog-warm),rgba(108,99,255,.10));
}

/* Billet extra-philosophie — lisibilité des sous-parties et méthode */
.blog-extraphilo-page .blog-extraphilo-source > header h3 {
  margin:6px 0 0;
  font-size:clamp(1.75rem,3.1vw,2.25rem);
  font-weight:650;
  letter-spacing:-.03em;
}
.blog-extraphilo-page .blog-extraphilo-example-pair article > span {
  font-size:8px;
  letter-spacing:.085em;
}
.blog-extraphilo-page .blog-extraphilo-use-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-bottom:14px;
}
.blog-extraphilo-page .blog-extraphilo-use-grid article {
  min-height:165px;
  padding:22px;
}
.blog-extraphilo-page .blog-extraphilo-use-grid h3 { font-size:17px; }
.blog-extraphilo-page .blog-extraphilo-reflection {
  position:relative;
  margin:14px 0 30px;
  padding:22px 24px 22px 28px;
  border-left:3px solid var(--blog-warm);
  border-radius:0 11px 11px 0;
  background:linear-gradient(90deg,rgba(108,99,255,.075),rgba(108,99,255,.018));
}
.blog-extraphilo-page .blog-extraphilo-reflection::before {
  content:"";
  position:absolute;
  left:-3px;
  top:0;
  width:3px;
  height:40%;
  background:var(--blog-warm-dark);
}
.blog-extraphilo-page .blog-extraphilo-reflection > span {
  color:var(--blog-warm-dark);
  font:850 8px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.blog-extraphilo-page .blog-extraphilo-reflection h3 {
  margin:8px 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:600;
}
.blog-extraphilo-page .blog-extraphilo-reflection p {
  margin:0;
  color:var(--text-medium);
  font-size:14px;
  line-height:1.65;
}

.blog-extraphilo-page .blog-extraphilo-method--three {
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:12px;
  margin:32px 0 36px;
}
.blog-extraphilo-page .blog-extraphilo-method--three > article {
  position:relative;
  min-height:155px;
  padding:19px 18px 18px;
  border-color:rgba(108,99,255,.14);
  background:linear-gradient(155deg,#fff 30%,#faf9ff 100%);
  box-shadow:0 10px 26px rgba(42,39,78,.035);
}
.blog-extraphilo-page .blog-extraphilo-method--three > article strong {
  margin-top:15px;
  color:var(--blog-ink);
  font-size:13px;
}
.blog-extraphilo-page .blog-extraphilo-method--three > article small {
  margin-top:7px;
  color:var(--text-medium);
  font-size:9.5px;
  line-height:1.5;
}
.blog-extraphilo-page .blog-extraphilo-before-after {
  position:relative;
  align-items:stretch;
  margin:36px 0 26px;
}
.blog-extraphilo-page .blog-extraphilo-before-after::after {
  content:"→";
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(108,99,255,.18);
  border-radius:50%;
  background:#fff;
  color:var(--blog-warm);
  font:700 14px/1 Inter,Arial,sans-serif;
  transform:translate(-50%,-50%);
  box-shadow:0 5px 16px rgba(42,39,78,.08);
}
.blog-extraphilo-page .blog-extraphilo-before-after article { padding:24px; }
.blog-extraphilo-page .blog-extraphilo-before-after p { font-size:14.5px; }
.blog-extraphilo-page .blog-extraphilo-rules { margin-top:31px; }
.blog-extraphilo-page .blog-extraphilo-rules::before {
  content:"Trois vérifications avant de garder la référence";
  display:block;
  margin-bottom:10px;
  color:var(--blog-warm-dark);
  font:850 8px/1.3 Inter,Arial,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.blog-extraphilo-page .blog-extraphilo-final-flow {
  gap:14px;
  margin-top:32px;
  padding:23px 26px;
  border:1px solid rgba(108,99,255,.18);
  border-radius:12px;
  background:linear-gradient(120deg,#f8f7ff,#fff);
  font-size:15px;
  font-weight:650;
  line-height:1.35;
}
.blog-extraphilo-page .blog-extraphilo-final-flow i { font-size:20px; }
.blog-extraphilo-page .blog-extraphilo-final-flow strong {
  font-size:17px;
  font-weight:850;
}

@media (max-width:760px) {
  .blog-page .blog-prose > section > h2,
  .blog-page .blog-program-section-heading > h2,
  .blog-page .blog-repere-browser-header h2 { font-size:clamp(2.05rem,9.5vw,2.65rem); }
  .blog-page .blog-prose h3 { font-size:18px; }
  .blog-extraphilo-page .blog-extraphilo-use-grid { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-reflection { padding:20px 19px 20px 23px; }
  .blog-extraphilo-page .blog-extraphilo-method--three { grid-template-columns:1fr; }
  .blog-extraphilo-page .blog-extraphilo-before-after::after { display:none; }
  .blog-extraphilo-page .blog-extraphilo-final-flow { align-items:flex-start; flex-direction:column; gap:7px; font-size:14px; }
  .blog-extraphilo-page .blog-extraphilo-final-flow i { transform:rotate(90deg); align-self:center; }
}


/* 07 — ouverture volontairement compacte : quatre pistes, pas un catalogue. */
.blog-extraphilo-page .blog-extraphilo-other-grid {
  gap:0 28px;
  margin:24px 0 26px;
}
.blog-extraphilo-page .blog-extraphilo-other-grid article {
  min-height:0;
  padding:14px 0 15px;
  border:0;
  border-top:1px solid var(--blog-rule);
  border-radius:0;
  background:transparent;
}
.blog-extraphilo-page .blog-extraphilo-other-grid span { font-size:9px; }
.blog-extraphilo-page .blog-extraphilo-other-grid p { margin-top:5px; font-size:12px; line-height:1.52; }
@media (max-width:760px) {
  .blog-extraphilo-page .blog-extraphilo-other-grid { grid-template-columns:1fr; }
}

/* ========================================================================== 
   Billets — hiérarchie éditoriale + visuels de tête
   2026-08-24 — finition minimaliste
   ========================================================================== */

/* Une couleur éditoriale discrète par billet. */
.blog-page {
  --article-accent:#6c63ff;
  --article-accent-rgb:108,99,255;
  --article-heading:#29283a;
  --article-soft:#f1efff;
}
.blog-program-page {
  --article-accent:#6c63ff;
  --article-accent-rgb:108,99,255;
  --article-heading:#2b2941;
  --article-soft:#f1efff;
}
.blog-reperes-page {
  --article-accent:#5e7396;
  --article-accent-rgb:94,115,150;
  --article-heading:#303848;
  --article-soft:#eef2f7;
}
.blog-extraphilo-page {
  --article-accent:#9a6d47;
  --article-accent-rgb:154,109,71;
  --article-heading:#3d332c;
  --article-soft:#f6f0ea;
}

/*
  Le libellé numéroté (01 · …) reste le repère principal, mais sans effet
  “gros titre de présentation”. Le sous-titre retrouve une présence plus douce.
*/
.blog-section-title {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  color:var(--article-accent)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(1.04rem,1.55vw,1.18rem)!important;
  font-weight:760!important;
  font-style:normal!important;
  line-height:1.25!important;
  letter-spacing:-.018em!important;
  text-transform:none!important;
}
.blog-section-title::before {
  content:""!important;
  display:block!important;
  flex:0 0 3px!important;
  width:3px!important;
  height:1.02em!important;
  border-radius:999px!important;
  background:var(--article-accent)!important;
}
.blog-section-title::after { display:none!important; }
.blog-section-title + h2 {
  margin:0 0 27px!important;
  color:var(--article-heading)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(1.52rem,2.55vw,1.92rem)!important;
  font-weight:500!important;
  line-height:1.22!important;
  letter-spacing:-.027em!important;
  text-wrap:balance;
}
.blog-section-title + h2::after { display:none!important; }
.blog-program-section-heading > .blog-section-title { margin-bottom:8px!important; }
.blog-program-section-heading > .blog-section-title + h2 { margin-top:0!important; }
.blog-repere-browser-header .blog-section-title { margin-bottom:8px!important; }

/* Les sections restent séparées par l’espace, pas par des effets graphiques lourds. */
.blog-prose > section > .blog-section-title,
.blog-program-section-heading > .blog-section-title,
.blog-repere-browser-header .blog-section-title {
  padding-top:2px;
}

/* Visuel éditorial, en haut à droite de chaque billet. */
.blog-article-header-inner--visual { width:min(1120px,100%); }
.blog-article-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,315px);
  align-items:center;
  gap:clamp(34px,5vw,64px);
}
.blog-article-hero-copy { min-width:0; }
.blog-article-header-inner--visual .blog-article-title {
  max-width:760px;
  font-size:clamp(2.8rem,5.4vw,4.65rem);
}
.blog-article-header-inner--visual .blog-article-lead { max-width:720px; }
.blog-article-hero-visual {
  position:relative;
  align-self:stretch;
  min-height:300px;
  margin:0;
}
.blog-article-hero-visual img {
  display:block;
  width:100%;
  height:100%;
}

/* Portraits transparents : même logique que les images des pages /textes/. */
.blog-article-hero-visual--portrait {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  max-height:360px;
}
.blog-article-hero-visual--portrait img {
  max-height:360px;
  object-fit:contain;
  object-position:center bottom;
  opacity:.9;
  filter:grayscale(1) contrast(.96);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);
}
.blog-article-hero-visual--socrate img { transform:translateY(24px) scale(1.06); }
.blog-article-hero-visual--descartes img { transform:translateY(30px) scale(1.04); }

/* Tableau : crop large, fondu doux sur la gauche et vers le bas. */
.blog-article-hero-visual--painting {
  min-height:320px;
  overflow:hidden;
  border-radius:12px;
  box-shadow:0 20px 48px rgba(37,34,67,.08);
}
.blog-article-hero-visual--painting img {
  object-fit:cover;
  object-position:54% center;
  filter:saturate(.78) contrast(.96) brightness(1.02);
}
.blog-article-hero-visual--painting::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(247,246,255,.94) 0%,rgba(247,246,255,.38) 13%,transparent 34%),
    linear-gradient(0deg,rgba(248,247,255,.9) 0%,transparent 28%);
  pointer-events:none;
}
.blog-article-hero-visual figcaption {
  position:absolute;
  z-index:2;
  right:14px;
  bottom:11px;
  max-width:80%;
  color:rgba(41,39,54,.68);
  font:600 8px/1.35 Inter,Arial,sans-serif;
  letter-spacing:.02em;
  text-align:right;
}
.blog-article-hero-visual figcaption em { font-family:Georgia,"Times New Roman",serif; font-weight:400; }

@media (max-width:900px) {
  .blog-article-hero-grid { grid-template-columns:minmax(0,1fr) 220px; gap:26px; }
  .blog-article-header-inner--visual .blog-article-title { font-size:clamp(2.6rem,6.5vw,4rem); }
  .blog-article-hero-visual { min-height:260px; }
  .blog-article-hero-visual--portrait,.blog-article-hero-visual--portrait img { max-height:300px; }
  .blog-article-hero-visual--painting { min-height:270px; }
}

@media (max-width:720px) {
  .blog-article-hero-grid { grid-template-columns:1fr; gap:22px; }
  .blog-article-hero-visual { width:min(100%,520px); min-height:190px; justify-self:center; }
  .blog-article-hero-visual--portrait { height:220px; min-height:220px; }
  .blog-article-hero-visual--portrait img { max-height:245px; object-position:center 18%; }
  .blog-article-hero-visual--socrate img,.blog-article-hero-visual--descartes img { transform:none; }
  .blog-article-hero-visual--painting { height:210px; min-height:210px; }
  .blog-article-hero-visual--painting::before {
    background:linear-gradient(0deg,rgba(248,247,255,.88) 0%,transparent 28%);
  }
}


/* Extra-philosophie — le tableau devient une présence de fond, pas une carte. */
.blog-extraphilo-page .blog-article-header {
  background:linear-gradient(145deg,#f7f3ef 0%,#fbfbfe 54%,#fff 100%);
}
.blog-extraphilo-page .blog-article-hero-visual--painting {
  min-height:330px;
  overflow:hidden;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.blog-extraphilo-page .blog-article-hero-visual--painting img {
  object-fit:cover;
  object-position:53% 48%;
  filter:saturate(.72) contrast(.95) brightness(1.035);
  transform:scale(1.035);
}
.blog-extraphilo-page .blog-article-hero-visual--painting::before {
  background:
    linear-gradient(90deg,#f7f3ef 0%,rgba(247,243,239,.90) 8%,rgba(247,243,239,.34) 25%,transparent 47%),
    linear-gradient(0deg,#fbfbfe 0%,rgba(251,251,254,.7) 9%,transparent 30%);
}
.blog-extraphilo-page .blog-article-hero-visual--painting figcaption {
  right:10px;
  bottom:7px;
  color:rgba(61,51,44,.56);
}
.blog-extraphilo-page .blog-article-kicker { color:var(--article-accent); }

@media (max-width:720px) {
  .blog-section-title { font-size:1rem!important; }
  .blog-section-title + h2 { font-size:1.46rem!important; margin-bottom:23px!important; }
  .blog-extraphilo-page .blog-article-hero-visual--painting { height:205px; min-height:205px; }
  .blog-extraphilo-page .blog-article-hero-visual--painting img { object-position:50% 48%; transform:scale(1.02); }
  .blog-extraphilo-page .blog-article-hero-visual--painting::before {
    background:linear-gradient(0deg,#fbfbfe 0%,rgba(251,251,254,.68) 10%,transparent 31%);
  }
}

/* ========================================================================== 
   Billets — titres de section unifiés · 2026-08-24
   Un seul repère violet à gauche, identique sur tous les billets.
   ========================================================================== */
.blog-page,
.blog-program-page,
.blog-reperes-page,
.blog-extraphilo-page {
  --article-accent:#6c63ff;
  --article-accent-rgb:108,99,255;
  --article-soft:#f1efff;
}
.blog-page .blog-section-title,
.blog-program-page .blog-section-title,
.blog-reperes-page .blog-section-title,
.blog-extraphilo-page .blog-section-title {
  color:#6c63ff!important;
  padding:1px 0 1px 13px!important;
  border:0!important;
  background:none!important;
}
.blog-page .blog-section-title::before,
.blog-program-page .blog-section-title::before,
.blog-reperes-page .blog-section-title::before,
.blog-extraphilo-page .blog-section-title::before {
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:2px!important;
  height:1.22em!important;
  border-radius:99px!important;
  background:#6c63ff!important;
  transform:translateY(-50%)!important;
}
.blog-page .blog-section-title::after,
.blog-page .blog-section-title + h2::before,
.blog-page .blog-section-title + h2::after,
.blog-program-page .blog-section-title::after,
.blog-program-page .blog-section-title + h2::before,
.blog-program-page .blog-section-title + h2::after,
.blog-reperes-page .blog-section-title::after,
.blog-reperes-page .blog-section-title + h2::before,
.blog-reperes-page .blog-section-title + h2::after,
.blog-extraphilo-page .blog-section-title::after,
.blog-extraphilo-page .blog-section-title + h2::before,
.blog-extraphilo-page .blog-section-title + h2::after {
  display:none!important;
  content:none!important;
}
.blog-page .blog-section-title + h2,
.blog-program-page .blog-section-title + h2,
.blog-reperes-page .blog-section-title + h2,
.blog-extraphilo-page .blog-section-title + h2 {
  padding:0!important;
  border:0!important;
  background:none!important;
}

/* Faire feu de tout bois : le portrait de Descartes remplace le tableau. */
.blog-extraphilo-page .blog-article-header {
  background:linear-gradient(145deg,#f2f1ff 0%,#fff 58%,#f7f6ff 100%);
}
.blog-extraphilo-page .blog-article-kicker { color:#6c63ff; }
.blog-extraphilo-page .blog-article-hero-visual--descartes {
  min-height:310px;
  max-height:370px;
}
.blog-extraphilo-page .blog-article-hero-visual--descartes img {
  max-height:385px;
  opacity:.88;
  filter:grayscale(1) contrast(.94);
  transform:translateY(28px) scale(1.07);
}
@media (max-width:720px) {
  .blog-extraphilo-page .blog-article-hero-visual--descartes { min-height:220px; height:220px; }
  .blog-extraphilo-page .blog-article-hero-visual--descartes img { max-height:250px; transform:none; }
}

/* ========================================================================== 
   Billet — Utiliser le cinéma dans une dissertation
   2026-09-09
   ========================================================================== */
.blog-card--cinema { --card-accent:138,102,186; }

.blog-films-page .blog-article-header { background:linear-gradient(145deg,#f1eff9 0%,#fff 58%,#f7f5fb 100%); }
.blog-films-page .blog-article-title em { color:#69508f; font-style:italic; }
.blog-films-page .blog-prose > section { scroll-margin-top:112px; }
.blog-films-page .blog-prose > section + section { margin-top:78px; padding-top:4px; }
.blog-films-page .blog-prose .blog-section-title { display:inline-flex; align-items:center; gap:8px; min-height:27px; margin-bottom:9px; padding:0 10px; border:1px solid rgba(105,80,143,.12); border-radius:999px; background:rgba(105,80,143,.055); color:#69508f; }
.blog-films-page .blog-prose .blog-section-title::before { content:""; width:5px; height:5px; border-radius:50%; background:#8a66ba; }
.blog-films-page .blog-callout { border-color:rgba(105,80,143,.2); }
.blog-film-thesis { background:linear-gradient(145deg,#f7f4fb,#fff); }

.blog-film-hero-grid { align-items:center; }
.blog-film-hero-visual { position:relative; min-height:315px; margin:0; }
.blog-film-hero-visual::before,.blog-film-hero-visual::after { content:""; position:absolute; border-radius:50%; background:rgba(105,80,143,.08); filter:blur(.2px); }
.blog-film-hero-visual::before { width:215px; height:215px; right:5px; top:22px; }
.blog-film-hero-visual::after { width:122px; height:122px; left:24px; bottom:18px; }
.blog-film-screen { position:absolute; z-index:1; inset:34px 2px 24px 18px; display:flex; flex-direction:column; justify-content:space-between; min-height:245px; padding:31px 28px 25px; border:1px solid rgba(39,35,57,.15); border-radius:20px; background:linear-gradient(145deg,#252333,#343044 68%,#4b3e63); color:#fff; box-shadow:0 24px 54px rgba(38,32,51,.17); transform:rotate(-1.8deg); }
.blog-film-screen::before { content:""; position:absolute; inset:10px 12px auto; height:7px; border-radius:999px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 17px,transparent 17px 28px); }
.blog-film-screen > span { margin-top:16px; color:#cfc4de; font:800 9px/1 Inter,Arial,sans-serif; letter-spacing:.22em; }
.blog-film-screen > strong { max-width:250px; font:500 34px/1.08 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }
.blog-film-screen > div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:9px; margin-top:26px; padding-top:18px; border-top:1px solid rgba(255,255,255,.11); }
.blog-film-screen i { color:#eee9f4; font:800 8px/1 Inter,Arial,sans-serif; font-style:normal; letter-spacing:.10em; text-align:center; }
.blog-film-screen b { color:#a98bcc; font:500 17px/1 Georgia,"Times New Roman",serif; }

.blog-film-distinction { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:31px 0 20px; font-family:Inter,Arial,sans-serif; }
.blog-film-distinction article { min-height:230px; padding:22px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.blog-film-distinction article:first-child { background:linear-gradient(145deg,#f8f5fb,#fff); }
.blog-film-distinction article > span { color:#8060a6; font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-film-distinction h3 { margin:13px 0 9px!important; font-family:Georgia,"Times New Roman",serif!important; font-size:20px!important; font-weight:500!important; }
.blog-film-distinction p { margin:0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13.5px; line-height:1.65; }
.blog-film-distinction small { display:block; margin-top:18px; padding-top:14px; border-top:1px solid var(--blog-rule); color:var(--text-light); font-size:9.5px; line-height:1.45; }
.blog-film-note { margin:18px 0 0!important; padding:16px 18px; border-left:3px solid #8a66ba; background:#fbf9fd; color:var(--text-medium)!important; font-size:13px!important; line-height:1.65!important; }

.blog-film-method { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:8px; margin:32px 0; font-family:Inter,Arial,sans-serif; }
.blog-film-method article { min-height:145px; padding:16px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-method article span { display:grid; place-items:center; width:29px; height:29px; border-radius:8px; background:#f0ebf6; color:#69508f; font-size:8px; font-weight:850; }
.blog-film-method article strong { display:block; margin-top:14px; font-size:11px; }
.blog-film-method article small { display:block; margin-top:6px; color:var(--text-light); font-size:8.5px; line-height:1.48; }
.blog-film-method > i { color:#8a66ba; font-size:14px; font-style:normal; }
.blog-film-uses { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin:30px 0; font-family:Inter,Arial,sans-serif; }
.blog-film-uses article { padding:19px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-uses article > span { display:inline-flex; min-height:23px; align-items:center; padding:0 8px; border-radius:999px; background:#f1edf6; color:#69508f; font-size:7.5px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.blog-film-uses strong { display:block; margin-top:13px; color:var(--blog-ink); font-size:11px; }
.blog-film-uses p { margin:7px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12.5px; line-height:1.58; }
.blog-film-before-after { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:31px 0 0; }
.blog-film-before-after article { padding:21px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-before-after article > span { font-family:Inter,Arial,sans-serif; font-size:8px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-film-before-after .is-weak > span { color:#9b6060; }
.blog-film-before-after .is-strong { border-color:rgba(105,80,143,.18); background:#fbf9fd; }
.blog-film-before-after .is-strong > span { color:#69508f; }
.blog-film-before-after p { margin:11px 0 0; color:#494754; font-size:13px; line-height:1.62; }
.blog-film-before-after small { display:block; margin-top:12px; color:var(--text-light); font-family:Inter,Arial,sans-serif; font-size:9px; }

.blog-film-top-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:30px 0 0; font-family:Inter,Arial,sans-serif; }
.blog-film-top-card { position:relative; display:flex; flex-direction:column; min-height:310px; padding:22px; overflow:hidden; border:1px solid var(--blog-rule); border-radius:13px; background:#fff; }
.blog-film-top-card::after { content:""; position:absolute; width:120px; height:120px; right:-55px; top:-55px; border-radius:50%; background:rgba(105,80,143,.055); }
.blog-film-rank { color:#8a66ba; font:500 17px/1 Georgia,"Times New Roman",serif; }
.blog-film-top-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-top:18px; }
.blog-prose .blog-film-top-head h3 { margin:0!important; font-family:Georgia,"Times New Roman",serif!important; font-size:23px!important; font-weight:500!important; line-height:1.15!important; }
.blog-film-top-head small { display:block; margin-top:4px; color:var(--text-light); font-size:8.5px; }
.blog-film-top-head > strong { flex:none; padding:5px 7px; border-radius:999px; background:#f2eef6; color:#69508f; font-size:7.5px; }
.blog-film-top-card > p { margin:15px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:13px; line-height:1.62; }
.blog-film-use-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:15px; }
.blog-film-use-tags span { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:999px; border:1px solid rgba(105,80,143,.12); color:#69508f; font-size:7px; font-weight:800; }
.blog-film-top-card footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:17px; border-top:1px solid var(--blog-rule); }
.blog-film-top-card footer > span { color:#4e4a58; font-size:9px; font-weight:700; }
.blog-film-top-card footer a { font-size:8.5px; font-weight:750; text-decoration:none; }

.blog-film-selector { margin-top:28px; padding:20px; border:1px solid rgba(105,80,143,.17); border-radius:14px; background:linear-gradient(145deg,#f7f4fa,#fff 68%); font-family:Inter,Arial,sans-serif; }
.blog-film-selector > label { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:14px; }
.blog-film-selector > label > span { color:#69508f; font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.blog-film-selector select { width:100%; min-height:43px; padding:0 37px 0 12px; border:1px solid var(--blog-rule); border-radius:9px; outline:none; background:#fff; color:var(--blog-ink); font:650 11px/1 Inter,Arial,sans-serif; }
.blog-film-selector select:focus { border-color:rgba(105,80,143,.5); box-shadow:0 0 0 3px rgba(105,80,143,.08); }
.blog-film-selector-result { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
.blog-film-selector-card { display:flex; flex-direction:column; min-height:175px; padding:14px; border:1px solid var(--blog-rule); border-radius:9px; background:#fff; }
.blog-film-selector-card > span { color:#8060a6; font-size:7px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.blog-film-selector-card strong { display:block; margin-top:8px; font-family:Georgia,"Times New Roman",serif; font-size:17px; font-weight:500; line-height:1.2; }
.blog-film-selector-card small { display:block; margin-top:4px; color:var(--text-light); font-size:7.5px; }
.blog-film-selector-card p { margin:11px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:11.5px; line-height:1.5; }
.blog-film-selector-card b { display:block; margin-top:auto; padding-top:11px; color:#504d59; font-size:8px; }
.blog-film-selector-more { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:1px; padding:12px 14px; border-radius:9px; background:#2f2b39; color:#fff!important; font-size:9.5px; font-weight:750; text-decoration:none!important; }
.blog-film-selector-more span { color:#bda9d6; font-size:15px; }

.blog-film-level-key { display:flex; flex-wrap:wrap; gap:6px; margin:25px 0 18px; font-family:Inter,Arial,sans-serif; }
.blog-film-level { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:999px; font:800 7px/1 Inter,Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.blog-film-level--major { background:#eee8f5; color:#684b8b; }
.blog-film-level--comp { background:#eef2f7; color:#4e6684; }
.blog-film-level--explore { background:#f2f1f3; color:#74717b; }
.blog-film-notions { display:grid; gap:17px; }
.blog-film-notion { scroll-margin-top:112px; padding:24px; border:1px solid var(--blog-rule); border-radius:13px; background:#fff; }
.blog-film-notion-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:15px; border-bottom:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-film-notion-head span { color:#8060a6; font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-prose .blog-film-notion-head h3 { margin:5px 0 0!important; font-family:Georgia,"Times New Roman",serif!important; font-size:25px!important; font-weight:500!important; }
.blog-film-notion-head > a { flex:none; margin-top:3px; font-size:8.5px; font-weight:750; text-decoration:none; }
.blog-film-notion-intro { margin:16px 0 0!important; color:var(--text-medium)!important; font-size:13px!important; line-height:1.65!important; }
.blog-film-notion-list { display:grid; gap:8px; margin-top:17px; }
.blog-film-notion-item { padding:15px; border:1px solid rgba(42,39,78,.085); border-radius:9px; background:#fcfcfd; font-family:Inter,Arial,sans-serif; }
.blog-film-notion-item[data-level="major"] { border-color:rgba(105,80,143,.15); background:#fbf9fd; }
.blog-film-notion-item header { display:grid; grid-template-columns:108px 1fr; gap:12px; align-items:start; }
.blog-prose .blog-film-notion-item h4 { margin:0; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:500; line-height:1.2; }
.blog-film-notion-item header small { display:block; margin-top:3px; color:var(--text-light); font-size:7.8px; }
.blog-film-notion-item > p { margin:11px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12px; line-height:1.57; }
.blog-film-notion-item footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; padding-top:10px; border-top:1px solid rgba(42,39,78,.07); }
.blog-film-notion-item footer span { color:var(--text-light); font-size:7.8px; }
.blog-film-notion-item footer strong { color:#565160; font-size:8.5px; text-align:right; }
.blog-film-text-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:16px; padding-top:15px; border-top:1px solid var(--blog-rule); font-family:Inter,Arial,sans-serif; }
.blog-film-text-links > span { margin-right:2px; color:var(--text-light); font-size:7.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.blog-film-text-links a { display:inline-flex; align-items:center; gap:5px; min-height:27px; padding:0 9px; border:1px solid rgba(105,80,143,.11); border-radius:999px; background:#faf8fc; color:#69508f!important; font-size:8px; font-weight:700; text-decoration:none!important; }

.blog-film-own-reference { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0 34px; font-family:Inter,Arial,sans-serif; }
.blog-film-own-reference article { min-height:155px; padding:19px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.blog-film-own-reference article > span { color:#8060a6; font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-film-own-reference strong { display:block; margin-top:15px; color:var(--blog-ink); font-family:Georgia,"Times New Roman",serif; font-size:19px; font-weight:500; }
.blog-film-own-reference p { margin:7px 0 0; color:var(--text-medium); font-family:Georgia,"Times New Roman",serif; font-size:12px; line-height:1.55; }
.blog-film-errors { margin-top:18px!important; padding:0!important; list-style:none; }
.blog-film-errors li { margin:0!important; padding:15px 0 15px 30px!important; border-top:1px solid var(--blog-rule); color:var(--text-medium); font-size:14px; line-height:1.65; }
.blog-film-errors li:last-child { border-bottom:1px solid var(--blog-rule); }
.blog-film-errors li::before { content:"×"; position:absolute; margin-left:-28px; color:#8a66ba; font:500 19px/1 Georgia,"Times New Roman",serif; }

.blog-film-bridge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0; font-family:Inter,Arial,sans-serif; }
.blog-film-bridge-grid a { display:grid; grid-template-columns:1fr auto; align-items:end; gap:6px 14px; min-height:145px; padding:18px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; color:inherit!important; text-decoration:none!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.blog-film-bridge-grid a:hover { transform:translateY(-2px); border-color:rgba(105,80,143,.25); box-shadow:0 11px 28px rgba(42,39,78,.055); }
.blog-film-bridge-grid a > span { grid-column:1 / -1; color:#8060a6; font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.blog-film-bridge-grid strong { align-self:end; font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:500; }
.blog-film-bridge-grid small { grid-column:1; color:var(--text-light); font-size:8.5px; }
.blog-film-bridge-grid i { grid-column:2; grid-row:2 / 4; align-self:end; color:#8a66ba; font-size:18px; font-style:normal; }
.blog-film-library-cta { margin-top:28px; }
.blog-film-source-note { margin:27px 0 0!important; padding-top:18px; border-top:1px solid var(--blog-rule); color:var(--text-light)!important; font-family:Inter,Arial,sans-serif!important; font-size:9.5px!important; line-height:1.6!important; }
.blog-film-source-note strong { color:#5a5663; }
.blog-film-end { margin-top:68px; }

@media (max-width:980px) {
  .blog-film-hero-visual { min-height:280px; }
  .blog-film-screen { inset:28px 0 20px 12px; }
}
@media (max-width:820px) {
  .blog-film-method { grid-template-columns:1fr 1fr; }
  .blog-film-method > i { display:none; }
  .blog-film-uses,.blog-film-selector-result { grid-template-columns:1fr; }
  .blog-film-selector-more { grid-column:auto; }
}
@media (max-width:700px) {
  .blog-film-distinction,.blog-film-top-grid,.blog-film-own-reference,.blog-film-bridge-grid,.blog-film-before-after { grid-template-columns:1fr; }
  .blog-film-selector > label { grid-template-columns:1fr; gap:7px; }
  .blog-film-notion { padding:19px; }
  .blog-film-notion-item header { grid-template-columns:1fr; gap:8px; }
  .blog-film-notion-item .blog-film-level { width:max-content; }
}
@media (max-width:560px) {
  .blog-film-hero-visual { min-height:245px; }
  .blog-film-screen { inset:18px 2px 17px 5px; min-height:215px; padding:26px 20px 20px; }
  .blog-film-screen > strong { max-width:210px; font-size:29px; }
  .blog-film-method { grid-template-columns:1fr; }
  .blog-film-method article { min-height:0; }
  .blog-film-top-card { min-height:285px; }
  .blog-film-notion-head { align-items:flex-start; flex-direction:column; gap:8px; }
  .blog-film-notion-item footer { align-items:flex-start; flex-direction:column; }
  .blog-film-notion-item footer strong { text-align:left; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-film-bridge-grid a { transition:none; }
}

/* Refonte cinéma — 2026-09-09 */
.blog-films-page .blog-film-essential-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:28px 0 0;
  font-family:Inter,Arial,sans-serif;
}
.blog-films-page .blog-film-essential-item{
  overflow:hidden;
  border:1px solid var(--blog-rule);
  border-radius:11px;
  background:#fff;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.blog-films-page .blog-film-essential-item:hover{
  border-color:rgba(105,80,143,.22);
  box-shadow:0 7px 22px rgba(42,39,78,.045);
}
.blog-films-page .blog-film-essential-item[open]{
  border-color:rgba(105,80,143,.22);
  background:#fcfbfd;
}
.blog-films-page .blog-film-essential-item > summary{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 25px;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
}
.blog-films-page .blog-film-essential-item > summary::-webkit-details-marker{display:none;}
.blog-films-page .blog-film-essential-item > summary:focus-visible{
  outline:2px solid rgba(105,80,143,.42);
  outline-offset:-2px;
  border-radius:10px;
}
.blog-film-essential-rank{
  color:#8a66ba;
  font:500 14px/1 Georgia,"Times New Roman",serif;
  text-align:center;
}
.blog-film-essential-id{min-width:0;}
.blog-prose .blog-film-essential-id h3{
  margin:0!important;
  color:var(--blog-ink);
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.18!important;
}
.blog-film-essential-id small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:var(--text-light);
  font-size:7.7px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.blog-film-essential-toggle,
.blog-film-notion-toggle{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid rgba(105,80,143,.14);
  border-radius:50%;
  color:#76569c;
  font:500 15px/1 Inter,Arial,sans-serif;
  transition:transform .18s ease,background .18s ease;
}
.blog-film-essential-item[open] .blog-film-essential-toggle,
.blog-film-notion[open] .blog-film-notion-toggle{
  transform:rotate(45deg);
  background:#f1edf6;
}
.blog-film-essential-body{
  padding:0 15px 15px 54px;
  border-top:1px solid rgba(42,39,78,.065);
}
.blog-film-essential-body > p{
  margin:13px 0 0!important;
  color:var(--text-medium)!important;
  font-size:12px!important;
  line-height:1.58!important;
}
.blog-film-essential-body footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(42,39,78,.06);
}
.blog-film-essential-body footer span{
  color:#565160;
  font-size:8px;
  font-weight:700;
}
.blog-film-essential-body footer a{
  color:#69508f!important;
  font-size:8px;
  font-weight:750;
  text-decoration:none!important;
}

.blog-films-page .blog-film-selector{
  margin-top:26px;
  padding:17px;
  border-radius:12px;
  background:linear-gradient(145deg,#f8f6fa,#fff 72%);
}
.blog-films-page .blog-film-selector-result{
  gap:7px;
  margin-top:13px;
}
.blog-films-page .blog-film-selector-card{
  min-height:158px;
  padding:13px;
}
.blog-films-page .blog-film-selector-card strong{font-size:16px;}
.blog-films-page .blog-film-selector-card p{font-size:11px;line-height:1.48;}
.blog-films-page .blog-film-selector-more{
  min-height:39px;
  padding:10px 13px;
  background:#312c3a;
}
.blog-film-catalogue{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--blog-rule);
}
.blog-film-catalogue-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:14px;
}
.blog-prose .blog-film-catalogue-head h3{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  font-weight:500!important;
}
.blog-film-catalogue-head p{
  max-width:560px;
  margin:6px 0 0!important;
  color:var(--text-light)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.blog-films-page .blog-film-catalogue-head .blog-film-level-key{
  flex:none;
  justify-content:flex-end;
  margin:0;
}
.blog-films-page .blog-film-notion{
  scroll-margin-top:112px;
  padding:0;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
}
.blog-films-page .blog-film-notion + .blog-film-notion{margin-top:8px;}
.blog-films-page .blog-film-notion[open]{
  border-color:rgba(105,80,143,.18);
  box-shadow:0 8px 24px rgba(42,39,78,.035);
}
.blog-film-notion-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 25px;
  align-items:center;
  gap:14px;
  min-height:67px;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
  font-family:Inter,Arial,sans-serif;
}
.blog-film-notion-summary::-webkit-details-marker{display:none;}
.blog-film-notion-summary:focus-visible{
  outline:2px solid rgba(105,80,143,.42);
  outline-offset:-2px;
}
.blog-film-notion-summary > div > span{
  color:#8060a6;
  font-size:7px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.blog-prose .blog-film-notion-summary h3{
  margin:3px 0 0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1.12!important;
}
.blog-films-page .blog-film-notion[open] .blog-film-notion-summary{
  border-bottom:1px solid var(--blog-rule);
  background:#fcfbfd;
}
.blog-films-page .blog-film-notion-intro{
  margin:15px 17px 0!important;
  font-size:12.5px!important;
  line-height:1.6!important;
}
.blog-films-page .blog-film-notion-list{
  gap:7px;
  margin:14px 17px 0;
}
.blog-films-page .blog-film-notion-item{padding:13px 14px;}
.blog-films-page .blog-film-notion-item header{grid-template-columns:100px minmax(0,1fr);gap:10px;}
.blog-prose .blog-film-notion-item h4{font-size:17px;}
.blog-films-page .blog-film-notion-item > p{font-size:11.5px;line-height:1.54;}
.blog-films-page .blog-film-text-links{
  margin:13px 17px 16px;
  padding-top:13px;
}

.blog-film-reference-rule{
  margin:25px 0 29px;
  padding:19px 20px;
  border:1px solid rgba(105,80,143,.16);
  border-radius:10px;
  background:#fbf9fd;
}
.blog-film-reference-rule > span{
  color:#8060a6;
  font-family:Inter,Arial,sans-serif;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.blog-film-reference-rule p{
  margin:9px 0 0!important;
  color:#494754!important;
  font-size:13px!important;
  line-height:1.62!important;
}
.blog-film-reference-rule small{
  display:block;
  margin-top:11px;
  color:var(--text-light);
  font-family:Inter,Arial,sans-serif;
  font-size:8.5px;
  line-height:1.45;
}
.blog-films-page .blog-film-errors{margin-top:14px!important;}
.blog-films-page .blog-film-end{margin-top:52px;}

@media (max-width:780px){
  .blog-films-page .blog-film-essential-grid{grid-template-columns:1fr;}
  .blog-film-catalogue-head{align-items:flex-start;flex-direction:column;gap:12px;}
  .blog-films-page .blog-film-catalogue-head .blog-film-level-key{justify-content:flex-start;}
  .blog-films-page .blog-film-notion-item header{grid-template-columns:1fr;gap:7px;}
}
@media (max-width:520px){
  .blog-films-page .blog-film-essential-item > summary{grid-template-columns:25px minmax(0,1fr) 24px;gap:9px;padding:11px 12px;}
  .blog-film-essential-id small{white-space:normal;}
  .blog-film-essential-body{padding:0 12px 13px;}
  .blog-film-essential-body footer{align-items:flex-start;flex-direction:column;gap:6px;}
  .blog-film-notion-summary{padding:11px 13px;}
  .blog-films-page .blog-film-notion-intro{margin:13px 13px 0!important;}
  .blog-films-page .blog-film-notion-list{margin:12px 13px 0;}
  .blog-films-page .blog-film-text-links{margin:12px 13px 14px;}
}

/* Billet cinéma — usages dans la dissertation + sélecteur par notion */
.blog-film-placement {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:24px 0 0;
  font-family:Inter,Arial,sans-serif;
}
.blog-film-placement-head {
  grid-column:1 / -1;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  padding:0 0 8px;
}
.blog-film-placement-head > span {
  color:#8060a6;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.blog-prose .blog-film-placement-head h3 {
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  font-weight:500!important;
}
.blog-film-placement > article {
  padding:18px;
  border:1px solid var(--blog-rule);
  border-radius:10px;
  background:#fff;
}
.blog-film-placement > article > span {
  color:#8060a6;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.blog-film-placement > article > strong {
  display:block;
  margin-top:9px;
  color:var(--blog-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
}
.blog-film-placement > article > p {
  margin:8px 0 0;
  color:var(--text-medium);
  font-family:Georgia,"Times New Roman",serif;
  font-size:12.5px;
  line-height:1.6;
}
.blog-film-placement > article > small {
  display:block;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--blog-rule);
  color:var(--text-light);
  font-size:8.5px;
  line-height:1.5;
}

.blog-film-selector-result--full {
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.blog-film-selector-intro {
  grid-column:1 / -1;
  margin:0 0 2px!important;
  padding:2px 2px 8px;
  color:var(--text-medium)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
  line-height:1.62!important;
}
.blog-film-selector-result--full .blog-film-selector-card {
  min-height:220px;
}
.blog-film-selector-result--full .blog-film-selector-card[data-level="major"] {
  border-color:rgba(105,80,143,.16);
  background:#fbf9fd;
}
.blog-film-selector-result--full .blog-film-selector-card > .blog-film-level {
  align-self:flex-start;
  min-height:20px;
  margin:0;
  padding:0 7px;
  font-size:6.8px;
}
.blog-film-selector-result--full .blog-film-selector-card strong {
  margin-top:10px;
}
.blog-film-selector-result--full .blog-film-selector-card footer {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(42,39,78,.07);
}
.blog-film-selector-result--full .blog-film-selector-card footer > span {
  color:var(--text-light);
  font-size:7.8px;
  line-height:1.45;
}
.blog-film-selector-result--full .blog-film-selector-card footer > b {
  flex:none;
  max-width:45%;
  margin:0;
  padding:0;
  color:#565160;
  font-size:8.2px;
  line-height:1.4;
  text-align:right;
}
.blog-film-selector-links {
  grid-column:1 / -1;
  margin-top:2px;
}

@media (max-width:760px) {
  .blog-film-placement { grid-template-columns:1fr; }
  .blog-film-placement-head { grid-column:1; align-items:flex-start; flex-direction:column; gap:4px; }
  .blog-film-selector-result--full { grid-template-columns:1fr; }
  .blog-film-selector-intro,.blog-film-selector-links { grid-column:1; }
  .blog-film-selector-result--full .blog-film-selector-card { min-height:0; }
}


/* =========================================================
   Atomic Habits pour les étudiants — 2026-09-22
   ========================================================= */
.blog-card--atomic { --card-accent:63,132,119; }
.blog-atomic-page { --atomic:#C96F5B; --atomic-dark:#8B4B42; --atomic-soft:#FCF2EF; --atomic-purple:#6c63ff; }
.blog-atomic-page .atomic-hero { background:linear-gradient(145deg,#FCF2EF 0%,#fff 58%,#f3f1ff 100%); }
.blog-atomic-page .blog-article-title em { color:var(--atomic-dark); font-style:italic; font-weight:500; }
.blog-atomic-page .blog-article-title strong { color:#302d3d; font-weight:700; }
.blog-atomic-page .blog-article-lead strong { color:#2d655c; }
.atomic-hero-grid { align-items:center; }
.atomic-hero-visual {
  min-height:305px; margin:0; padding:28px 30px; display:flex; flex-direction:column; justify-content:center; gap:22px;
  border:1px solid rgba(201,111,91,.16); border-radius:22px;
  background:linear-gradient(155deg,#ffffff 0%,#f4faf8 68%,#f4f2ff 100%);
  box-shadow:0 24px 70px rgba(139,75,66,.09); font-family:Inter,Arial,sans-serif;
}
.atomic-compound-head { display:grid; gap:7px; }
.atomic-compound-head > span { color:var(--atomic-dark); font-size:8px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.atomic-compound-head > strong { max-width:330px; color:#302f3f; font:650 17px/1.38 Georgia,"Times New Roman",serif; }
.atomic-compound-chart { height:130px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; align-items:end; padding:0 6px; border-bottom:1px solid rgba(201,111,91,.18); }
.atomic-compound-bar { height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:8px; }
.atomic-compound-bar i { display:block; width:min(44px,72%); border-radius:8px 8px 2px 2px; background:linear-gradient(180deg,#E0A093,#C96F5B); box-shadow:inset 0 1px 0 rgba(255,255,255,.35); }
.atomic-compound-bar--1 i { height:26px; opacity:.52; }
.atomic-compound-bar--2 i { height:50px; opacity:.66; }
.atomic-compound-bar--3 i { height:78px; opacity:.82; }
.atomic-compound-bar--4 i { height:112px; }
.atomic-compound-bar span { min-height:22px; color:#686573; font-size:7px; font-weight:800; letter-spacing:.03em; text-align:center; }
.atomic-compound-equation { display:flex; flex-wrap:wrap; align-items:center; gap:7px; color:#666370; font-size:8.5px; font-weight:750; }
.atomic-compound-equation span,.atomic-compound-equation strong { padding:6px 8px; border-radius:999px; background:#fff; border:1px solid rgba(201,111,91,.14); }
.atomic-compound-equation b { color:#8eaaa5; font-weight:800; }
.atomic-compound-equation strong { color:var(--atomic-dark); background:#FCF2EF; border-color:rgba(201,111,91,.22); }

.blog-atomic-page .blog-prose > p:first-child { font-size:16px; line-height:1.72; }
.blog-atomic-page .blog-prose > section { margin-top:44px; padding-top:28px; border-top:1px solid rgba(42,39,78,.14); }
.blog-atomic-page .blog-prose > section > h2 { margin-top:7px!important; font-weight:700!important; line-height:1.22!important; }
.blog-atomic-page .blog-prose > section h3 { font-weight:650!important; }
.blog-atomic-page .blog-section-eyebrow { font-weight:900!important; }
.atomic-thesis { border-color:rgba(201,111,91,.20)!important; background:linear-gradient(145deg,#f2faf7,#fff)!important; }
.atomic-thesis > span { color:var(--atomic-dark)!important; font-weight:900!important; }
.atomic-thesis > p { margin-bottom:11px!important; }
.atomic-thesis strong { color:#285d54; }
.atomic-thesis-list { margin:0!important; padding-left:18px!important; }
.atomic-thesis-list > li { margin:10px 0!important; color:#403f49!important; font-size:12.5px!important; line-height:1.55!important; }
.atomic-thesis-list > li::marker { color:var(--atomic); }
.atomic-thesis-list ul { margin:5px 0 0!important; padding-left:18px!important; }
.atomic-thesis-list ul li { margin:0!important; color:#67646f!important; font-size:10.5px!important; line-height:1.55!important; }
.atomic-thesis-list ul li::marker { color:#D9A99F; }
.atomic-inspiration { margin:18px 0 4px!important; padding:14px 16px; border-left:2px solid rgba(108,99,255,.35); background:#faf9ff; color:#595663!important; font-family:Inter,Arial,sans-serif!important; font-size:10.5px!important; line-height:1.62!important; }
.atomic-inspiration strong { color:#403d50; }

.atomic-compare,.atomic-learning-grid,.atomic-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-compare article,.atomic-learning-grid article,.atomic-levels article { padding:17px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.atomic-compare article > span,.atomic-levels article > span { color:var(--text-light); font-size:7.5px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.atomic-compare article > strong { display:block; margin-top:10px; color:#353344; font:600 14px/1.35 Georgia,"Times New Roman",serif; }
.atomic-compare article > p,.atomic-levels article > p { margin:8px 0 0!important; color:var(--text-medium)!important; font-size:10.5px!important; line-height:1.55!important; }
.atomic-compare article.is-best,.atomic-levels article.is-normal { border-color:rgba(201,111,91,.26); background:var(--atomic-soft); }
.atomic-compare article.is-best > span,.atomic-levels article.is-normal > span { color:var(--atomic-dark); }

.atomic-rule { margin:22px 0; padding:17px 19px; border-left:3px solid var(--atomic); background:#f7fbfa; }
.atomic-rule > strong { display:block; color:var(--atomic-dark); font:800 8px/1.2 Inter,Arial,sans-serif; letter-spacing:.10em; text-transform:uppercase; }
.atomic-rule > p { margin:7px 0 0!important; color:#4c5452!important; font-size:13px!important; line-height:1.62!important; }

.atomic-table-wrap { width:min(100%,680px); margin:22px auto 26px; overflow:auto; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; box-shadow:0 8px 26px rgba(42,39,78,.035); }
.atomic-table { width:100%; border-collapse:collapse; font-family:Inter,Arial,sans-serif; font-size:10.5px; }
.atomic-table th { padding:11px 14px; background:#f5faf8; color:var(--atomic-dark); font-size:8px; letter-spacing:.09em; text-align:left; text-transform:uppercase; }
.atomic-table td { padding:12px 14px; border-top:1px solid var(--blog-rule); color:#52505a; }
.atomic-table td:last-child { color:#2f4f49; font-weight:650; }

.atomic-ladder { display:grid; grid-template-columns:1fr auto 1fr auto 1.25fr; align-items:stretch; gap:8px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-ladder > div { padding:15px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.atomic-ladder > div.is-best { border-color:rgba(201,111,91,.24); background:var(--atomic-soft); }
.atomic-ladder span { color:var(--text-light); font-size:7px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.atomic-ladder p { margin:7px 0 0!important; color:#45434e!important; font-size:10.5px!important; line-height:1.48!important; }
.atomic-ladder > i { align-self:center; color:#9aafb0; font-style:normal; }

.atomic-formula { width:min(100%,680px); margin:22px auto 15px; padding:17px 20px 18px; border:1px solid rgba(201,111,91,.24); border-radius:12px; background:linear-gradient(145deg,#FCF2EF,#fbfdfc); text-align:center; font-family:Inter,Arial,sans-serif; box-shadow:0 8px 24px rgba(139,75,66,.045); }
.atomic-formula span { display:inline-block; padding:4px 7px; border-radius:999px; background:#dceee9; color:var(--atomic-dark)!important; font-size:7px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.atomic-formula strong { display:block; margin-top:10px; color:#263f3a!important; font:700 15px/1.45 Georgia,"Times New Roman",serif; }
.atomic-examples { width:min(100%,680px); display:grid; gap:7px; margin:14px auto 30px; }
.atomic-examples p { display:grid; grid-template-columns:minmax(150px,.8fr) auto 1fr; gap:10px; align-items:center; margin:0!important; padding:11px 13px; border-bottom:1px solid var(--blog-rule); color:#55535e!important; font-family:Inter,Arial,sans-serif!important; font-size:10.5px!important; }
.atomic-examples b { color:#34323f; font-weight:750; }
.atomic-examples span { color:var(--atomic); }

.atomic-friction-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:21px 0; font-family:Inter,Arial,sans-serif; }
.atomic-friction-grid article { padding:18px 19px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.atomic-friction-grid article:first-child { border-color:rgba(201,111,91,.22); background:#FFF8F6; }
.atomic-friction-grid article > span { color:var(--atomic-dark); font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.atomic-friction-grid ul { margin:12px 0 0!important; padding-left:17px!important; }
.atomic-friction-grid li { margin:6px 0!important; color:#56545e!important; font-size:10.5px!important; line-height:1.45!important; }

.atomic-science-bridge { display:grid; grid-template-columns:auto 1fr auto auto 1fr; align-items:center; gap:10px; margin:22px 0; padding:15px 17px; border:1px solid rgba(108,99,255,.12); border-radius:12px; background:#faf9ff; font-family:Inter,Arial,sans-serif; }
.atomic-science-bridge span { color:#6c63ff; font-size:7px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.atomic-science-bridge strong { color:#464354; font-size:10px; line-height:1.45; }
.atomic-science-bridge i { color:#aaa6ba; font-style:normal; }
.atomic-learning-grid article { position:relative; padding-top:42px; }
.atomic-learning-grid article > span { position:absolute; top:15px; left:16px; display:grid; place-items:center; width:20px; height:20px; border-radius:7px; background:var(--atomic-soft); color:var(--atomic-dark); font-size:8px; font-weight:850; }
.blog-prose .atomic-learning-grid h3 { margin:0!important; color:#353344!important; font-family:Georgia,"Times New Roman",serif!important; font-size:18px!important; font-weight:500!important; }
.atomic-learning-grid p { margin:8px 0 0!important; color:var(--text-medium)!important; font-size:10.5px!important; line-height:1.58!important; }
.atomic-source-note { margin-top:-8px!important; color:var(--text-light)!important; font-family:Inter,Arial,sans-serif!important; font-size:9px!important; line-height:1.55!important; }

.atomic-levels article > strong { display:block; margin-top:7px; color:#363340; font:500 25px/1 Georgia,"Times New Roman",serif; }
.atomic-levels .is-normal > strong { color:var(--atomic-dark); }
.atomic-return { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-return > div { padding:17px; border:1px solid var(--blog-rule); border-radius:12px; background:#fff; }
.atomic-return > div.is-best { border-color:rgba(201,111,91,.22); background:var(--atomic-soft); }
.atomic-return span { display:block; color:var(--text-light); font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.atomic-return strong { display:block; margin-top:8px; color:#3d3a48; font-size:11.5px; line-height:1.5; }
.atomic-return > i { color:#9aafb0; font-style:normal; }

.atomic-tracker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:20px 0; }
.atomic-tracker p { display:flex; align-items:center; gap:9px; margin:0!important; padding:12px 14px; border:1px solid var(--blog-rule); border-radius:10px; color:#55525e!important; font-family:Inter,Arial,sans-serif!important; font-size:10.5px!important; }
.atomic-tracker span { display:grid; place-items:center; width:20px; height:20px; flex:none; border-radius:50%; background:var(--atomic-soft); color:var(--atomic-dark); font-weight:900; }

.atomic-pacte { display:grid; gap:8px; margin:22px 0 26px; }
.atomic-pacte article { display:grid; grid-template-columns:44px 1fr; gap:13px; align-items:center; padding:12px 15px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.atomic-pacte b { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:var(--atomic-soft); color:var(--atomic-dark); font:700 18px/1 Georgia,"Times New Roman",serif; }
.atomic-pacte span { display:block; color:#3d3a47; font:600 15px/1.2 Georgia,"Times New Roman",serif; }
.atomic-pacte p { margin:4px 0 0!important; color:var(--text-medium)!important; font-family:Inter,Arial,sans-serif!important; font-size:9.5px!important; line-height:1.5!important; }

.atomic-builder { margin:22px 0 28px; border:1px solid rgba(201,111,91,.20); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 36px rgba(139,75,66,.06); font-family:Inter,Arial,sans-serif; }
.atomic-builder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; padding:19px; }
.atomic-builder label { display:grid; gap:6px; }
.atomic-builder label > span { color:#5e5b66; font-size:8px; font-weight:800; letter-spacing:.045em; }
.atomic-builder input { width:100%; min-height:39px; padding:0 11px; border:1px solid rgba(42,39,78,.12); border-radius:9px; outline:0; background:#fcfcfd; color:#34313f; font:500 10px/1.2 Inter,Arial,sans-serif; }
.atomic-builder input:focus { border-color:rgba(201,111,91,.52); box-shadow:0 0 0 3px rgba(201,111,91,.08); }
.atomic-builder-plan { padding:18px 19px; border-top:1px solid rgba(201,111,91,.16); background:linear-gradient(145deg,#FCF2EF,#f9fcfb); }
.atomic-builder-plan > span { color:var(--atomic-dark); font-size:7.5px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.atomic-builder-plan > p { min-height:43px; margin:7px 0 0!important; color:#4B4852!important; font-family:Georgia,"Times New Roman",serif!important; font-size:13.5px!important; line-height:1.58!important; }
.atomic-builder-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.atomic-builder-actions button { min-height:33px; padding:0 11px; border:1px solid var(--atomic); border-radius:8px; background:var(--atomic); color:#fff; font:750 8.5px/1 Inter,Arial,sans-serif; cursor:pointer; }
.atomic-builder-actions button.is-secondary { border-color:rgba(201,111,91,.24); background:transparent; color:var(--atomic-dark); }
.atomic-builder-plan small { display:block; min-height:15px; margin-top:7px; color:#777482; font-size:7.8px; }

.atomic-week { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-week article { min-height:128px; padding:11px 9px; border:1px solid var(--blog-rule); border-radius:10px; background:#fff; }
.atomic-week span { color:var(--atomic-dark); font-size:7px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.atomic-week strong { display:block; margin-top:8px; color:#34313f; font:600 16px/1 Georgia,"Times New Roman",serif; }
.atomic-week p { margin:8px 0 0!important; color:var(--text-medium)!important; font-size:8.5px!important; line-height:1.45!important; }
.atomic-final-principle { margin:24px 0; padding:20px; border-radius:12px; background:#302f3f; color:#fff; }
.atomic-final-principle span { color:#E5B8AE; font:850 7.5px/1 Inter,Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.atomic-final-principle p { margin:8px 0 0!important; color:#f2f0f6!important; font-size:13px!important; line-height:1.65!important; }

.atomic-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:22px 0; font-family:Inter,Arial,sans-serif; }
.atomic-sources article { padding:16px; border:1px solid var(--blog-rule); border-radius:11px; background:#fff; }
.atomic-sources article > span { color:var(--atomic-dark); font-size:7px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.atomic-sources article > strong { display:block; margin-top:7px; color:#403d49; font-family:Georgia,"Times New Roman",serif; font-size:12.5px; font-weight:600; line-height:1.4; }
.atomic-sources article > p { margin:7px 0 0!important; color:var(--text-medium)!important; font-size:9px!important; line-height:1.5!important; }
.atomic-sources a { display:inline-block; margin-top:9px; color:var(--atomic-dark); font-size:8px; font-weight:800; text-decoration:none; }
.atomic-end { margin-top:52px; }
.atomic-end .blog-end-actions a:first-child { border-color:#C96F5B; background:#C96F5B; color:#2C2936; }
.atomic-aside a.is-active { color:var(--atomic-dark)!important; font-weight:800; }

@media (max-width:900px) {
  .atomic-week { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .atomic-compare,.atomic-learning-grid,.atomic-levels,.atomic-sources { grid-template-columns:1fr; }
  .atomic-friction-grid,.atomic-builder-grid { grid-template-columns:1fr; }
  .atomic-ladder { grid-template-columns:1fr; }
  .atomic-ladder > i { transform:rotate(90deg); justify-self:center; }
  .atomic-science-bridge { grid-template-columns:1fr; gap:5px; }
  .atomic-science-bridge > i { display:none; }
  .atomic-return { grid-template-columns:1fr; }
  .atomic-return > i { transform:rotate(90deg); justify-self:center; }
  .atomic-week { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .atomic-hero-visual { min-height:255px; padding:21px; }
  .atomic-compound-head > strong { font-size:15px; }
  .atomic-compound-chart { height:112px; }
  .atomic-examples p { grid-template-columns:1fr; gap:4px; }
  .atomic-examples p > span { display:none; }
  .atomic-tracker { grid-template-columns:1fr; }
  .atomic-week { grid-template-columns:1fr; }
  .atomic-week article { min-height:0; }
}
@media print {
  .blog-atomic-page .navbar,.blog-atomic-page .site-footer,.blog-atomic-page .back-to-top,.blog-atomic-page .blog-article-aside,.blog-atomic-page .blog-end-cta { display:none!important; }
  .blog-atomic-page .blog-article-layout { display:block; width:100%; }
  .blog-atomic-page .blog-prose { max-width:none; }
  .atomic-builder { break-inside:avoid; }
}

/* ===== Atomic Habits v3 refinements ===== */
.blog-atomic-page {
  --atomic:#C96F5B;
  --atomic-dark:#8B4B42;
  --atomic-soft:#eef8f5;
  --atomic-soft-2:#f8fcfb;
  --atomic-ink:#2f2b3f;
  --atomic-sand:#f5f1ec;
}
.blog-atomic-page .atomic-hero { background:linear-gradient(145deg,#f2f8f6 0%,#fff 56%,#f5f0ff 100%); }
.blog-atomic-page .blog-prose > section { border-top:1px solid rgba(42,39,78,.12); }

.atomic-hero-visual--minimal {
  min-height:250px;
  border:1px solid rgba(42,39,78,.08);
  border-radius:24px;
  background:radial-gradient(circle at 50% 50%, rgba(218,151,137,.16), transparent 44%), linear-gradient(145deg,#fff,#f7fbfa);
  box-shadow:0 20px 40px rgba(42,39,78,.06);
  display:grid;
  place-items:center;
}
.atomic-minimal-art {
  position:relative;
  width:min(290px,100%);
  aspect-ratio:1/1;
}
.atomic-minimal-orbit,
.atomic-minimal-node,
.atomic-minimal-path,
.atomic-minimal-dot { position:absolute; display:block; }
.atomic-minimal-orbit {
  inset:auto;
  border:1px solid rgba(201,111,91,.18);
  border-radius:50%;
}
.atomic-minimal-orbit--1 { inset:18% 18%; }
.atomic-minimal-orbit--2 { inset:7% 7%; border-style:dashed; opacity:.55; }
.atomic-minimal-node {
  width:18px; height:18px; border-radius:50%;
  background:linear-gradient(180deg,#E3A497,#C96F5B);
  box-shadow:0 8px 20px rgba(201,111,91,.25);
}
.atomic-minimal-node--1 { left:14%; bottom:26%; }
.atomic-minimal-node--2 { left:47%; top:34%; width:22px; height:22px; }
.atomic-minimal-node--3 { right:15%; top:18%; }
.atomic-minimal-path {
  left:18%; right:18%; top:50%; height:2px;
  background:linear-gradient(90deg, rgba(201,111,91,.18), rgba(201,111,91,.85));
  transform:rotate(-30deg);
  transform-origin:center;
}
.atomic-minimal-dot { width:6px; height:6px; border-radius:50%; background:#c7ded8; }
.atomic-minimal-dot--1 { left:28%; top:30%; }
.atomic-minimal-dot--2 { right:32%; top:56%; }
.atomic-minimal-dot--3 { left:62%; bottom:20%; }

.atomic-thesis-list { padding-left:18px!important; }
.atomic-thesis-list > li { padding-left:2px; }
.atomic-thesis-list ul { display:none; }

.atomic-compare--stackable {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.atomic-compare--stackable article {
  padding:18px 18px 17px;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(42,39,78,.04);
}
.atomic-compare--stackable article > span {
  display:inline-block;
  padding:5px 8px;
  border-radius:999px;
  background:#f4f4f8;
}
.atomic-compare--stackable article.is-best > span { background:#F4D8D1; }

.atomic-table th,
.atomic-table td { text-align:center; vertical-align:middle; }
.atomic-table td:last-child { font-weight:700; }

.atomic-ladder > div,
.atomic-formula,
.atomic-examples p,
.atomic-friction-grid article,
.atomic-learning-grid article,
.atomic-levels article,
.atomic-return > div,
.atomic-pacte article,
.atomic-sources article,
.atomic-week article {
  box-shadow:0 12px 28px rgba(42,39,78,.04);
}

.atomic-formula {
  background:linear-gradient(145deg,#2f3145,#3c3752);
  border:none;
  box-shadow:0 16px 34px rgba(35,34,53,.16);
}
.atomic-formula span {
  background:rgba(201,111,91,.14);
  color:#d1ebe6!important;
}
.atomic-formula strong { color:#f7fbfa!important; }
.atomic-examples {
  width:min(100%,720px);
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:16px auto 30px;
}
.atomic-examples p {
  grid-template-columns:1fr auto 1fr;
  margin:0!important;
  padding:13px 14px;
  border:1px solid rgba(42,39,78,.08);
  border-radius:12px;
  background:#fff;
}
.atomic-examples b,
.atomic-examples i { display:block; }
.atomic-examples i { color:#56626a; font-style:normal; }
.atomic-examples span { font-weight:800; }

.atomic-friction-grid {
  gap:14px;
}
.atomic-friction-grid article {
  padding:16px 16px 14px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fbfdfc);
}
.atomic-friction-grid article:first-child { background:linear-gradient(145deg,#FFF8F6,#fff); }
.atomic-friction-grid ul {
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  padding-left:0!important;
  list-style:none;
}
.atomic-friction-grid li {
  margin:0!important;
  padding:8px 10px;
  border-radius:10px;
  background:#f7f9fb;
}
.atomic-friction-grid article:first-child li { background:#FCF2EF; }
.atomic-friction-grid li::before {
  content:"•";
  color:var(--atomic);
  font-weight:900;
  margin-right:8px;
}

.atomic-learning-grid {
  gap:14px;
}
.atomic-learning-grid article {
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfd 100%);
  padding:50px 18px 18px;
}
.atomic-learning-grid article > span {
  width:28px; height:28px;
  border-radius:10px;
  top:16px; left:16px;
  background:linear-gradient(180deg,#dff0eb,#c4e3dc);
  font-size:10px;
}
.atomic-study-notes {
  margin:18px 0 0;
  padding:16px 18px;
  border-radius:14px;
  background:#faf9ff;
  border:1px solid rgba(108,99,255,.12);
  font-family:Inter,Arial,sans-serif;
}
.atomic-study-notes > span {
  display:block;
  color:#5246c7;
  font-size:8px;
  font-weight:850;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.atomic-study-notes ul { margin:10px 0 0!important; padding-left:18px!important; }
.atomic-study-notes li { margin:5px 0!important; font-size:10px!important; color:#5c5868!important; }

.atomic-levels article {
  border-radius:16px;
  padding:18px;
}
.atomic-levels article > span {
  display:inline-block;
  padding:5px 9px;
  border-radius:999px;
  background:#f5f7fa;
}
.atomic-levels article.is-normal > span { background:#dff0eb; }
.atomic-levels article > strong { margin-top:11px; }

.atomic-return {
  gap:10px;
}
.atomic-return > div {
  min-height:122px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  border-radius:18px;
}
.atomic-return > div.is-best {
  background:linear-gradient(145deg,#eef8f5,#fbfffe);
}
.atomic-return > i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#f0f4f6;
  color:#6b7d83;
}

.atomic-pacte {
  grid-template-columns:1fr;
  gap:11px;
}
.atomic-pacte article {
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fbfdfd);
  align-items:flex-start;
}
.atomic-pacte b {
  width:42px; height:42px;
  border-radius:14px;
  background:linear-gradient(180deg,#e0f0eb,#c7e4dc);
}

.atomic-week {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.atomic-week article {
  min-height:0;
  display:grid;
  gap:6px;
  padding:15px 16px;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fcfdfd);
}
.atomic-week article span {
  display:inline-block;
  width:max-content;
  padding:5px 8px;
  border-radius:999px;
  background:#FCF2EF;
}
.atomic-week article:last-child {
  grid-column:1/-1;
  background:linear-gradient(145deg,#f6f0ff,#fff);
}
.atomic-final-principle {
  background:linear-gradient(145deg,#2f3145,#3c3752);
  box-shadow:0 18px 40px rgba(35,34,53,.18);
}
.atomic-final-principle span { color:#c6ebe5; }
.atomic-final-principle p,
.atomic-final-principle strong { color:#f8f7fb!important; }

.atomic-sources {
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.atomic-sources article {
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(42,39,78,.08);
  background:linear-gradient(145deg,#fff,#fbfbfd);
  position:relative;
  overflow:hidden;
}
.atomic-sources article::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#98cbc0,#5f8f86);
}
.atomic-sources article > span { margin-left:2px; }
.atomic-sources a {
  padding:7px 10px;
  border-radius:999px;
  background:#FCF2EF;
}

.atomic-end {
  margin-top:48px;
  padding:26px 24px;
  border-radius:20px;
  background:linear-gradient(145deg,#f5f7fb,#FCF2EF 48%,#fff);
  border:1px solid rgba(42,39,78,.08);
}
.atomic-end h2 { margin:0 0 10px!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:#8B4B42;
  background:#8B4B42;
  color:#fff;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:#d6e7e2;
  background:#fff;
  color:#8B4B42;
}

@media (max-width:1080px) {
  .atomic-compare--stackable { grid-template-columns:1fr; }
}
@media (max-width:860px) {
  .atomic-examples,
  .atomic-sources,
  .atomic-week { grid-template-columns:1fr; }
  .atomic-week article:last-child { grid-column:auto; }
}
@media (max-width:720px) {
  .atomic-hero-visual--minimal { min-height:210px; }
  .atomic-examples p,
  .atomic-return > div,
  .atomic-learning-grid article,
  .atomic-pacte article { text-align:left; }
  .atomic-return { grid-template-columns:1fr; }
  .atomic-return > i {
    transform:rotate(90deg);
    justify-self:center;
    margin:0 auto;
  }
}
@media (max-width:640px) {
  .atomic-examples p { grid-template-columns:1fr; text-align:center; }
  .atomic-examples p > span { display:none; }
  .atomic-table th,
  .atomic-table td { padding:12px 10px; font-size:10px; }
  .atomic-friction-grid li,
  .atomic-return strong,
  .atomic-learning-grid p,
  .atomic-study-notes li,
  .atomic-pacte p,
  .atomic-week p,
  .atomic-sources article > p { font-size:10px!important; }
  .atomic-formula strong { font-size:14px; }
  .atomic-final-principle { padding:18px; }
  .atomic-final-principle p { font-size:12px!important; }
}

/* ===== Atomic Habits v4 — contraste, centrage et responsive ===== */
.blog-atomic-page {
  --atomic:#4f9386;
  --atomic-dark:#2f6f64;
  --atomic-deep:#285f57;
  --atomic-text:#52656a;
  --atomic-muted:#708086;
  --atomic-purple:#7567c8;
  --atomic-lilac:#f3f0fb;
  --atomic-mint:#FCF2EF;
  --atomic-mint-strong:#d9ece6;
  --atomic-cream:#fbfaf7;
}

/* Palette générale : éviter les noirs/gris très foncés dans l'article */
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3 {
  color:var(--atomic-dark)!important;
}
.blog-atomic-page .blog-article-title em { color:var(--atomic-purple)!important; }
.blog-atomic-page .blog-article-lead,
.blog-atomic-page .blog-article-meta,
.blog-atomic-page .blog-prose,
.blog-atomic-page .blog-prose p,
.blog-atomic-page .blog-prose li {
  color:var(--atomic-text)!important;
}
.blog-atomic-page .blog-prose strong { color:var(--atomic-deep); }
.blog-atomic-page .blog-section-eyebrow,
.blog-atomic-page .blog-prose a { color:var(--atomic-purple); }
.blog-atomic-page .atomic-thesis strong,
.blog-atomic-page .atomic-rule strong,
.blog-atomic-page .atomic-learning-grid strong,
.blog-atomic-page .atomic-pacte span,
.blog-atomic-page .atomic-sources strong { color:var(--atomic-deep)!important; }

/* Exceptions sur fonds sombres */
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle p,
.blog-atomic-page .atomic-final-principle strong {
  color:#f7fbfa!important;
}

/* 01 — système : cartes centrées et claires */
.atomic-compare--stackable {
  align-items:stretch;
  gap:14px;
}
.atomic-compare--stackable article {
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:22px 18px;
  border:1px solid rgba(79,147,134,.13);
  background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
}
.atomic-compare--stackable article:nth-child(2) {
  background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%);
  border-color:rgba(117,103,200,.13);
}
.atomic-compare--stackable article.is-best {
  background:linear-gradient(180deg,#edf8f5 0%,#f9fdfc 100%);
  border-color:rgba(79,147,134,.28);
}
.atomic-compare--stackable article > span {
  margin:0 auto;
  color:var(--atomic-purple)!important;
  background:var(--atomic-lilac);
}
.atomic-compare--stackable article.is-best > span {
  color:var(--atomic-dark)!important;
  background:var(--atomic-mint-strong);
}
.atomic-compare--stackable article > strong {
  margin-top:12px;
  color:var(--atomic-dark)!important;
  text-align:center;
}
.atomic-compare--stackable article > p {
  max-width:28ch;
  margin:9px auto 0!important;
  text-align:center;
  color:var(--atomic-text)!important;
}

/* 02 — tableau */
.atomic-table th,
.atomic-table td {
  text-align:center!important;
  vertical-align:middle!important;
}
.atomic-table th { color:var(--atomic-dark)!important; }
.atomic-table td { color:var(--atomic-text)!important; }
.atomic-table tbody tr:nth-child(even) { background:#fafcfb; }

/* 03 — progression de la consigne */
.atomic-ladder {
  gap:10px;
  align-items:center;
}
.atomic-ladder > div {
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-radius:16px;
  border:1px solid rgba(79,147,134,.13);
  background:linear-gradient(180deg,#fff,#fbfdfc);
}
.atomic-ladder > div:nth-of-type(2) {
  background:linear-gradient(180deg,#fbf9ff,#fff);
  border-color:rgba(117,103,200,.13);
}
.atomic-ladder > div.is-best {
  background:linear-gradient(180deg,#edf8f5,#fbfefd);
  border-color:rgba(79,147,134,.3);
}
.atomic-ladder span {
  display:inline-block;
  padding:5px 9px;
  border-radius:999px;
  color:var(--atomic-purple)!important;
  background:var(--atomic-lilac);
}
.atomic-ladder .is-best span {
  color:var(--atomic-dark)!important;
  background:var(--atomic-mint-strong);
}
.atomic-ladder p {
  margin:9px auto 0!important;
  max-width:27ch;
  text-align:center;
  color:var(--atomic-text)!important;
}
.atomic-ladder > i {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f0f6f4;
  color:var(--atomic-dark)!important;
  font-weight:800;
}

/* 04 — empilement : tout centré */
.atomic-formula { text-align:center; }
.atomic-examples p {
  min-height:92px;
  align-content:center;
  justify-items:center;
  text-align:center;
  background:linear-gradient(180deg,#fff,#fbfdfc);
}
.atomic-examples b,
.atomic-examples i {
  width:100%;
  text-align:center;
}
.atomic-examples b { color:var(--atomic-dark)!important; }
.atomic-examples i { color:var(--atomic-text)!important; }
.atomic-examples span { color:var(--atomic-purple)!important; }

/* 05 — environnement : cartes plus légères et lisibles */
.atomic-friction-grid {
  gap:16px;
}
.atomic-friction-grid article {
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(79,147,134,.14);
  background:linear-gradient(180deg,#f3faf7 0%,#fff 100%);
  box-shadow:0 12px 28px rgba(56,104,95,.05);
}
.atomic-friction-grid article:nth-child(2) {
  border-color:rgba(117,103,200,.14);
  background:linear-gradient(180deg,#f7f4fc 0%,#fff 100%);
}
.atomic-friction-grid article > span {
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto 13px;
  padding:7px 11px;
  border-radius:999px;
  color:var(--atomic-dark)!important;
  background:#F4D8D1;
  text-align:center;
}
.atomic-friction-grid article:nth-child(2) > span {
  color:#6659ae!important;
  background:#ece8f8;
}
.atomic-friction-grid ul {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0!important;
  padding:0!important;
}
.atomic-friction-grid li {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  margin:0!important;
  padding:9px 10px;
  border-radius:12px;
  border:1px solid rgba(79,147,134,.08);
  background:rgba(255,255,255,.82)!important;
  color:var(--atomic-text)!important;
  text-align:center;
  list-style:none;
}
.atomic-friction-grid li::before { display:none; }

/* 06 — apprentissage */
.atomic-learning-grid article {
  border-color:rgba(79,147,134,.12);
  background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
}
.atomic-learning-grid article:nth-child(2) {
  background:linear-gradient(180deg,#faf8ff 0%,#fff 100%);
  border-color:rgba(117,103,200,.13);
}
.atomic-learning-grid h3 { color:var(--atomic-dark)!important; }
.atomic-learning-grid p { color:var(--atomic-text)!important; }
.atomic-study-notes { background:#f7f5fc; }
.atomic-study-notes > span { color:var(--atomic-purple)!important; }
.atomic-study-notes li { color:var(--atomic-text)!important; }

/* 07 — versions : centrage complet */
.atomic-levels article {
  min-height:178px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.atomic-levels article > span {
  margin:0 auto;
  text-align:center;
  color:var(--atomic-purple)!important;
}
.atomic-levels article.is-normal > span { color:var(--atomic-dark)!important; }
.atomic-levels article > strong {
  color:var(--atomic-dark)!important;
  text-align:center;
}
.atomic-levels article > p {
  max-width:28ch;
  margin:10px auto 0!important;
  text-align:center;
  color:var(--atomic-text)!important;
}

/* 08 — retour */
.atomic-return span { color:var(--atomic-purple)!important; }
.atomic-return strong { color:var(--atomic-dark)!important; }
.atomic-return > div { background:linear-gradient(180deg,#fff,#fbfdfc); }
.atomic-return > div.is-best { background:linear-gradient(180deg,#eef8f5,#fff); }

/* 09 — suivi */
.atomic-tracker p { color:var(--atomic-text)!important; }

/* 10 — PACTE */
.atomic-pacte article { border-color:rgba(79,147,134,.12); }
.atomic-pacte b { color:var(--atomic-dark)!important; }
.atomic-pacte span { color:var(--atomic-dark)!important; }
.atomic-pacte p { color:var(--atomic-text)!important; }

/* 11 — semaine : cartes plus distinctes, lisibles et respirantes */
.atomic-week {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.atomic-week article {
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px 14px;
  border-radius:18px;
  border:1px solid rgba(79,147,134,.12);
  background:linear-gradient(180deg,#f2faf7 0%,#fff 100%);
}
.atomic-week article:nth-child(2n) {
  background:linear-gradient(180deg,#f7f4fc 0%,#fff 100%);
  border-color:rgba(117,103,200,.12);
}
.atomic-week article:nth-child(3n) {
  background:linear-gradient(180deg,#fbf8f2 0%,#fff 100%);
  border-color:rgba(176,142,88,.12);
}
.atomic-week article:last-child {
  grid-column:auto;
  background:linear-gradient(180deg,#eef8f5 0%,#fff 100%);
}
.atomic-week span {
  margin:0 auto;
  color:var(--atomic-dark)!important;
  background:#F4D8D1;
}
.atomic-week strong { color:var(--atomic-purple)!important; }
.atomic-week p {
  max-width:25ch;
  margin:8px auto 0!important;
  text-align:center;
  color:var(--atomic-text)!important;
}
.atomic-final-principle {
  background:linear-gradient(135deg,#426f67 0%,#5f6c91 100%);
}
.atomic-final-principle span { color:#e0f4ef!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:#fff!important; }

/* Références */
.atomic-sources article {
  border-color:rgba(79,147,134,.12);
  background:linear-gradient(180deg,#fff,#fbfdfc);
}
.atomic-sources article:nth-child(even) {
  background:linear-gradient(180deg,#fbf9ff,#fff);
  border-color:rgba(117,103,200,.12);
}
.atomic-sources article > span { color:var(--atomic-purple)!important; }
.atomic-sources article > strong { color:var(--atomic-dark)!important; }
.atomic-sources article > p { color:var(--atomic-text)!important; }
.atomic-sources a {
  color:var(--atomic-dark)!important;
  background:var(--atomic-mint);
}

/* Ressources vidéo */
.atomic-video-resources {
  margin:26px 0 4px;
  padding-top:22px;
  border-top:1px solid rgba(42,39,78,.10);
}
.atomic-video-resources-head {
  margin-bottom:14px;
  text-align:left;
}
.atomic-video-resources-head > span {
  display:block;
  color:var(--atomic-purple)!important;
  font:850 8px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.blog-prose .atomic-video-resources-head h3 {
  margin:7px 0 0!important;
  color:var(--atomic-dark)!important;
  font-size:20px!important;
}
.atomic-video-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.atomic-video-card {
  overflow:hidden;
  border:1px solid rgba(79,147,134,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(42,39,78,.045);
}
.atomic-video-card:nth-child(2) { border-color:rgba(117,103,200,.13); }
.atomic-video-frame {
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#edf5f3;
}
.atomic-video-frame iframe {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.atomic-video-copy {
  display:grid;
  gap:7px;
  padding:14px 15px 16px;
}
.atomic-video-copy > span {
  width:max-content;
  padding:4px 7px;
  border-radius:999px;
  background:var(--atomic-lilac);
  color:var(--atomic-purple)!important;
  font:850 7px/1 Inter,Arial,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.atomic-video-copy > strong {
  color:var(--atomic-dark)!important;
  font:600 14px/1.35 Georgia,"Times New Roman",serif;
}
.atomic-video-copy > a {
  width:max-content;
  color:var(--atomic-dark)!important;
  font:800 8px/1.2 Inter,Arial,sans-serif;
  text-decoration:none;
}

/* CTA de fin : contraste explicite */
.atomic-end {
  background:linear-gradient(135deg,#eef8f5 0%,#f4f1fb 100%)!important;
  border:1px solid rgba(79,147,134,.16)!important;
  box-shadow:0 16px 36px rgba(55,92,85,.07)!important;
}
.atomic-end h2 {
  color:var(--atomic-dark)!important;
}
.atomic-end p {
  color:var(--atomic-text)!important;
}
.atomic-end .blog-end-actions a:first-child {
  border-color:var(--atomic-dark)!important;
  background:var(--atomic-dark)!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:rgba(79,147,134,.28)!important;
  background:#fff!important;
  color:var(--atomic-dark)!important;
}

@media (max-width:920px) {
  .atomic-week { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .atomic-compare--stackable,
  .atomic-levels,
  .atomic-video-grid { grid-template-columns:1fr!important; }
  .atomic-compare--stackable article,
  .atomic-levels article {
    min-height:0;
    padding:18px 16px;
  }
  .atomic-ladder {
    grid-template-columns:1fr;
  }
  .atomic-ladder > i {
    transform:rotate(90deg);
    justify-self:center;
    margin:0 auto;
  }
  .atomic-friction-grid { grid-template-columns:1fr; }
  .atomic-friction-grid ul { grid-template-columns:1fr; }
  .atomic-week { grid-template-columns:1fr; }
  .atomic-week article { min-height:0; padding:16px 14px; }
}
@media (max-width:560px) {
  .atomic-examples p { text-align:center!important; }
  .atomic-return > div { text-align:center!important; }
  .atomic-friction-grid article { padding:15px; }
  .atomic-friction-grid article > span { width:100%; }
  .atomic-video-resources-head { text-align:center; }
  .atomic-video-resources-head > span { text-align:center; }
}

/* ===== Atomic Habits v5 — retour au noir + palette Philosophal ===== */
.blog-atomic-page {
  --atomic:#6c63ff;
  --atomic-dark:#5148cf;
  --atomic-deep:#20202b;
  --atomic-text:#50505c;
  --atomic-muted:#777482;
  --atomic-purple:#6c63ff;
  --atomic-lilac:#f1efff;
  --atomic-mint:#f6f5ff;
  --atomic-mint-strong:#e8e5ff;
  --atomic-cream:#fbf8f2;
}

/* Retour à une hiérarchie typographique normale : titres et gras en noir. */
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3,
.blog-atomic-page .blog-prose strong,
.blog-atomic-page .blog-article-lead strong,
.blog-atomic-page .atomic-thesis strong,
.blog-atomic-page .atomic-rule strong,
.blog-atomic-page .atomic-learning-grid strong,
.blog-atomic-page .atomic-pacte span,
.blog-atomic-page .atomic-sources strong,
.blog-atomic-page .atomic-compare--stackable article > strong,
.blog-atomic-page .atomic-levels article > strong,
.blog-atomic-page .atomic-return strong,
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle strong {
  color:var(--blog-ink)!important;
}
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3 { color:var(--blog-ink)!important; }
.blog-atomic-page .blog-article-title em,
.blog-atomic-page .blog-section-eyebrow,
.blog-atomic-page .blog-prose a { color:var(--blog-warm)!important; }
.blog-atomic-page .blog-prose,
.blog-atomic-page .blog-prose p,
.blog-atomic-page .blog-prose li,
.blog-atomic-page .blog-article-lead,
.blog-atomic-page .blog-article-meta { color:#50505c!important; }

/* Encadrés : plus aucun fond sombre dans cet article. */
.atomic-formula {
  border:1px solid rgba(108,99,255,.18)!important;
  background:linear-gradient(145deg,#f0eeff,#fbfaff)!important;
  box-shadow:0 12px 28px rgba(108,99,255,.07)!important;
}
.atomic-formula span {
  color:var(--blog-warm-dark)!important;
  background:#e5e2ff!important;
}
.atomic-formula strong { color:var(--blog-ink)!important; }

.atomic-final-principle {
  border:1px solid rgba(108,99,255,.16)!important;
  background:linear-gradient(135deg,#f2f0ff 0%,#fbfaf7 100%)!important;
  box-shadow:0 14px 32px rgba(65,59,130,.06)!important;
}
.atomic-final-principle span { color:var(--blog-warm-dark)!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:var(--blog-ink)!important; }

/* 01 — système : violet / neutre, sans vert. */
.atomic-compare--stackable article {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff 0%,#fdfdff 100%)!important;
}
.atomic-compare--stackable article:nth-child(2) {
  border-color:rgba(108,99,255,.14)!important;
  background:linear-gradient(180deg,#f7f5ff 0%,#fff 100%)!important;
}
.atomic-compare--stackable article.is-best {
  border-color:rgba(108,99,255,.25)!important;
  background:linear-gradient(180deg,#efedff 0%,#faf9ff 100%)!important;
}
.atomic-compare--stackable article > span,
.atomic-compare--stackable article.is-best > span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-compare--stackable article > p { color:#555461!important; }

/* 02 */
.atomic-table th {
  color:var(--blog-ink)!important;
  background:#f2f0ff!important;
}
.atomic-table td { color:#50505c!important; }
.atomic-table tbody tr:nth-child(even) { background:#fbfaff!important; }

/* 03 — progression plus proche de l'identité du site. */
.atomic-ladder > div {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff,#fdfdff)!important;
}
.atomic-ladder > div:nth-of-type(2) {
  border-color:rgba(108,99,255,.15)!important;
  background:linear-gradient(180deg,#f7f5ff,#fff)!important;
}
.atomic-ladder > div.is-best {
  border-color:rgba(108,99,255,.25)!important;
  background:linear-gradient(180deg,#efedff,#faf9ff)!important;
}
.atomic-ladder span,
.atomic-ladder .is-best span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-ladder p { color:#555461!important; }
.atomic-ladder > i {
  color:var(--blog-warm-dark)!important;
  background:#f0eeff!important;
}

/* 04 */
.atomic-examples p {
  border-color:rgba(108,99,255,.10)!important;
  background:linear-gradient(180deg,#fff,#fbfaff)!important;
}
.atomic-examples b { color:var(--blog-ink)!important; }
.atomic-examples i { color:#555461!important; }
.atomic-examples span { color:var(--blog-warm)!important; }

/* 05 — environnement : cartes légères sans vert. */
.atomic-friction-grid article {
  border-color:rgba(108,99,255,.14)!important;
  background:linear-gradient(180deg,#f6f4ff 0%,#fff 100%)!important;
  box-shadow:0 12px 28px rgba(65,59,130,.05)!important;
}
.atomic-friction-grid article:nth-child(2) {
  border-color:rgba(163,126,80,.13)!important;
  background:linear-gradient(180deg,#fbf7f1 0%,#fff 100%)!important;
}
.atomic-friction-grid article > span {
  color:var(--blog-warm-dark)!important;
  background:#e9e6ff!important;
}
.atomic-friction-grid article:nth-child(2) > span {
  color:#795f42!important;
  background:#f2e9dc!important;
}
.atomic-friction-grid li {
  border-color:rgba(108,99,255,.07)!important;
  background:rgba(255,255,255,.9)!important;
  color:#50505c!important;
}

/* 06 */
.atomic-learning-grid article {
  border-color:rgba(108,99,255,.12)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)!important;
}
.atomic-learning-grid article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#f6f4ff 0%,#fff 100%)!important;
}
.atomic-learning-grid article:nth-child(3) {
  border-color:rgba(163,126,80,.12)!important;
  background:linear-gradient(180deg,#fbf7f1 0%,#fff 100%)!important;
}
.atomic-learning-grid article > span {
  color:var(--blog-warm-dark)!important;
  background:linear-gradient(180deg,#ebe8ff,#dedaff)!important;
}
.atomic-learning-grid h3 { color:var(--blog-ink)!important; }
.atomic-learning-grid p { color:#50505c!important; }
.atomic-study-notes {
  border-color:rgba(108,99,255,.14)!important;
  background:#f7f5ff!important;
}
.atomic-study-notes > span { color:var(--blog-warm-dark)!important; }
.atomic-study-notes li { color:#555461!important; }

/* 07 */
.atomic-levels article {
  border-color:rgba(42,39,78,.10)!important;
  background:#fff!important;
}
.atomic-levels article:nth-child(1) { background:linear-gradient(180deg,#fbfaf7,#fff)!important; }
.atomic-levels article.is-normal {
  border-color:rgba(108,99,255,.23)!important;
  background:linear-gradient(180deg,#efedff,#faf9ff)!important;
}
.atomic-levels article:nth-child(3) { background:linear-gradient(180deg,#f7f5ff,#fff)!important; }
.atomic-levels article > span,
.atomic-levels article.is-normal > span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-levels article > p { color:#555461!important; }

/* 08 */
.atomic-return span { color:var(--blog-warm-dark)!important; }
.atomic-return strong { color:var(--blog-ink)!important; }
.atomic-return > div {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff,#fdfdff)!important;
}
.atomic-return > div.is-best {
  border-color:rgba(108,99,255,.23)!important;
  background:linear-gradient(180deg,#efedff,#faf9ff)!important;
}
.atomic-return > i {
  color:var(--blog-warm-dark)!important;
  background:#eeecff!important;
}

/* 09 */
.atomic-tracker span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}

/* 10 */
.atomic-pacte article {
  border-color:rgba(108,99,255,.11)!important;
  background:linear-gradient(145deg,#fff,#fbfaff)!important;
}
.atomic-pacte b {
  color:var(--blog-warm-dark)!important;
  background:linear-gradient(180deg,#ece9ff,#dfdcff)!important;
}
.atomic-pacte span { color:var(--blog-ink)!important; }
.atomic-pacte p { color:#555461!important; }

/* 11 — semaine : violet + neutres chauds, sans vert. */
.atomic-week article {
  border-color:rgba(108,99,255,.12)!important;
  background:linear-gradient(180deg,#f6f4ff 0%,#fff 100%)!important;
}
.atomic-week article:nth-child(2n) {
  border-color:rgba(163,126,80,.11)!important;
  background:linear-gradient(180deg,#fbf7f1 0%,#fff 100%)!important;
}
.atomic-week article:nth-child(3n) {
  border-color:rgba(42,39,78,.09)!important;
  background:linear-gradient(180deg,#f9f9fc 0%,#fff 100%)!important;
}
.atomic-week article:last-child {
  border-color:rgba(108,99,255,.18)!important;
  background:linear-gradient(180deg,#efedff 0%,#fff 100%)!important;
}
.atomic-week span {
  color:var(--blog-warm-dark)!important;
  background:#ebe8ff!important;
}
.atomic-week strong { color:var(--blog-ink)!important; }
.atomic-week p { color:#555461!important; }

/* Références + vidéos */
.atomic-sources article {
  border-color:rgba(108,99,255,.11)!important;
  background:linear-gradient(180deg,#fff,#fbfaff)!important;
}
.atomic-sources article:nth-child(even) {
  border-color:rgba(163,126,80,.10)!important;
  background:linear-gradient(180deg,#fbf8f3,#fff)!important;
}
.atomic-sources article::before {
  background:linear-gradient(180deg,#8a82ff,#6c63ff)!important;
}
.atomic-sources article > span { color:var(--blog-warm-dark)!important; }
.atomic-sources article > strong { color:var(--blog-ink)!important; }
.atomic-sources article > p { color:#555461!important; }
.atomic-sources a {
  color:var(--blog-warm-dark)!important;
  background:#efedff!important;
}
.atomic-video-resources-head > span { color:var(--blog-warm-dark)!important; }
.blog-prose .atomic-video-resources-head h3 { color:var(--blog-ink)!important; }
.atomic-video-card { border-color:rgba(108,99,255,.12)!important; }
.atomic-video-frame { background:#f0eeff!important; }
.atomic-video-copy > span {
  color:var(--blog-warm-dark)!important;
  background:#efedff!important;
}
.atomic-video-copy > strong { color:var(--blog-ink)!important; }
.atomic-video-copy > a { color:var(--blog-warm-dark)!important; }

/* CTA : fond clair, texte noir, action principale violette. */
.atomic-end {
  background:linear-gradient(135deg,#f1efff 0%,#fbfaf7 100%)!important;
  border:1px solid rgba(108,99,255,.16)!important;
  box-shadow:0 16px 36px rgba(65,59,130,.07)!important;
}
.atomic-end h2,
.atomic-end p { color:var(--blog-ink)!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:var(--blog-warm)!important;
  background:var(--blog-warm)!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:rgba(108,99,255,.24)!important;
  background:#fff!important;
  color:var(--blog-warm-dark)!important;
}

/* ===== Blog v8 — palette Méthodologie : corail poudré / terracotta, sans vert ===== */
:root {
  --method-gold:#C96F5B;
  --method-gold-dark:#8B4B42;
  --method-gold-soft:#FCF2EF;
  --method-gold-soft-strong:#F4D8D1;
  --method-gold-border:#E8C1B8;
  --method-gold-rgb:201,111,91;
}

/* Index du blog : la catégorie Méthodologie a désormais sa couleur propre. */
.blog-card--method,
.blog-card--atomic {
  --card-accent:var(--method-gold-rgb)!important;
}
.blog-type-chip--method { --chip:var(--method-gold-rgb)!important; }
.blog-card-topic--methodologie {
  background:rgba(var(--method-gold-rgb),.11)!important;
  color:var(--method-gold-dark)!important;
  border-color:rgba(var(--method-gold-rgb),.18)!important;
}
.blog-index-filters [data-blog-filter="methodologie"] {
  border-color:rgba(var(--method-gold-rgb),.26)!important;
  color:var(--method-gold-dark)!important;
}
.blog-index-filters [data-blog-filter="methodologie"]:hover,
.blog-index-filters [data-blog-filter="methodologie"].is-active {
  border-color:var(--method-gold)!important;
  background:var(--method-gold-soft)!important;
  color:var(--method-gold-dark)!important;
}
.blog-card--method .blog-card-number,
.blog-card--method .blog-card-read,
.blog-card--atomic .blog-card-number,
.blog-card--atomic .blog-card-read {
  color:var(--method-gold-dark)!important;
}
.blog-card--method .blog-card-read i,
.blog-card--atomic .blog-card-read i {
  background:rgba(var(--method-gold-rgb),.11)!important;
}

/* Article Atomic Habits : violet = identité Philosophal ; corail = méthodologie. */
.blog-atomic-page {
  --atomic:var(--method-gold);
  --atomic-dark:var(--method-gold-dark);
  --atomic-deep:#20202b;
  --atomic-text:#50505c;
  --atomic-muted:#777482;
  --atomic-purple:#6C63FF;
  --atomic-lilac:#F1EFFF;
  --atomic-mint:var(--method-gold-soft);
  --atomic-mint-strong:var(--method-gold-soft-strong);
  --atomic-cream:#FFFDF8;
}
.blog-atomic-page .atomic-hero {
  background:linear-gradient(145deg,#FDF3F0 0%,#fff 58%,#F4F2FF 100%)!important;
}
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3,
.blog-atomic-page .blog-prose strong,
.blog-atomic-page .blog-article-lead strong,
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle strong {
  color:var(--blog-ink)!important;
}
.blog-atomic-page .blog-article-title em,
.blog-atomic-page .blog-article-kicker,
.blog-atomic-page .blog-section-eyebrow {
  color:var(--method-gold-dark)!important;
}
.blog-atomic-page .blog-prose a { color:var(--blog-warm-dark)!important; }

/* Visuel symbolique du hero : corail + violet uniquement. */
.atomic-hero-visual--minimal {
  border-color:rgba(var(--method-gold-rgb),.16)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--method-gold-rgb),.13),transparent 44%),
    linear-gradient(145deg,#FFFDFC,#F7F4FF)!important;
  box-shadow:0 20px 40px rgba(116,70,61,.06)!important;
}
.atomic-minimal-orbit { border-color:rgba(var(--method-gold-rgb),.24)!important; }
.atomic-minimal-orbit--2 { border-color:rgba(108,99,255,.20)!important; }
.atomic-minimal-node {
  background:linear-gradient(180deg,#DC8A77,var(--method-gold))!important;
  box-shadow:0 8px 20px rgba(var(--method-gold-rgb),.23)!important;
}
.atomic-minimal-node--2 { background:linear-gradient(180deg,#8C84FF,#6C63FF)!important; }
.atomic-minimal-path {
  background:linear-gradient(90deg,rgba(var(--method-gold-rgb),.18),rgba(var(--method-gold-rgb),.88))!important;
}
.atomic-minimal-dot { background:#E7B5A9!important; }
.atomic-minimal-dot--2 { background:#B8B3FF!important; }

/* Introduction / idée directrice. */
.atomic-thesis {
  border-color:rgba(var(--method-gold-rgb),.22)!important;
  background:linear-gradient(145deg,var(--method-gold-soft),#fff)!important;
}
.atomic-thesis > span { color:var(--method-gold-dark)!important; }
.atomic-thesis-list > li::marker { color:var(--method-gold)!important; }
.atomic-inspiration {
  border-left-color:rgba(108,99,255,.38)!important;
  background:#FAF9FF!important;
}

/* 01 — Système : neutre → violet → méthodologie corail. */
.atomic-compare--stackable article {
  border-color:rgba(42,39,78,.10)!important;
  background:linear-gradient(180deg,#fff,#FDFDFF)!important;
}
.atomic-compare--stackable article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F6F4FF,#fff)!important;
}
.atomic-compare--stackable article.is-best {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#FFFDFC)!important;
}
.atomic-compare--stackable article > span {
  color:var(--blog-warm-dark)!important;
  background:#ECE9FF!important;
}
.atomic-compare--stackable article.is-best > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}

/* 02 — Démarrage. */
.atomic-table th {
  color:var(--blog-ink)!important;
  background:var(--method-gold-soft)!important;
}
.atomic-table tbody tr:nth-child(even) { background:#FFFDFC!important; }
.atomic-rule {
  border-left-color:var(--method-gold)!important;
  background:#FDF6F3!important;
}
.atomic-rule > strong { color:var(--method-gold-dark)!important; }

/* 03 — précision. */
.atomic-ladder > div {
  border-color:rgba(42,39,78,.10)!important;
  background:#fff!important;
}
.atomic-ladder > div:nth-of-type(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F7F5FF,#fff)!important;
}
.atomic-ladder > div.is-best {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-ladder span {
  color:var(--blog-warm-dark)!important;
  background:#ECE9FF!important;
}
.atomic-ladder .is-best span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-ladder > i {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}

/* 04 — empilement. */
.atomic-formula {
  border-color:rgba(var(--method-gold-rgb),.25)!important;
  background:linear-gradient(145deg,var(--method-gold-soft),#FFFDFC)!important;
  box-shadow:0 12px 28px rgba(130,76,65,.07)!important;
}
.atomic-formula span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-examples p {
  border-color:rgba(var(--method-gold-rgb),.12)!important;
  background:linear-gradient(180deg,#fff,#FFFDFC)!important;
}
.atomic-examples span { color:var(--method-gold)!important; }

/* 05 — environnement : corail pour faciliter, violet pour la distraction. */
.atomic-friction-grid article {
  border-color:rgba(var(--method-gold-rgb),.20)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
  box-shadow:0 12px 28px rgba(130,76,65,.05)!important;
}
.atomic-friction-grid article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F6F4FF,#fff)!important;
}
.atomic-friction-grid article > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-friction-grid article:nth-child(2) > span {
  color:var(--blog-warm-dark)!important;
  background:#EDEAFF!important;
}
.atomic-friction-grid li {
  border-color:rgba(var(--method-gold-rgb),.08)!important;
  background:rgba(255,255,255,.90)!important;
}

/* 06 — apprentissage. */
.atomic-learning-grid article:nth-child(1) {
  border-color:rgba(var(--method-gold-rgb),.18)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-learning-grid article:nth-child(2) {
  border-color:rgba(108,99,255,.16)!important;
  background:linear-gradient(180deg,#F6F4FF,#fff)!important;
}
.atomic-learning-grid article:nth-child(3) {
  border-color:rgba(var(--method-gold-rgb),.13)!important;
  background:linear-gradient(180deg,#FDF5F2,#fff)!important;
}
.atomic-learning-grid article > span {
  color:var(--method-gold-dark)!important;
  background:linear-gradient(180deg,#F6DDD7,var(--method-gold-soft-strong))!important;
}
.atomic-learning-grid article:nth-child(2) > span {
  color:var(--blog-warm-dark)!important;
  background:linear-gradient(180deg,#EFEDFF,#DFDCFF)!important;
}
.atomic-study-notes {
  border-color:rgba(108,99,255,.14)!important;
  background:#F8F6FF!important;
}

/* 07 — trois niveaux : la version normale devient le repère méthodologique corail. */
.atomic-levels article { border-color:rgba(42,39,78,.10)!important; background:#fff!important; }
.atomic-levels article:nth-child(1) { background:linear-gradient(180deg,#FBFAF7,#fff)!important; }
.atomic-levels article.is-normal {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-levels article:nth-child(3) {
  border-color:rgba(108,99,255,.15)!important;
  background:linear-gradient(180deg,#F7F5FF,#fff)!important;
}
.atomic-levels article > span { color:var(--blog-warm-dark)!important; background:#ECE9FF!important; }
.atomic-levels article.is-normal > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}

/* 08 — retour utile. */
.atomic-return > div { border-color:rgba(42,39,78,.10)!important; background:#fff!important; }
.atomic-return > div.is-best {
  border-color:rgba(var(--method-gold-rgb),.28)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-return span { color:var(--method-gold-dark)!important; }
.atomic-return > div:first-child span { color:var(--blog-warm-dark)!important; }
.atomic-return > i {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}

/* 09 — suivi. */
.atomic-tracker span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}

/* 10 — PACTE. */
.atomic-pacte article {
  border-color:rgba(var(--method-gold-rgb),.14)!important;
  background:linear-gradient(145deg,#fff,#FFFDF8)!important;
}
.atomic-pacte b {
  color:var(--method-gold-dark)!important;
  background:linear-gradient(180deg,#F5DAD4,var(--method-gold-soft-strong))!important;
}

/* 11 — semaine : crème, violet léger et neutres ; aucun vert. */
.atomic-week article {
  border-color:rgba(var(--method-gold-rgb),.17)!important;
  background:linear-gradient(180deg,var(--method-gold-soft),#fff)!important;
}
.atomic-week article:nth-child(2n) {
  border-color:rgba(108,99,255,.13)!important;
  background:linear-gradient(180deg,#F7F5FF,#fff)!important;
}
.atomic-week article:nth-child(3n) {
  border-color:rgba(42,39,78,.09)!important;
  background:linear-gradient(180deg,#FAFAFC,#fff)!important;
}
.atomic-week article:last-child {
  border-color:rgba(var(--method-gold-rgb),.24)!important;
  background:linear-gradient(180deg,#F8DED7,#fff)!important;
}
.atomic-week span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft-strong)!important;
}
.atomic-week article:nth-child(2n) span {
  color:var(--blog-warm-dark)!important;
  background:#ECE9FF!important;
}
.atomic-week strong { color:var(--blog-ink)!important; }
.atomic-final-principle {
  border-color:rgba(var(--method-gold-rgb),.22)!important;
  background:linear-gradient(135deg,var(--method-gold-soft) 0%,#F6F3FF 100%)!important;
  box-shadow:0 14px 32px rgba(126,73,62,.06)!important;
}
.atomic-final-principle span { color:var(--method-gold-dark)!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:var(--blog-ink)!important; }

/* Références et vidéos : corail méthodologie, violet secondaire. */
.atomic-sources article {
  border-color:rgba(var(--method-gold-rgb),.15)!important;
  background:linear-gradient(180deg,#fff,#FFFDFC)!important;
}
.atomic-sources article:nth-child(even) {
  border-color:rgba(108,99,255,.12)!important;
  background:linear-gradient(180deg,#FAF9FF,#fff)!important;
}
.atomic-sources article::before {
  background:linear-gradient(180deg,#DA806C,var(--method-gold))!important;
}
.atomic-sources article:nth-child(even)::before {
  background:linear-gradient(180deg,#8B83FF,#6C63FF)!important;
}
.atomic-sources article > span { color:var(--method-gold-dark)!important; }
.atomic-sources a {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}
.atomic-video-resources-head > span { color:var(--method-gold-dark)!important; }
.atomic-video-card { border-color:rgba(var(--method-gold-rgb),.16)!important; }
.atomic-video-card:nth-child(2) { border-color:rgba(108,99,255,.14)!important; }
.atomic-video-frame { background:var(--method-gold-soft)!important; }
.atomic-video-card:nth-child(2) .atomic-video-frame { background:#F1EFFF!important; }
.atomic-video-copy > span {
  color:var(--method-gold-dark)!important;
  background:var(--method-gold-soft)!important;
}
.atomic-video-card:nth-child(2) .atomic-video-copy > span {
  color:var(--blog-warm-dark)!important;
  background:#EFEDFF!important;
}
.atomic-video-copy > a { color:var(--method-gold-dark)!important; }

/* CTA final : clair et méthodologique, sans aplat sombre. */
.atomic-end {
  background:linear-gradient(135deg,var(--method-gold-soft) 0%,#F6F3FF 100%)!important;
  border-color:rgba(var(--method-gold-rgb),.22)!important;
  box-shadow:0 16px 36px rgba(126,73,62,.07)!important;
}
.atomic-end h2,
.atomic-end p { color:var(--blog-ink)!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:var(--method-gold-dark)!important;
  background:var(--method-gold-dark)!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:first-child:hover {
  border-color:#743E36!important;
  background:#743E36!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:rgba(var(--method-gold-rgb),.30)!important;
  background:#fff!important;
  color:var(--method-gold-dark)!important;
}
.atomic-aside a.is-active { color:var(--method-gold-dark)!important; }

/* Hover/focus de catégorie méthodologie. */
.blog-card--method:hover,
.blog-card--atomic:hover {
  border-color:rgba(var(--method-gold-rgb),.36)!important;
  box-shadow:0 28px 68px rgba(126,73,62,.10)!important;
}

@media (max-width:760px) {
  .blog-index-filters [data-blog-filter="methodologie"] { background:#FFFDFC; }
}


/* ===== Blog v9 — Méthodologie en violet améthyste =====
   Philosophal reste #6C63FF ; la méthodologie utilise une teinte violette plus chaude.
   Le texte/gras reste noir ou gris neutre. */
:root {
  --method-gold:#8468D7;
  --method-gold-dark:#5E469E;
  --method-gold-soft:#F3F0FC;
  --method-gold-soft-strong:#DCD3F5;
  --method-gold-border:#C8B9EB;
  --method-gold-rgb:132,104,215;
}

/* Blog index — méthodologie */
.blog-card--method,
.blog-card--atomic {
  --card-accent:132,104,215!important;
}
.blog-type-chip--method { --chip:132,104,215!important; }

.blog-card-topic--methodologie {
  background:#EFEAFB!important;
  color:#5E469E!important;
  border-color:#D4C9F0!important;
}
.blog-index-filters [data-blog-filter="methodologie"] {
  border-color:#C8B9EB!important;
  color:#5E469E!important;
  background:#fff!important;
}
.blog-index-filters [data-blog-filter="methodologie"]:hover,
.blog-index-filters [data-blog-filter="methodologie"].is-active {
  border-color:#8468D7!important;
  background:#F3F0FC!important;
  color:#5E469E!important;
}
.blog-card--method .blog-card-number,
.blog-card--method .blog-card-read,
.blog-card--atomic .blog-card-number,
.blog-card--atomic .blog-card-read {
  color:#5E469E!important;
}
.blog-card--method .blog-card-read i,
.blog-card--atomic .blog-card-read i {
  background:#EFEAFB!important;
}

/* Atomic Habits — palette violette monochromatique */
.blog-atomic-page {
  --atomic:#8468D7!important;
  --atomic-dark:#5E469E!important;
  --atomic-purple:#6C63FF!important;
  --atomic-lilac:#F1EFFF!important;
  --atomic-mint:#F3F0FC!important;
  --atomic-mint-strong:#DCD3F5!important;
  --atomic-cream:#FBFAFE!important;
}
.blog-atomic-page .atomic-hero {
  background:linear-gradient(145deg,#F4F1FD 0%,#fff 58%,#EFEDFF 100%)!important;
}
.blog-atomic-page .blog-article-title,
.blog-atomic-page .blog-article-title strong,
.blog-atomic-page .blog-prose h2,
.blog-atomic-page .blog-prose h3,
.blog-atomic-page .blog-prose strong,
.blog-atomic-page .blog-article-lead strong,
.blog-atomic-page .atomic-formula strong,
.blog-atomic-page .atomic-final-principle strong {
  color:#1F1F2A!important;
}
.blog-atomic-page .blog-article-title em,
.blog-atomic-page .blog-article-kicker,
.blog-atomic-page .blog-section-eyebrow {
  color:#6C63FF!important;
}

/* Visuel symbolique */
.atomic-hero-visual--minimal {
  background:
    radial-gradient(circle at 50% 50%,rgba(132,104,215,.12),transparent 44%),
    linear-gradient(145deg,#fff,#F6F3FD)!important;
  border-color:rgba(132,104,215,.14)!important;
}
.atomic-minimal-orbit { border-color:rgba(132,104,215,.28)!important; }
.atomic-minimal-orbit--2 { border-color:rgba(108,99,255,.22)!important; }
.atomic-minimal-node {
  background:linear-gradient(180deg,#A38FE8,#8468D7)!important;
  box-shadow:0 8px 20px rgba(94,70,158,.18)!important;
}
.atomic-minimal-node--2 { background:linear-gradient(180deg,#8C84FF,#6C63FF)!important; }
.atomic-minimal-path {
  background:linear-gradient(90deg,rgba(132,104,215,.16),rgba(108,99,255,.78))!important;
}
.atomic-minimal-dot { background:#C5B8ED!important; }
.atomic-minimal-dot--2 { background:#AAA2FF!important; }

/* Encadrés et cartes */
.atomic-thesis {
  background:linear-gradient(145deg,#F5F2FC,#fff)!important;
  border-color:#D8CFF2!important;
}
.atomic-thesis > span,
.atomic-rule > strong,
.atomic-return span,
.atomic-sources article > span,
.atomic-video-resources-head > span {
  color:#5E469E!important;
}
.atomic-thesis-list > li::marker { color:#8468D7!important; }

.atomic-inspiration {
  background:#F7F5FC!important;
  border-left-color:#8468D7!important;
}

.atomic-compare--stackable article,
.atomic-ladder > div,
.atomic-friction-grid article,
.atomic-learning-grid article,
.atomic-levels article,
.atomic-return > div,
.atomic-pacte article,
.atomic-week article,
.atomic-sources article,
.atomic-video-card {
  border-color:rgba(94,70,158,.13)!important;
}
.atomic-compare--stackable article:nth-child(2),
.atomic-ladder > div:nth-of-type(2),
.atomic-friction-grid article:nth-child(2),
.atomic-learning-grid article:nth-child(2),
.atomic-week article:nth-child(2n),
.atomic-sources article:nth-child(even) {
  background:#F8F6FD!important;
}
.atomic-compare--stackable article.is-best,
.atomic-ladder > div.is-best,
.atomic-levels article.is-normal,
.atomic-return > div.is-best {
  background:linear-gradient(145deg,#F1EDFB,#fff)!important;
  border-color:#C8B9EB!important;
}
.atomic-compare--stackable article > span,
.atomic-ladder span,
.atomic-levels article > span {
  background:#F0ECFA!important;
  color:#5E469E!important;
}
.atomic-compare--stackable article.is-best > span,
.atomic-ladder .is-best span,
.atomic-levels article.is-normal > span {
  background:#DED5F5!important;
  color:#5E469E!important;
}

/* Tableau / règle */
.atomic-table th {
  background:#F1EDFB!important;
  color:#5E469E!important;
}
.atomic-table tbody tr:nth-child(even) { background:#FAF9FD!important; }
.atomic-rule {
  background:#F6F3FC!important;
  border-left-color:#8468D7!important;
}

/* Formule 04 — clair, lisible, centré */
.atomic-formula {
  background:linear-gradient(145deg,#EEE9FA,#F8F6FD)!important;
  border:1px solid #C8B9EB!important;
  box-shadow:0 12px 28px rgba(94,70,158,.08)!important;
}
.atomic-formula span {
  background:#DCD3F5!important;
  color:#5E469E!important;
}
.atomic-formula strong { color:#1F1F2A!important; }
.atomic-examples p {
  background:#fff!important;
  border-color:#D8CFF2!important;
}
.atomic-examples span { color:#8468D7!important; }

/* 05 — frictions */
.atomic-friction-grid article:first-child {
  background:linear-gradient(145deg,#F5F2FC,#fff)!important;
}
.atomic-friction-grid article:nth-child(2) {
  background:linear-gradient(145deg,#FAF8FE,#fff)!important;
}
.atomic-friction-grid article > span,
.atomic-friction-grid article:nth-child(2) > span {
  color:#5E469E!important;
}
.atomic-friction-grid li {
  background:#F5F2FC!important;
}
.atomic-friction-grid article:nth-child(2) li {
  background:#F8F6FD!important;
}
.atomic-friction-grid li::before { color:#8468D7!important; }

/* 06 — apprentissage */
.atomic-learning-grid article:nth-child(1),
.atomic-learning-grid article:nth-child(2),
.atomic-learning-grid article:nth-child(3) {
  background:linear-gradient(180deg,#fff 0%,#F8F6FD 100%)!important;
}
.atomic-learning-grid article > span,
.atomic-learning-grid article:nth-child(2) > span {
  background:linear-gradient(180deg,#E5DEF7,#D5CAF1)!important;
  color:#5E469E!important;
}
.atomic-study-notes {
  background:#F6F3FC!important;
  border-color:#D8CFF2!important;
}
.atomic-study-notes > span { color:#5E469E!important; }

/* 07 / 08 / 09 / 10 */
.atomic-levels article:nth-child(1) { background:#FAF9FD!important; }
.atomic-levels article:nth-child(3) { background:#F7F5FC!important; }
.atomic-return > i {
  background:#EEEAF8!important;
  color:#5E469E!important;
}
.atomic-tracker span {
  background:#E7E0F7!important;
  color:#5E469E!important;
}
.atomic-pacte b {
  background:linear-gradient(180deg,#E6DFF8,#D4C8F1)!important;
  color:#5E469E!important;
}

/* Semaine */
.atomic-week article {
  background:linear-gradient(145deg,#fff,#FAF9FD)!important;
}
.atomic-week article:nth-child(2n) { background:linear-gradient(145deg,#F7F5FC,#fff)!important; }
.atomic-week article:nth-child(3n) { background:linear-gradient(145deg,#F3F0FC,#fff)!important; }
.atomic-week article:last-child { background:linear-gradient(145deg,#EEE9FA,#fff)!important; }
.atomic-week span,
.atomic-week article:nth-child(2n) span {
  background:#E9E3F8!important;
  color:#5E469E!important;
}

/* À retenir */
.atomic-final-principle {
  background:linear-gradient(145deg,#F0ECFA,#F8F6FD)!important;
  border:1px solid #C8B9EB!important;
  box-shadow:0 14px 30px rgba(94,70,158,.08)!important;
}
.atomic-final-principle span { color:#5E469E!important; }
.atomic-final-principle p,
.atomic-final-principle strong { color:#1F1F2A!important; }

/* Références et vidéos */
.atomic-sources article::before {
  background:linear-gradient(180deg,#8468D7,#6C63FF)!important;
}
.atomic-sources article:nth-child(even)::before {
  background:linear-gradient(180deg,#A18EE8,#8468D7)!important;
}
.atomic-sources a {
  background:#EEE9FA!important;
  color:#5E469E!important;
}
.atomic-video-card { border-color:#D8CFF2!important; }
.atomic-video-card:nth-child(2) { border-color:#CEC6F6!important; }
.atomic-video-frame,
.atomic-video-card:nth-child(2) .atomic-video-frame {
  background:#F0ECFA!important;
}
.atomic-video-copy > span,
.atomic-video-card:nth-child(2) .atomic-video-copy > span {
  background:#EEE9FA!important;
  color:#5E469E!important;
}
.atomic-video-copy > a { color:#5E469E!important; }

/* CTA */
.atomic-end {
  background:linear-gradient(135deg,#F0ECFA 0%,#F8F6FD 58%,#fff 100%)!important;
  border:1px solid #C8B9EB!important;
  box-shadow:0 16px 36px rgba(94,70,158,.08)!important;
}
.atomic-end h2,
.atomic-end p { color:#1F1F2A!important; }
.atomic-end .blog-end-actions a:first-child {
  border-color:#6C63FF!important;
  background:#6C63FF!important;
  color:#fff!important;
}
.atomic-end .blog-end-actions a:first-child:hover {
  border-color:#5E55E6!important;
  background:#5E55E6!important;
}
.atomic-end .blog-end-actions a:last-child {
  border-color:#C8B9EB!important;
  background:#fff!important;
  color:#5E469E!important;
}
.atomic-aside a.is-active { color:#6C63FF!important; }

@media (max-width:640px) {
  .blog-index-filters [data-blog-filter="methodologie"] {
    background:#F8F6FD!important;
  }
}


/* Atomic Habits — séparation des sources dans le plan latéral */
.blog-atomic-page .atomic-aside .thought-aside-sources {
  display:block;
  grid-template-columns:none;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--blog-rule);
}
.blog-atomic-page .atomic-aside .thought-aside-sources::before {
  content:none;
}

/* ===== Méthode Pomodoro — 2026-09-24 ===== */
.blog-pomodoro-page .pomodoro-hero {
  background:linear-gradient(145deg,#F4F1FD 0%,#fff 58%,#F0EDFB 100%)!important;
}
.pomodoro-hero-visual {
  min-height:300px;
  display:grid;
  place-items:center;
  border:1px solid rgba(108,99,255,.14);
  border-radius:32px;
  background:radial-gradient(circle at 50% 50%,rgba(108,99,255,.12),transparent 45%),linear-gradient(145deg,#fff,#F6F3FD);
  overflow:hidden;
  position:relative;
}
.pomodoro-clock {
  width:190px;height:190px;border-radius:50%;position:relative;display:grid;place-items:center;
  background:linear-gradient(145deg,#fff,#F0ECFA);border:9px solid #8468D7;
  box-shadow:0 24px 55px rgba(94,70,158,.16),inset 0 0 0 1px rgba(94,70,158,.08);
}
.pomodoro-clock::before { content:""; position:absolute; top:-24px; width:50px; height:28px; border-radius:14px 14px 6px 6px; background:#5E469E; }
.pomodoro-clock strong { font-size:4.1rem;line-height:1;color:#1F1F2A!important;letter-spacing:-.08em;transform:translateX(-4px); }
.pomodoro-clock small { position:absolute;top:123px;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#6B657C; }
.pomodoro-clock-hand { position:absolute;width:3px;height:67px;background:#6C63FF;border-radius:99px;top:27px;left:50%;transform-origin:50% 67px;transform:rotate(52deg); }
.pomodoro-clock-hand::after { content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#5E469E;bottom:-6px;left:-4.5px; }
.pomodoro-clock-mark { position:absolute;width:3px;height:12px;background:#C8B9EB;border-radius:4px;top:10px;left:50%;transform-origin:0 76px; }
.pomodoro-clock-mark--1{transform:rotate(0deg)}.pomodoro-clock-mark--2{transform:rotate(90deg)}.pomodoro-clock-mark--3{transform:rotate(180deg)}.pomodoro-clock-mark--4{transform:rotate(270deg)}

.pomodoro-quick { margin:0 0 42px;padding:26px 28px;border:1px solid #C8B9EB;border-radius:24px;background:linear-gradient(145deg,#F2EEFB,#fff);box-shadow:0 14px 34px rgba(94,70,158,.07); }
.pomodoro-quick > span { display:block;margin-bottom:15px;color:#5E469E;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.pomodoro-quick-flow { display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:17px; }
.pomodoro-quick-flow b { padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #D8CFF2;font-size:.9rem;color:#1F1F2A!important; }
.pomodoro-quick-flow i { color:#8468D7;font-style:normal;font-weight:800; }
.pomodoro-quick ol { margin:0 0 18px;padding-left:1.25rem; }
.pomodoro-quick li { margin:7px 0; }
.pomodoro-jump { display:inline-flex;padding:10px 14px;border-radius:12px;background:#6C63FF;color:#fff!important;text-decoration:none;font-size:.88rem;font-weight:750; }

.pomodoro-protocol { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0; }
.pomodoro-protocol article { padding:18px;border:1px solid rgba(94,70,158,.13);border-radius:18px;background:#fff; }
.pomodoro-protocol span,.pomodoro-tools > article > span { display:inline-block;margin-bottom:8px;color:#5E469E;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.pomodoro-protocol strong { display:block;margin-bottom:6px;font-size:1rem; }
.pomodoro-protocol p { margin:0!important;font-size:.9rem; }

.pomodoro-rhythm { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0;padding:21px;border:1px solid #DDD5F3;border-radius:20px;background:#FAF9FD; }
.pomodoro-rhythm span { padding:10px 14px;border-radius:999px;font-weight:750;font-size:.88rem; }
.pomodoro-rhythm .is-focus { background:#EAE4F8;color:#5E469E; }
.pomodoro-rhythm .is-break { background:#fff;border:1px solid #DDD5F3;color:#554F64; }
.pomodoro-rhythm i { color:#8468D7;font-style:normal;font-weight:800; }

.pomodoro-plan { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0; }
.pomodoro-plan article { display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:16px;border-radius:17px;border:1px solid rgba(94,70,158,.13);background:#fff; }
.pomodoro-plan b { width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#E8E1F7;color:#5E469E!important; }
.pomodoro-plan strong { display:block;margin:2px 0 4px; }.pomodoro-plan p { margin:0!important;font-size:.89rem; }

.pomodoro-equation { display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:24px 0;padding:20px;border-radius:20px;background:#F6F3FC;border:1px solid #D8CFF2; }
.pomodoro-equation span { padding:8px 11px;border-radius:10px;background:#fff;border:1px solid #D8CFF2;font-weight:700; }
.pomodoro-equation b { color:#8468D7!important; }.pomodoro-equation strong { width:100%;text-align:center;margin-top:3px; }

.pomodoro-curves { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0; }
.pomodoro-curves article { padding:20px;border:1px solid rgba(94,70,158,.14);border-radius:20px;background:#fff; }
.pomodoro-curves article > span { display:block;color:#5E469E;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:15px; }
.pomodoro-curves article > p { margin:13px 0 0!important;font-size:.86rem; }
.curve { height:120px;position:relative;border-left:1px solid #D5CEEA;border-bottom:1px solid #D5CEEA;overflow:hidden; }
.curve::before,.curve::after { content:"";position:absolute;height:3px;border-radius:99px;background:#8468D7;transform-origin:left center; }
.curve--attention::before { width:58%;left:5%;top:23%;transform:rotate(22deg); }
.curve--attention::after { width:38%;left:61%;top:36%;transform:rotate(18deg); }
.curve--memory::before { width:58%;left:5%;top:21%;transform:rotate(30deg); }
.curve--memory::after { width:40%;left:60%;top:41%;transform:rotate(21deg); }
.curve i { position:absolute;left:59%;top:49%;width:2px;height:43px;background:#B9ACE2; }
.curve b,.curve em { position:absolute;font-size:.67rem;font-style:normal;font-weight:700;color:#625B72; }.curve b:first-of-type { left:7%;bottom:7px; }.curve b:last-of-type { right:4%;bottom:7px; }.curve em { left:51%;top:69%;color:#5E469E; }

.pomodoro-do-dont { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0; }
.pomodoro-do-dont article { padding:20px;border-radius:19px;border:1px solid rgba(94,70,158,.13);background:#fff; }
.pomodoro-do-dont article:last-child { background:#FAF9FD; }
.pomodoro-do-dont span { color:#5E469E;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.pomodoro-do-dont ul { margin:12px 0 0;padding-left:1.2rem; }.pomodoro-do-dont li { margin:6px 0; }

.pomodoro-tools { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0; }
.pomodoro-tools article { padding:20px;border:1px solid rgba(94,70,158,.13);border-radius:20px;background:#fff; }
.pomodoro-tools article:nth-child(2n) { background:#F9F7FD; }
.pomodoro-tools article.is-simple { background:linear-gradient(145deg,#F1EDFB,#fff);border-color:#C8B9EB; }
.pomodoro-tools strong { display:block;margin-bottom:7px;font-size:1.02rem; }.pomodoro-tools p { margin:0 0 12px!important;font-size:.9rem; }
.pomodoro-tools a { color:#5E469E!important;font-weight:700;font-size:.82rem;text-decoration:none; }
.pomodoro-phone-warning { display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center;margin:28px 0;padding:24px;border-radius:22px;background:#F2EEFB;border:1px solid #C8B9EB; }
.pomodoro-phone-warning > div:last-child > span { color:#5E469E;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.pomodoro-phone-warning h3 { margin:5px 0 8px!important;font-size:1.17rem!important; }.pomodoro-phone-warning p { margin:0!important; }
.pomodoro-phone-icon { width:62px;height:96px;border:4px solid #6C63FF;border-radius:14px;position:relative;margin:auto;background:#fff; }
.pomodoro-phone-icon::before { content:"";position:absolute;width:20px;height:3px;border-radius:99px;background:#D7CDF1;top:8px;left:17px; }
.pomodoro-phone-icon::after { content:"✕";position:absolute;inset:0;display:grid;place-items:center;color:#6C63FF;font-size:2rem;font-weight:500; }
.pomodoro-tool-note { padding:16px 18px;border-left:3px solid #8468D7;background:#F8F6FD;border-radius:0 12px 12px 0; }

.pomodoro-timer { margin:28px 0;padding:26px;border:1px solid #C8B9EB;border-radius:24px;background:linear-gradient(145deg,#F1EDFB,#fff);text-align:center;box-shadow:0 15px 36px rgba(94,70,158,.08); }
.pomodoro-timer-presets { display:flex;justify-content:center;flex-wrap:wrap;gap:8px; }
.pomodoro-timer-presets button { border:1px solid #D8CFF2;background:#fff;color:#5E469E;border-radius:999px;padding:8px 12px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer; }
.pomodoro-timer-presets button.is-active { background:#6C63FF;color:#fff;border-color:#6C63FF; }
.pomodoro-timer-display { padding:27px 0 22px; }.pomodoro-timer-display span { display:block;font-size:clamp(3.5rem,10vw,6rem);line-height:1;font-weight:750;letter-spacing:-.06em;color:#1F1F2A; }.pomodoro-timer-display small { display:block;margin-top:9px;color:#6D667C;font-weight:650; }
.pomodoro-timer-actions { display:flex;justify-content:center;gap:9px;flex-wrap:wrap; }.pomodoro-timer-actions button { min-width:120px;border-radius:12px;padding:11px 16px;font:inherit;font-weight:750;cursor:pointer; }
.pomodoro-timer-actions button:first-child { border:1px solid #6C63FF;background:#6C63FF;color:#fff; }.pomodoro-timer-actions button:last-child { border:1px solid #D2C7EF;background:#fff;color:#5E469E; }
.pomodoro-timer > p { margin:15px auto 0!important;max-width:560px;color:#6B6578;font-size:.86rem; }

@media (max-width:820px) {
  .pomodoro-hero-visual { min-height:240px; }
  .pomodoro-protocol,.pomodoro-curves,.pomodoro-tools { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .pomodoro-quick { padding:20px; }
  .pomodoro-plan,.pomodoro-do-dont { grid-template-columns:1fr; }
  .pomodoro-phone-warning { grid-template-columns:1fr;text-align:left; }
  .pomodoro-phone-icon { display:none; }
  .pomodoro-timer { padding:20px 14px; }
  .pomodoro-timer-presets { align-items:stretch; }.pomodoro-timer-presets button { flex:1 1 100%; }
}

/* ===== Méthode Pomodoro — ajustements v4 ===== */
.blog-pomodoro-page .pomodoro-clock {
  width:226px;
  height:226px;
}
.blog-pomodoro-page .pomodoro-clock-hand {
  top:50%;
  left:50%;
  height:64px;
  margin:0 0 0 -2px;
  transform-origin:50% 64px;
  transform:translateY(-64px) rotate(50deg);
}
.blog-pomodoro-page .pomodoro-clock strong {
  right:2px!important;
  bottom:18px!important;
  width:96px!important;
  height:84px!important;
  border-radius:24px!important;
  font-size:4rem!important;
  box-shadow:0 16px 30px rgba(94,70,158,.12)!important;
  transform:none!important;
}
.blog-pomodoro-page .pomodoro-clock small {
  right:28px!important;
  bottom:86px!important;
  padding:5px 12px!important;
  background:#F7F3FF!important;
  box-shadow:0 8px 16px rgba(94,70,158,.08);
}
.blog-pomodoro-page .pomodoro-jump,
.blog-pomodoro-page .pomodoro-jump:visited {
  display:flex;
  width:fit-content;
  margin:18px auto 0;
  background:#F2EDFF!important;
  border:1px solid #D7CCFF!important;
  color:#5A49BE!important;
  box-shadow:0 10px 20px rgba(94,70,158,.08)!important;
}
.blog-pomodoro-page .pomodoro-jump:hover {
  background:#E9E1FF!important;
  color:#4E3FB0!important;
}
.blog-pomodoro-page .pomodoro-quick-note {
  color:#3B354B;
}
.blog-pomodoro-page .pomodoro-curves article > span {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(90deg,#ECE4FC 0%,#F5F1FD 100%);
  font-size:.84rem;
  letter-spacing:.08em;
}
.blog-pomodoro-page .curve-chart {
  border:1px solid rgba(108,99,255,.08);
}
.blog-pomodoro-page .curve-chart .axis-label {
  font-size:10px;
  font-weight:700;
}
.blog-pomodoro-page .curve-chart .slot-label {
  font-size:11px;
}
.blog-pomodoro-page .pomodoro-aside .pomodoro-aside-sublist {
  counter-reset:usageitems;
}
.blog-pomodoro-page .pomodoro-aside .pomodoro-aside-sublist li {
  counter-increment:usageitems;
}
.blog-pomodoro-page .pomodoro-aside .pomodoro-aside-sublist li:nth-child(4) {
  counter-increment:none;
}
.blog-pomodoro-page .pomodoro-aside .pomodoro-aside-sublist a {
  font-size:10px;
}
.blog-pomodoro-page .pomodoro-aside .pomodoro-aside-sublist li:nth-child(-n+3) a::before {
  content:counter(usageitems) ".";
  width:auto;
  min-width:14px;
  font-size:11px;
  color:#8A75E2;
  font-weight:800;
}
.blog-pomodoro-page .pomodoro-aside .pomodoro-aside-sublist li:nth-child(4) a::before {
  content:"•";
  font-size:14px;
  color:#B7A8EA;
}
.blog-pomodoro-page .pomodoro-cta-note {
  margin:14px 0 0!important;
  color:#2F2B39;
}
.blog-pomodoro-page .atomic-end .blog-end-actions {
  justify-content:center;
}
.blog-pomodoro-page .atomic-end .blog-end-actions a:first-child {
  border-color:#6A5AF3!important;
  background:#6A5AF3!important;
  color:#fff!important;
}
.blog-pomodoro-page .atomic-end .blog-end-actions a:nth-child(2),
.blog-pomodoro-page .atomic-end .blog-end-actions a:nth-child(3) {
  border-color:#D5C9F8!important;
  background:#fff!important;
  color:#5E469E!important;
}
@media (max-width:760px) {
  .blog-pomodoro-page .pomodoro-clock {
    width:194px;
    height:194px;
  }
  .blog-pomodoro-page .pomodoro-clock strong {
    width:86px!important;
    height:74px!important;
    font-size:3.4rem!important;
    right:2px!important;
    bottom:14px!important;
  }
  .blog-pomodoro-page .pomodoro-clock small {
    right:20px!important;
    bottom:76px!important;
    font-size:.66rem!important;
  }
}

/* ===== Méthode Pomodoro — illustration hero v5 ===== */
.blog-pomodoro-page .pomodoro-hero-visual {
  display:grid;
  place-items:center;
}
.blog-pomodoro-page .pomodoro-hero-svg {
  display:block;
  width:min(330px,100%);
  height:auto;
}
.blog-pomodoro-page .pomodoro-hero-badge text {
  font-family:Inter,Arial,sans-serif;
}
@media (max-width:760px) {
  .blog-pomodoro-page .pomodoro-hero-svg {
    width:min(280px,92%);
  }
}

/* ===== Méthode Pomodoro — minuteur v6 ===== */
.blog-pomodoro-page .pomodoro-timer-options {
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0 10px;
}
.blog-pomodoro-page .pomodoro-timer-field {
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:130px;
  padding:12px 14px;
  border:1px solid rgba(108,99,255,.12);
  border-radius:16px;
  background:#fff;
  text-align:left;
}
.blog-pomodoro-page .pomodoro-timer-field span {
  color:#5E469E;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.blog-pomodoro-page .pomodoro-timer-field input {
  width:100%;
  border:1px solid #DDD4F7;
  border-radius:10px;
  min-height:40px;
  padding:0 10px;
  font:inherit;
  color:#1F1F2A;
  background:#FCFBFF;
}
.blog-pomodoro-page .pomodoro-timer-field input:focus {
  outline:none;
  border-color:#6C63FF;
  box-shadow:0 0 0 3px rgba(108,99,255,.10);
}
.blog-pomodoro-page .pomodoro-timer-config-note {
  margin:0 auto 12px!important;
  max-width:620px;
  color:#5D5870;
  font-size:.85rem;
}
.blog-pomodoro-page .pomodoro-timer-step {
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.blog-pomodoro-page .pomodoro-timer-step:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 14px rgba(94,70,158,.08);
}
.blog-pomodoro-page .pomodoro-timer-step:focus-visible {
  outline:none;
  box-shadow:0 0 0 3px rgba(108,99,255,.14);
}
@media (max-width:760px) {
  .blog-pomodoro-page .pomodoro-timer-field {
    min-width:100%;
  }
}