/* Working desktop edition. Everything is scoped above the mobile/tablet breakpoint. */
@media screen and (min-width:1024px) {
 html[data-style] #main.desktop-article {
  --desktop-gap:clamp(36px,4.4vw,68px);
  /* Approved width B: align all article content with the original header gold rule. */
  width:calc(100% - 2.5rem);max-width:76.75rem;margin:0 auto;padding:0;
 }
 html[data-style] #main.desktop-article .breadcrumbs {margin:28px 0 32px;}
 html[data-style] #main.desktop-article .article-hero {
  display:grid;grid-template-columns:1.05fr .95fr;gap:30px var(--desktop-gap);align-items:center;padding:0 0 38px;
 }
 html[data-style] #main.desktop-article .hero-copy {display:none;}
 html[data-style] #main.desktop-article .desktop-hero-copy {grid-column:2;grid-row:1;min-width:0;}
 html[data-style] #main.desktop-article .desktop-hero-copy h1 {font-size:38px;line-height:46px;margin:0 0 22px;text-wrap:balance;}
 html[data-style] #main.desktop-article .article-byline {margin:0 0 26px;text-align:left;}
 html[data-style] #main.desktop-article .hero-intro p {font-size:18px;line-height:29px;}
 html[data-style] #main.desktop-article .hero-intro p+p {margin-top:22px;}
 html[data-style] #main.desktop-article .article-hero>.photo {grid-column:1;grid-row:1;width:100%;margin:0;}
 html[data-style] #main.desktop-article .article-hero>.photo img {
  width:100%;height:auto;max-height:none;aspect-ratio:1.5;object-fit:cover;object-position:50% 40%;
 }
 html[data-style] #main.desktop-article[data-desktop-article=perimenopauza] .article-hero>.photo img {aspect-ratio:1.1;}
 html[data-style] #main.desktop-article[data-desktop-article=mineraly] .article-hero>.photo img {aspect-ratio:1.3;}
 html[data-style] #main.desktop-article .article-hero>.a2c-motto {grid-column:1/-1;width:100%;min-height:0;padding:40px;margin:0;}
 html[data-style] #main.desktop-article .article-hero>.a2c-motto p {max-width:960px;}
 html[data-style] #main.desktop-article .contents {grid-column:1/-1;width:100%;margin:0;padding:22px 0 0;border-bottom:0;}
 html[data-style] #main.desktop-article .contents .contents-links {grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;}
 html[data-style] #main.desktop-article .contents .contents-links a {font-size:18px;line-height:25px;min-height:48px;}
 html[data-style] #main.desktop-article .reading-layout {display:block;padding:0;}
 html[data-style] #main.desktop-article .chapter {width:100%;max-width:none;padding:46px 0;scroll-margin-top:26px;}
 html[data-style] #main.desktop-article .chapter-heading,
 html[data-style] #main.desktop-article .chapter-copy {width:100%;max-width:none;margin-left:0;margin-right:0;}
 html[data-style] #main.desktop-article .chapter-heading {margin-bottom:24px;}
 html[data-style] #main.desktop-article .chapter-heading h2 {max-width:none;font-size:34px;line-height:42px;text-align:left;}
 html[data-style] #main.desktop-article :is(.hero-intro,.chapter-copy,.desktop-copy,.desktop-flow,.desktop-molecule,.desktop-motto-band,.faq-answer)>p,
 html[data-style] #main.desktop-article :is(.faq-answer,.desktop-copy,.desktop-flow) li {
  font-size:18px;line-height:29px;text-align:justify;text-align-last:start;hyphens:none;-webkit-hyphens:none;text-justify:inter-word;orphans:3;widows:3;
 }
 html[data-style] #main.desktop-article :is(.hero-intro,.chapter-copy,.desktop-copy,.desktop-flow,.faq-answer)>p {margin:0 0 20px;}
 html[data-style] #main.desktop-article :is(.hero-intro,.chapter-copy,.desktop-copy,.desktop-flow,.faq-answer)>p:last-child {margin-bottom:0;}
 html[data-style] #main.desktop-article .desktop-rebuilt>.chapter-layout {display:none;}
 html[data-style] #main.desktop-article .desktop-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--desktop-gap);align-items:center;}
 html[data-style] #main.desktop-article .desktop-copy {min-width:0;}
 html[data-style] #main.desktop-article .desktop-row>figure {position:relative;width:100%;max-width:none;margin:0;min-width:0;}
 html[data-style] #main.desktop-article .desktop-row>.photo img {width:100%;height:auto;max-height:none;aspect-ratio:var(--photo-ratio);object-fit:cover;}
 html[data-style] #main.desktop-article .desktop-image-first>.desktop-row>.desktop-copy {grid-column:2;grid-row:1;}
 html[data-style] #main.desktop-article .desktop-image-first>.desktop-row>figure {grid-column:1;grid-row:1;}
 html[data-style] #main.desktop-article .desktop-row>.a2c-motto {width:100%;min-height:280px;margin:0;padding:38px 30px;align-self:stretch;}
 html[data-style] #main.desktop-article .a2c-motto p {font-size:28px;line-height:37px;max-width:560px;text-align:center;text-align-last:auto;text-wrap:balance;}
 html[data-style] #main.desktop-article .desktop-section>.chapter-heading {margin-bottom:28px;}
 html[data-style] #main.desktop-article .desktop-compact .desktop-row {grid-template-columns:1.2fr .8fr;}
 html[data-style] #main.desktop-article .desktop-compact.desktop-image-first .desktop-row {grid-template-columns:.8fr 1.2fr;}
 html[data-style] #main.desktop-article .desktop-compact .desktop-row>.photo {max-width:400px;justify-self:center;}
 html[data-style] #main.desktop-article .desktop-compact .desktop-row>.photo img {max-height:330px;aspect-ratio:1.3;}
 html[data-style] #main.desktop-article #traveni .desktop-row {grid-template-columns:1.35fr .65fr;align-items:start;}
 html[data-style] #main.desktop-article #traveni .desktop-row>.photo {max-width:320px;}
 html[data-style] #main.desktop-article #traveni .desktop-row>.photo img {aspect-ratio:1;max-height:none;object-fit:contain;}
 html[data-style] #main.desktop-article #brain-fog .desktop-row>.photo img {aspect-ratio:1.3333;}
 html[data-style] #main.desktop-article #diagnostika .desktop-row>.photo img {aspect-ratio:1.5;}
 html[data-style] #main.desktop-article .desktop-flow {columns:2;column-gap:var(--desktop-gap);column-fill:balance;}
 html[data-style] #main.desktop-article .desktop-flow>h3 {break-after:avoid;}
 html[data-style] #main.desktop-article .desktop-tail {margin-top:28px;}
 html[data-style] #main.desktop-article .desktop-wide>.photo {position:relative;width:100%;max-width:none;margin:0 0 28px;}
 html[data-style] #main.desktop-article .desktop-wide>.photo:last-child {margin:28px 0 0;}
 html[data-style] #main.desktop-article .desktop-wide>.photo img {width:100%;height:auto;max-height:none;aspect-ratio:2.5;object-fit:cover;}
 html[data-style] #main.desktop-article .desktop-skin-band>.photo {background:#d5d5d3;height:clamp(330px,29vw,410px);overflow:hidden;}
 html[data-style] #main.desktop-article .desktop-skin-band>.photo img {width:68%;height:100%;margin-left:auto;aspect-ratio:auto;object-fit:cover;object-position:70% 28%;mask-image:linear-gradient(to right,transparent,#000 16%);}
 html[data-style] #main.desktop-article .desktop-skin-band .skin-message {left:5%;width:33%;}
 html[data-style] #main.desktop-article .desktop-skin-band .skin-message p {font-size:30px;line-height:39px;text-align:center;}
 html[data-style] #main.desktop-article .symptom-topics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--desktop-gap);align-items:start;margin-top:28px;}
 html[data-style] #main.desktop-article .desktop-accordion-column {min-width:0;}
 html[data-style] #main.desktop-article .symptom-topics .symptom-list li {font-size:18px;line-height:29px;}
 html[data-style] #main.desktop-article .desktop-faq {display:grid;grid-template-columns:.72fr 1.28fr;gap:var(--desktop-gap);align-items:start;}
 html[data-style] #main.desktop-article .desktop-faq>.chapter-heading {position:sticky;top:30px;}
 html[data-style] #main.desktop-article .desktop-faq .faq-items {display:block;margin:0;}
 html[data-style] #main.desktop-article .faq summary {min-height:84px;align-items:center;padding:21px 0;}
 html[data-style] #main.desktop-article .faq summary h3 {font-size:22px;line-height:29px;}
 html[data-style] #main.desktop-article .faq-answer {padding:0 0 26px;}
 html[data-style] #main.desktop-article .desktop-motto-band>.a2c-motto {max-width:none;width:100%;min-height:0;padding:34px;margin:24px 0 0;}
 html[data-style] #main.desktop-article .desktop-motto-band>.a2c-motto p {max-width:1020px;}
 html[data-style] #main.desktop-article #cil-terapie .desktop-row>.photo {max-width:340px;}
 html[data-style] #main.desktop-article #transdermalni-podani .desktop-row>.photo {max-width:320px;}
 html[data-style] #main.desktop-article .desktop-wide>.desktop-care-visual {height:clamp(340px,28vw,410px);overflow:hidden;}
 html[data-style] #main.desktop-article .desktop-wide>.desktop-care-visual img {height:100%;aspect-ratio:auto;object-position:right center;}
 html[data-style] #main.desktop-article .desktop-care-message {position:absolute;left:3%;top:50%;transform:translateY(-50%);width:42%;margin:0;padding:0;}
 html[data-style] #main.desktop-article .desktop-care-message p {font-size:27px;line-height:37px;text-transform:uppercase;text-align:center;hyphens:none;margin:0;text-wrap:balance;}
 html[data-style] #main.desktop-article .desktop-care-message .a2c-ornament {margin:22px auto 0;}
 html[data-style] #main.desktop-article .desktop-text-band {display:grid;grid-template-columns:.72fr 1.28fr;gap:var(--desktop-gap);align-items:start;}
 html[data-style] #main.desktop-article .desktop-text-band>.chapter-heading {margin:0;}
 html[data-style] #main.desktop-article .hormone .source-list {grid-template-columns:1fr;columns:1;display:block;margin:14px 0 22px;}
 html[data-style] #main.desktop-article .desktop-copy .source-list li {font-size:18px;line-height:29px;}
 html[data-style] #main.desktop-article .desktop-copy .subheading {margin:0 0 16px;font-size:24px;line-height:31px;}
 html[data-style] #main.desktop-article .estriol-message p {font-size:25px;line-height:33px;}
 html[data-style] #main.desktop-article .desktop-row>.product-photo {max-width:520px;justify-self:center;}
 html[data-style] #main.desktop-article .desktop-row>.product-photo img {aspect-ratio:auto;height:auto;max-height:none;object-fit:contain;}
 html[data-style] #main.desktop-article .desktop-lab-lead {margin-bottom:32px;grid-template-columns:1.15fr .85fr;}
 html[data-style] #main.desktop-article .desktop-lab-lead>.a2c-motto {min-height:240px;}
 html[data-style] #main.desktop-article .desktop-molecule>.bioidentity-visual {display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:none;width:100%;margin:24px 0 0;}
 html[data-style] #main.desktop-article .desktop-molecule .bioidentity-model img {width:100%;height:340px;aspect-ratio:auto;object-fit:contain;}
 html[data-style] #main.desktop-article .desktop-molecule .bioidentity-visual figcaption {padding:34px 48px;}
 html[data-style] #main.desktop-article .desktop-molecule .bioidentity-sentence {font-size:28px;line-height:38px;text-align:center;}
 html[data-style] #main.desktop-article #transdermalni-podani .desktop-row>.photo img {aspect-ratio:1.3;object-position:100% 50%;}
 html[data-style] #main.desktop-article .article-references {max-width:none;width:100%;margin:0;padding:38px 0 10px;display:grid;grid-template-columns:1fr 3fr;gap:24px var(--desktop-gap);}
 html[data-style] #main.desktop-article .article-references>h2 {margin:0;}
 html[data-style] #main.desktop-article .medical-note {grid-column:2;margin:0;text-align:justify;hyphens:none;-webkit-hyphens:none;text-justify:inter-word;}
 html[data-style] #main.desktop-article .next-step {margin-top:36px;background:#ededed;padding:34px;}
 html[data-style] #main.desktop-article .next-step p {text-align:justify;hyphens:none;-webkit-hyphens:none;text-justify:inter-word;}
 html[data-style] #main.desktop-article .related {margin:48px 0;}
}
@media screen and (min-width:1024px) and (max-width:1199px) {
 html[data-style] #main.desktop-article {--desktop-gap:32px;}
 html[data-style] #main.desktop-article .desktop-hero-copy h1 {font-size:34px;line-height:42px;}
 html[data-style] #main.desktop-article .chapter-heading h2 {font-size:30px;line-height:38px;}
 html[data-style] #main.desktop-article .desktop-skin-band .skin-message p {font-size:26px;line-height:34px;}
 html[data-style] #main.desktop-article .estriol-message p {font-size:22px;line-height:29px;}
 html[data-style] #main.desktop-article .desktop-care-message p {font-size:23px;line-height:31px;}
}