#nvm-acne-article{--ink:#101827;--muted:#5c666a;--coral:#bc5850;--mint:#1a7f74;--amber:#b9822f;--line:#d8e2e0;--paper:#faf9f6;color:var(--ink)}
#nvm-acne-article,#nvm-acne-article *{box-sizing:border-box}
#nvm-acne-article .acne-top-badge-wrap{margin-top:30px;text-align:center}
#nvm-acne-article .acne-badge{display:inline-block;font:600 12px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);background:rgba(26,127,116,.08);border:1px solid rgba(26,127,116,.25);border-radius:999px;padding:10px 18px}
#nvm-acne-article .acne-hero{width:100%;max-width:1240px;margin:26px auto 0;display:grid;grid-template-columns:minmax(0,720px) 420px;grid-template-areas:"copy media" "actions media";justify-content:space-between;column-gap:100px;row-gap:26px;align-items:start}
#nvm-acne-article .acne-hero__copy{grid-area:copy;min-width:0}
#nvm-acne-article .acne-hero__title{margin:0;max-width:720px;font:700 48px/1 'Bellota',sans-serif;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
#nvm-acne-article .acne-hero__title span{color:var(--coral)}
#nvm-acne-article .acne-hero__lead{margin:20px 0 0;max-width:640px;font:400 16px/1.65 'Inter',sans-serif;color:#3b484c}
#nvm-acne-article .acne-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;color:var(--muted);font:400 12px/1.6 'Inter',sans-serif}
#nvm-acne-article .acne-hero__meta span:first-child{color:var(--mint);font-weight:600}
#nvm-acne-article .acne-hero__media{grid-area:media;width:420px;max-width:100%;justify-self:end;margin:0;padding:0;border:4px solid #fff;border-radius:10px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.14);overflow:hidden}
#nvm-acne-article .acne-hero__image{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
#nvm-acne-article .acne-hero__media figcaption{padding:12px 14px 14px;font:400 12px/1.5 'Inter',sans-serif;color:var(--muted);text-align:center}
#nvm-acne-article .acne-hero__actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:720px;max-width:100%;align-self:end}
#nvm-acne-article .acne-btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:600 16px/1 'Inter',sans-serif;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
#nvm-acne-article .acne-btn--primary{border-color:var(--coral);background:var(--coral);color:#fff}
#nvm-acne-article .acne-btn--primary:hover{background:#a84a42;border-color:#a84a42}
#nvm-acne-article .acne-btn--ghost:hover{border-color:var(--mint);color:var(--mint)}
#nvm-acne-article .acne-body{width:min(880px,calc(100% - 40px));margin:0 auto;font:400 16px/1.75 'Inter',sans-serif;color:#2b2f36}
#nvm-acne-article .acne-body h2{margin:54px 0 16px;font:italic 600 30px/1.25 'Playfair Display',serif;color:var(--ink)}
#nvm-acne-article .acne-body h3{margin:30px 0 10px;font:italic 600 21px/1.3 'Playfair Display',serif;color:var(--ink)}
#nvm-acne-article .acne-body p{margin:0 0 15px}
#nvm-acne-article .acne-body ul{margin:10px 0 20px;padding:0 0 0 22px}
#nvm-acne-article .acne-body li{margin:0 0 9px}
#nvm-acne-article .acne-body a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
#nvm-acne-article .acne-body a.acne-btn{text-decoration:none}
#nvm-acne-article .acne-body a.acne-btn--primary{color:#fff}
#nvm-acne-article .acne-body a.acne-btn--ghost{color:var(--ink)}
#nvm-acne-article .acne-attention{margin:18px 0 26px;background:var(--paper);border:1px solid rgba(9,11,15,.07);border-left:4px solid var(--mint);border-radius:0 16px 16px 0;padding:16px 20px}
#nvm-acne-article .acne-attention p{margin:0;font-size:14px;line-height:1.6;color:#4a4536}
#nvm-acne-article .acne-check{list-style:none !important;padding:0 !important;margin:18px 0 24px !important;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
#nvm-acne-article .acne-check li{margin:0 !important;background:var(--paper);border:1px solid rgba(9,11,15,.07);border-radius:14px;padding:13px 16px 13px 42px;position:relative;font-size:14.5px}
#nvm-acne-article .acne-check li::before{content:'';position:absolute;left:15px;top:15px;width:14px;height:14px;border-radius:50%;background:var(--mint) center/8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
#nvm-acne-article .acne-fig{margin:30px 0 6px;background:var(--paper);border:1px solid rgba(9,11,15,.07);border-radius:20px;padding:22px 20px 16px;overflow:hidden}
#nvm-acne-article .acne-fig__title{margin:0 0 14px;font:italic 600 20px/1.25 'Playfair Display',serif;color:var(--ink)}
#nvm-acne-article .acne-fig>svg{display:block;width:100%;height:auto;border-radius:12px;background:#fff}
#nvm-acne-article .acne-fig img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border-radius:12px}
#nvm-acne-article .acne-fig figcaption{margin:12px 4px 0;font:400 12px/1.55 'Inter',sans-serif;color:var(--muted);text-align:center}
/* G1: инфографика «4 причины акне» */
#nvm-acne-article .acne-g1 text{font-family:'Inter',sans-serif}
#nvm-acne-article .acne-g1 .g1-node-label{font-size:15px;font-weight:600;fill:var(--ink)}
#nvm-acne-article .acne-g1 .g1-node-sub{font-size:11.5px;font-weight:400;fill:var(--muted)}
#nvm-acne-article .acne-g1 .g1-center-label{font-size:17px;font-weight:700;fill:#fff}
#nvm-acne-article .acne-g1 .g1-center-sub{font-size:11px;font-weight:400;fill:rgba(255,255,255,.85)}
#nvm-acne-article .acne-g1 .g1-flow{stroke-dasharray:6 8;animation:acneG1Flow 1.6s linear infinite}
#nvm-acne-article .acne-g1 .g1-drop{transform-box:fill-box;transform-origin:center;animation:acneG1Pulse 2.6s ease-in-out infinite}
#nvm-acne-article .acne-g1 .g1-plug{transform-box:fill-box;transform-origin:center;animation:acneG1Bob 3s ease-in-out infinite}
#nvm-acne-article .acne-g1 .g1-bac{transform-box:fill-box;transform-origin:center;animation:acneG1Blink 2.4s ease-in-out infinite}
#nvm-acne-article .acne-g1 .g1-bac--2{animation-delay:.5s}
#nvm-acne-article .acne-g1 .g1-bac--3{animation-delay:1s}
#nvm-acne-article .acne-g1 .g1-cell{transform-box:fill-box;transform-origin:center;animation:acneG1Pulse 3.2s ease-in-out infinite}
#nvm-acne-article .acne-g1 .g1-center-glow{transform-box:fill-box;transform-origin:center;animation:acneG1Glow 3s ease-in-out infinite}
#nvm-acne-article .acne-g1 .g1-center-ring{transform-box:fill-box;transform-origin:center;animation:acneG1Ring 3s ease-out infinite}
@keyframes acneG1Flow{to{stroke-dashoffset:-14}}
@keyframes acneG1Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes acneG1Bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes acneG1Blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.86)}}
@keyframes acneG1Glow{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}
@keyframes acneG1Ring{0%{opacity:.7;transform:scale(.82)}100%{opacity:0;transform:scale(1.45)}}
/* S1: шкала степеней */
#nvm-acne-article .acne-scale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 8px}
#nvm-acne-article .acne-scale__card{background:var(--paper);border:1px solid rgba(9,11,15,.07);border-radius:18px;padding:20px 20px 18px;transition:transform .2s ease,box-shadow .2s ease}
#nvm-acne-article .acne-scale__card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.08)}
#nvm-acne-article .acne-scale__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
#nvm-acne-article .acne-scale__num{flex:none;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font:700 18px/1 'Playfair Display',serif;font-style:italic;color:#fff}
#nvm-acne-article .acne-scale__card--1 .acne-scale__num{background:var(--mint)}
#nvm-acne-article .acne-scale__card--2 .acne-scale__num{background:#5a9a8c}
#nvm-acne-article .acne-scale__card--3 .acne-scale__num{background:#c9857e}
#nvm-acne-article .acne-scale__card--4 .acne-scale__num{background:var(--coral)}
#nvm-acne-article .acne-scale__name{margin:0;font:600 16.5px/1.3 'Inter',sans-serif;color:var(--ink)}
#nvm-acne-article .acne-scale__track{height:12px;border-radius:999px;background:rgba(9,11,15,.06);overflow:hidden;margin:0 0 14px}
#nvm-acne-article .acne-scale__fill{display:block;height:100%;border-radius:999px;width:0;animation:acneScaleGrow 1.4s cubic-bezier(.16,1,.3,1) .2s forwards}
#nvm-acne-article .acne-scale__card--1 .acne-scale__fill{--w:25%;background:linear-gradient(90deg,#a9d6d0,#2a8f83)}
#nvm-acne-article .acne-scale__card--2 .acne-scale__fill{--w:50%;background:linear-gradient(90deg,#bcd9d0,#5a9a8c);animation-delay:.35s}
#nvm-acne-article .acne-scale__card--3 .acne-scale__fill{--w:75%;background:linear-gradient(90deg,#e9c1ba,#c9857e);animation-delay:.5s}
#nvm-acne-article .acne-scale__card--4 .acne-scale__fill{--w:100%;background:linear-gradient(90deg,#e9c1ba,#bc5850);animation-delay:.65s}
@keyframes acneScaleGrow{to{width:var(--w)}}
#nvm-acne-article .acne-scale__row{margin:0 0 8px;font-size:14px;line-height:1.55;color:#3b484c}
#nvm-acne-article .acne-scale__row:last-child{margin-bottom:0}
#nvm-acne-article .acne-scale__row b{display:block;font:600 11px/1 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
#nvm-acne-article .acne-scale__row--treat b{color:var(--coral)}
/* Q&A про изотретиноин */
#nvm-acne-article .acne-qa{display:grid;gap:12px;margin:22px 0 10px}
#nvm-acne-article .acne-qa__item{background:var(--paper);border:1px solid rgba(9,11,15,.07);border-radius:16px;padding:18px 20px}
#nvm-acne-article .acne-qa__q{display:flex;gap:12px;align-items:baseline;margin:0 0 8px;font:600 15.5px/1.45 'Inter',sans-serif;color:var(--ink)}
#nvm-acne-article .acne-qa__q::before{content:'?';flex:none;width:26px;height:26px;border-radius:50%;background:rgba(188,88,80,.12);color:var(--coral);display:inline-flex;align-items:center;justify-content:center;font:700 15px/1 'Playfair Display',serif;font-style:italic;align-self:flex-start}
#nvm-acne-article .acne-qa__a{margin:0;padding-left:38px;font-size:14.5px;line-height:1.65;color:#3b484c}
/* Табы процедур */
#nvm-acne-article .acne-tabs{margin:26px 0 10px}
#nvm-acne-article .acne-tabs>input{position:absolute;opacity:0;pointer-events:none}
#nvm-acne-article .acne-tabs__nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
#nvm-acne-article .acne-tabs__nav label{cursor:pointer;padding:11px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;font:600 13.5px/1 'Inter',sans-serif;color:var(--ink);transition:all .2s ease;user-select:none}
#nvm-acne-article .acne-tabs__nav label:hover{border-color:var(--coral);color:var(--coral)}
#nvm-acne-article #acne-tab-1:checked~.acne-tabs__nav label[for=acne-tab-1],
#nvm-acne-article #acne-tab-2:checked~.acne-tabs__nav label[for=acne-tab-2],
#nvm-acne-article #acne-tab-3:checked~.acne-tabs__nav label[for=acne-tab-3],
#nvm-acne-article #acne-tab-4:checked~.acne-tabs__nav label[for=acne-tab-4]{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(188,88,80,.25)}
#nvm-acne-article .acne-tabs__panel{display:none}
#nvm-acne-article #acne-tab-1:checked~.acne-tabs__panels .acne-tabs__panel--1,
#nvm-acne-article #acne-tab-2:checked~.acne-tabs__panels .acne-tabs__panel--2,
#nvm-acne-article #acne-tab-3:checked~.acne-tabs__panels .acne-tabs__panel--3,
#nvm-acne-article #acne-tab-4:checked~.acne-tabs__panels .acne-tabs__panel--4{display:block;animation:acneTabIn .35s ease}
@keyframes acneTabIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#nvm-acne-article .acne-tabs__panel>p{font-size:14.5px;color:#3b484c;margin:0 0 14px}
#nvm-acne-article .acne-proc{display:block;background:#fff;border:1px solid rgba(9,11,15,.07);border-left:4px solid var(--mint);border-radius:14px;padding:16px 18px;margin:0 0 10px;text-decoration:none !important;transition:transform .2s ease,box-shadow .2s ease}
#nvm-acne-article .acne-proc:hover{transform:translateX(4px);box-shadow:0 10px 24px rgba(15,23,42,.08);border-left-color:var(--coral)}
#nvm-acne-article .acne-proc__name{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;font:600 15.5px/1.35 'Inter',sans-serif;color:var(--ink)}
#nvm-acne-article .acne-proc__name::after{content:'→';flex:none;color:var(--coral);font-weight:600}
#nvm-acne-article .acne-proc__text{margin:0;font-size:13.5px;line-height:1.6;color:#3b484c}
#nvm-acne-article .acne-proc--static{cursor:default;border-left-color:var(--line)}
#nvm-acne-article .acne-proc--static:hover{transform:none;box-shadow:none}
#nvm-acne-article .acne-proc--static .acne-proc__name::after{content:''}
/* Таймлайн результата */
#nvm-acne-article .acne-tl .tl-line{transform:scaleX(0);transform-origin:left center;animation:acneTlGrow 1.8s ease-out .2s forwards}
#nvm-acne-article .acne-tl .tl-zone{opacity:0;animation:acneTlFade .8s ease 1.4s forwards}
#nvm-acne-article .acne-tl .tl-dot{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);animation:acneTlPop .5s cubic-bezier(.34,1.56,.64,1) forwards}
#nvm-acne-article .acne-tl .tl-dot--1{animation-delay:.5s}
#nvm-acne-article .acne-tl .tl-dot--2{animation-delay:.9s}
#nvm-acne-article .acne-tl .tl-dot--3{animation-delay:1.5s}
#nvm-acne-article .acne-tl .tl-dot--4{animation-delay:1.9s}
#nvm-acne-article .acne-tl .tl-label{opacity:0;animation:acneTlFade .6s ease forwards}
#nvm-acne-article .acne-tl .tl-label--1{animation-delay:.7s}
#nvm-acne-article .acne-tl .tl-label--2{animation-delay:1.1s}
#nvm-acne-article .acne-tl .tl-label--3{animation-delay:1.7s}
#nvm-acne-article .acne-tl .tl-label--4{animation-delay:2.1s}
@keyframes acneTlGrow{to{transform:scaleX(1)}}
@keyframes acneTlPop{to{opacity:1;transform:scale(1)}}
@keyframes acneTlFade{to{opacity:1}}
#nvm-acne-article .acne-tl text{font-family:'Inter',sans-serif}
/* FAQ, CTA, автор, источники, дисклеймер */
#nvm-acne-article .acne-faq details{border:1px solid var(--line);border-radius:14px;margin:0 0 10px;background:#fff}
#nvm-acne-article .acne-faq summary{cursor:pointer;list-style:none;padding:16px 46px 16px 20px;font:600 15.5px/1.4 'Inter',sans-serif;color:var(--ink);position:relative}
#nvm-acne-article .acne-faq summary::-webkit-details-marker{display:none}
#nvm-acne-article .acne-faq summary::after{content:'+';position:absolute;right:18px;top:14px;font:400 22px/1 'Inter',sans-serif;color:var(--coral);transition:transform .2s}
#nvm-acne-article .acne-faq details[open] summary::after{transform:rotate(45deg)}
#nvm-acne-article .acne-faq details p{padding:0 20px 16px;margin:0;font-size:14.5px;color:#3b484c}
#nvm-acne-article .acne-cta{margin:44px 0;background:#101827;border:1px solid #101827;border-radius:22px;padding:30px 30px 28px;text-align:center}
#nvm-acne-article .acne-cta h3{margin:0 0 10px !important;color:#fff}
#nvm-acne-article .acne-cta p{max-width:560px;margin:0 auto 18px !important;font-size:15px;color:rgba(255,255,255,.8)}
#nvm-acne-article .acne-author{display:flex;gap:18px;align-items:center;margin:36px 0 6px;background:var(--paper);border:1px solid rgba(9,11,15,.07);border-radius:18px;padding:18px 20px}
#nvm-acne-article .acne-author__photo{width:76px;height:76px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 4px 14px rgba(15,23,42,.12)}
#nvm-acne-article .acne-author__name{margin:0;font:600 16px/1.3 'Inter',sans-serif;color:var(--ink)}
#nvm-acne-article .acne-author__role{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
#nvm-acne-article .acne-author__role a{color:var(--mint);text-decoration:none;border-bottom:1px solid rgba(26,127,116,.35)}
#nvm-acne-article .acne-warn{margin:30px 0;background:#fffaf3;border:1px solid rgba(185,130,47,.3);border-left:4px solid var(--amber);border-radius:0 16px 16px 0;padding:20px 22px}
#nvm-acne-article .acne-warn p{font-size:14px;color:#4a4536;margin:0 0 10px}
#nvm-acne-article .acne-warn p:last-child{margin:0}
#nvm-acne-article .acne-warn strong{color:#3a3627}
#nvm-acne-article .acne-src{font-size:12.5px;color:var(--muted)}
#nvm-acne-article .acne-src details{border-top:1px solid var(--line);padding-top:14px;margin-top:26px}
#nvm-acne-article .acne-src summary{cursor:pointer;font:600 13px/1.4 'Inter',sans-serif;color:var(--muted)}
#nvm-acne-article .acne-src ol{margin:12px 0 0;padding-left:20px}
#nvm-acne-article .acne-src li{margin-bottom:7px;line-height:1.55}
#nvm-acne-article .acne-disclaimer{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);font-style:italic}
@media(max-width:1100px){
 #nvm-acne-article .acne-hero{grid-template-columns:minmax(0,1fr) 320px;column-gap:32px}
 #nvm-acne-article .acne-hero__media{width:320px}
 #nvm-acne-article .acne-hero__title{font-size:clamp(32px,3.4vw,44px)}
 #nvm-acne-article .acne-hero__actions{width:100%}
}
@media(max-width:900px){
 #nvm-acne-article .acne-body h2{font-size:26px}
 #nvm-acne-article .acne-scale{grid-template-columns:1fr}
}
@media(max-width:820px){
 #nvm-acne-article .acne-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "media" "actions";gap:24px;width:calc(100% - 32px);margin:20px auto 0}
 #nvm-acne-article .acne-hero__title{font-size:clamp(28px,7.4vw,34px);line-height:1.12}
 #nvm-acne-article .acne-hero__lead{font-size:15px;margin-top:16px}
 #nvm-acne-article .acne-hero__media{width:100%;max-width:380px;justify-self:center}
 #nvm-acne-article .acne-hero__actions{grid-template-columns:1fr}
 #nvm-acne-article .acne-btn{height:52px;width:100%}
}
@media(prefers-reduced-motion:reduce){
 #nvm-acne-article .acne-g1 *,#nvm-acne-article .acne-tl *{animation:none !important}
 #nvm-acne-article .acne-tl .tl-line{transform:scaleX(1)}
 #nvm-acne-article .acne-tl .tl-dot,#nvm-acne-article .acne-tl .tl-label,#nvm-acne-article .acne-tl .tl-zone{opacity:1}
 #nvm-acne-article .acne-scale__fill{animation:none;width:var(--w)}
 #nvm-acne-article .acne-tabs__panel{animation:none}
}