/* Source artwork remains a single, continuous composition on desktop.
   Text stays native and uses the site's typography and locale font stack. */
.dsx-m-reference-art{display:none!important}
/* Fill the available screen width, including displays wider than the shared chapter cap. */
.dsx-expansion>#dsx-minerals{width:100%;max-width:none;margin-inline:0}
@media(min-width:1280px){
 #dsx-minerals{position:relative;aspect-ratio:2160/3344;background:#eef5fb;isolation:isolate}
 #dsx-minerals>.dsx-m-reference-art{display:block!important;position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:-1;pointer-events:none}
 #dsx-minerals .dsx-m-art,#dsx-minerals .dsx-m-water-art{display:none}
 #dsx-minerals :is(.dsx-m-hero,.dsx-m-data,.dsx-m-water-panel,.dsx-m-distribution-panel,.dsx-m-electrolytes-panel,.dsx-m-traces,.dsx-m-trace-heading,.dsx-m-balanced,.dsx-m-features){display:contents}
 #dsx-minerals .dsx-m-hero header{display:contents}
 #dsx-minerals .dsx-m-hero h2{position:absolute;top:4.05%;left:10%;width:80%;text-align:center}
 #dsx-minerals .dsx-m-subtitle{position:absolute;top:8.58%;left:10%;width:80%;text-align:center}
 html body #main #dsx-minerals .dsx-m-hero h2{margin-bottom:15px!important}
 #dsx-minerals .dsx-m-intro{position:absolute;top:11.86%;left:12.42%;width:32.2%;margin:0}
 html body #main #dsx-minerals .dsx-m-intro p{margin:0 0 18px;line-height:var(--arotec-body-line-height)!important}
 html body #main #dsx-minerals .dsx-m-data h3{position:absolute;top:31.25%;margin:0!important;min-height:0;line-height:1.35!important;font-size:18px!important}
 #dsx-minerals .dsx-m-water-panel>h3{left:9.1%;width:21.9%}
 #dsx-minerals .dsx-m-distribution-panel>h3{left:34.38%;width:31.87%}
 #dsx-minerals .dsx-m-electrolytes-panel>h3{left:70.2%;width:26.6%}
 #dsx-minerals .dsx-m-water{position:absolute;left:9.14%;top:34.02%;width:21.72%;height:19.59%;border:0;border-radius:0;aspect-ratio:auto;overflow:visible}
 #dsx-minerals .dsx-m-water-copy{inset:33% 0 auto;gap:6px}
 #dsx-minerals .dsx-m-fraction{width:36.5%;height:34%;background:none;border:0;font-size:18px}
 #dsx-minerals .dsx-m-distribution{position:absolute;left:34.375%;top:34.02%;width:31.875%;height:19.59%;min-height:0;border:0;border-radius:0;grid-template-columns:55% 45%;grid-template-rows:23.7% 28.2% 6% 15.5% 13.4% 13.2%;overflow:visible}
 #dsx-minerals .dsx-m-cell{border:0;background:none;font-size:18px;line-height:1.35;padding:8px}
 #dsx-minerals :is(.dsx-m-chloride,.dsx-m-sodium){font-size:24px}
 #dsx-minerals :is(.dsx-m-calcium,.dsx-m-potassium,.dsx-m-other){display:block;align-content:center;font-size:16px;line-height:1.25;padding:4px}
 #dsx-minerals :is(.dsx-m-calcium,.dsx-m-potassium,.dsx-m-other)>strong{margin-inline:4px}
 #dsx-minerals .dsx-m-electrolytes{position:absolute;left:72.5%;top:35.28%;width:24%;height:18.9%;display:grid;grid-template-rows:repeat(6,1fr);gap:0}
 #dsx-minerals .dsx-m-electrolytes i{display:none}
 html body #main #dsx-minerals .dsx-m-electrolytes li,html body #main #dsx-minerals .dsx-m-electrolytes p{font-size:16px!important;line-height:1.4!important}
 #dsx-minerals .dsx-m-electrolytes p{margin:3px 0 0}
 html body #main #dsx-minerals .dsx-m-trace-heading h3{position:absolute;left:9.77%;top:56.84%;margin:0!important;text-transform:uppercase}
 html body #main #dsx-minerals .dsx-m-trace-heading p{position:absolute;left:9.77%;top:58.55%;width:60%;margin:0;font-size:18px!important;line-height:1.5!important}
 #dsx-minerals .dsx-m-trace-list{position:absolute;top:65.2%;left:8.45%;width:61.45%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0;padding:0}
 #dsx-minerals .dsx-m-symbol{display:none}
 #dsx-minerals .dsx-m-name{margin:0 0 8px;font-size:16px;line-height:1.4;min-height:23px;font-weight:600;overflow-wrap:normal;hyphens:auto}
 #dsx-minerals .dsx-m-trace-list small{font-size:16px;line-height:1.3;padding-inline:6px}
 html body #main #dsx-minerals .dsx-m-trace-note{position:absolute;left:9.77%;top:72%;width:61%;margin:0;font-size:16px!important;line-height:1.4!important}
 html body #main #dsx-minerals .dsx-m-balanced>h3{position:absolute;left:9.77%;top:76.33%;margin:0!important;font-size:20px!important}
 #dsx-minerals .dsx-m-features>div{position:absolute;left:17.18%;width:27%;display:block;color:white}
 #dsx-minerals .dsx-m-features>div:nth-child(1){top:78.45%}
 #dsx-minerals .dsx-m-features>div:nth-child(2){top:84%}
 #dsx-minerals .dsx-m-features>div:nth-child(3){top:88.25%}
 #dsx-minerals .dsx-m-features i{display:none}
 html body #main #dsx-minerals .dsx-m-features h4{font-size:20px!important;line-height:1.3!important;margin:0 0 4px!important}
 html body #main #dsx-minerals .dsx-m-features p{font-size:18px!important;line-height:1.4!important}
 #dsx-minerals .dsx-m-close{position:absolute;left:8%;top:95.45%;width:86%;background:none;border:0;padding:0}
 html body #main #dsx-minerals .dsx-m-close p{font-size:28px!important;line-height:1.45!important}
}
@layer arotec-text-colors{
 html body #main #dsx-minerals #dsx-minerals-title{text-transform:none!important}
 html body #main #dsx-minerals .dsx-m-data h3,
 html body #main #dsx-minerals .dsx-m-trace-heading h3,
 html body #main #dsx-minerals .dsx-m-balanced>h3{text-transform:uppercase!important}
}
/* Same display-heading tokens as the homepage A&S Research Focus heading. */
@layer arotec-display-headings.spec.request-20260910{
 html body #main #dsx-minerals #dsx-minerals-title{
  font-family:var(--site-font)!important;
  font-size:var(--arotec-display-size)!important;
  font-weight:var(--arotec-display-weight)!important;
  font-style:normal!important;
  line-height:var(--arotec-display-line-height)!important;
  letter-spacing:var(--arotec-display-letter-spacing)!important;
  overflow-wrap:anywhere!important;
 }
}
@layer arotec-mobile-main-headings{
 @media(max-width:767px){
  html body #main #dsx-minerals #dsx-minerals-title{
   font-size:calc(var(--arotec-display-size) * .6)!important;
   line-height:calc(var(--arotec-display-line-height) * .6)!important;
   letter-spacing:calc(var(--arotec-display-letter-spacing) * .6)!important;
   white-space:normal!important;
   overflow-wrap:anywhere!important;
   max-width:100%!important;
  }
 }
}
/* At narrower widths retain a readable, single-flow layout at site font sizes. */
@media(min-width:900px) and (max-width:1279px){
 #dsx-minerals .dsx-m-hero{min-height:620px;aspect-ratio:auto}
 #dsx-minerals .dsx-m-intro{width:39%;margin-left:8%}
 #dsx-minerals .dsx-m-traces{padding-right:25%;padding-left:5%;min-height:520px}
 #dsx-minerals .dsx-m-balanced{min-height:540px}
 #dsx-minerals .dsx-m-features{width:48%}
}