/* 260906-130158 */
.mon-nouvel-article {
--pharmaleo-blue: #005b9a;
--pharmaleo-dark: #173c50;
--pharmaleo-light: #eef7fb;
--pharmaleo-green: #63a18e;
--pharmaleo-border: #dce9ef;
--pharmaleo-text: #3f535e;
--pharmaleo-muted: #6d7e87;
--pharmaleo-white: #ffffff;

max-width: 1120px;
margin: 40px auto;
padding: 0 24px;
color: var(--pharmaleo-text);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.7;
box-sizing: border-box;
}

.mon-nouvel-article *,
.mon-nouvel-article *::before,
.mon-nouvel-article *::after {
box-sizing: border-box;
}

.mon-nouvel-article .article-hero {
position: relative;
overflow: hidden;
margin-bottom: 50px;
padding: 55px 52px;
border: 1px solid var(--pharmaleo-border);
border-radius: 18px;
background: linear-gradient(135deg, #edf7fb 0%, #ffffff 72%);
}

.mon-nouvel-article .article-hero::after {
content: "";
position: absolute;
top: -80px;
right: -70px;
width: 210px;
height: 210px;
border-radius: 50%;
background: rgba(99, 161, 142, 0.10);
}

.mon-nouvel-article .article-kicker {
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 12px;
color: var(--pharmaleo-blue);
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.mon-nouvel-article h1 {
position: relative;
z-index: 1;
max-width: 850px;
margin: 0 0 18px;
color: var(--pharmaleo-dark);
font-size: clamp(30px, 4vw, 47px);
font-weight: 700;
line-height: 1.15;
}

.mon-nouvel-article .article-intro {
position: relative;
z-index: 1;
max-width: 790px;
margin: 0;
color: #536a75;
font-size: 19px;
line-height: 1.7;
}

.mon-nouvel-article .article-section {
margin-bottom: 52px;
}

.mon-nouvel-article h2 {
margin: 0 0 20px;
color: var(--pharmaleo-dark);
font-size: clamp(25px, 3vw, 33px);
line-height: 1.25;
}

.mon-nouvel-article h3 {
margin: 0 0 8px;
color: var(--pharmaleo-dark);
font-size: 20px;
line-height: 1.35;
}

.mon-nouvel-article p {
margin: 0 0 18px;
}

.mon-nouvel-article strong {
color: var(--pharmaleo-dark);
}

.mon-nouvel-article .article-highlight {
margin: 30px 0;
padding: 24px 28px;
border-left: 4px solid var(--pharmaleo-green);
border-radius: 0 12px 12px 0;
background: var(--pharmaleo-light);
}

.mon-nouvel-article .article-highlight strong {
display: block;
margin-bottom: 5px;
color: var(--pharmaleo-blue);
}

.mon-nouvel-article .article-highlight p {
margin: 0;
}

.mon-nouvel-article .steps-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 28px;
}

.mon-nouvel-article .step-card {
min-height: 270px;
padding: 26px 22px;
border: 1px solid var(--pharmaleo-border);
border-radius: 15px;
background: var(--pharmaleo-white);
box-shadow: 0 5px 20px rgba(20, 65, 85, 0.05);
}

.mon-nouvel-article .step-number {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-bottom: 18px;
border-radius: 50%;
background: var(--pharmaleo-blue);
color: #fff;
font-size: 13px;
font-weight: 700;
}

.mon-nouvel-article .step-card p {
margin: 0;
color: var(--pharmaleo-muted);
font-size: 14px;
line-height: 1.65;
}

.mon-nouvel-article .two-column {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 45px;
align-items: center;
}

.mon-nouvel-article .benefits-card {
padding: 28px;
border: 1px solid var(--pharmaleo-border);
border-radius: 16px;
background: #f7fafb;
}

.mon-nouvel-article .benefit-item {
display: flex;
gap: 15px;
align-items: center;
padding: 17px 0;
border-bottom: 1px solid var(--pharmaleo-border);
}

.mon-nouvel-article .benefit-item {
padding-top: 0;
}

.mon-nouvel-article .benefit-item {
padding-bottom: 0;
border-bottom: 0;
}

.mon-nouvel-article .benefit-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 44px;
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
font-size: 20px;
}

.mon-nouvel-article .benefit-item strong {
display: block;
margin-bottom: 2px;
color: var(--pharmaleo-dark);
}

