
.nvm-page :is(.nvm-lip > .nvm-cta) {--nvm-ed-coral: var(--nvm-color-on-dark-action);}
.nvm-page .nvm-lip > .nvm-cta .nvm-cta__btn {--lip-mint: var(--nvm-color-on-dark-action); border: 0;}
/* Компоненты статьи и их состояния. */
body.nvm-page--article .nvm-prose :where(.lip-hero__image) { box-sizing: border-box; max-width: 100%; height: auto; }
#nvm-main figure:is(.lip-hero__media) {
  box-sizing: border-box;
  position: relative;
  width: min(100%, var(--nvm-photo-w));
  max-width: var(--nvm-photo-w);
  aspect-ratio: var(--nvm-photo-ratio);
  height: auto;
  overflow: hidden;
  border: 0;
  box-shadow: none;
  border-radius: var(--nvm-ed-r-lg, 20px);
}
#nvm-main figure:is(.acne-hero__media) > :where(.lip-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.glow-hero__media) > :where(.lip-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.ico-hero__media) > :where(.lip-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.lip-hero__media) > :where(.acne-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.lip-hero__media) > :where(.glow-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.lip-hero__media) > :where(.ico-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.lip-hero__media) > :where(.lip-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.lip-hero__media) > :where(.trends-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.trends-hero__media) > :where(.lip-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.lip-hero__media) > figcaption {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--nvm-photo-caption-h);
  min-height: var(--nvm-photo-caption-h);
  max-height: var(--nvm-photo-caption-h);
  margin: 0;
  padding: var(--nvm-ed-s2) var(--nvm-ed-s4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html body #nvm-lips-article .lip-hero__media { border-radius: var(--nvm-ed-r-img); box-shadow: var(--nvm-ed-shadow-photo); }
html body #nvm-lips-article .lip-hero__topics { border-top: 1px solid var(--nvm-ed-line); }
html body #nvm-lips-article .lip-editorial-note { border-top: 1px solid var(--nvm-ed-line); }
html body #nvm-lips-article .lip-hero__read { border-color: var(--nvm-ed-coral); }
@media (max-width: 767px) {
#nvm-main header:is(.lip-hero) > [class$="-hero__copy"] { order: 1; grid-row: auto; }
}
@media (max-width: 767px) {
#nvm-main header:is(.lip-hero) > [class$="-hero__media"] { order: 2; grid-row: auto; }
}
@media (max-width: 767px) {
#nvm-main header:is(.lip-hero) > :is([class$="-hero__topics"]) { order: 3; grid-row: auto; }
}
@media (max-width: 767px) {
#nvm-main header:is(.lip-hero) > :is([class$="-hero__actions"]) { order: 3; grid-row: auto; }
}
body.nvm-page--article #nvm-main figure:is(.lip-hero__media) { overflow: clip; }
body.nvm-page--article #nvm-main figure:is(.lip-hero__media) > figcaption { position: static; height: auto; min-height: 0; max-height: none; overflow: visible; }
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) { margin-top: 0; }
@media (min-width: 821px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__media) { margin-top: 32px; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.lip-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__topics) { order: 3; grid-row: auto; }
}


.nvm-lip{font: 400 16px/1.65 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #2b2f36);max-width:820px}
.nvm-lip h2{color:var(--nvm-color-ink, #101318)}
.nvm-lip h3{color:var(--nvm-color-ink, #101318);margin:28px 0 10px}
.nvm-lip ul{ box-sizing: border-box}
.nvm-lip ul li{margin:0 0 var(--nvm-ed-s2)}

/* ——— общая карточка иллюстрации ——— */
.nvm-fig{margin:26px 0 var(--nvm-ed-s1);font-family:var(--nvm-font-sans, "Inter", sans-serif);}
.nvm-fig__card{
  background: var(--nvm-color-surface, #FAF9F6);
  border-radius: var(--nvm-ed-r-lg);
  padding: var(--nvm-ed-s6) 22px var(--nvm-ed-s5);
  overflow: hidden;
}
.nvm-fig__title{font: italic 600 20px/1.2 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #101318)}
.nvm-fig figcaption{
  margin: 10px var(--nvm-ed-s1) 0;
  font-style: normal; font-weight: 400; line-height: 1.55;
}

/* ——— пропорции губ (SVG-схема с плавным появлением) ——— */
.nvm-lip-proportions{position:relative;width:100%;max-width:520px;margin:0 auto;display:block}
.nvm-lip-proportions svg{display:block;width:100%;height:auto}
.nvm-lip-proportions .lp-outline{fill:none;stroke:var(--nvm-color-action, #c96a61);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-outline{animation:lpDraw 2.4s ease-out .2s forwards}}
.nvm-lip-proportions .lp-fill{fill:#f2c9c2;opacity:0}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-fill{animation:lpFade 1.4s ease-out 1.6s forwards}}
.nvm-lip-proportions .lp-hi{fill:var(--nvm-color-surface, #fff);opacity:0}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-hi{animation:lpFade 1.2s ease-out 2.0s forwards}}
.nvm-lip-proportions .lp-guide{stroke:rgba(9,11,15,.28);stroke-width:1;stroke-dasharray:4 4;opacity:0}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-guide{animation:lpFade .8s ease-out 2.4s forwards}}
.nvm-lip-proportions .lp-dot{fill:var(--nvm-color-link, #2a8f83);opacity:0}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-dot{animation:lpPop .5s cubic-bezier(.34,1.56,.64,1) forwards}}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-dot--1{animation-delay:2.7s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-dot--2{animation-delay:2.9s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-dot--3{animation-delay:3.1s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-dot--4{animation-delay:3.3s}}
.nvm-lip-proportions .lp-label{font: 600 11px/1.2 var(--nvm-font-sans, "Inter", sans-serif);fill:var(--nvm-color-ink, #101318);opacity:0}
@media (prefers-reduced-motion: no-preference) {
.nvm-lip-proportions .lp-label{animation:lpFade .8s ease-out 3.5s forwards}}
@keyframes lpDraw{to{stroke-dashoffset:0}}
@keyframes lpFade{to{opacity:1}}
@keyframes lpPop{0%{opacity:0;transform:scale(.2);transform-origin:center}100%{opacity:1;transform:scale(1)}}
@keyframes nvmPanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ——— шкала интенсивности препаратов ——— */
.nvm-scale{display:grid;grid-template-columns:130px 1fr 90px;gap:10px 14px;align-items:center;margin:0 0 var(--nvm-ed-s3)}
.nvm-scale:last-child{margin:0}
.nvm-scale__name{font: 600 14px/1.3 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #101318)}
.nvm-scale__track{height:14px;border-radius:var(--nvm-ed-r-pill);background:rgba(9,11,15,.06);overflow:hidden}
.nvm-scale__fill{display:block;height:100%;border-radius:var(--nvm-ed-r-pill);width:0;background:linear-gradient(90deg,#e9c1ba,var(--nvm-color-action, #c96a61))}
.nvm-scale__val{font: 600 12px/1.3 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-muted, rgba(9,11,15,.6));text-align:right}
.nvm-scale--hydro .nvm-scale__fill{background:linear-gradient(90deg,#a9d6d0,var(--nvm-color-link, #2a8f83))}
.nvm-scale--s{--w:28%} .nvm-scale--m{--w:64%} .nvm-scale--hydro-1{--w:22%} .nvm-scale--hydro-2{--w:44%}
@media (prefers-reduced-motion: no-preference) {
.nvm-scale__fill{animation:nvmScaleGrow 1.4s cubic-bezier(.16,1,.3,1) .2s forwards}}
@keyframes nvmScaleGrow{to{width:var(--w)}}
@media(max-width:520px){.nvm-scale{grid-template-columns:1fr;gap:6px}.nvm-scale__val{text-align:left}}

/* ——— таймлайн восстановления ——— */
.nvm-timeline{ box-sizing: border-box;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:6px 0 var(--nvm-ed-s1);padding:26px 0 6px}
.nvm-timeline::before{
  content: '';
  position: absolute;
  left: 8%;
  right: 8%;
  top: 36px;
  height: 3px;
  background: linear-gradient(90deg,var(--nvm-color-action, #c96a61),#e0b1a8,#a9d6d0,var(--nvm-color-link, #2a8f83));
  transform: scaleX(0);
  transform-origin: left;
  border-radius: var(--nvm-ed-r-img);
}
@media (prefers-reduced-motion: no-preference) {
.nvm-timeline::before{animation:nvmLineGrow 1.6s ease-out .3s forwards}}
@keyframes nvmLineGrow{to{transform:scaleX(1)}}
.nvm-timeline__step{text-align:center;position:relative;opacity:0}
@media (prefers-reduced-motion: no-preference) {
.nvm-timeline__step{animation:nvmStepIn .5s ease-out forwards}}
@media (prefers-reduced-motion: no-preference) {
.nvm-timeline__step:nth-child(1){animation-delay:.5s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-timeline__step:nth-child(2){animation-delay:.9s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-timeline__step:nth-child(3){animation-delay:1.3s}}
@media (prefers-reduced-motion: no-preference) {
.nvm-timeline__step:nth-child(4){animation-delay:1.7s}}
@keyframes nvmStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nvm-timeline__dot{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--nvm-color-surface, #fff);
  margin: 0 auto var(--nvm-ed-s2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  border: 3px solid var(--nvm-ed-coral);
}
.nvm-timeline__step:nth-child(3) .nvm-timeline__dot,
.nvm-timeline__step:nth-child(4) .nvm-timeline__dot{
  border-color: var(--nvm-ed-mint);
}
.nvm-timeline__when{font: 600 12px/1.3 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-action, #c96a61);text-transform:uppercase;letter-spacing:.05em}
.nvm-timeline__step:nth-child(3) .nvm-timeline__when,
.nvm-timeline__step:nth-child(4) .nvm-timeline__when{color:var(--nvm-color-link, #2a8f83)}
.nvm-timeline__label{font: 400 13px/1.4 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-muted, rgba(9,11,15,.72))}
@media(max-width:640px){.nvm-timeline{grid-template-columns:1fr 1fr;gap:var(--nvm-ed-s5)}.nvm-timeline::before{display:none}}

/* ——— чек-лист «стоп-сигналы» ——— */
.nvm-safety{
  box-sizing: border-box;
  background: #FAF6F5;
  padding: 18px var(--nvm-ed-s5);
  margin: var(--nvm-ed-s6) 0;
  border: 1px solid var(--nvm-ed-coral);
  border-radius: var(--nvm-ed-r-sm);
}
.nvm-safety__t{font: italic 600 18px/1.25 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #101318);display:flex;align-items:center;gap:var(--nvm-ed-s2)}
.nvm-safety ul{font-size:14.5px}
.nvm-safety ul li{margin:0 0 6px}

/* ——— вопрос-акцент ——— */
.nvm-quote{ box-sizing: border-box;margin:26px 0;padding:22px var(--nvm-ed-s6);background:linear-gradient(135deg,var(--nvm-color-surface, #FAF9F6) 0%,#F3EFEA 100%);border-radius:var(--nvm-ed-r-lg);text-align:center}
.nvm-quote p{font: italic 500 20px/1.4 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-ink, #101318)}
.nvm-quote small{display:block;margin-top:10px;font: 400 12px/1.4 var(--nvm-font-sans, "Inter", sans-serif);color:var(--nvm-color-muted, rgba(9,11,15,.55));letter-spacing:.04em;text-transform:uppercase}

/* ——— CTA ——— */
.nvm-cta{ box-sizing: border-box;margin:32px 0 var(--nvm-ed-s3);padding:26px var(--nvm-ed-s6);background:var(--nvm-color-ink, #101318);color:var(--nvm-color-surface, #fff);border-radius:var(--nvm-ed-r-lg);text-align:center}
.nvm-cta h3{margin:0 0 var(--nvm-ed-s2);color:var(--nvm-color-surface, #fff);
  font-style: normal; font-weight: 500; font-size: 22px; line-height: 1.25}
.nvm-cta p{color:var(--nvm-color-on-dark-muted, rgba(255,255,255,.75));font-size:14.5px}
.nvm-cta__btn{
  box-sizing: border-box;
  display: inline-block;
  padding: var(--nvm-ed-s3) var(--nvm-ed-s6);
  background: var(--nvm-h-cta);
  color: var(--nvm-h-cta-ink);
  text-decoration: none;
  border-radius: var(--nvm-ed-r-pill);
  font: 600 14px/1.2 var(--nvm-font-sans, "Inter", sans-serif);
  min-height: var(--nvm-tap);
  border: 0;
}
@media (prefers-reduced-motion: no-preference) {
.nvm-cta__btn{transition:background .2s}}
#nvm-lips-article {
  --lip-ink: var(--nvm-color-ink, #101827);
  --lip-muted: var(--nvm-color-muted, #5c666a);
  --lip-coral: var(--nvm-color-action, #bc5850);
  --lip-mint: var(--nvm-color-link, #1a7f74);
  --lip-line: var(--nvm-color-line, #d8e2e0);
  --lip-paper: var(--nvm-color-surface, #faf9f6);
  color: var(--lip-ink);--nvm-tabs-panel-padding:22px 22px 18px;--nvm-tabs-panel-border:1px solid rgba(9,11,15,.08);--nvm-tabs-panel-radius:16px;--nvm-tabs-panel-background:var(--nvm-color-surface, #fff); box-sizing: border-box; }
#nvm-lips-article .lip-hero {
  width: 100%;
  max-width: 1240px;
  margin: 26px auto 0;
  display: grid;
  grid-template-columns: minmax(0, 720px) 420px;
  grid-template-areas: "copy media" "topics media" "actions media";
  justify-content: space-between;
  column-gap: 100px;
  row-gap: 26px;
  align-items: start;
}
#nvm-lips-article .lip-hero__copy { grid-area: copy; min-width: 0; }
#nvm-lips-article .lip-hero__title {
  margin: 0;
  max-width: 720px;
  font-style: normal; font-weight: 400; font-size: 48px; line-height: 1;
  letter-spacing: -.025em;
  color: var(--lip-ink);
  text-wrap: balance;
}
#nvm-lips-article .lip-hero__title span { color: var(--lip-coral); }
#nvm-lips-article .lip-hero__lead {
  margin: var(--nvm-ed-s5) 0 0;
  max-width: 640px;
  font: 400 16px/1.65 var(--nvm-ed-font-sans);
  color: var(--nvm-color-ink, #3b484c);
}
#nvm-lips-article .lip-hero__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--nvm-ed-s2) 18px;
  margin: var(--nvm-ed-s5) 0 0;
  color: var(--lip-muted);
  font: 400 12px/1.6 var(--nvm-ed-font-sans);
}
#nvm-lips-article .lip-hero__meta span:first-child { color: var(--lip-mint); font-weight: 600; }
#nvm-lips-article .lip-hero__media {
  grid-area: media;
  width: 420px;
  max-width: 100%;
  justify-self: end;
  margin: 0;
  padding: 0;
  border: 4px solid var(--nvm-color-surface, #fff);
  border-radius: 10px;
  background: var(--nvm-color-surface, #fff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
  overflow: hidden;
}
#nvm-lips-article .lip-hero__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
#nvm-lips-article .lip-hero__topics { box-sizing: border-box;
  grid-area: topics;
  min-width: 0;
  border-top: 1px solid var(--lip-line);
  padding-top: 22px;
  align-self: end;
}
#nvm-lips-article .lip-hero__eyebrow {
  margin: 0 0 var(--nvm-ed-s3);
  color: var(--lip-mint);
  font: 600 12px/1.5 var(--nvm-ed-font-sans);
  letter-spacing: .07em;
  text-transform: uppercase;
}
#nvm-lips-article .lip-hero__contents { list-style: none; padding: 0; margin: 0; }
#nvm-lips-article .lip-hero__contents li + li { margin-top: var(--nvm-ed-s1); }
#nvm-lips-article .lip-hero__contents a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 36px;
  font: 400 15px/1.5 var(--nvm-ed-font-sans);
  text-decoration: none;
}
@media (prefers-reduced-motion: no-preference) {
#nvm-lips-article .lip-hero__contents a {
  transition: color .18s ease;
}}
#nvm-lips-article .lip-hero__contents a span { flex: none; color: var(--lip-coral); font-size: 12px; font-variant-numeric: tabular-nums; }
#nvm-lips-article .lip-hero__contents a:hover { color: var(--lip-mint); text-decoration: underline; text-underline-offset: 4px; }
#nvm-lips-article .lip-hero__actions {
  grid-area: actions;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nvm-ed-s5);
  width: 720px;
  max-width: 100%;
  align-self: end;
}
#nvm-lips-article .lip-hero__read { box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  height: 56px;
  padding: 0 28px;
  border: 1px solid var(--lip-coral);
  border-radius: var(--nvm-ed-r-pill);
  background: var(--lip-coral);
  color: var(--nvm-color-surface, #fff);
  font: 600 16px/1 var(--nvm-ed-font-sans);
  text-decoration: none;
}
@media (prefers-reduced-motion: no-preference) {
#nvm-lips-article .lip-hero__read {
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}}
#nvm-lips-article .lip-hero__read:hover { background: var(--nvm-color-action-hover, #a84a42); border-color: var(--nvm-color-action-hover, #a84a42); }
#nvm-lips-article a:focus-visible, #nvm-lips-article button:focus-visible {
  outline: 3px solid var(--lip-mint);
  outline-offset: 4px;
}
#nvm-lips-article .nvm-lip { box-sizing: border-box;
  width: var(--nvm-content-width, min(820px, calc(100% - 40px)));
  max-width: none;
  padding: 0 0 48px;
  margin-top: var(--nvm-content-margin, 0); margin-right: var(--nvm-content-margin, auto); margin-left: var(--nvm-content-margin, auto);
  font: 400 16px/1.75 var(--nvm-ed-font-sans);
}
#nvm-lips-article .nvm-lip h2 {
  text-wrap: balance;
}
#nvm-lips-article .nvm-lip .nvm-fig__card { margin-top: var(--nvm-ed-s2); }
#nvm-lips-article .nvm-lip .nvm-fig figcaption { font-size: 12px; }
#nvm-lips-article .lip-editorial-note { box-sizing: border-box;
  padding-top: 18px;
  border-top: 1px solid var(--lip-line);
  font: 400 13px/1.7 var(--nvm-ed-font-sans);
  color: var(--lip-muted);
}
@media (max-width: 1100px) {
  #nvm-lips-article .lip-hero {
    grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: 32px;
  }
  #nvm-lips-article .lip-hero__media { width: 320px; }
  #nvm-lips-article .lip-hero__title { font-size: clamp(32px, 3.4vw, 44px); }
  #nvm-lips-article .lip-hero__actions { width: 100%; }
}
@media (max-width: 820px) {
  #nvm-lips-article .lip-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "media" "copy" "topics" "actions";
    gap: var(--nvm-ed-s6);
    width: calc(100% - 32px);
    margin: var(--nvm-ed-s5) auto 0;
  }
  #nvm-lips-article .lip-hero__title { font-size: clamp(28px, 7.4vw, 34px); line-height: 1.12; }
  #nvm-lips-article .lip-hero__lead { font-size: 15px; margin-top: var(--nvm-ed-s4); }
  #nvm-lips-article .lip-hero__media { width: 100%; max-width: 380px; justify-self: center; }
  #nvm-lips-article .lip-hero__actions { grid-template-columns: 1fr; }
  #nvm-lips-article .lip-hero__read { height: 52px; width: 100%; }
}
@media (max-width: 760px) {
  #nvm-lips-article .nvm-lip .nvm-fig__card { padding: var(--nvm-ed-s5) var(--nvm-ed-s4); }
  #nvm-lips-article .nvm-lip .nvm-quote,
  #nvm-lips-article .nvm-lip .nvm-safety,
  #nvm-lips-article .nvm-lip .nvm-cta { padding: 22px 18px; }
  #nvm-lips-article .nvm-lip .nvm-cta__btn { max-width: 100%; white-space: normal; line-height: 1.5; border: 0}
}
@media (prefers-reduced-motion: reduce) {
  #nvm-lips-article .lp-outline { stroke-dashoffset: 0; }
  #nvm-lips-article .lp-fill, #nvm-lips-article .lp-hi,
  #nvm-lips-article .lp-guide, #nvm-lips-article .lp-dot,
  #nvm-lips-article .lp-label, #nvm-lips-article .nvm-timeline__step { opacity: 1; transform: none; }
  #nvm-lips-article .nvm-scale__fill { width: var(--w); }
  #nvm-lips-article .nvm-timeline::before { transform: none; }
}