.mon-nouvel-article .benefit-item p {
margin: 0;
color: var(--pharmaleo-muted);
font-size: 13px;
}

.mon-nouvel-article .article-drive {
overflow: hidden;
padding: 42px;
border-radius: 18px;
background: var(--pharmaleo-dark);
}

.mon-nouvel-article .article-drive h2,
.mon-nouvel-article .article-drive strong {
color: #fff;
}

.mon-nouvel-article .article-drive p {
color: #d7e4e9;
}

.mon-nouvel-article .article-drive .article-kicker {
color: #8bc8b3;
}

.mon-nouvel-article .drive-content {
max-width: 900px;
margin: auto;
}

.mon-nouvel-article .drive-features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin-top: 28px;
}

.mon-nouvel-article .drive-features  div {
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 12px;
background: rgba(255, 255, 255, 0.05);
}

.mon-nouvel-article .drive-features span {
display: block;
margin-bottom: 10px;
color: #8bc8b3;
font-size: 12px;
font-weight: 700;
}

.mon-nouvel-article .drive-features strong {
display: block;
margin-bottom: 5px;
}

.mon-nouvel-article .drive-features p {
margin: 0;
font-size: 13px;
line-height: 1.55;
}

.mon-nouvel-article .address-card {
display: flex;
gap: 25px;
align-items: center;
padding: 30px;
border: 1px solid var(--pharmaleo-border);
border-radius: 16px;
background: #fff;
box-shadow: 0 5px 20px rgba(20, 65, 85, 0.05);
}

.mon-nouvel-article .address-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 65px;
width: 65px;
height: 65px;
border-radius: 50%;
background: var(--pharmaleo-light);
font-size: 28px;
}

.mon-nouvel-article .address-card h3 {
margin-bottom: 4px;
font-size: 24px;
}

.mon-nouvel-article .address-card p {
margin-bottom: 7px;
color: var(--pharmaleo-muted);
}

.mon-nouvel-article .summary-list {
max-width: 850px;
margin-top: 25px;
}

.mon-nouvel-article .summary-item {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 14px 0;
border-bottom: 1px solid var(--pharmaleo-border);
}

.mon-nouvel-article .summary-item span {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 28px;
width: 28px;
height: 28px;
border-radius: 50%;
background: #e8f5f0;
color: var(--pharmaleo-green);
font-weight: 700;
}

.mon-nouvel-article .summary-item p {
margin: 2px 0 0;
}

.mon-nouvel-article .article-cta {
margin-top: 15px;
padding: 42px 30px;
text-align: center;
border: 1px solid var(--pharmaleo-border);
border-radius: 18px;
background: linear-gradient(135deg, #eef7fb 0%, #f8fbfc 100%);
}

.mon-nouvel-article .article-cta h2 {
margin-bottom: 12px;
color: var(--pharmaleo-blue);
}

.mon-nouvel-article .article-cta p {
max-width: 700px;
margin: 0 auto 25px;
color: var(--pharmaleo-muted);
}

.mon-nouvel-article .article-button {
display: inline-block;
padding: 13px 27px;
border-radius: 7px;
background: var(--pharmaleo-blue);
color: #fff;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: background 0.2s ease, transform 0.2s ease;
}

.mon-nouvel-article .article-button {
background: #004b80;
color: #fff;
transform: translateY(-1px);
}

@media (max-width: 900px) {
.mon-nouvel-article .steps-grid {
grid-template-columns: repeat(2, 1fr);
}

.mon-nouvel-article .two-column {
grid-template-columns: 1fr;
gap: 30px;
}
}

@media (max-width: 650px) {
.mon-nouvel-article {
margin: 25px auto;
padding: 0 15px;
font-size: 15px;
}

.mon-nouvel-article .article-hero {
padding: 35px 24px;
border-radius: 14px;
}

.mon-nouvel-article .article-intro {
font-size: 17px;
}

.mon-nouvel-article .steps-grid,
.mon-nouvel-article .drive-features {
grid-template-columns: 1fr;
}

.mon-nouvel-article .step-card {
min-height: auto;
}

.mon-nouvel-article .article-drive {
padding: 30px 24px;
}

.mon-nouvel-article .address-card {
align-items: flex-start;
padding: 24px;
}

.mon-nouvel-article .article-cta {
padding: 32px 22px;
}
}